@charset "UTF-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

:root {
  --primary: #8122A1!important;
  --secondary: #917AC2!important;
  --base: #F4F2FD!important;
  --gradient-color1: #8122A1!important;
  --gradient-color2: #51459D!important;
}

body[data-theme*=public] {
  --primary: #19a1a9!important;
  --secondary: #4CA7A8!important;
  --base: #F2F8FD!important;
  --gradient-color1: #19a1a9!important;
  --gradient-color2: #917AC2!important;
}

body[data-theme*=super] {
  --primary: #4e288f!important;
  --secondary: #7c5fd7!important;
  --base: #f8faff!important;
  --gradient-color1: #4c0e99!important;
  --gradient-color2: #b87ac2!important;
}

body[data-theme*=api] {
  --gradient-color1: #7a7885 !important;
  --gradient-color2: #d9d9d9 !important;
}

.font--thin {
  font-weight: 100 !important;
}

.font--extralight {
  font-weight: 200 !important;
}

.font--light {
  font-weight: 300 !important;
}

.font--regular {
  font-weight: 400 !important;
}

.font--medium {
  font-weight: 500 !important;
}

.font--semibold {
  font-weight: 600 !important;
}

.font--bold {
  font-weight: 700 !important;
}

.font--black {
  font-weight: 900 !important;
}

strong {
  font-weight: 500;
}

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

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

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

.text--uppercase {
  text-transform: uppercase !important;
}

.text--primary {
  color: var(--primary);
}

.blur__layer {
  background: linear-gradient(358.36deg, rgba(255, 255, 255, 0.01) 25.69%, rgba(255, 255, 255, 0) 169.2%);
  backdrop-filter: blur(4rem);
}

.page__wrapper {
  width: 100%;
  max-width: 100vw;
  min-height: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
}

.page__content {
  width: 100%;
}

.title--heading--h1 {
  font-family: "Inter", sans-serif !important;
  font-size: 2rem !important;
  letter-spacing: -0.06rem !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
}
.title--heading--h2 {
  font-family: "Inter", sans-serif !important;
  font-size: 1.25rem !important;
  letter-spacing: -0.0375rem !important;
  line-height: 1.5rem !important;
  font-weight: 700 !important;
}
.title--heading--h3 {
  font-family: "Inter", sans-serif !important;
  font-size: 1.125rem !important;
  letter-spacing: -0.03375rem !important;
  line-height: 1.35rem !important;
  font-weight: 700;
}
.title--heading--h4 {
  font-family: "Inter", sans-serif !important;
  font-size: 3.2rem;
  letter-spacing: -0.096rem;
  line-height: 3.9rem;
}
.title--heading--h5 {
  font-family: "Inter", sans-serif !important;
  font-size: 1.25rem;
  letter-spacing: -0.0375rem;
  line-height: 1.21;
  font-weight: 700;
  text-transform: initial;
}
.title--heading--h6 {
  font-family: "Inter", sans-serif !important;
  font-size: 1.1rem;
  letter-spacing: -0.033rem;
  line-height: 1.21;
  font-weight: 700;
  text-transform: initial;
}

h1, .custom-content__title {
  font-family: "Inter", sans-serif !important;
  font-size: 2rem !important;
  letter-spacing: -0.06rem !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
  color: #FFFFFF !important;
  padding: 0 0.5rem !important;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (min-width: 601px) {
  h1, .custom-content__title {
    max-width: 50vw;
  }
}
@media screen and (min-width: 835px) and (max-width: 1024px) and (orientation: portrait) {
  h1, .custom-content__title {
    max-width: 70vw;
  }
}
@media screen and (max-width: 835px) {
  h1, .custom-content__title {
    max-width: 70vw;
  }
}
@media screen and (max-width: 601px) {
  h1, .custom-content__title {
    max-width: 100%;
    align-items: flex-start !important;
    -webkit-line-clamp: 2;
  }
}

.text--body--xxs {
  font-family: "Inter", sans-serif !important;
  font-size: 1rem;
  letter-spacing: -0.03rem;
  line-height: 1.25rem;
}
.text--body--xs {
  font-family: "Inter", sans-serif !important;
  font-size: 0.875rem;
  letter-spacing: -0.02625rem;
  line-height: 1rem;
}
.text--body--sm {
  font-family: "Inter", sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.21 !important;
  letter-spacing: -0.03rem !important;
}
@media screen and (max-width: 601px) {
  .text--body--sm {
    line-height: 1.5;
  }
}
.text--body--md {
  font-family: "Inter", sans-serif !important;
  font-size: 1.5rem;
  line-height: 1.75rem;
  letter-spacing: -0.045rem;
}
.text--body--lg {
  font-family: "Inter", sans-serif !important;
  font-size: 2.5rem;
  letter-spacing: -0.075rem;
  line-height: 2.6rem;
}

.width--full {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.home__contact, .home__team, .home__pilot, .home__advantages, .home__about, .home__hero, .page__wrapper.login-signup__wrapper .login__wrapper .login-signup__wrapper__content, .page-template__wrapper .page__hero {
  width: 100%;
  position: relative;
  display: flex;
  padding-left: calc(11% + 4rem);
  padding-right: 10rem;
}
@media screen and (min-width: 835px) and (max-width: 1024px) and (orientation: portrait) {
  .home__contact, .home__team, .home__pilot, .home__advantages, .home__about, .home__hero, .page__wrapper.login-signup__wrapper .login__wrapper .login-signup__wrapper__content, .page-template__wrapper .page__hero {
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
@media screen and (max-width: 835px) {
  .home__contact, .home__team, .home__pilot, .home__advantages, .home__about, .home__hero, .page__wrapper.login-signup__wrapper .login__wrapper .login-signup__wrapper__content, .page-template__wrapper .page__hero {
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
@media screen and (max-width: 601px) {
  .home__contact, .home__team, .home__pilot, .home__advantages, .home__about, .home__hero, .page__wrapper.login-signup__wrapper .login__wrapper .login-signup__wrapper__content, .page-template__wrapper .page__hero {
    padding-left: 3.2rem;
    padding-right: 3.2rem;
  }
}

.button, button {
  font-family: "Inter", sans-serif !important;
  background: none !important;
  color: inherit !important;
  border: none !important;
  outline: none !important;
  cursor: pointer !important;
  border-radius: 0.5rem !important;
  font-size: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  font-weight: 500 !important;
  position: relative !important;
  overflow: hidden !important;
  padding: 0.75rem 1rem !important;
  text-transform: initial !important;
  height: auto !important;
  transition: all 0.3s ease !important;
  display: flex !important;
}
.button[disabled], button[disabled] {
  opacity: 0.4;
  pointer-events: none !important;
}

button.button--primary, .button--primary, input[type=submit] {
  font-family: "Inter", sans-serif !important;
  background: none !important;
  color: inherit !important;
  border: none !important;
  outline: none !important;
  cursor: pointer !important;
  border-radius: 0.5rem !important;
  font-size: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  font-weight: 500 !important;
  position: relative !important;
  overflow: hidden !important;
  padding: 0.75rem 1rem !important;
  text-transform: initial !important;
  height: auto !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  background: var(--primary) !important;
  color: #FFFFFF !important;
  border: 0.1rem solid var(--primary) !important;
}
button.button--primary[disabled], .button--primary[disabled], input[type=submit][disabled] {
  opacity: 0.4;
  pointer-events: none !important;
}
@media (hover: hover) and (pointer: fine) {
  button.button--primary:hover:not(:disabled), button.button--primary:hover:not([disabled]), .button--primary:hover:not(:disabled), .button--primary:hover:not([disabled]), input[type=submit]:hover:not(:disabled), input[type=submit]:hover:not([disabled]) {
    background: var(--secondary) !important;
    border-color: var(--secondary) !important;
  }
}

button.button--secondary, .button--secondary {
  font-family: "Inter", sans-serif !important;
  background: none !important;
  color: inherit !important;
  border: none !important;
  outline: none !important;
  cursor: pointer !important;
  border-radius: 0.5rem !important;
  font-size: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  font-weight: 500 !important;
  position: relative !important;
  overflow: hidden !important;
  padding: 0.75rem 1rem !important;
  text-transform: initial !important;
  height: auto !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  background: none !important;
  color: var(--secondary) !important;
  border: 0.1rem solid var(--secondary) !important;
}
button.button--secondary[disabled], .button--secondary[disabled] {
  opacity: 0.4;
  pointer-events: none !important;
}
@media (hover: hover) and (pointer: fine) {
  button.button--secondary:hover:not(:disabled), button.button--secondary:hover:not([disabled]), .button--secondary:hover:not(:disabled), .button--secondary:hover:not([disabled]) {
    color: var(--primary) !important;
    border-color: var(--primary) !important;
  }
}

button.button--tertiary, .button--tertiary {
  color: #1A1B1C !important;
  background: #FFFFFF !important;
  border: 0.1rem solid #FFFFFF !important;
  border-radius: 2rem !important;
  padding: 0 !important;
}
button.button--tertiary a, .button--tertiary a {
  padding: 0.75rem 2rem !important;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  gap: 0.5rem;
}
button.button--tertiary img, .button--tertiary img {
  width: 1.2rem;
  filter: brightness(0) !important;
  opacity: 0.8 !important;
}
@media (hover: hover) and (pointer: fine) {
  button.button--tertiary:hover:not(:disabled), button.button--tertiary:hover:not([disabled]), .button--tertiary:hover:not(:disabled), .button--tertiary:hover:not([disabled]) {
    background: #1A1B1C !important;
    color: #F2F2F2 !important;
  }
  button.button--tertiary:hover:not(:disabled) img, button.button--tertiary:hover:not([disabled]) img, .button--tertiary:hover:not(:disabled) img, .button--tertiary:hover:not([disabled]) img {
    filter: brightness(0) invert(1) !important;
    opacity: 1 !important;
  }
}

button.button--icon, .button--icon {
  width: 2.4rem !important;
  height: 2.4rem !important;
  border-radius: 100% !important;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  font-size: 1rem !important;
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  cursor: pointer;
}
button.button--icon.no-link, .button--icon.no-link {
  padding: 0 !important;
}
button.button--icon img, button.button--icon svg, .button--icon img, .button--icon svg {
  width: 90%;
  height: 90%;
  flex-shrink: 0;
}
button.button--icon::before, .button--icon::before {
  display: none !important;
}
button.button--icon:focus, .button--icon:focus {
  box-shadow: none !important;
}
button.button--icon.button--icon--primary, .button--icon.button--icon--primary {
  background: var(--secondary) !important;
  color: #FFFFFF !important;
  padding: 0 !important;
}
@media (hover: hover) and (pointer: fine) {
  button.button--icon.button--icon--primary:hover, .button--icon.button--icon--primary:hover {
    background: #393843 !important;
  }
}

button.button--switch__wrapper, .button--switch__wrapper {
  width: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: stretch;
  align-content: stretch;
  border-radius: 0.5rem;
  margin-bottom: 1.5rem !important;
}
button.button--switch__wrapper .button--switch, .button--switch__wrapper .button--switch {
  background: none !important;
  color: #8D8B9F !important;
  font-family: "Inter", sans-serif !important;
  font-size: 0.875rem;
  letter-spacing: -0.02625rem;
  line-height: 1rem;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  border: 1px solid #8D8B9F !important;
  flex-grow: 1;
  padding: 0 !important;
}
button.button--switch__wrapper .button--switch:first-of-type, .button--switch__wrapper .button--switch:first-of-type {
  border-radius: 0.5rem 0 0 0.5rem !important;
}
button.button--switch__wrapper .button--switch:last-of-type, .button--switch__wrapper .button--switch:last-of-type {
  border-radius: 0 0.5rem 0.5rem 0 !important;
}
button.button--switch__wrapper .button--switch a, .button--switch__wrapper .button--switch a {
  width: 100%;
  padding: 0.5rem 0.75rem;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  gap: 0.25rem;
}
@media (hover: hover) and (pointer: fine) {
  button.button--switch__wrapper .button--switch a:hover, .button--switch__wrapper .button--switch a:hover {
    font-weight: 500 !important;
    text-decoration: none !important;
  }
}
button.button--switch__wrapper .button--switch a img, .button--switch__wrapper .button--switch a img {
  width: 0.9rem;
  margin-bottom: 1px;
}
button.button--switch__wrapper .button--switch.active, .button--switch__wrapper .button--switch.active {
  background: var(--primary) !important;
  border-color: var(--primary) !important;
  color: #FFFFFF !important;
}
button.button--switch__wrapper .button--switch:not(.active) img, .button--switch__wrapper .button--switch:not(.active) img {
  filter: brightness(0.6);
}
@media (hover: hover) and (pointer: fine) {
  button.button--switch__wrapper .button--switch:not(.active):hover, .button--switch__wrapper .button--switch:not(.active):hover {
    background: var(--base) !important;
  }
}

.has-tooltip {
  position: relative !important;
  overflow: visible !important;
}
.has-tooltip::after {
  content: attr(aria-label);
  background: #1A1B1C;
  color: #F2F2F2;
  font-family: "Inter", sans-serif !important;
  border-radius: 0.3rem;
  font-size: 1rem;
  line-height: 1;
  padding: 0.5rem 0.5rem;
  white-space: nowrap;
  text-transform: initial;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  bottom: -1.5rem;
  left: 75%;
  display: block;
  height: auto;
  width: auto;
  z-index: 3;
}
.has-tooltip.tooltip-right::after {
  left: auto;
  right: 50%;
}
.has-tooltip.tooltip-inlines::after {
  left: auto;
  right: auto;
  bottom: auto;
  top: 85%;
  max-width: 95%;
  white-space: normal;
  font-size: 0.75rem;
}
.has-tooltip.tooltip-help {
  position: absolute !important;
  top: 0;
  right: 0;
  cursor: help;
  color: var(--secondary);
}
@media (hover: hover) and (pointer: fine) {
  .has-tooltip.tooltip-help:hover {
    color: var(--primary);
  }
}
.has-tooltip.tooltip-help::after {
  white-space: normal;
  width: auto;
  min-width: 15rem;
  max-width: 30rem;
  height: auto;
  display: table;
  max-width: 30rem;
  font-size: 0.9rem !important;
  letter-spacing: 0;
  top: 0.3rem;
  left: auto;
  right: 100%;
}
.has-tooltip:hover::after {
  opacity: 1;
  transition: all 0.1s 0.5s ease;
  visibility: visible;
}

.form-row:has(.tooltip-help) {
  overflow: visible;
  position: relative;
}

.ui-tooltip {
  z-index: 4 !important;
}

button.button--delete-object, .button--delete-object, button.button--history, .button--history {
  width: 2.8rem !important;
  height: 2.8rem !important;
  border-radius: 100% !important;
  background: var(--primary) !important;
  color: #FFFFFF !important;
  font-size: 1.3rem !important;
  padding: 0 !important;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
}
@media (hover: hover) and (pointer: fine) {
  button.button--delete-object:hover, .button--delete-object:hover, button.button--history:hover, .button--history:hover {
    background: #393843 !important;
    text-decoration: none !important;
  }
}

button.button--edit-object i, .button--edit-object i {
  width: 1.75rem !important;
  height: 1.75rem !important;
  border-radius: 0.25rem !important;
  background-color: #393843 !important;
  color: #FFFFFF !important;
  position: absolute !important;
  right: 0.5rem !important;
  top: calc(50% - 0.875rem) !important;
  margin: 0 !important;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  display: flex !important;
  font-size: 0.95rem !important;
}
@media (hover: hover) and (pointer: fine) {
  button.button--edit-object:hover:not(:disabled) i, button.button--edit-object:hover:not([disabled]) i, .button--edit-object:hover:not(:disabled) i, .button--edit-object:hover:not([disabled]) i {
    background-color: var(--secondary) !important;
  }
}

button.button--navigation, .button--navigation {
  width: 100% !important;
  padding: 0.25rem 0.5rem !important;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: 0.5rem !important;
  color: #393843 !important;
  border-radius: 0.5rem !important;
}
button.button--navigation img, button.button--navigation svg, .button--navigation img, .button--navigation svg {
  width: 1.75rem;
  opacity: 0.7;
}
button.button--navigation img, .button--navigation img {
  filter: grayscale(0.9);
}
button.button--navigation svg.stroked path, .button--navigation svg.stroked path {
  stroke: #393843;
}
button.button--navigation svg:not(.stroked) path, .button--navigation svg:not(.stroked) path {
  fill: #393843;
}
button.button--navigation svg path.stroked, .button--navigation svg path.stroked {
  stroke: #393843;
}
@media (hover: hover) and (pointer: fine) {
  button.button--navigation:hover, .button--navigation:hover {
    background: #F2F2F2 !important;
    color: #8D8B9F !important;
    display: flex !important;
  }
  button.button--navigation:hover svg, .button--navigation:hover svg {
    opacity: 1;
  }
  button.button--navigation:hover svg.stroked path, .button--navigation:hover svg.stroked path {
    stroke: #8D8B9F;
  }
  button.button--navigation:hover svg:not(.stroked) path, .button--navigation:hover svg:not(.stroked) path {
    fill: #8D8B9F;
  }
  button.button--navigation:hover svg path.stroked, .button--navigation:hover svg path.stroked {
    stroke: #8D8B9F;
  }
}
button.button--navigation.active, .button--navigation.active {
  background: #F2F2F2 !important;
  color: var(--primary) !important;
}
button.button--navigation.active svg, .button--navigation.active svg {
  opacity: 1;
}
button.button--navigation.active svg.stroked path, .button--navigation.active svg.stroked path {
  stroke: var(--primary);
}
button.button--navigation.active svg:not(.stroked) path, .button--navigation.active svg:not(.stroked) path {
  fill: var(--primary);
}
button.button--navigation.active svg path.stroked, .button--navigation.active svg path.stroked {
  stroke: var(--primary);
}
button.button--navigation.active img, .button--navigation.active img {
  opacity: 1;
  filter: none;
}

button.button--navigation-item, .button--navigation-item {
  white-space: nowrap;
  display: flex !important;
  flex-grow: 1;
  padding: 0.25rem 3rem 0.25rem 0.75rem !important;
}
@media (hover: hover) and (pointer: fine) {
  button.button--navigation-item:hover, .button--navigation-item:hover {
    display: flex !important;
    color: var(--secondary) !important;
  }
}
button.button--navigation-item.active, .button--navigation-item.active {
  color: var(--primary) !important;
}

.link-element {
  font-family: "Inter", sans-serif !important;
  font-size: 0.875rem;
  letter-spacing: -0.02625rem;
  line-height: 1rem;
  text-decoration: underline !important;
}
.link-element.color--primary {
  color: var(--primary) !important;
}
.link-element.color--secondary {
  color: var(--secondary) !important;
}
.link-element.size--inherit {
  font-size: inherit !important;
}
@media (hover: hover) and (pointer: fine) {
  .link-element:hover {
    text-decoration: none !important;
  }
}
.link-element--arrow-back {
  width: auto;
  padding-left: 2rem;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  font-family: "Inter", sans-serif !important;
  font-size: 0.875rem;
  letter-spacing: -0.02625rem;
  line-height: 1rem;
  letter-spacing: -0.054rem;
  font-weight: 600;
  position: relative;
}
@media screen and (max-width: 601px) {
  .link-element--arrow-back {
    padding-left: 3.2rem;
  }
}
.link-element--arrow-back::before {
  content: "";
  width: 1.2rem;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("https://public-images.brainstem.org/images/icons/icon_arrow-right.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  transform: rotate(180deg);
  transition: all 0.3s ease;
}
@media screen and (max-width: 601px) {
  .link-element--arrow-back::before {
    width: 2.4rem;
  }
}
@media (hover: hover) and (pointer: fine) {
  .link-element--arrow-back:hover::before {
    transform: translateX(-0.5rem);
  }
}

button.button--main-action, .button--main-action {
  font-family: "Inter", sans-serif !important;
  background: none !important;
  color: inherit !important;
  border: none !important;
  outline: none !important;
  cursor: pointer !important;
  border-radius: 0.5rem !important;
  font-size: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  font-weight: 500 !important;
  position: relative !important;
  overflow: hidden !important;
  padding: 0.75rem 1rem !important;
  text-transform: initial !important;
  height: auto !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  background: #1A1B1C !important;
  color: #FFFFFF !important;
  border: 0.1rem solid #1A1B1C !important;
  padding: 0.75rem 1rem !important;
  align-items: center !important;
  justify-content: center !important;
}
button.button--main-action[disabled], .button--main-action[disabled] {
  opacity: 0.4;
  pointer-events: none !important;
}
button.button--main-action:has(> i), .button--main-action:has(> i) {
  padding-right: 3rem !important;
}
button.button--main-action.no-icon, .button--main-action.no-icon {
  padding-right: 1rem !important;
}
button.button--main-action > i, .button--main-action > i {
  width: 1.75rem !important;
  height: 1.75rem !important;
  border-radius: 0.25rem !important;
  background-color: #393843 !important;
  color: #FFFFFF !important;
  position: absolute !important;
  right: 0.5rem !important;
  top: calc(50% - 0.875rem) !important;
  margin: 0 !important;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  display: flex !important;
  font-size: 0.95rem !important;
}
@media (hover: hover) and (pointer: fine) {
  button.button--main-action:hover:not(:disabled), button.button--main-action:hover:not([disabled]), .button--main-action:hover:not(:disabled), .button--main-action:hover:not([disabled]) {
    background: var(--primary) !important;
    border-color: var(--primary) !important;
    color: #FFFFFF !important;
  }
  button.button--main-action:hover:not(:disabled) > i, button.button--main-action:hover:not([disabled]) > i, .button--main-action:hover:not(:disabled) > i, .button--main-action:hover:not([disabled]) > i {
    background-color: var(--secondary) !important;
  }
}

button.button--inline-navigation, .button--inline-navigation {
  width: 100%;
  border-radius: 0.5rem;
  background: var(--base);
  border: none;
  padding: 0.75rem 1.5rem 0.5rem 1.75rem;
  color: #8D8B9F !important;
  font-family: "Inter", sans-serif !important;
  font-size: 0.875rem;
  letter-spacing: -0.02625rem;
  line-height: 1rem;
  line-height: 1.8 !important;
  font-weight: 600;
  transition: all 0.3s ease;
  overflow: visible !important;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05);
}
@media screen and (min-width: 835px) and (max-width: 1024px) and (orientation: portrait) {
  button.button--inline-navigation, .button--inline-navigation {
    max-width: 20rem;
    width: auto;
    font-family: "Inter", sans-serif !important;
    font-size: 1rem !important;
    line-height: 1.21 !important;
    letter-spacing: -0.03rem !important;
    height: 100%;
  }
}
@media screen and (min-width: 835px) and (max-width: 1024px) and (orientation: portrait) and (max-width: 601px) {
  button.button--inline-navigation, .button--inline-navigation {
    line-height: 1.5;
  }
}
@media screen and (min-width: 835px) and (max-width: 1024px) and (orientation: portrait) {
  button.button--inline-navigation::after, .button--inline-navigation::after {
    display: none !important;
  }
}
@media screen and (max-width: 835px) {
  button.button--inline-navigation, .button--inline-navigation {
    max-width: 20rem;
    width: auto;
    font-family: "Inter", sans-serif !important;
    font-size: 1rem !important;
    line-height: 1.21 !important;
    letter-spacing: -0.03rem !important;
    height: 100%;
  }
}
@media screen and (max-width: 835px) and (max-width: 601px) {
  button.button--inline-navigation, .button--inline-navigation {
    line-height: 1.5;
  }
}
@media screen and (max-width: 835px) {
  button.button--inline-navigation::after, .button--inline-navigation::after {
    display: none !important;
  }
}
button.button--inline-navigation .inline-navigation-item__grab, .button--inline-navigation .inline-navigation-item__grab {
  height: calc(100% + 1.25rem);
  width: auto;
  padding: 5px;
  margin: -0.25rem 0.5rem 0 -1.75rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  background: #FFFFFF;
  border-radius: 0.25rem 0 0 0.25rem;
  transition: all 0.3s ease;
  cursor: move;
}
button.button--inline-navigation .inline-navigation-item__grab img, .button--inline-navigation .inline-navigation-item__grab img {
  width: 5px;
  transition: all 0.3s ease;
}
@media (hover: hover) and (pointer: fine) {
  button.button--inline-navigation .inline-navigation-item__grab:hover:not(:disabled), button.button--inline-navigation .inline-navigation-item__grab:hover:not([disabled]), .button--inline-navigation .inline-navigation-item__grab:hover:not(:disabled), .button--inline-navigation .inline-navigation-item__grab:hover:not([disabled]) {
    background: var(--secondary) !important;
  }
  button.button--inline-navigation .inline-navigation-item__grab:hover:not(:disabled) img, button.button--inline-navigation .inline-navigation-item__grab:hover:not([disabled]) img, .button--inline-navigation .inline-navigation-item__grab:hover:not(:disabled) img, .button--inline-navigation .inline-navigation-item__grab:hover:not([disabled]) img {
    filter: brightness(0) invert(1);
  }
}
button.button--inline-navigation span, .button--inline-navigation span {
  position: relative;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap;
}
button.button--inline-navigation::before, .button--inline-navigation::before {
  content: "";
  width: 1rem;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0.5rem;
  filter: grayscale(1);
  opacity: 0.6;
  transition: all 0.3s ease;
  background-image: url("https://public-images.brainstem.org/images/icons/icon-chevron-right.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}
@media (hover: hover) and (pointer: fine) {
  button.button--inline-navigation:not(.selected):hover:not(:disabled), button.button--inline-navigation:not(.selected):hover:not([disabled]), .button--inline-navigation:not(.selected):hover:not(:disabled), .button--inline-navigation:not(.selected):hover:not([disabled]) {
    color: var(--secondary) !important;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.25);
  }
  button.button--inline-navigation:not(.selected):hover:not(:disabled)::before, button.button--inline-navigation:not(.selected):hover:not([disabled])::before, .button--inline-navigation:not(.selected):hover:not(:disabled)::before, .button--inline-navigation:not(.selected):hover:not([disabled])::before {
    filter: grayscale(0.4);
    transform: translateX(0.25rem);
  }
}
button.button--inline-navigation.selected, .button--inline-navigation.selected {
  background: var(--primary) !important;
  color: #FFFFFF !important;
}
button.button--inline-navigation.selected::before, .button--inline-navigation.selected::before {
  opacity: 1;
  filter: brightness(0) invert(1);
}
button.button--inline-navigation.ui-sortable-helper, .button--inline-navigation.ui-sortable-helper {
  cursor: move;
}
button.button--inline-navigation.ui-sortable-helper .inline-navigation-item__grab, .button--inline-navigation.ui-sortable-helper .inline-navigation-item__grab {
  background: #1A1B1C;
}
button.button--inline-navigation.ui-sortable-helper .inline-navigation-item__grab img, .button--inline-navigation.ui-sortable-helper .inline-navigation-item__grab img {
  filter: brightness(0) invert(1);
}

button.button--approval {
  background: #259543 !important;
  border-color: #259543 !important;
}

button.button--rejection {
  background: #FF5757 !important;
  border-color: #FF5757 !important;
}

button.button--options {
  padding-right: 0.5rem;
}
button.button--options.active {
  background: #393843 !important;
  border-color: #393843 !important;
}
button.button--options.active svg {
  transform: rotateX(180deg);
}
@media screen and (max-width: 601px) {
  button.button--options.active svg {
    transform: rotateX(0deg);
  }
}
button.button--options svg {
  width: 1.3rem;
  height: 1.3rem;
  margin-left: 0.25rem;
  transition: all 0.3s ease;
}
@media screen and (max-width: 601px) {
  button.button--options svg {
    transform: rotateX(180deg);
  }
}

.button--options__wrapper {
  position: relative;
}
.button--options__wrapper .button--options__dropdown {
  width: auto;
  height: auto;
  position: absolute;
  top: 100%;
  left: 0;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  padding: 0.5rem;
  background: #FFFFFF;
  border-radius: 0.5rem;
  box-shadow: 0rem 0.4rem 1rem rgba(0, 0, 0, 0.1);
  font-family: "Inter", sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.21 !important;
  letter-spacing: -0.03rem !important;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}
@media screen and (max-width: 601px) {
  .button--options__wrapper .button--options__dropdown {
    line-height: 1.5;
  }
}
@media screen and (max-width: 601px) {
  .button--options__wrapper .button--options__dropdown {
    top: auto;
    bottom: 100%;
  }
}
.button--options__wrapper .button--options__dropdown li {
  white-space: nowrap;
}
@media (hover: hover) and (pointer: fine) {
  .button--options__wrapper .button--options__dropdown li:hover {
    color: var(--secondary);
  }
}

.tag-component--link {
  border-radius: 0.25rem !important;
  background: #E8F0FF !important;
  color: #4550B6 !important;
  padding: 0 0.5rem !important;
  font-family: "Inter", sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.21 !important;
  letter-spacing: -0.03rem !important;
  line-height: 1.5 !important;
  display: -webkit-inline-box !important;
  -webkit-line-clamp: 1 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-align: center;
}
@media screen and (max-width: 601px) {
  .tag-component--link {
    line-height: 1.5;
  }
}
@media (hover: hover) and (pointer: fine) {
  .tag-component--link:hover {
    background: rgba(232, 240, 255, 0.5) !important;
  }
}

.tag-component {
  border-radius: 0.25rem !important;
  background: var(--base) !important;
  border: 1px solid var(--base) !important;
  color: var(--secondary) !important;
  padding: 0.25rem 0.5rem !important;
  font-family: "Inter", sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.21 !important;
  letter-spacing: -0.03rem !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 1 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
@media screen and (max-width: 601px) {
  .tag-component {
    line-height: 1.5;
  }
}

.session-type-tag {
  display: inline-flex !important;
  align-items: center;
  width: fit-content;
  font-weight: 500;
  border-width: 1px !important;
}

.session-type-tag--subject {
  background: var(--base) !important;
  border-color: var(--base) !important;
  color: var(--secondary) !important;
}

.session-type-tag--specimen {
  background: #f8fff6 !important;
  border-color: #f8fff6 !important;
  color: #259543 !important;
}

.tag-component--filter {
  border-radius: 0.25rem !important;
  background: var(--base) !important;
  border: 1px solid var(--base) !important;
  color: var(--secondary) !important;
  padding: 0.25rem 0.5rem !important;
  font-family: "Inter", sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.21 !important;
  letter-spacing: -0.03rem !important;
  font-weight: 500;
  display: -webkit-box !important;
  -webkit-line-clamp: 1 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
@media screen and (max-width: 601px) {
  .tag-component--filter {
    line-height: 1.5;
  }
}
@media (hover: hover) and (pointer: fine) {
  .tag-component--filter:hover {
    background: rgba(var(--base), 0.5) !important;
    border-color: rgba(var(--secondary), 0.5) !important;
  }
}
.tag-component--filter.selected {
  background: var(--primary) !important;
  color: #FFFFFF !important;
  border-color: var(--primary) !important;
}

.select2-selection__choice {
  border-radius: 0.25rem !important;
  background: #E8F0FF !important;
  color: #4550B6 !important;
  padding: 0 0.5rem !important;
  font-family: "Inter", sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.21 !important;
  letter-spacing: -0.03rem !important;
  line-height: 1.5 !important;
  display: -webkit-inline-box !important;
  -webkit-line-clamp: 1 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-align: center;
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  gap: 0.25rem;
  font-weight: 500;
}
@media screen and (max-width: 601px) {
  .select2-selection__choice {
    line-height: 1.5;
  }
}
@media (hover: hover) and (pointer: fine) {
  .select2-selection__choice:hover {
    background: rgba(232, 240, 255, 0.5) !important;
  }
}
@media screen and (max-width: 601px) {
  .select2-selection__choice {
    max-width: 55vw;
  }
}
.select2-selection__choice .select2-selection__choice__remove {
  color: #4550B6 !important;
  font-size: 1rem !important;
}
@media (hover: hover) and (pointer: fine) {
  .select2-selection__choice .select2-selection__choice__remove:hover {
    opacity: 0.8;
  }
}

.tag--super-admin {
  border-radius: 0.25rem !important;
  background: var(--base) !important;
  border: 1px solid var(--base) !important;
  color: var(--secondary) !important;
  padding: 0.25rem 0.5rem !important;
  font-family: "Inter", sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.21 !important;
  letter-spacing: -0.03rem !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 1 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  background: var(--primary) !important;
  color: #FFFFFF !important;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  display: flex !important;
  padding: 0.75rem 1.5rem !important;
  gap: 0.75rem !important;
  border-radius: 0.5rem !important;
  font-family: "Inter", sans-serif !important;
  font-size: 1rem;
  letter-spacing: -0.03rem;
  line-height: 1.25rem;
}
@media screen and (max-width: 601px) {
  .tag--super-admin {
    line-height: 1.5;
  }
}
@media screen and (max-width: 601px) {
  .tag--super-admin {
    width: 3.2rem !important;
    height: 3.2rem !important;
    padding: 0.75rem !important;
  }
}

.choice-toggle {
  display: inline-flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap;
  align-items: stretch;
  gap: 0.25rem;
  width: auto !important;
  max-width: 100%;
  min-height: calc(1.21rem + 1.5rem + 2px);
  margin: 0 !important;
  padding: 0.25rem !important;
  list-style: none !important;
  border: 1px solid #8D8B9F;
  border-radius: 0.5rem;
  background: var(--base);
  box-sizing: border-box;
}
.choice-toggle > div,
.choice-toggle > li {
  display: flex !important;
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
.choice-toggle label:has(input[type=radio]) {
  position: relative;
  display: flex !important;
  flex: 1 1 auto;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 0.75rem !important;
  border: none !important;
  border-radius: calc(0.5rem - 0.25rem);
  background: transparent !important;
  color: #393843 !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  line-height: 1.21 !important;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  transition: background-color 0.18s ease, color 0.18s ease;
}
@media (prefers-reduced-motion: reduce) {
  .choice-toggle label:has(input[type=radio]) {
    transition: none;
  }
}
.choice-toggle label:has(input[type=radio]):hover:not(.is-disabled):not(:has(input:checked)):not(:has(input:disabled)) {
  background: rgba(255, 255, 255, 0.75) !important;
}
.choice-toggle label:has(input[type=radio]):has(input:checked) {
  background: var(--primary) !important;
  color: #FFFFFF !important;
}
.choice-toggle label:has(input[type=radio]):has(input:focus-visible) {
  outline: 2px solid var(--primary);
  outline-offset: 2px;
}
.choice-toggle label:has(input[type=radio]).is-disabled, .choice-toggle label:has(input[type=radio]):has(input:disabled) {
  color: #8D8B9F !important;
  cursor: not-allowed !important;
  opacity: 0.55;
}
.choice-toggle input[type=radio] {
  position: absolute !important;
  inline-size: 1px !important;
  block-size: 1px !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.choice-toggle--block {
  display: flex !important;
  width: 100% !important;
}
.choice-toggle--block > div,
.choice-toggle--block > li {
  flex: 1 1 0 !important;
}

.choice-toggle.choice-toggle--locked {
  pointer-events: none;
}
.choice-toggle.choice-toggle--locked label:has(input[type=radio]) {
  cursor: default !important;
  opacity: 1 !important;
}
.choice-toggle.choice-toggle--locked label:has(input[type=radio]):has(input:checked) {
  background: var(--primary) !important;
  color: #FFFFFF !important;
}

div.readonly:has(> .choice-toggle) {
  min-height: 0 !important;
  margin-top: 0 !important;
  padding: 0 !important;
}

.fieldBox:has(> div.readonly > .choice-toggle) {
  row-gap: 0 !important;
}

.custom-fieldset > .form-row:has(> .fieldBox .choice-toggle) {
  display: flex !important;
  flex-direction: row;
  align-items: flex-start;
  gap: 1rem;
}
.custom-fieldset > .form-row:has(> .fieldBox .choice-toggle) > .fieldBox {
  flex: 1 1 0;
  min-width: 0;
  width: auto !important;
}
@media screen and (max-width: 601px) {
  .custom-fieldset > .form-row:has(> .fieldBox .choice-toggle) {
    flex-direction: column;
  }
  .custom-fieldset > .form-row:has(> .fieldBox .choice-toggle) > .fieldBox {
    width: 100% !important;
  }
}

dialog.brainstem-confirm {
  width: min(512px, 100vw - 32px);
  max-width: none;
  margin: auto;
  padding: 0;
  border: none;
  border-radius: 12px;
  background: #FFFFFF;
  box-shadow: 0 12px 40px rgba(26, 27, 28, 0.25);
  color: #393843;
  font-size: 15px;
  line-height: 1.5;
}
dialog.brainstem-confirm::backdrop {
  background: rgba(26, 27, 28, 0.5);
}
dialog.brainstem-confirm .brainstem-confirm__body {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  gap: 16px;
  padding: 24px;
}
dialog.brainstem-confirm .brainstem-confirm__title {
  margin: 0 !important;
  padding: 0 0 12px !important;
  border-bottom: 1px solid rgba(141, 139, 159, 0.5);
  color: #1A1B1C !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
}
dialog.brainstem-confirm .brainstem-confirm__message {
  margin: 0 !important;
  white-space: pre-line;
}
dialog.brainstem-confirm .brainstem-confirm__actions {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  align-content: center;
  gap: 8px;
  margin-top: 8px;
}
dialog.brainstem-confirm .brainstem-confirm__button {
  min-width: 96px;
  margin: 0 !important;
  padding: 10px 18px !important;
  border: 1px solid var(--primary) !important;
  border-radius: 8px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  cursor: pointer;
  transition: background-color 0.18s ease, color 0.18s ease;
}
dialog.brainstem-confirm .brainstem-confirm__button--cancel {
  background: #FFFFFF !important;
  color: var(--primary) !important;
}
dialog.brainstem-confirm .brainstem-confirm__button--cancel:hover {
  background: var(--base) !important;
}
dialog.brainstem-confirm .brainstem-confirm__button--confirm {
  background: var(--primary) !important;
  color: #FFFFFF !important;
}
dialog.brainstem-confirm .brainstem-confirm__button--confirm:hover {
  filter: brightness(1.1);
}
dialog.brainstem-confirm.brainstem-confirm--danger .brainstem-confirm__button--confirm:hover {
  border-color: #393843 !important;
  background: #393843 !important;
  filter: none;
}
dialog.brainstem-confirm .brainstem-confirm__button:focus-visible {
  outline: 2px solid var(--secondary);
  outline-offset: 2px;
}

.datetime-now-link, .date-today-link {
  color: var(--primary) !important;
  font-size: 1em !important;
  font-weight: bold !important;
  cursor: pointer !important;
  pointer-events: auto !important;
}
.datetime-now-link:hover, .date-today-link:hover {
  color: var(--secondary) !important;
  text-decoration: solid !important;
}

.datetime-now-link {
  cursor: pointer !important;
}

input:not([type=button], [type=submit], .select2-search__field, .numeric-range-filter__op, .numeric-range-filter__unit, .numeric-range-filter__val), select:not([type=button], [type=submit], .select2-search__field, .numeric-range-filter__op, .numeric-range-filter__unit, .numeric-range-filter__val), textarea:not([type=button], [type=submit], .select2-search__field, .numeric-range-filter__op, .numeric-range-filter__unit, .numeric-range-filter__val), .select2-container--jet .select2-selection:not([type=button], [type=submit], .select2-search__field, .numeric-range-filter__op, .numeric-range-filter__unit, .numeric-range-filter__val) {
  background: none !important;
  border: none !important;
  outline: none !important;
  color: inherit !important;
  border-radius: 0.5rem !important;
  background: none !important;
  box-shadow: none !important;
  border: 1px solid #8D8B9F !important;
  color: #393843 !important;
  font-family: "Inter", sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.21 !important;
  letter-spacing: -0.03rem !important;
  padding: 0.75rem !important;
  margin: 0 !important;
  transition: all 0.3s ease !important;
  width: 100% !important;
}
input:not([type=button], [type=submit], .select2-search__field, .numeric-range-filter__op, .numeric-range-filter__unit, .numeric-range-filter__val):not(textarea.brainstem-list-input), select:not([type=button], [type=submit], .select2-search__field, .numeric-range-filter__op, .numeric-range-filter__unit, .numeric-range-filter__val):not(textarea.brainstem-list-input), textarea:not([type=button], [type=submit], .select2-search__field, .numeric-range-filter__op, .numeric-range-filter__unit, .numeric-range-filter__val):not(textarea.brainstem-list-input), .select2-container--jet .select2-selection:not([type=button], [type=submit], .select2-search__field, .numeric-range-filter__op, .numeric-range-filter__unit, .numeric-range-filter__val):not(textarea.brainstem-list-input) {
  height: auto !important;
}
@media screen and (max-width: 601px) {
  input:not([type=button], [type=submit], .select2-search__field, .numeric-range-filter__op, .numeric-range-filter__unit, .numeric-range-filter__val), select:not([type=button], [type=submit], .select2-search__field, .numeric-range-filter__op, .numeric-range-filter__unit, .numeric-range-filter__val), textarea:not([type=button], [type=submit], .select2-search__field, .numeric-range-filter__op, .numeric-range-filter__unit, .numeric-range-filter__val), .select2-container--jet .select2-selection:not([type=button], [type=submit], .select2-search__field, .numeric-range-filter__op, .numeric-range-filter__unit, .numeric-range-filter__val) {
    min-width: 8rem !important;
  }
}
input:not([type=button], [type=submit], .select2-search__field, .numeric-range-filter__op, .numeric-range-filter__unit, .numeric-range-filter__val)::placeholder, select:not([type=button], [type=submit], .select2-search__field, .numeric-range-filter__op, .numeric-range-filter__unit, .numeric-range-filter__val)::placeholder, textarea:not([type=button], [type=submit], .select2-search__field, .numeric-range-filter__op, .numeric-range-filter__unit, .numeric-range-filter__val)::placeholder, .select2-container--jet .select2-selection:not([type=button], [type=submit], .select2-search__field, .numeric-range-filter__op, .numeric-range-filter__unit, .numeric-range-filter__val)::placeholder {
  color: inherit !important;
  opacity: 0.5 !important;
}
input:not([type=button], [type=submit], .select2-search__field, .numeric-range-filter__op, .numeric-range-filter__unit, .numeric-range-filter__val):focus, select:not([type=button], [type=submit], .select2-search__field, .numeric-range-filter__op, .numeric-range-filter__unit, .numeric-range-filter__val):focus, textarea:not([type=button], [type=submit], .select2-search__field, .numeric-range-filter__op, .numeric-range-filter__unit, .numeric-range-filter__val):focus, .select2-container--jet .select2-selection:not([type=button], [type=submit], .select2-search__field, .numeric-range-filter__op, .numeric-range-filter__unit, .numeric-range-filter__val):focus {
  border-color: var(--secondary) !important;
}
input:not([type=button], [type=submit], .select2-search__field, .numeric-range-filter__op, .numeric-range-filter__unit, .numeric-range-filter__val)[aria-invalid=true], select:not([type=button], [type=submit], .select2-search__field, .numeric-range-filter__op, .numeric-range-filter__unit, .numeric-range-filter__val)[aria-invalid=true], textarea:not([type=button], [type=submit], .select2-search__field, .numeric-range-filter__op, .numeric-range-filter__unit, .numeric-range-filter__val)[aria-invalid=true], .select2-container--jet .select2-selection:not([type=button], [type=submit], .select2-search__field, .numeric-range-filter__op, .numeric-range-filter__unit, .numeric-range-filter__val)[aria-invalid=true] {
  border: 2px solid #FF5757 !important;
}
input[type=checkbox] + label:before, select[type=checkbox] + label:before, textarea[type=checkbox] + label:before, .select2-container--jet .select2-selection[type=checkbox] + label:before {
  font-size: 1rem !important;
  color: var(--secondary) !important;
}
input[type=checkbox]:checked + label:before, select[type=checkbox]:checked + label:before, textarea[type=checkbox]:checked + label:before, .select2-container--jet .select2-selection[type=checkbox]:checked + label:before {
  color: var(--primary) !important;
}
input[type=radio], select[type=radio], textarea[type=radio], .select2-container--jet .select2-selection[type=radio] {
  width: auto !important;
  accent-color: var(--primary);
}
input:read-only:not([type=button], [type=submit], .select2-selection, select), select:read-only:not([type=button], [type=submit], .select2-selection, select), textarea:read-only:not([type=button], [type=submit], .select2-selection, select), .select2-container--jet .select2-selection:read-only:not([type=button], [type=submit], .select2-selection, select) {
  padding: 0 !important;
  border: none !important;
}
input[type=file], select[type=file], textarea[type=file], .select2-container--jet .select2-selection[type=file] {
  border-radius: 0 !important;
}

.ck.ck-editor .ck-source-editing-area textarea, .ck.ck-editor .ck-source-editing-area::after {
  font-family: monospace !important;
  font-size: var(--ck-font-size-normal) !important;
  line-height: var(--ck-line-height-base) !important;
  letter-spacing: normal !important;
  padding: var(--ck-spacing-large) !important;
}
.ck.ck-editor .ck-source-editing-area textarea {
  box-sizing: border-box !important;
  height: 100% !important;
}

label {
  font-weight: 600;
}
label:has(input[type=radio]) {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: 0.75rem;
}

textarea {
  min-width: 100%;
  max-width: 100%;
}

.input--editable {
  width: 100%;
}
.input--editable .form-row {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  padding: 0 !important;
  margin: 0 !important;
}
.input--editable .form-row label {
  pointer-events: none !important;
}
.input--editable .form-row .input--editable__wrapper {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  gap: 0.75rem;
  row-gap: 0.25rem;
  position: relative;
}
.input--editable .form-row .input--editable__wrapper .errorlist {
  width: 100%;
}
.input--editable .form-row .input--editable__wrapper .input--editable__input-group {
  width: auto;
  max-width: 100%;
  flex-grow: 1;
  position: relative;
}
@media screen and (max-width: 601px) {
  .input--editable .form-row .input--editable__wrapper .input--editable__input-group {
    width: 100% !important;
    display: flex;
  }
}
.input--editable .form-row .input--editable__wrapper .input--editable__input-group input {
  width: 100%;
  flex-shrink: 1;
  padding-right: 2rem !important;
}
@media screen and (max-width: 601px) {
  .input--editable .form-row .input--editable__wrapper .input--editable__input-group input:not(.select2-search__field) {
    width: 100% !important;
    flex-shrink: 0;
    flex-grow: 1 !important;
  }
}
.input--editable .form-row .input--editable__wrapper .input--editable__input-group .select2-selection--multiple {
  width: 100%;
  flex-shrink: 1;
  min-height: 2.85rem;
}
@media screen and (max-width: 601px) {
  .input--editable .form-row .input--editable__wrapper .input--editable__input-group .select2 {
    flex-grow: 1 !important;
  }
}
.input--editable .form-row .input--editable__wrapper .input--editable__input-group .input-edit {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  color: var(--primary);
  pointer-events: none;
  font-size: 1.2rem;
  transition: all 0.3s ease;
  z-index: 2;
  opacity: 0;
}
@media (hover: hover) and (pointer: fine) {
  .input--editable .form-row .input--editable__wrapper .input--editable__input-group:hover .input-edit {
    opacity: 1;
  }
}
.input--editable .form-row .input--editable__wrapper .input--editable__actions {
  width: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
  align-content: center;
  gap: 0.5rem;
  position: absolute;
  right: 0.5rem;
  z-index: 2;
}
.input--editable .form-row .input--editable__wrapper .input--editable__actions .input--editable__button {
  width: 1.8rem !important;
  height: 2.8rem !important;
  padding: 0 !important;
  text-align: center !important;
  font-size: 1.2rem !important;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.input--editable .form-row .input--editable__wrapper .input--editable__actions .input--editable__button i {
  color: var(--primary);
  transition: all 0.3s ease;
}
@media (hover: hover) and (pointer: fine) {
  .input--editable .form-row .input--editable__wrapper .input--editable__actions .input--editable__button:hover i {
    color: var(--secondary);
  }
}
.input--editable--multiple .form-row {
  overflow: visible;
}
@media screen and (max-width: 601px) {
  .input--editable--multiple .form-row .input--editable__wrapper .input--editable__input-group {
    flex-direction: column;
  }
}
.input--editable--multiple .form-row .input--editable__wrapper .input--editable__input-group .input-edit {
  top: 0;
  right: 0;
}
.input--editable--multiple .form-row .input--editable__wrapper .input--editable__input-group .input--editable__actions {
  top: -0.3rem;
  right: 0;
}
.input--editable--multiple .form-row .input--editable__wrapper .input--editable__input-group .input--editable__actions .input--editable__button {
  height: 1.8rem !important;
}
.input--editable--multiple .related-fields__secondary {
  margin-left: 1rem;
}
@media screen and (max-width: 601px) {
  .input--editable--multiple .related-fields__secondary {
    margin-left: 0;
  }
}
.input--editable--multiple .related-fields__secondary:before {
  top: auto;
  left: -1.25rem;
}
@media screen and (max-width: 601px) {
  .input--editable--multiple .related-fields__secondary:before {
    left: calc(50% - 0.5rem);
  }
}

.errorlist {
  margin: 0 !important;
  padding: 0 !important;
  color: #FF5757 !important;
}

.selectize-control .selectize-input {
  background: none !important;
  border: none !important;
  outline: none !important;
  color: inherit !important;
  border-radius: 0.5rem !important;
  background: none !important;
  box-shadow: none !important;
  border: 1px solid #8D8B9F !important;
  color: #393843 !important;
  font-family: "Inter", sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.21 !important;
  letter-spacing: -0.03rem !important;
  padding: 0.385rem !important;
  min-height: 2.85rem !important;
  margin: 0 !important;
  height: auto !important;
  transition: all 0.3s ease !important;
  display: flex;
  flex-wrap: wrap;
  max-width: 100% !important;
}
.selectize-control .selectize-input::placeholder {
  color: inherit !important;
  opacity: 0.5 !important;
}
.selectize-control .selectize-input:focus {
  border-color: var(--secondary) !important;
}
.selectize-control .selectize-input[aria-invalid=true] {
  border: 2px solid #FF5757 !important;
}
.selectize-control .selectize-input .item {
  border-radius: 0.25rem !important;
  background: #E8F0FF !important;
  color: #4550B6 !important;
  padding: 0 0.5rem !important;
  font-family: "Inter", sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.21 !important;
  letter-spacing: -0.03rem !important;
  line-height: 1.5 !important;
  display: -webkit-inline-box !important;
  -webkit-line-clamp: 1 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-align: center;
  flex-shrink: 0;
}
@media screen and (max-width: 601px) {
  .selectize-control .selectize-input .item {
    line-height: 1.5;
  }
}
@media (hover: hover) and (pointer: fine) {
  .selectize-control .selectize-input .item:hover {
    background: rgba(232, 240, 255, 0.5) !important;
  }
}
.selectize-control .selectize-input .item .remove {
  color: #4550B6 !important;
  font-size: 1rem !important;
  padding: 2px 0 0 0 !important;
}
@media (hover: hover) and (pointer: fine) {
  .selectize-control .selectize-input .item .remove:hover {
    opacity: 0.8;
    background: none !important;
  }
}
.selectize-control .selectize-input input {
  width: auto !important;
  max-width: 100% !important;
  flex-shrink: 0;
}
.selectize-control .selectize-dropdown {
  margin-top: -5px;
  border-color: #8D8B9F !important;
}
.selectize-control .selectize-dropdown [data-selectable].active {
  background: var(--secondary) !important;
  color: #FFFFFF !important;
}

.datetime, .subject.field-birth_date, .subject.field-death_date, .date {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  gap: 1rem;
  margin: 0 !important;
  position: relative;
  padding: 0 !important;
}
.datetime input, .subject.field-birth_date input, .subject.field-death_date input, .date input {
  flex-grow: 1;
  min-height: 3rem;
}
.datetime .vDateField, .subject.field-birth_date .vDateField, .subject.field-death_date .vDateField, .date .vDateField {
  background-image: url("https://public-images.brainstem.org/images/icons/icon_date.svg") !important;
  background-size: 1.4rem auto !important;
  background-position: 98% center !important;
  background-repeat: no-repeat !important;
}
@media screen and (max-width: 601px) {
  .datetime .vDateField, .subject.field-birth_date .vDateField, .subject.field-death_date .vDateField, .date .vDateField {
    background-position: 95% center !important;
  }
}
.datetime .vTimeField, .subject.field-birth_date .vTimeField, .subject.field-death_date .vTimeField, .date .vTimeField {
  background-image: url("https://public-images.brainstem.org/images/icons/icon_time.svg") !important;
  background-size: 1.4rem auto !important;
  background-position: 98% center !important;
  background-repeat: no-repeat !important;
}
@media screen and (max-width: 601px) {
  .datetime .vTimeField, .subject.field-birth_date .vTimeField, .subject.field-death_date .vTimeField, .date .vTimeField {
    background-position: 95% center !important;
  }
}
.datetime .vDateField-link, .datetime .vTimeField-link, .subject.field-birth_date .vDateField-link, .subject.field-birth_date .vTimeField-link, .subject.field-death_date .vDateField-link, .subject.field-death_date .vTimeField-link, .date .vDateField-link, .date .vTimeField-link {
  height: 3rem;
  position: absolute;
  bottom: 0;
  right: 0;
  text-decoration: none !important;
  display: none !important;
}
.datetime .vDateField-link span, .datetime .vTimeField-link span, .subject.field-birth_date .vDateField-link span, .subject.field-birth_date .vTimeField-link span, .subject.field-death_date .vDateField-link span, .subject.field-death_date .vTimeField-link span, .date .vDateField-link span, .date .vTimeField-link span {
  background: none !important;
  color: var(--primary) !important;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  font-size: 1.2rem;
  height: 100%;
}
@media (hover: hover) and (pointer: fine) {
  .datetime .vDateField-link:hover, .datetime .vTimeField-link:hover, .subject.field-birth_date .vDateField-link:hover, .subject.field-birth_date .vTimeField-link:hover, .subject.field-death_date .vDateField-link:hover, .subject.field-death_date .vTimeField-link:hover, .date .vDateField-link:hover, .date .vTimeField-link:hover {
    text-decoration: none !important;
  }
  .datetime .vDateField-link:hover span, .datetime .vTimeField-link:hover span, .subject.field-birth_date .vDateField-link:hover span, .subject.field-birth_date .vTimeField-link:hover span, .subject.field-death_date .vDateField-link:hover span, .subject.field-death_date .vTimeField-link:hover span, .date .vDateField-link:hover span, .date .vTimeField-link:hover span {
    background: none !important;
    color: var(--secondary) !important;
  }
}

.datetime .vDateField-link, .date .vDateField-link {
  right: auto;
  left: calc(50% - 3.2rem);
}
@media screen and (max-width: 601px) {
  .datetime .vDateField-link, .date .vDateField-link {
    right: 0;
    left: auto;
    top: 0;
  }
}

.form-row.field-date_time label .datetime-now-link,
.form-row.field-start_date_time label .datetime-now-link,
.form-row.field-end_date_time label .datetime-now-link,
.form-row.field-start_time label .datetime-now-link,
.form-row.field-end_time label .datetime-now-link {
  color: var(--primary);
  text-decoration: none;
  font-size: 0.875em;
  font-weight: normal;
  cursor: pointer !important;
}
.form-row.field-date_time label .datetime-now-link:hover,
.form-row.field-start_date_time label .datetime-now-link:hover,
.form-row.field-end_date_time label .datetime-now-link:hover,
.form-row.field-start_time label .datetime-now-link:hover,
.form-row.field-end_time label .datetime-now-link:hover {
  color: var(--secondary);
  text-decoration: underline;
}

.field-image div:not([class]) {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  gap: 0.5rem;
}
.field-image div:not([class]) .file-upload {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  gap: 0.5rem;
}

#changelist-filter {
  display: none !important;
}

.changelist-filter-select-wrapper {
  margin: 0 !important;
}

.select2-container--jet {
  min-width: 4rem !important;
  width: 100% !important;
  font-family: "Inter", sans-serif !important;
  z-index: 2;
}
@media screen and (max-width: 601px) {
  .select2-container--jet {
    width: 100% !important;
  }
}
.select2-container--jet.select2-container--open {
  z-index: 5;
}
.select2-container--jet .select2-dropdown {
  box-shadow: 0 0 0.48571rem 0 rgba(0, 0, 0, 0.05) !important;
}
.select2-container--jet .select2-dropdown--below {
  border: 1px solid #8D8B9F;
  top: -0.35rem !important;
  border-top: none;
  border-radius: 0 0 0.5rem 0.5rem;
}
.select2-container--jet .select2-dropdown--above {
  border: 1px solid #8D8B9F;
  border-bottom: none;
  border-radius: 0.5rem 0.5rem 0 0;
}
.select2-container--jet .select2-selection {
  padding: 0.5rem !important;
}
@media screen and (max-width: 601px) {
  .select2-container--jet .select2-selection {
    max-width: 90vw !important;
  }
}
.select2-container--jet .select2-selection .select2-selection__rendered {
  color: inherit !important;
  line-height: inherit !important;
  font-size: inherit !important;
  padding: 0 !important;
  width: 100% !important;
}
.select2-container--jet .select2-selection.select2-selection--multiple {
  padding: 0.385rem 0.75rem !important;
  padding-right: 2rem !important;
  cursor: pointer;
  background-image: url("https://public-images.brainstem.org/images/icons/icon-chevron-down.svg") !important;
  background-size: 1.75rem auto !important;
  background-position: right 0.375rem center !important;
  background-repeat: no-repeat !important;
}
.select2-container--jet .select2-selection.select2-selection--multiple:has(.select2-selection__choice) {
  padding-right: 0.75rem !important;
  background-image: none !important;
}
.select2-container--jet .select2-selection.select2-selection--multiple ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.select2-container--jet .select2-selection.select2-selection--multiple ul li {
  margin: 0 !important;
}
.select2-container--jet .select2-selection.select2-selection--multiple ul .ui-state-highlight {
  background: var(--secondary) !important;
  color: var(--secondary) !important;
  border-color: var(--secondary) !important;
}
.select2-container--jet .select2-selection.select2-selection--multiple ul.ui-sortable li {
  cursor: move;
}
.select2-container--jet .select2-selection.select2-selection--multiple .select2-search.select2-search--inline {
  position: absolute;
  z-index: -1;
}

.select2-selection {
  min-height: 2.85rem !important;
}
.select2-selection .select2-selection__arrow {
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  right: 0.5rem !important;
}
.select2-selection .select2-selection__arrow b:before {
  color: var(--secondary) !important;
}

.select2-buttons {
  background: #F2F2F2 !important;
}
.select2-buttons a {
  color: var(--primary) !important;
  font-weight: 500 !important;
  text-transform: capitalize !important;
}

.select2-container--jet .select2-results__option[aria-selected=true] {
  color: var(--primary) !important;
}

.select2-container--jet .select2-results__option--highlighted[aria-selected], .select2-container--jet .select2-results__option--highlighted[aria-selected=true] {
  background: var(--secondary) !important;
  color: #FFFFFF !important;
}

.select2-results .select2-results__options {
  width: 100%;
  overflow-x: hidden;
}
.select2-results .select2-results__options::-webkit-scrollbar-track {
  background-color: var(--base);
}
.select2-results .select2-results__options::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
  background-color: var(--base);
}
.select2-results .select2-results__options::-webkit-scrollbar-thumb {
  background-color: var(--primary);
}
.select2-results .select2-results__options .select2-results__option .select2-results__group {
  background: var(--base);
  font-weight: 500;
  text-transform: capitalize;
}

.login-signup__form__body input, .login-signup__form__body select, .login-signup__form__body textarea {
  border: 0.1rem solid #8D8B9F;
  color: #1A1B1C;
  font-family: "Inter", sans-serif;
  font-family: "Inter", sans-serif !important;
  font-size: 0.875rem;
  letter-spacing: -0.02625rem;
  line-height: 1rem;
  padding: 1.2rem;
  margin: 0;
  border-radius: 0.8rem;
  transition: all 0.3s ease;
}
@media screen and (min-width: 1194px) and (orientation: portrait) {
  .login-signup__form__body input, .login-signup__form__body select, .login-signup__form__body textarea {
    font-family: "Inter", sans-serif !important;
    font-size: 1rem !important;
    line-height: 1.21 !important;
    letter-spacing: -0.03rem !important;
  }
}
@media screen and (min-width: 1194px) and (orientation: portrait) and (max-width: 601px) {
  .login-signup__form__body input, .login-signup__form__body select, .login-signup__form__body textarea {
    line-height: 1.5;
  }
}
@media screen and (max-width: 601px) {
  .login-signup__form__body input, .login-signup__form__body select, .login-signup__form__body textarea {
    padding: 1.6rem;
  }
}
.login-signup__form__body input::placeholder, .login-signup__form__body select::placeholder, .login-signup__form__body textarea::placeholder {
  color: inherit;
  opacity: 0.5;
}
.login-signup__form__body input:focus, .login-signup__form__body select:focus, .login-signup__form__body textarea:focus {
  border-color: var(--primary) !important;
  color: #1A1B1C !important;
  box-shadow: none !important;
}
.login-signup__form__body input[aria-invalid=true], .login-signup__form__body input.error, .login-signup__form__body select[aria-invalid=true], .login-signup__form__body select.error, .login-signup__form__body textarea[aria-invalid=true], .login-signup__form__body textarea.error {
  border: 0.2rem solid #FF5757;
}
.login-signup__form__body label {
  font-family: "Inter", sans-serif !important;
  font-size: 0.875rem;
  letter-spacing: -0.02625rem;
  line-height: 1rem;
  letter-spacing: -0.06rem;
}
@media screen and (min-width: 1194px) and (orientation: portrait) {
  .login-signup__form__body label {
    font-family: "Inter", sans-serif !important;
    font-size: 1rem !important;
    line-height: 1.21 !important;
    letter-spacing: -0.03rem !important;
  }
}
@media screen and (min-width: 1194px) and (orientation: portrait) and (max-width: 601px) {
  .login-signup__form__body label {
    line-height: 1.5;
  }
}
.login-signup__form__body button {
  min-width: 13.5rem;
}
@media screen and (min-width: 1194px) and (orientation: portrait) {
  .login-signup__form__body button {
    font-family: "Inter", sans-serif !important;
    font-size: 1rem !important;
    line-height: 1.21 !important;
    letter-spacing: -0.03rem !important;
  }
}
@media screen and (min-width: 1194px) and (orientation: portrait) and (max-width: 601px) {
  .login-signup__form__body button {
    line-height: 1.5;
  }
}

.related-widget-wrapper {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: 0.25rem;
  position: relative;
}
.related-widget-wrapper label {
  order: 1;
  margin-bottom: 0;
}
.related-widget-wrapper select, .related-widget-wrapper .select2 {
  order: 2;
  width: auto !important;
  flex-grow: 1 !important;
  flex-basis: 0 !important;
  flex-shrink: 1 !important;
  min-width: 0;
}
.related-widget-wrapper .add-related {
  order: 3;
  margin: 0 !important;
  width: auto;
  height: auto;
  z-index: 2;
}
.related-widget-wrapper .add-related span {
  display: block;
  width: 2rem;
  height: 2rem;
  border-radius: 100%;
  background-color: var(--secondary);
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.related-widget-wrapper .add-related span:before {
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("https://public-images.brainstem.org/images/icons/icon-plus.svg");
  background-size: 1.2rem auto;
  background-position: center;
  background-repeat: no-repeat;
  filter: brightness(0) invert(1);
}
@media (hover: hover) and (pointer: fine) {
  .related-widget-wrapper .add-related span:hover {
    background-color: var(--primary);
  }
}
.related-widget-wrapper .add-related--template-wrap {
  order: 3;
  display: inline-flex;
}
.related-widget-wrapper .add-related--template span:before {
  background: none;
  filter: none;
  font: normal normal normal 0.9rem/1 FontAwesome;
  content: "\f0ea";
  color: #FFFFFF;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
}

#name-error-message {
  padding: 0.5rem;
  color: #FF5757;
  font-weight: 500;
}

.errorlist {
  background: none !important;
  color: #FF5757 !important;
  font-weight: 500 !important;
}

.errors {
  display: flex;
}
.errors .errorlist {
  order: 2;
}
.errors label {
  color: #FF5757 !important;
}
.errors input, .errors select, .errors .select2 .selection .select2-selection {
  border-color: #FF5757 !important;
}

.m2m__status-message {
  color: #BFBFBF;
  position: absolute;
  right: 1.5rem;
  top: -2.1rem;
}

.jsoneditor-twbs4-text-button {
  padding: 0 !important;
  margin: 0 !important;
  position: absolute !important;
  top: 0.1rem !important;
  right: 0.1rem !important;
  color: #8D8B9F !important;
  width: 1rem !important;
  height: 1rem !important;
  background: none !important;
  border: 0 !important;
  font-size: 0 !important;
  line-height: 1 !important;
  cursor: help !important;
}
.jsoneditor-twbs4-text-button::before {
  content: "\f059";
  font: normal normal normal 1rem/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
th .jsoneditor-twbs4-text-button {
  position: static !important;
  display: inline-block !important;
  vertical-align: middle !important;
  margin-left: 0.5rem !important;
  top: auto !important;
  right: auto !important;
}

.re-order-after-save {
  font-family: "Inter", sans-serif !important;
  font-size: 0.875rem;
  letter-spacing: -0.02625rem;
  line-height: 1rem;
  font-weight: 500;
  opacity: 0.6;
}
@media screen and (min-width: 835px) {
  .re-order-after-save {
    font-family: "Inter", sans-serif !important;
    font-size: 1rem !important;
    line-height: 1.21 !important;
    letter-spacing: -0.03rem !important;
  }
}
@media screen and (min-width: 835px) and (max-width: 601px) {
  .re-order-after-save {
    line-height: 1.5;
  }
}

select.select2-hidden-accessible {
  width: 1px !important;
  min-width: 0 !important;
}

.ui-widget {
  z-index: 2 !important;
}
.ui-widget .ui-widget-content {
  font-family: "Inter", sans-serif !important;
  color: #8D8B9F;
}
.ui-widget .ui-widget-header {
  background: var(--secondary);
  color: #FFFFFF;
}
.ui-widget button {
  font-weight: 500 !important;
}
.ui-widget button.ui-priority-secondary, .ui-widget button.ui-timepicker-now {
  color: var(--secondary) !important;
  border: 1px solid var(--secondary) !important;
}
@media (hover: hover) and (pointer: fine) {
  .ui-widget button.ui-priority-secondary:hover, .ui-widget button.ui-timepicker-now:hover {
    color: var(--primary) !important;
    border-color: var(--primary) !important;
  }
}
.ui-widget button.ui-priority-primary, .ui-widget button.ui-timepicker-close {
  color: #FFFFFF !important;
  border: 1px solid var(--primary) !important;
  background: var(--primary) !important;
}
@media (hover: hover) and (pointer: fine) {
  .ui-widget button.ui-priority-primary:hover, .ui-widget button.ui-timepicker-close:hover {
    background: var(--secondary) !important;
    border-color: var(--secondary) !important;
  }
}
.ui-widget .ui-state-hover {
  background: var(--secondary) !important;
  color: #FFFFFF !important;
  border-color: var(--secondary) !important;
}
.ui-widget .ui-state-highlight {
  background: var(--base) !important;
  color: var(--primary) !important;
  border-color: var(--primary) !important;
}
.ui-widget .ui-state-active {
  background: var(--primary) !important;
  color: #FFFFFF !important;
  border-color: var(--primary) !important;
}

.ui-dialog {
  border-radius: 0.75rem;
  box-shadow: 0rem 0rem 1.25rem rgba(179, 179, 179, 0.15);
}
.ui-dialog .ui-dialog-titlebar {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  background: none !important;
  padding: 0.75rem;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-title {
  font-family: "Inter", sans-serif !important;
  font-size: 1.125rem !important;
  letter-spacing: -0.03375rem !important;
  line-height: 1.35rem !important;
  font-weight: 700;
  color: var(--primary);
}
.ui-dialog .ui-dialog-titlebar button {
  color: #8D8B9F !important;
  right: 0 !important;
}
.ui-dialog .ui-dialog-content {
  padding: 1.5rem 0.75rem;
  font-family: "Inter", sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.21 !important;
  letter-spacing: -0.03rem !important;
}
@media screen and (max-width: 601px) {
  .ui-dialog .ui-dialog-content {
    line-height: 1.5;
  }
}
.ui-dialog .ui-dialog-buttonpane {
  background: none;
}
.ui-dialog .ui-dialog-buttonset {
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
  align-content: center;
  gap: 0.75rem;
}
.ui-dialog .ui-dialog-buttonset button:first-of-type {
  font-family: "Inter", sans-serif !important;
  background: none !important;
  color: inherit !important;
  border: none !important;
  outline: none !important;
  cursor: pointer !important;
  border-radius: 0.5rem !important;
  font-size: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  font-weight: 500 !important;
  position: relative !important;
  overflow: hidden !important;
  padding: 0.75rem 1rem !important;
  text-transform: initial !important;
  height: auto !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  background: var(--primary) !important;
  color: #FFFFFF !important;
  border: 0.1rem solid var(--primary) !important;
}
.ui-dialog .ui-dialog-buttonset button:first-of-type[disabled] {
  opacity: 0.4;
  pointer-events: none !important;
}
@media (hover: hover) and (pointer: fine) {
  .ui-dialog .ui-dialog-buttonset button:first-of-type:hover:not(:disabled), .ui-dialog .ui-dialog-buttonset button:first-of-type:hover:not([disabled]) {
    background: var(--secondary) !important;
    border-color: var(--secondary) !important;
  }
}
.ui-dialog .ui-dialog-buttonset button:not(:first-of-type) {
  font-family: "Inter", sans-serif !important;
  background: none !important;
  color: inherit !important;
  border: none !important;
  outline: none !important;
  cursor: pointer !important;
  border-radius: 0.5rem !important;
  font-size: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  font-weight: 500 !important;
  position: relative !important;
  overflow: hidden !important;
  padding: 0.75rem 1rem !important;
  text-transform: initial !important;
  height: auto !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  background: none !important;
  color: var(--secondary) !important;
  border: 0.1rem solid var(--secondary) !important;
}
.ui-dialog .ui-dialog-buttonset button:not(:first-of-type)[disabled] {
  opacity: 0.4;
  pointer-events: none !important;
}
@media (hover: hover) and (pointer: fine) {
  .ui-dialog .ui-dialog-buttonset button:not(:first-of-type):hover:not(:disabled), .ui-dialog .ui-dialog-buttonset button:not(:first-of-type):hover:not([disabled]) {
    color: var(--primary) !important;
    border-color: var(--primary) !important;
  }
}

.messagelist li {
  font-family: "Inter", sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.21 !important;
  letter-spacing: -0.03rem !important;
  font-weight: 500 !important;
  display: inline-block !important;
  padding: 0.75rem 2rem 0.75rem 2.5rem !important;
  margin: 0 !important;
  width: auto !important;
  border-left-width: 0.75rem;
  position: relative;
}
@media screen and (max-width: 601px) {
  .messagelist li {
    line-height: 1.5;
  }
}
.messagelist li::after {
  content: "''";
  font-size: 1.5rem !important;
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  left: 0.5rem;
  top: 0.75rem;
}
.messagelist li a {
  text-decoration: underline !important;
}
.messagelist .success {
  background: #f8fff6 !important;
  border: 1px solid #259543 !important;
  border-left-width: 0.75rem !important;
  color: #259543 !important;
}
.messagelist .success::after {
  content: "\f058";
  color: #259543;
}
.messagelist .error {
  background: #ffebeb !important;
  border: 1px solid #FF5757 !important;
  border-left-width: 0.75rem !important;
  color: #FF5757 !important;
}
.messagelist .error::after {
  content: "\f057";
  color: #FF5757;
}
.messagelist .warning {
  background: #f5e9c0 !important;
  border: 1px solid #FFCF24 !important;
  border-left-width: 0.75rem !important;
  color: #6b5200 !important;
}
.messagelist .warning::after {
  content: "\f06a";
  color: #b38600;
}
.messagelist .info,
.messagelist .debug {
  background: #FFFFFF !important;
  border: 1px solid var(--primary) !important;
  border-left-width: 0.75rem !important;
  color: #1A1B1C !important;
}
.messagelist .info::after,
.messagelist .debug::after {
  content: "\f05a";
  color: var(--primary);
}

.errornote {
  font-family: "Inter", sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.21 !important;
  letter-spacing: -0.03rem !important;
  font-weight: 500 !important;
  display: inline-block !important;
  padding: 0.75rem 2rem 0.75rem 2.5rem !important;
  width: auto !important;
  max-width: 100% !important;
  background: #ffebeb !important;
  border: 1px solid #FF5757 !important;
  border-left-width: 0.75rem !important;
  color: #FF5757 !important;
  margin: -1rem 0 1rem auto !important;
  position: relative;
}
@media screen and (max-width: 601px) {
  .errornote {
    line-height: 1.5;
  }
}
.errornote::after {
  content: "\f057";
  color: #FF5757;
  font-size: 1.5rem !important;
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  left: 0.5rem;
  top: 0.75rem;
}
.errornote a {
  text-decoration: underline;
}

.message--warning {
  width: auto;
  height: auto;
  max-width: 35vw;
  border-radius: 0.5rem;
  padding: 0.75rem 2rem 0.75rem 2.5rem;
  position: relative;
  border: 1px solid #FFCF24;
  border-left-width: 0.75rem;
  background: #f5e9c0;
}
@media screen and (max-width: 835px) {
  .message--warning {
    max-width: 50vw;
  }
}
@media screen and (max-width: 601px) {
  .message--warning {
    max-width: 100%;
    padding: 3rem 0.75rem 0.75rem 0.75rem;
  }
}
.message--warning span {
  font-size: 0.95rem;
  white-space: pre-wrap;
}
.message--warning .message__hide {
  position: absolute !important;
  top: 0;
  right: 0;
}
.message--warning::after {
  content: "\f06a";
  font-size: 1.5rem !important;
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  left: 0.5rem;
  top: 0.75rem;
  color: #FFCF24;
}

.planning-pill {
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.5rem;
  padding: 0.15rem 0.6rem;
  border-radius: 999px;
  background: #E07A1F;
  color: #ffffff;
  font-size: 0.45em;
  font-weight: 600;
  line-height: 1.6;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  white-space: nowrap;
}

.planning-pill--cancelled {
  background: #8D8B9F;
}

.planning-header-button {
  background: #E07A1F !important;
  border-color: #E07A1F !important;
  color: #ffffff !important;
  margin-right: 0.5rem;
}
.planning-header-button:hover {
  filter: brightness(0.92);
}

.inline-navigation-item__status {
  margin-left: auto;
  margin-right: 0.25rem;
  padding: 0.1rem 0.5rem;
  border-radius: 999px;
  background: #E07A1F;
  color: #ffffff !important;
  font-size: 0.7rem;
  font-weight: 600;
  line-height: 1.5;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  white-space: nowrap;
  flex-shrink: 0;
}

.inline-navigation-item__status--cancelled {
  background: #8D8B9F;
}

.planning-pill--detail {
  font-size: 0.55em;
  padding: 0.2rem 0.8rem;
  margin-left: 0.75rem;
}

.planning-pill--form {
  font-size: 0.45em;
}

.inline-strip__status {
  font-size: 0.75rem;
  margin-left: 0.6rem;
  vertical-align: baseline;
}

.breadcrumbs {
  font-family: "Inter", sans-serif !important;
  font-family: "Inter", sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.21 !important;
  letter-spacing: -0.03rem !important;
  color: rgba(255, 255, 255, 0.6) !important;
  text-transform: capitalize !important;
  margin: 0 !important;
  padding: 0.5rem !important;
  font-weight: 400 !important;
  max-width: 50vw;
  white-space: initial !important;
}
@media screen and (max-width: 601px) {
  .breadcrumbs {
    line-height: 1.5;
  }
}
@media screen and (min-width: 835px) and (max-width: 1024px) and (orientation: portrait) {
  .breadcrumbs {
    max-width: 70vw;
  }
}
@media screen and (max-width: 835px) {
  .breadcrumbs {
    max-width: 70vw;
  }
}
@media screen and (max-width: 601px) {
  .breadcrumbs {
    max-width: 100%;
  }
}
.breadcrumbs a {
  color: #FFFFFF !important;
}
.breadcrumbs .breadcrumbs-separator {
  color: #FFFFFF !important;
  font-size: inherit !important;
  margin: 0 0.25rem !important;
}

form.form--create {
  background: #FFFFFF;
  border-radius: 0.75rem;
  padding: 1.5rem;
  box-shadow: 0rem 0rem 1.25rem rgba(179, 179, 179, 0.15);
  width: auto;
  min-width: 50vw;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  gap: 1rem;
  display: inline-flex;
}
@media screen and (max-width: 601px) {
  form.form--create {
    width: 100%;
  }
}
form.form--create .form__header {
  width: 100%;
  border-bottom: 1px solid rgba(141, 139, 159, 0.5);
  padding-bottom: 1rem;
}
form.form--create h1 {
  color: #1A1B1C !important;
}
form.form--create .form__body {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  gap: 0.75rem;
}
form.form--create .form__body fieldset {
  padding: 0 !important;
  gap: 0 !important;
  row-gap: 0 !important;
}
form.form--create .form__body h5 {
  font-family: "Inter", sans-serif !important;
  font-size: 1.25rem;
  letter-spacing: -0.0375rem;
  line-height: 1.21;
  font-weight: 700;
  text-transform: initial;
  color: var(--primary);
}
form.form--create .form__body p {
  font-weight: 500;
}
form.form--create .form__body .form-row {
  padding: 0.75rem 0;
  width: 100%;
  overflow: visible;
}
form.form--create .form__body .form-row div:not([class]) {
  width: 100% !important;
}
form.form--create .form__body .form-row .choice-toggle > div {
  width: auto !important;
}
form.form--create .form__body .form-row:has(#name-error-message:not(:empty)) label {
  color: #FF5757 !important;
}
form.form--create .form__body .form-row:has(#name-error-message:not(:empty)) input {
  border-color: #FF5757 !important;
}
@media screen and (max-width: 601px) {
  form.form--create .form__body .form-row.disabled-field:before {
    top: 0;
  }
}
form.form--create .form__footer {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: stretch;
  align-content: stretch;
  gap: 0.5rem;
}
form.form--create .related-fields__secondary:before {
  top: 0;
  left: calc(50% - 0.5rem);
  transform: none;
}
@media screen and (min-width: 601px) {
  form.form--create .related-fields__wrapper .related-fields__secondary:before {
    left: -1.25rem;
    transform: rotate(-90deg);
  }
}

.modal .modal-dialog {
  top: 35%;
  font-family: "Inter", sans-serif !important;
  color: #393843 !important;
}
.modal .modal-dialog .modal-content {
  border-radius: 0.75rem;
}
.modal .modal-dialog .modal-content .modal-body {
  padding: 3rem 1.5rem 1rem;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  gap: 1rem;
}
.modal .modal-dialog .modal-content .modal-body h4 {
  font-family: "Inter", sans-serif !important;
  font-size: 1.25rem !important;
  letter-spacing: -0.0375rem !important;
  line-height: 1.5rem !important;
  font-weight: 700 !important;
  color: var(--primary);
  font-weight: 700;
}
.modal .modal-dialog .modal-content .modal-body p {
  font-family: "Inter", sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.21 !important;
  letter-spacing: -0.03rem !important;
}
@media screen and (max-width: 601px) {
  .modal .modal-dialog .modal-content .modal-body p {
    line-height: 1.5;
  }
}
.modal .modal-dialog .modal-content .modal-footer {
  padding: 1.5rem;
  border: none;
}
.modal .modal-dialog .modal-content .btn-default {
  font-family: "Inter", sans-serif !important;
  background: none !important;
  color: inherit !important;
  border: none !important;
  outline: none !important;
  cursor: pointer !important;
  border-radius: 0.5rem !important;
  font-size: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  font-weight: 500 !important;
  position: relative !important;
  overflow: hidden !important;
  padding: 0.75rem 1rem !important;
  text-transform: initial !important;
  height: auto !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  background: none !important;
  color: var(--secondary) !important;
  border: 0.1rem solid var(--secondary) !important;
}
.modal .modal-dialog .modal-content .btn-default[disabled] {
  opacity: 0.4;
  pointer-events: none !important;
}
@media (hover: hover) and (pointer: fine) {
  .modal .modal-dialog .modal-content .btn-default:hover:not(:disabled), .modal .modal-dialog .modal-content .btn-default:hover:not([disabled]) {
    color: var(--primary) !important;
    border-color: var(--primary) !important;
  }
}
.modal .modal-dialog .modal-content .btn-danger {
  font-family: "Inter", sans-serif !important;
  background: none !important;
  color: inherit !important;
  border: none !important;
  outline: none !important;
  cursor: pointer !important;
  border-radius: 0.5rem !important;
  font-size: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  font-weight: 500 !important;
  position: relative !important;
  overflow: hidden !important;
  padding: 0.75rem 1rem !important;
  text-transform: initial !important;
  height: auto !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  background: var(--primary) !important;
  color: #FFFFFF !important;
  border: 0.1rem solid var(--primary) !important;
}
.modal .modal-dialog .modal-content .btn-danger[disabled] {
  opacity: 0.4;
  pointer-events: none !important;
}
@media (hover: hover) and (pointer: fine) {
  .modal .modal-dialog .modal-content .btn-danger:hover:not(:disabled), .modal .modal-dialog .modal-content .btn-danger:hover:not([disabled]) {
    background: var(--secondary) !important;
    border-color: var(--secondary) !important;
  }
}

.custom-content__title:has(.help-modal__trigger), .list-view__header__title:has(.help-modal__trigger) {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  display: flex !important;
  gap: 0.25rem;
}

.help-modal__trigger {
  transition: all 0.3s ease;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 0.25rem;
  padding: 0 !important;
  width: auto !important;
  min-width: 0 !important;
  height: auto !important;
  border: 0 !important;
  background: transparent !important;
}
.help-modal__trigger i {
  font-size: 1.6rem;
  color: #1A1B1C;
}
@media screen and (max-width: 601px) {
  .help-modal__trigger i {
    font-size: 1.6rem;
  }
}
@media (hover: hover) and (pointer: fine) {
  .help-modal__trigger:hover {
    color: var(--secondary);
  }
}

.help-modal__wrapper {
  background: rgba(26, 27, 28, 0.5);
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  position: fixed;
  inset: 0;
  z-index: 10000;
  padding: 1rem;
  display: none;
}
.help-modal__wrapper[aria-hidden=true] {
  display: none !important;
}
.help-modal__wrapper .help-modal__modal {
  width: min(1024px, 100%);
  height: auto;
  min-height: 30rem;
  max-height: 85dvh;
  border-radius: 0.75rem;
  background: #FFFFFF;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.22);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
  align-content: stretch;
  padding: 1.5rem;
  gap: 1.5rem;
  outline: none;
}
@media screen and (max-width: 835px) {
  .help-modal__wrapper .help-modal__modal {
    width: 100%;
    height: 100%;
    max-height: 100%;
  }
}
.help-modal__wrapper .help-modal__modal .help-modal__header {
  width: auto;
  position: relative;
  margin: -1.5rem -1.5rem 0;
  padding: 1rem 1.5rem;
  background: linear-gradient(90.9deg, var(--gradient-color1) 54.69%, var(--gradient-color2) 100%);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 0.75rem 0.75rem 0 0;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  gap: 0.75rem;
}
.help-modal__wrapper .help-modal__modal .help-modal__header:has(.help-modal__tabs) {
  padding-bottom: 0 !important;
}
.help-modal__wrapper .help-modal__modal .help-modal__header .help-modal__close {
  position: absolute !important;
  top: 1rem;
  right: 1rem;
  color: #FFFFFF !important;
  background: rgba(255, 255, 255, 0.2) !important;
  border-radius: 50% !important;
  cursor: pointer !important;
}
@media (hover: hover) and (pointer: fine) {
  .help-modal__wrapper .help-modal__modal .help-modal__header .help-modal__close:hover {
    color: #FFFFFF !important;
    background: rgba(255, 255, 255, 0.32) !important;
  }
}
.help-modal__wrapper .help-modal__modal .help-modal__header .help-modal__label {
  font-family: "Inter", sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.21 !important;
  letter-spacing: -0.03rem !important;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.85);
}
@media screen and (max-width: 601px) {
  .help-modal__wrapper .help-modal__modal .help-modal__header .help-modal__label {
    line-height: 1.5;
  }
}
.help-modal__wrapper .help-modal__modal .help-modal__header .help-modal__title {
  font-family: "Inter", sans-serif !important;
  font-size: 2rem !important;
  letter-spacing: -0.06rem !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
  color: #FFFFFF !important;
  font-size: 1.35rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
}
.help-modal__wrapper .help-modal__modal .help-modal__header .help-modal__tabs {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  gap: 0.25rem;
  margin-top: 0.5rem;
  overflow-x: auto;
  overflow-y: hidden;
  flex-shrink: 0;
}
.help-modal__wrapper .help-modal__modal .help-modal__header .help-modal__tabs::-webkit-scrollbar-track {
  background-color: rgba(255, 255, 255, 0.15);
}
.help-modal__wrapper .help-modal__modal .help-modal__header .help-modal__tabs::-webkit-scrollbar {
  height: 0.4rem;
  width: 0.4rem;
  background-color: rgba(255, 255, 255, 0.15);
}
.help-modal__wrapper .help-modal__modal .help-modal__header .help-modal__tabs::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.4);
}
.help-modal__wrapper .help-modal__modal .help-modal__header .help-modal__tabs .help-modal__tab {
  border-radius: 0.5rem 0.5rem 0 0 !important;
  background: rgba(255, 255, 255, 0.15) !important;
  white-space: nowrap;
  flex-shrink: 0;
  padding: 0.75rem 1rem;
  color: #FFFFFF !important;
  font-family: "Inter", sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.21 !important;
  letter-spacing: -0.03rem !important;
  font-weight: 600 !important;
  text-transform: initial;
  border: none !important;
  margin: 0 !important;
}
@media screen and (max-width: 601px) {
  .help-modal__wrapper .help-modal__modal .help-modal__header .help-modal__tabs .help-modal__tab {
    line-height: 1.5;
  }
}
@media (hover: hover) and (pointer: fine) {
  .help-modal__wrapper .help-modal__modal .help-modal__header .help-modal__tabs .help-modal__tab:hover {
    background: rgba(255, 255, 255, 0.28) !important;
    color: #FFFFFF !important;
  }
}
.help-modal__wrapper .help-modal__modal .help-modal__header .help-modal__tabs .help-modal__tab.active {
  background: #FFFFFF !important;
  color: var(--primary) !important;
}
.help-modal__wrapper .help-modal__modal .help-modal__body {
  width: 100%;
  height: auto;
  overflow-y: auto;
  flex-shrink: 1;
  flex-grow: 1;
  overscroll-behavior: contain;
}
.help-modal__wrapper .help-modal__modal .help-modal__body strong {
  font-weight: 700 !important;
}
.help-modal__wrapper .help-modal__modal .help-modal__body::-webkit-scrollbar-track {
  background-color: var(--base);
}
.help-modal__wrapper .help-modal__modal .help-modal__body::-webkit-scrollbar {
  height: 0.5rem;
  width: 0.5rem;
  background-color: var(--base);
}
.help-modal__wrapper .help-modal__modal .help-modal__body::-webkit-scrollbar-thumb {
  background-color: var(--primary);
}
.help-modal__wrapper .help-modal__modal .help-modal__body p {
  margin-bottom: 1.5rem;
}
.help-modal__wrapper .help-modal__modal .help-modal__body ul, .help-modal__wrapper .help-modal__modal .help-modal__body ol, .help-modal__wrapper .help-modal__modal .help-modal__body li {
  list-style: initial !important;
}
.help-modal__wrapper .help-modal__modal .help-modal__body ul, .help-modal__wrapper .help-modal__modal .help-modal__body ol {
  margin-bottom: 1.5rem;
  padding-left: 3rem;
}
.help-modal__wrapper .help-modal__modal .help-modal__body h2 {
  font-family: "Inter", sans-serif !important;
  font-size: 1.25rem !important;
  letter-spacing: -0.0375rem !important;
  line-height: 1.5rem !important;
  font-weight: 700 !important;
}
.help-modal__wrapper .help-modal__modal .help-modal__body h3 {
  font-family: "Inter", sans-serif !important;
  font-size: 1.125rem !important;
  letter-spacing: -0.03375rem !important;
  line-height: 1.35rem !important;
  font-weight: 700;
}
.help-modal__wrapper .help-modal__modal .help-modal__body h4 {
  font-family: "Inter", sans-serif !important;
  font-size: 3.2rem;
  letter-spacing: -0.096rem;
  line-height: 3.9rem;
}
.help-modal__wrapper .help-modal__modal .help-modal__body h5 {
  font-family: "Inter", sans-serif !important;
  font-size: 1.25rem;
  letter-spacing: -0.0375rem;
  line-height: 1.21;
  font-weight: 700;
  text-transform: initial;
}
.help-modal__wrapper .help-modal__modal .help-modal__body h2, .help-modal__wrapper .help-modal__modal .help-modal__body h3, .help-modal__wrapper .help-modal__modal .help-modal__body h4, .help-modal__wrapper .help-modal__modal .help-modal__body h5, .help-modal__wrapper .help-modal__modal .help-modal__body h6 {
  color: var(--primary);
  font-weight: 700;
  margin-bottom: 0.75rem;
}
.help-modal__wrapper .help-modal__modal .help-modal__body .help-modal__content {
  display: none;
}
.help-modal__wrapper .help-modal__modal .help-modal__body .help-modal__content.active {
  display: block;
}
.help-modal__wrapper .help-modal__modal .help-modal__body .help-modal__content[hidden] {
  display: none !important;
}
.help-modal__wrapper .help-modal__modal .help-modal__body .help-modal__section {
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.5rem;
  overflow: hidden;
  transition: border-color 0.2s ease, background 0.2s ease;
}
.help-modal__wrapper .help-modal__modal .help-modal__body .help-modal__section[open] {
  border-color: color-mix(in srgb, var(--primary) 28%, transparent);
  background: color-mix(in srgb, var(--primary) 2%, #FFFFFF);
}
.help-modal__wrapper .help-modal__modal .help-modal__body .help-modal__section[open] .help-modal__section-summary {
  border-bottom: 1px solid color-mix(in srgb, var(--primary) 18%, transparent);
}
.help-modal__wrapper .help-modal__modal .help-modal__body .help-modal__section[open] .help-modal__section-summary::after {
  transform: rotate(90deg);
}
.help-modal__wrapper .help-modal__modal .help-modal__body .help-modal__section .help-modal__section-summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.75rem 1rem;
  color: var(--primary);
  background: color-mix(in srgb, var(--primary) 7%, transparent);
  border-left: 3px solid var(--primary);
  font-weight: 700;
  cursor: pointer;
  list-style: none;
}
.help-modal__wrapper .help-modal__modal .help-modal__body .help-modal__section .help-modal__section-summary::-webkit-details-marker {
  display: none;
}
.help-modal__wrapper .help-modal__modal .help-modal__body .help-modal__section .help-modal__section-summary::after {
  content: "›";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  background: color-mix(in srgb, var(--primary) 10%, transparent);
  font-size: 1.2rem;
  line-height: 1;
  transition: transform 0.2s ease;
}
@media (hover: hover) and (pointer: fine) {
  .help-modal__wrapper .help-modal__modal .help-modal__body .help-modal__section .help-modal__section-summary:hover {
    background: color-mix(in srgb, var(--primary) 13%, transparent);
  }
}
.help-modal__wrapper .help-modal__modal .help-modal__body .help-modal__section .help-modal__section-summary:focus-visible {
  outline: 2px solid var(--primary);
  outline-offset: 2px;
}
.help-modal__wrapper .help-modal__modal .help-modal__body .help-modal__section .help-modal__section-content {
  padding: 1rem;
}
.help-modal__wrapper .help-modal__modal .help-modal__body .help-modal__section .help-modal__section-content > :last-child {
  margin-bottom: 0;
}
.help-modal__wrapper .help-modal__modal .help-modal__body .help-modal__type-fields,
.help-modal__wrapper .help-modal__modal .help-modal__body .help-modal__type-consequence {
  display: block;
  margin-top: 0.25rem;
  font-family: "Inter", sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.21 !important;
  letter-spacing: -0.03rem !important;
}
@media screen and (max-width: 601px) {
  .help-modal__wrapper .help-modal__modal .help-modal__body .help-modal__type-fields,
  .help-modal__wrapper .help-modal__modal .help-modal__body .help-modal__type-consequence {
    line-height: 1.5;
  }
}
.help-modal__wrapper .help-modal__modal .help-modal__body .help-modal__type-fields {
  color: #393843;
}
.help-modal__wrapper .help-modal__modal .help-modal__body .help-modal__type-consequence {
  color: var(--primary);
  font-weight: 600;
}
.help-modal__wrapper .help-modal__modal .help-modal__body .help-modal__reference-group-title {
  font-family: "Inter", sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.21 !important;
  letter-spacing: -0.03rem !important;
  display: flex;
  align-items: center;
  gap: 1rem;
  margin: 2rem 0 0.75rem !important;
  padding: 0;
  color: var(--primary);
  background: transparent;
  border: 0;
  font-weight: 700;
}
@media screen and (max-width: 601px) {
  .help-modal__wrapper .help-modal__modal .help-modal__body .help-modal__reference-group-title {
    line-height: 1.5;
  }
}
.help-modal__wrapper .help-modal__modal .help-modal__body .help-modal__reference-group-title::after {
  content: "";
  flex: 1;
  min-width: 1.5rem;
  height: 1px;
  background: color-mix(in srgb, var(--primary) 30%, transparent);
}
.help-modal__wrapper .help-modal__modal .help-modal__body .help-modal__reference-group-title:first-of-type {
  margin-top: 1rem !important;
}
.help-modal__wrapper .help-modal__modal .help-modal__body .help-modal__reference-group-title + .help-modal__reference-list {
  border-top: 0;
}
.help-modal__wrapper .help-modal__modal .help-modal__body .help-modal__reference-group-description {
  margin: 0 0 0.75rem;
  color: #393843;
  font-family: "Inter", sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.21 !important;
  letter-spacing: -0.03rem !important;
}
@media screen and (max-width: 601px) {
  .help-modal__wrapper .help-modal__modal .help-modal__body .help-modal__reference-group-description {
    line-height: 1.5;
  }
}
.help-modal__wrapper .help-modal__modal .help-modal__body .help-modal__reference-group-description + .help-modal__reference-list {
  border-top: 0;
}
.help-modal__wrapper .help-modal__modal .help-modal__body .help-modal__reference-list {
  width: 100%;
  margin: 0 0 1.5rem;
  padding-left: 0;
  border-top: 1px solid rgba(141, 139, 159, 0.25);
}
.help-modal__wrapper .help-modal__modal .help-modal__body .help-modal__reference-list > li {
  display: grid;
  grid-template-columns: minmax(12rem, 26%) minmax(0, 1fr);
  column-gap: 1.5rem;
  row-gap: 0.25rem;
  padding: 0.75rem 0;
  border-bottom: 1px solid rgba(141, 139, 159, 0.25);
  list-style: none !important;
}
@media screen and (max-width: 601px) {
  .help-modal__wrapper .help-modal__modal .help-modal__body .help-modal__reference-list > li {
    grid-template-columns: minmax(0, 1fr);
  }
}
.help-modal__wrapper .help-modal__modal .help-modal__body .help-modal__reference-list > li > strong:first-child {
  grid-column: 1;
  grid-row: 1;
  color: #393843;
  font-weight: 700;
}
.help-modal__wrapper .help-modal__modal .help-modal__body .help-modal__reference-list > li > .help-modal__type-fields {
  grid-column: 2;
  grid-row: 2;
  margin-top: 0;
}
@media screen and (max-width: 601px) {
  .help-modal__wrapper .help-modal__modal .help-modal__body .help-modal__reference-list > li > .help-modal__type-fields {
    grid-column: 1;
    grid-row: 3;
  }
}
.help-modal__wrapper .help-modal__modal .help-modal__body .help-modal__reference-list > li > .help-modal__type-consequence {
  grid-column: 1;
  grid-row: 2;
  align-self: start;
  width: fit-content;
  max-width: 100%;
  margin-top: 0;
  padding: 0;
  color: #8D8B9F;
  background: transparent;
  border: 0;
  font-size: 0.75rem !important;
  font-weight: 400;
  line-height: 1.2 !important;
}
.help-modal__wrapper .help-modal__modal .help-modal__body .help-modal__reference-list > li > .help-modal__type-warning {
  grid-column: 2;
  grid-row: 2;
  color: #8D8B9F;
}
@media screen and (max-width: 601px) {
  .help-modal__wrapper .help-modal__modal .help-modal__body .help-modal__reference-list > li > .help-modal__type-warning {
    grid-column: 1;
    grid-row: 3;
  }
}
.help-modal__wrapper .help-modal__modal .help-modal__body .help-modal__reference-list > li > .help-modal__type-warning strong {
  color: #393843;
  font-weight: 600;
}
@media screen and (max-width: 601px) {
  .help-modal__wrapper .help-modal__modal .help-modal__body .help-modal__reference-list > li:has(> .help-modal__type-consequence) > .help-modal__type-fields {
    grid-row: 4;
  }
}
.help-modal__wrapper .help-modal__modal .help-modal__body .help-modal__reference-list > li:has(> .help-modal__type-warning) > .help-modal__type-fields {
  grid-row: 3;
}
@media screen and (max-width: 601px) {
  .help-modal__wrapper .help-modal__modal .help-modal__body .help-modal__reference-list > li:has(> .help-modal__type-warning) > .help-modal__type-fields {
    grid-row: 4;
  }
}
.help-modal__wrapper .help-modal__modal .help-modal__body .help-modal__reference-list > li:last-child {
  border-bottom: 0;
}
.help-modal__wrapper .help-modal__modal .help-modal__body .help-modal__documentation-link {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 2rem;
  margin-bottom: 0;
}
.help-modal__wrapper .help-modal__modal .help-modal__body .help-modal__documentation-link a {
  display: inline-flex !important;
  width: auto !important;
  max-width: 100%;
}
.help-modal__wrapper .help-modal__modal .help-modal__body .help-modal__field-list {
  width: 100%;
  margin: 0 0 1.5rem;
  border-top: 1px solid rgba(141, 139, 159, 0.25);
}
.help-modal__wrapper .help-modal__modal .help-modal__body .help-modal__section-content > .help-modal__field-list:first-child,
.help-modal__wrapper .help-modal__modal .help-modal__body .help-modal__section-content > .help-modal__reference-list:first-child {
  border-top: 0;
}
.help-modal__wrapper .help-modal__modal .help-modal__body .help-modal__field {
  display: grid;
  grid-template-columns: minmax(12rem, 26%) minmax(0, 1fr);
  gap: 1.5rem;
  padding: 0.75rem 0;
  border-bottom: 1px solid rgba(141, 139, 159, 0.25);
}
.help-modal__wrapper .help-modal__modal .help-modal__body .help-modal__field:last-child {
  border-bottom: 0;
}
@media screen and (max-width: 601px) {
  .help-modal__wrapper .help-modal__modal .help-modal__body .help-modal__field {
    grid-template-columns: minmax(0, 1fr);
    gap: 0.25rem;
  }
}
.help-modal__wrapper .help-modal__modal .help-modal__body .help-modal__field dt {
  color: #393843;
  font-weight: 700;
}
.help-modal__wrapper .help-modal__modal .help-modal__body .help-modal__field dd {
  min-width: 0;
  margin: 0;
}
.help-modal__wrapper .help-modal__modal .help-modal__body .help-modal__field .help-modal__field-status {
  display: block;
  margin-top: 0.25rem;
  color: #8D8B9F;
  font-size: 0.8rem;
  font-weight: 400;
}
.help-modal__wrapper .help-modal__modal .help-modal__body .help-modal__field .help-modal__field-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  margin-top: 0.25rem;
}
.help-modal__wrapper .help-modal__modal .help-modal__body .help-modal__field .help-modal__field-meta .help-modal__field-status,
.help-modal__wrapper .help-modal__modal .help-modal__body .help-modal__field .help-modal__field-meta .help-modal__field-kind {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  margin: 0;
  padding: 0.15rem 0.5rem;
  border-radius: 0.5rem;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.2;
}
.help-modal__wrapper .help-modal__modal .help-modal__body .help-modal__field .help-modal__field-meta .help-modal__field-status {
  color: var(--primary);
  background: var(--base);
}
.help-modal__wrapper .help-modal__modal .help-modal__body .help-modal__field .help-modal__field-meta .help-modal__field-kind {
  color: #393843;
  background: #F2F2F2;
  border: 1px solid rgba(141, 139, 159, 0.25);
}
.help-modal__wrapper .help-modal__modal .help-modal__footer {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: 0.5rem;
}
@media screen and (max-width: 835px) {
  .help-modal__wrapper .help-modal__modal .help-modal__footer {
    justify-content: center;
  }
}
@media screen and (max-width: 835px) {
  .help-modal__wrapper .help-modal__modal .help-modal__footer a {
    font-size: 0.9rem;
  }
}

body.help-modal-open {
  overflow: hidden !important;
}

.select2-container--jet.select2-container--open {
  z-index: 10001 !important;
}

.generic-modal__wrapper {
  width: 100vw;
  height: 100vh;
  background: rgba(26, 27, 28, 0.5);
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
}
@media screen and (max-width: 601px) {
  .generic-modal__wrapper {
    align-content: flex-start;
    padding-top: 88px;
  }
}

.generic-modal__modal {
  border-radius: 0.75rem;
  background: #FFFFFF;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  padding: 1.5rem;
  gap: 1rem;
}
@media screen and (max-width: 835px) {
  .generic-modal__modal {
    gap: 1.5rem;
  }
}
.generic-modal__modal .generic-modal__header {
  width: 100%;
  position: relative;
  padding: 1rem 20% 1rem 0;
  border-bottom: 1px solid rgba(141, 139, 159, 0.5);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  gap: 0.75rem;
}
@media screen and (max-width: 601px) {
  .generic-modal__modal .generic-modal__header {
    padding: 1rem 1.5rem 1rem 0;
  }
}
.generic-modal__modal .generic-modal__header .generic-modal__close {
  position: absolute !important;
  top: -1rem;
  right: -1rem;
  font-size: 1.5rem !important;
  cursor: pointer !important;
}
@media (hover: hover) and (pointer: fine) {
  .generic-modal__modal .generic-modal__header .generic-modal__close:hover {
    color: var(--secondary) !important;
  }
}
.generic-modal__modal .generic-modal__header .generic-modal__label {
  font-family: "Inter", sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.21 !important;
  letter-spacing: -0.03rem !important;
  font-weight: 600;
  color: var(--primary);
}
@media screen and (max-width: 601px) {
  .generic-modal__modal .generic-modal__header .generic-modal__label {
    line-height: 1.5;
  }
}
.generic-modal__modal .generic-modal__header .generic-modal__title {
  font-family: "Inter", sans-serif !important;
  font-size: 2rem !important;
  letter-spacing: -0.06rem !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
  color: #1A1B1C;
  text-transform: initial;
}
.generic-modal__modal .generic-modal__body {
  width: 100%;
  height: auto;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: center;
}
.generic-modal__modal .generic-modal__footer {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
  align-content: center;
  gap: 1.5rem;
  text-align: left;
}
@media screen and (max-width: 835px) {
  .generic-modal__modal .generic-modal__footer {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: center;
  }
}
.generic-modal__modal .generic-modal__footer .generic-modal__buttons {
  width: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
  align-content: center;
  gap: 0.5rem;
}
@media screen and (max-width: 835px) {
  .generic-modal__modal .generic-modal__footer .generic-modal__buttons .button {
    flex-grow: 1;
    justify-content: center;
  }
}
.generic-modal__modal--centered {
  min-height: 0 !important;
}
.generic-modal__modal--centered .generic-modal__header {
  padding: 3rem 0 0;
  align-items: center;
  text-align: center;
  border: none;
}
.generic-modal__modal--centered .generic-modal__body {
  align-items: center;
  text-align: center;
  flex-grow: 0 !important;
}
@media screen and (min-width: 835px) {
  .generic-modal__modal--centered .generic-modal__body {
    font-size: 1.2rem;
  }
}
.generic-modal__modal--centered .generic-modal__footer {
  justify-content: center !important;
  text-align: center;
  padding: 1rem 0;
}

.generic-modal__modal .generic-modal__header--branded {
  width: auto !important;
  margin: -1.5rem -1.5rem 0 !important;
  padding: 1.5rem 1.5rem 1rem !important;
  gap: 0.5rem !important;
  background: linear-gradient(90.9deg, var(--gradient-color1) 54.69%, var(--gradient-color2) 100%) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 0.75rem 0.75rem 0 0 !important;
}
.generic-modal__modal .generic-modal__header--branded .generic-modal__label {
  color: rgba(255, 255, 255, 0.85) !important;
}
.generic-modal__modal .generic-modal__header--branded .generic-modal__title {
  color: #FFFFFF !important;
  font-size: 1.35rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.03em !important;
  text-transform: uppercase !important;
}
@media screen and (max-width: 835px) {
  .generic-modal__modal .generic-modal__header--branded .generic-modal__title {
    padding-right: 2.75rem !important;
  }
}
.generic-modal__modal .generic-modal__header--branded .generic-modal__title .fa {
  margin-right: 0.5rem;
}
.generic-modal__modal .generic-modal__header--branded p {
  margin: 0 !important;
  color: rgba(255, 255, 255, 0.85) !important;
}
.generic-modal__modal .generic-modal__header--branded p a, .generic-modal__modal .generic-modal__header--branded p a.link-element {
  color: #FFFFFF !important;
  text-decoration: underline !important;
}
@media (hover: hover) and (pointer: fine) {
  .generic-modal__modal .generic-modal__header--branded p a:hover, .generic-modal__modal .generic-modal__header--branded p a.link-element:hover {
    color: #FFFFFF !important;
  }
}
.generic-modal__modal .generic-modal__header--branded .generic-modal__close {
  top: 1rem !important;
  right: 1rem !important;
  font-size: 1rem !important;
  color: #FFFFFF !important;
  background: rgba(255, 255, 255, 0.2) !important;
  border-radius: 50% !important;
}
@media (hover: hover) and (pointer: fine) {
  .generic-modal__modal .generic-modal__header--branded .generic-modal__close:hover {
    color: #FFFFFF !important;
    background: rgba(255, 255, 255, 0.32) !important;
  }
}

.active-projects-modal__wrapper {
  background: rgba(26, 27, 28, 0.5);
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  position: fixed;
  inset: 0;
  z-index: 10000;
  padding: 1rem;
  display: none;
}
.active-projects-modal__wrapper .active-projects-modal__modal {
  width: min(1024px, 100%);
  height: auto;
  min-height: 30rem;
  max-height: 85dvh;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.22);
}
.active-projects-modal__wrapper .active-projects-modal__modal .active-projects-modal__header {
  width: auto;
  margin: -1.5rem -1.5rem 0;
  padding: 1.5rem 1.5rem 1rem;
  background: linear-gradient(90.9deg, var(--gradient-color1) 54.69%, var(--gradient-color2) 100%);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 0.75rem 0.75rem 0 0;
}
.active-projects-modal__wrapper .active-projects-modal__modal .active-projects-modal__header p {
  color: rgba(255, 255, 255, 0.85);
}
.active-projects-modal__wrapper .active-projects-modal__modal .active-projects-modal__header .active-projects-modal__close {
  top: 1rem !important;
  right: 1rem !important;
  color: #FFFFFF !important;
  background: rgba(255, 255, 255, 0.2) !important;
  border-radius: 50% !important;
}
@media (hover: hover) and (pointer: fine) {
  .active-projects-modal__wrapper .active-projects-modal__modal .active-projects-modal__header .active-projects-modal__close:hover {
    color: #FFFFFF !important;
    background: rgba(255, 255, 255, 0.32) !important;
  }
}
.active-projects-modal__wrapper .active-projects-modal__modal .active-projects-modal__title {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: 0.75rem;
  color: #FFFFFF !important;
  font-size: 1.35rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
}
.active-projects-modal__wrapper .active-projects-modal__modal .active-projects-modal__title img {
  width: 1.25rem;
  height: 1.25rem;
  flex-shrink: 0;
  filter: brightness(0) invert(1);
}
@media screen and (max-width: 835px) {
  .active-projects-modal__wrapper .active-projects-modal__modal {
    width: 100%;
    height: 100%;
    max-height: 100%;
  }
}
.active-projects-modal__wrapper .active-projects-modal__modal .active-projects-modal__top {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  padding: 0 0 1rem 0;
  gap: 0.75rem;
}
.active-projects-modal__wrapper .active-projects-modal__modal .active-projects-modal__top .active-projects-modal__name-filter {
  flex: 1 1 auto;
  min-width: 8rem;
  position: relative;
}
@media screen and (max-width: 835px) {
  .active-projects-modal__wrapper .active-projects-modal__modal .active-projects-modal__top .active-projects-modal__name-filter {
    flex: 1 1 100%;
  }
}
.active-projects-modal__wrapper .active-projects-modal__modal .active-projects-modal__top .active-projects-modal__name-filter .active-projects-modal__name-filter__input {
  padding: 0.75rem 2rem 0.75rem 0.7rem !important;
  font-size: 1rem !important;
}
.active-projects-modal__wrapper .active-projects-modal__modal .active-projects-modal__top .active-projects-modal__name-filter .active-projects-modal__name-filter__icon {
  position: absolute !important;
  height: 100% !important;
  top: 0;
  right: 0;
  padding: 0.75rem;
}
.active-projects-modal__wrapper .active-projects-modal__modal .active-projects-modal__top .active-projects-modal__name-filter .active-projects-modal__name-filter__icon svg path {
  fill: var(--secondary);
}
.active-projects-modal__wrapper .active-projects-modal__modal .active-projects-modal__top .active-projects-modal__name-filter .active-projects-modal__name-filter__icon svg:hover path {
  fill: var(--primary);
}
.active-projects-modal__wrapper .active-projects-modal__modal .active-projects-modal__top .active-projects-modal__filter-controls {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: 0.75rem;
}
@media screen and (max-width: 835px) {
  .active-projects-modal__wrapper .active-projects-modal__modal .active-projects-modal__top .active-projects-modal__filter-controls {
    flex: 1 1 100%;
  }
}
.active-projects-modal__wrapper .active-projects-modal__modal .active-projects-modal__top .active-projects-modal__filter-controls .active-projects-modal__filter-controls__inner {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: 0.75rem;
  flex: 1 1 0;
  min-width: 0;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  scrollbar-width: none;
  touch-action: pan-x;
}
.active-projects-modal__wrapper .active-projects-modal__modal .active-projects-modal__top .active-projects-modal__filter-controls .active-projects-modal__filter-controls__inner::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 601px) {
  .active-projects-modal__wrapper .active-projects-modal__modal .active-projects-modal__top .active-projects-modal__filter-controls .active-projects-modal__filter-controls__inner {
    scrollbar-width: thin;
    scrollbar-color: #BFBFBF transparent;
    padding-bottom: 0.3rem;
  }
  .active-projects-modal__wrapper .active-projects-modal__modal .active-projects-modal__top .active-projects-modal__filter-controls .active-projects-modal__filter-controls__inner::-webkit-scrollbar {
    display: block;
    height: 0.25rem;
  }
  .active-projects-modal__wrapper .active-projects-modal__modal .active-projects-modal__top .active-projects-modal__filter-controls .active-projects-modal__filter-controls__inner::-webkit-scrollbar-track {
    background: transparent;
  }
  .active-projects-modal__wrapper .active-projects-modal__modal .active-projects-modal__top .active-projects-modal__filter-controls .active-projects-modal__filter-controls__inner::-webkit-scrollbar-thumb {
    background-color: #BFBFBF;
    border-radius: 999px;
  }
}
.active-projects-modal__wrapper .active-projects-modal__modal .active-projects-modal__top .active-projects-modal__filter-controls select {
  flex: 1 1 auto;
  field-sizing: content;
  width: auto !important;
  min-width: 0;
  appearance: none;
  font-size: 1rem !important;
  padding: 0.75rem 1.8rem 0.75rem 0.7rem !important;
  border-radius: 0.5rem;
  border: 1px solid #BFBFBF;
  color: #393843;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%238D8B9F'/%3E%3C/svg%3E") no-repeat right 0.55rem center, linear-gradient(to right, rgba(255, 255, 255, 0), #FFFFFF 45%) no-repeat right/2.4rem 100%, #FFFFFF !important;
  background-size: 10px 6px, 2.4rem 100%, auto !important;
  cursor: pointer;
}
@media screen and (max-width: 601px) {
  .active-projects-modal__wrapper .active-projects-modal__modal .active-projects-modal__top .active-projects-modal__filter-controls select {
    flex: 0 0 auto;
  }
}
.active-projects-modal__wrapper .active-projects-modal__modal .active-projects-modal__top .active-projects-modal__filter-controls select:focus {
  outline: none;
  border-color: var(--primary);
}
.active-projects-modal__wrapper .active-projects-modal__modal .active-projects-modal__top .active-projects-modal__filter-controls .active-projects-modal__legend-wrapper {
  position: relative;
  flex-shrink: 0;
  margin-left: auto;
}
.active-projects-modal__wrapper .active-projects-modal__modal .active-projects-modal__top .active-projects-modal__filter-controls .active-projects-modal__legend-wrapper .active-projects-modal__legend-trigger {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 50%;
  border: none;
  background: none;
  color: #8D8B9F;
  cursor: pointer;
  font-size: 0.9rem;
  padding: 0;
}
.active-projects-modal__wrapper .active-projects-modal__modal .active-projects-modal__top .active-projects-modal__filter-controls .active-projects-modal__legend-wrapper .active-projects-modal__legend-trigger:hover {
  color: var(--primary);
  background: rgba(var(--primary), 0.08);
}
.active-projects-modal__wrapper .active-projects-modal__modal .active-projects-modal__top .active-projects-modal__filter-controls .active-projects-modal__legend-wrapper .active-projects-modal__legend-panel {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  display: none;
  position: absolute;
  top: calc(100% + 0.4rem);
  right: 0;
  background: #FFFFFF;
  border: 1px solid #BFBFBF;
  border-radius: 0.75rem;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
  padding: 0.75rem 1rem;
  z-index: 200;
  gap: 0.75rem;
  min-width: 12rem;
}
.active-projects-modal__wrapper .active-projects-modal__modal .active-projects-modal__top .active-projects-modal__filter-controls .active-projects-modal__legend-wrapper .active-projects-modal__legend-panel .active-projects-modal__legend__item {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: 0.5rem;
  font-size: 0.8rem;
  color: #393843;
  white-space: nowrap;
}
.active-projects-modal__wrapper .active-projects-modal__modal .active-projects-modal__top .active-projects-modal__filter-controls .active-projects-modal__legend-wrapper .active-projects-modal__legend-panel .active-projects-modal__legend__item svg {
  flex-shrink: 0;
}
.active-projects-modal__wrapper .active-projects-modal__modal .active-projects-modal__top .active-projects-modal__filter-controls .active-projects-modal__legend-wrapper .active-projects-modal__legend-panel .active-projects-modal__legend__item--muted {
  color: #8D8B9F;
  font-style: italic;
}
.active-projects-modal__wrapper .active-projects-modal__modal .active-projects-modal__top .active-projects-modal__filter-controls .active-projects-modal__legend-wrapper:hover .active-projects-modal__legend-panel, .active-projects-modal__wrapper .active-projects-modal__modal .active-projects-modal__top .active-projects-modal__filter-controls .active-projects-modal__legend-wrapper:focus-within .active-projects-modal__legend-panel {
  display: flex;
}
.active-projects-modal__wrapper .active-projects-modal__modal .active-projects-modal__project__list {
  width: 100%;
  height: auto;
  overflow-y: auto;
  flex-shrink: 1;
  flex-grow: 1;
  border-radius: 0.75rem;
  background: #FFFFFF;
  border: 1px solid rgba(141, 139, 159, 0.25);
  padding: 0;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: flex-start;
  gap: 0;
}
.active-projects-modal__wrapper .active-projects-modal__modal .active-projects-modal__project__list::-webkit-scrollbar-track {
  background-color: var(--base);
}
.active-projects-modal__wrapper .active-projects-modal__modal .active-projects-modal__project__list::-webkit-scrollbar {
  height: 0.5rem;
  width: 0.5rem;
  background-color: var(--base);
}
.active-projects-modal__wrapper .active-projects-modal__modal .active-projects-modal__project__list::-webkit-scrollbar-thumb {
  background-color: var(--primary);
}
.active-projects-modal__wrapper .active-projects-modal__modal .active-projects-modal__project__list .active-projects-modal__project {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  gap: 1.5rem;
  min-width: 0;
  padding: 0.75rem 1rem;
  cursor: pointer;
  transition: background-color 0.12s ease;
}
.active-projects-modal__wrapper .active-projects-modal__modal .active-projects-modal__project__list .active-projects-modal__project * {
  cursor: pointer;
}
.active-projects-modal__wrapper .active-projects-modal__modal .active-projects-modal__project__list .active-projects-modal__project:not(:last-child) {
  border-bottom: 1px solid rgba(141, 139, 159, 0.15);
}
@media (hover: hover) and (pointer: fine) {
  .active-projects-modal__wrapper .active-projects-modal__modal .active-projects-modal__project__list .active-projects-modal__project:hover {
    background: rgba(141, 139, 159, 0.12);
  }
}
.active-projects-modal__wrapper .active-projects-modal__modal .active-projects-modal__project__list .active-projects-modal__project:has(input:checked) {
  background: color-mix(in srgb, var(--primary) 7%, transparent);
}
@media screen and (max-width: 835px) {
  .active-projects-modal__wrapper .active-projects-modal__modal .active-projects-modal__project__list .active-projects-modal__project {
    align-items: flex-start;
  }
}
.active-projects-modal__wrapper .active-projects-modal__modal .active-projects-modal__project__list .active-projects-modal__project .active-projects-modal__project__text {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  flex: 1 1 0;
  min-width: 0;
  gap: 0.5rem;
}
.active-projects-modal__wrapper .active-projects-modal__modal .active-projects-modal__project__list .active-projects-modal__project .active-projects-modal__project__text label {
  flex: 1 1 0;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.active-projects-modal__wrapper .active-projects-modal__modal .active-projects-modal__project__list .active-projects-modal__project .active-projects-modal__project__pills {
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: 0.25rem;
}
.active-projects-modal__wrapper .active-projects-modal__modal .active-projects-modal__project__list .active-projects-modal__project .active-projects-modal__project__pills .active-projects-modal__pill {
  display: inline-block;
  background: rgba(var(--secondary), 0.14) !important;
  color: var(--secondary);
  border-radius: 999px;
  padding: 0.2rem 0.65rem;
  font-size: 0.85rem;
  font-weight: 500;
  line-height: 1.4;
  white-space: nowrap;
  border: 1px solid rgba(var(--secondary), 0.3);
}
@media screen and (max-width: 835px) {
  .active-projects-modal__wrapper .active-projects-modal__modal .active-projects-modal__project__list .active-projects-modal__project .active-projects-modal__project__pills .active-projects-modal__pill {
    font-size: 0.8rem;
  }
}
.active-projects-modal__wrapper .active-projects-modal__modal .active-projects-modal__project__list .active-projects-modal__project .active-projects-modal__project__icons {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  align-content: center;
  flex-shrink: 0;
  min-width: 1.5rem;
}
.active-projects-modal__wrapper .active-projects-modal__modal .active-projects-modal__project__list .active-projects-modal__project .active-projects-modal__project__icons .active-projects-modal__icon {
  width: 1.5rem;
}
.active-projects-modal__wrapper .active-projects-modal__modal .active-projects-modal__project__list .active-projects-modal__project .active-projects-modal__project__icons .active-projects-modal__icon svg {
  width: 100%;
}
.active-projects-modal__wrapper .active-projects-modal__modal .active-projects-modal__project__list .active-projects-modal__project .active-projects-modal__project__icons .active-projects-modal__icon--contribute {
  opacity: 1;
}
.active-projects-modal__wrapper .active-projects-modal__modal .active-projects-modal__project__list .active-projects-modal__project .active-projects-modal__project__icons .active-projects-modal__icon--manage svg path {
  fill: var(--secondary);
}
.active-projects-modal__wrapper .active-projects-modal__modal .active-projects-modal__project__list .active-projects-modal__project .active-projects-modal__project__icons .active-projects-modal__icon--own svg path {
  fill: #F59E0B;
  stroke: #F59E0B;
}
.active-projects-modal__wrapper .active-projects-modal__modal .active-projects-modal__project__list .active-projects-modal__project .active-projects-modal__project__icons .active-projects-modal__icon--inactive path {
  fill: #BFBFBF;
}
.active-projects-modal__wrapper .active-projects-modal__modal .active-projects-modal__project__empty {
  width: 100%;
  padding: 3rem 0;
}
.active-projects-modal__wrapper .active-projects-modal__modal .active-projects-modal__filter-empty {
  display: none;
  width: 100%;
  padding: 1.5rem 1rem;
  color: #8D8B9F;
  font-size: 0.9rem;
  text-align: center;
}
.active-projects-modal__wrapper .active-projects-modal__modal .active-projects-modal__clear-filters {
  display: none !important;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
  font-size: 1rem;
  color: #393843 !important;
  background: #FFFFFF !important;
  cursor: pointer;
  padding: 0.75rem 0.75rem !important;
  border-radius: 0.5rem !important;
  white-space: nowrap;
  line-height: 1.21;
  flex-shrink: 0;
  font-weight: 500;
}
.active-projects-modal__wrapper .active-projects-modal__modal .active-projects-modal__clear-filters--visible {
  display: flex !important;
}
.active-projects-modal__wrapper .active-projects-modal__modal .active-projects-modal__clear-filters:hover {
  border-color: var(--primary) !important;
  color: var(--primary) !important;
  background: rgba(var(--primary), 0.04) !important;
}
.active-projects-modal__wrapper .active-projects-modal__modal .active-projects-modal__footer .active-projects-modal__footer__left {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  flex-grow: 1;
  gap: 0.75rem;
}
@media screen and (max-width: 835px) {
  .active-projects-modal__wrapper .active-projects-modal__modal .active-projects-modal__footer .active-projects-modal__footer__left {
    width: 100%;
    flex-wrap: wrap;
  }
}
.active-projects-modal__wrapper .active-projects-modal__modal .active-projects-modal__footer .active-projects-modal__select-all label {
  white-space: nowrap;
}
.active-projects-modal__wrapper .active-projects-modal__modal .active-projects-modal__footer .active-projects-modal__reset-selection__button {
  color: var(--primary) !important;
  padding: 0.25rem !important;
}
.active-projects-modal__wrapper .active-projects-modal__modal .active-projects-modal__footer .active-projects-modal__status {
  color: var(--secondary);
  white-space: nowrap;
}
.active-projects-modal__wrapper .active-projects-modal__modal .active-projects-modal__footer .active-projects-modal__error {
  color: #FF5757;
}
.active-projects-modal__wrapper .active-projects-modal__modal .active-projects-modal__footer .active-projects-modal__error[hidden] {
  display: none;
}

body.dashboard-widgets-modal-open {
  overflow: hidden;
}

.dashboard-widgets-modal__wrapper {
  position: fixed;
  inset: 0;
  width: auto;
  height: auto;
  z-index: 10000;
  padding: 1rem;
  align-content: center;
  display: none;
}
.dashboard-widgets-modal__wrapper [hidden] {
  display: none !important;
}
.dashboard-widgets-modal__wrapper .dashboard-widgets-modal__modal {
  width: min(600px, 100%);
  max-height: 85dvh;
  padding: 0;
  gap: 0;
  overflow: hidden;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.22);
}
@media screen and (max-width: 835px) {
  .dashboard-widgets-modal__wrapper .dashboard-widgets-modal__modal {
    width: 100%;
    height: 100%;
    max-height: 100%;
  }
}
.dashboard-widgets-modal__wrapper .dashboard-widgets-modal__modal .generic-modal__header.dashboard-widgets-modal__header {
  margin: 0 !important;
  flex-shrink: 0;
}
.dashboard-widgets-modal__wrapper .dashboard-widgets-modal__modal .generic-modal__header.dashboard-widgets-modal__header .generic-modal__title {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: 0.5rem;
}
.dashboard-widgets-modal__wrapper .dashboard-widgets-modal__modal .generic-modal__header.dashboard-widgets-modal__header .generic-modal__title .fa {
  margin: 0;
}
.dashboard-widgets-modal__wrapper .dashboard-widgets-modal__body {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  background: var(--base);
}
.dashboard-widgets-modal__wrapper .dashboard-widgets-modal__search {
  position: relative;
  flex-shrink: 0;
  padding: 0.75rem 1.5rem;
  background: #FFFFFF;
  border-bottom: 1px solid rgba(141, 139, 159, 0.25);
}
.dashboard-widgets-modal__wrapper .dashboard-widgets-modal__search .dashboard-widgets-modal__search-input {
  width: 100% !important;
  padding: 0.6rem 2.25rem 0.6rem 0.75rem !important;
  font-size: 1rem !important;
}
.dashboard-widgets-modal__wrapper .dashboard-widgets-modal__search .dashboard-widgets-modal__search-icon {
  position: absolute;
  top: 50%;
  right: calc(1.5rem + 0.75rem);
  transform: translateY(-50%);
  color: var(--secondary);
  pointer-events: none;
}
.dashboard-widgets-modal__wrapper .dashboard-widgets-modal__groups {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  margin: 0;
  padding: 0.75rem 1rem;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  gap: 0.5rem;
}
.dashboard-widgets-modal__wrapper .dashboard-widgets-modal__group {
  flex-shrink: 0;
  background: #FFFFFF;
  border: 1px solid rgba(141, 139, 159, 0.2);
  border-radius: 0.5rem;
  overflow: hidden;
}
.dashboard-widgets-modal__wrapper .dashboard-widgets-modal__group-header {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: 0.5rem;
  padding: 0.7rem 1rem !important;
  border-radius: 0 !important;
  background: #FFFFFF !important;
  color: #393843 !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  text-align: left;
}
@media (hover: hover) and (pointer: fine) {
  .dashboard-widgets-modal__wrapper .dashboard-widgets-modal__group-header:hover {
    background: var(--base) !important;
  }
}
.dashboard-widgets-modal__wrapper .dashboard-widgets-modal__group-header .dashboard-widgets-modal__group-name {
  flex: 1 1 auto;
}
.dashboard-widgets-modal__wrapper .dashboard-widgets-modal__group-header .dashboard-widgets-modal__group-badge {
  min-width: 1.3rem;
  height: 1.3rem;
  padding: 0 0.35rem;
  border-radius: 99px;
  background: var(--secondary);
  color: #FFFFFF;
  font-size: 0.72rem;
  line-height: 1.3rem;
  text-align: center;
}
.dashboard-widgets-modal__wrapper .dashboard-widgets-modal__group-header .dashboard-widgets-modal__group-chevron {
  width: 0;
  height: 0;
  flex-shrink: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid #8D8B9F;
  transition: transform 0.2s;
}
.dashboard-widgets-modal__wrapper .dashboard-widgets-modal__group-header[aria-expanded=false] .dashboard-widgets-modal__group-chevron {
  transform: rotate(-90deg);
}
.dashboard-widgets-modal__wrapper .dashboard-widgets-modal__row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  gap: 0.75rem;
  margin: 0;
  padding: 0.6rem 1rem 0.6rem 1.25rem;
  border-top: 1px solid rgba(141, 139, 159, 0.15);
  cursor: pointer;
}
@media (hover: hover) and (pointer: fine) {
  .dashboard-widgets-modal__wrapper .dashboard-widgets-modal__row:hover {
    background: color-mix(in srgb, var(--base) 60%, transparent);
  }
}
.dashboard-widgets-modal__wrapper .dashboard-widgets-modal__row .dashboard-widgets-modal__checkbox {
  flex-shrink: 0;
  margin: 0.1rem 0 0;
  cursor: pointer;
}
.dashboard-widgets-modal__wrapper .dashboard-widgets-modal__row-text {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  gap: 0.15rem;
  min-width: 0;
  margin: 0;
  cursor: pointer;
}
.dashboard-widgets-modal__wrapper .dashboard-widgets-modal__row-title {
  color: #393843;
  font-size: 0.95rem;
  font-weight: 600;
  line-height: 1.3;
}
.dashboard-widgets-modal__wrapper .dashboard-widgets-modal__row-description {
  color: #8D8B9F;
  font-size: 0.82rem;
  line-height: 1.4;
}
.dashboard-widgets-modal__wrapper .dashboard-widgets-modal__empty {
  margin: 1rem;
  color: #8D8B9F;
  text-align: center;
}
.dashboard-widgets-modal__wrapper .dashboard-widgets-modal__footer {
  flex-shrink: 0;
  padding: 0.75rem 1.5rem;
  border-top: 1px solid rgba(141, 139, 159, 0.25);
  background: #FFFFFF;
}
@media screen and (max-width: 835px) {
  .dashboard-widgets-modal__wrapper .dashboard-widgets-modal__footer {
    gap: 0.5rem;
    padding-bottom: max(0.75rem, env(safe-area-inset-bottom));
  }
}
.dashboard-widgets-modal__wrapper .dashboard-widgets-modal__feedback {
  flex: 1 1 auto;
  min-width: 0;
}
.dashboard-widgets-modal__wrapper .dashboard-widgets-modal__status {
  color: var(--secondary);
}
.dashboard-widgets-modal__wrapper .dashboard-widgets-modal__error {
  color: #FF5757;
  font-size: 0.85rem;
}

.submission-admin-modal__wrapper {
  display: none;
}
.submission-admin-modal__wrapper .submission-admin-modal__modal {
  width: 50vw;
  max-width: 1024px;
  height: auto;
  min-height: 30rem;
  max-height: 85vh;
}
@media screen and (min-width: 835px) and (max-width: 1024px) and (orientation: portrait) {
  .submission-admin-modal__wrapper .submission-admin-modal__modal {
    width: 85vw;
  }
}
@media screen and (max-width: 1194px) {
  .submission-admin-modal__wrapper .submission-admin-modal__modal {
    width: 65vw;
  }
}
@media screen and (max-width: 835px) {
  .submission-admin-modal__wrapper .submission-admin-modal__modal {
    width: 85vw;
    max-height: 80dvh;
  }
}
@media screen and (max-width: 601px) {
  .submission-admin-modal__wrapper .submission-admin-modal__modal {
    width: 90vw;
  }
}
.submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body {
  flex-grow: 1;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  overflow-y: auto;
}
.submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body::-webkit-scrollbar-track {
  background-color: var(--base);
}
.submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body::-webkit-scrollbar {
  height: 0.5rem;
  width: 0.5rem;
  background-color: var(--base);
}
.submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body::-webkit-scrollbar-thumb {
  background-color: var(--primary);
}
.submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .submission-admin-modal__form {
  width: 100%;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: center;
  gap: 1rem;
}
.submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .submission-admin-modal__fieldset {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: center;
  gap: 0.75rem;
  flex-grow: 1;
}
.submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .submission-admin-modal__fieldset textarea {
  flex-grow: 1;
  min-height: 8rem;
}
@media screen and (min-width: 601px) {
  .submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .submission-admin-modal__merge-search {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;
  }
}
.submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .submission-admin-modal__merge-search label {
  white-space: nowrap;
}
.submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .submission-admin-modal__merge-search .submission-admin-modal__search__field {
  position: relative;
}
@media screen and (min-width: 601px) {
  .submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .submission-admin-modal__merge-search .submission-admin-modal__search__field {
    min-width: 40%;
    max-width: 50%;
  }
}
.submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .submission-admin-modal__merge-search .submission-admin-modal__search__icon {
  position: absolute !important;
  height: 100% !important;
  top: 0;
  right: 0;
  padding: 0.75rem;
  color: var(--primary);
  cursor: pointer;
}
.submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .submission-admin-modal__merge-search .submission-admin-modal__search__icon svg path {
  fill: var(--primary);
}
@media (hover: hover) and (pointer: fine) {
  .submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .submission-admin-modal__merge-search .submission-admin-modal__search__icon:hover {
    color: var(--secondary);
  }
  .submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .submission-admin-modal__merge-search .submission-admin-modal__search__icon:hover svg path {
    fill: var(--secondary);
  }
}
.submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .submission-admin-modal__merge-list {
  width: 100%;
  height: auto;
  max-height: -webkit-fill-available;
  overflow-y: auto;
  flex-shrink: 1;
  flex-grow: 1;
  border-radius: 0.75rem;
  background: #F2F2F2;
  padding: 1.5rem 1rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  align-content: flex-start;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
@media screen and (max-width: 601px) {
  .submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .submission-admin-modal__merge-list {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    max-height: 40vh;
    flex-shrink: 0;
  }
}
.submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .submission-admin-modal__merge-list::-webkit-scrollbar-track {
  background-color: var(--base);
}
.submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .submission-admin-modal__merge-list::-webkit-scrollbar {
  height: 0.5rem;
  width: 0.5rem;
  background-color: var(--base);
}
.submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .submission-admin-modal__merge-list::-webkit-scrollbar-thumb {
  background-color: var(--primary);
}
.submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .submission-admin-modal__merge-list label:has(input[type=radio]) {
  width: calc((100% - 0.75rem) / 2);
  padding: 0.75rem 0.5rem;
  border-radius: 0.5rem;
  border: 1px solid #8D8B9F;
  cursor: pointer;
}
@media screen and (max-width: 601px) {
  .submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .submission-admin-modal__merge-list label:has(input[type=radio]) {
    width: 100%;
  }
}
.submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .submission-admin-modal__merge-list .intro-modal__header {
  width: 100%;
  position: relative;
  padding: 0 0 1rem 0;
  border-bottom: 1px solid rgba(141, 139, 159, 0.5);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  gap: 0.75rem;
}
.submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .submission-admin-modal__merge-list .intro-modal__header .intro-modal__label {
  font-family: "Inter", sans-serif !important;
  font-size: 1.5rem;
  line-height: 1.75rem;
  letter-spacing: -0.045rem;
  font-weight: 600 !important;
  color: var(--primary);
  border-bottom: 2px solid var(--primary);
  padding-bottom: 0.5rem;
}
.submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .submission-admin-modal__merge-list .intro-modal__header .intro-modal__title {
  font-family: "Inter", sans-serif !important;
  font-size: 2rem !important;
  letter-spacing: -0.06rem !important;
  line-height: 1.2 !important;
  font-weight: 600 !important;
  color: #1A1B1C;
  text-transform: initial;
}
@media screen and (max-width: 601px) {
  .submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .submission-admin-modal__merge-list .intro-modal__header .intro-modal__title {
    font-size: 2.2rem !important;
    letter-spacing: -0.066rem !important;
    line-height: 1.1 !important;
  }
}
.submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .submission-admin-modal__merge-list .intro-modal__header .intro-modal__excerpt {
  font-family: "Inter", sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.21 !important;
  letter-spacing: -0.03rem !important;
  font-size: 1.1rem !important;
  letter-spacing: -0.033rem !important;
  line-height: 1.2 !important;
}
@media screen and (max-width: 601px) {
  .submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .submission-admin-modal__merge-list .intro-modal__header .intro-modal__excerpt {
    line-height: 1.5;
  }
}
@media screen and (max-width: 601px) {
  .submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .submission-admin-modal__merge-list .intro-modal__header .intro-modal__excerpt {
    line-height: 1.5;
  }
}
.submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .submission-admin-modal__merge-list .intro-modal__body {
  width: 100%;
  height: auto;
  flex-shrink: 1;
}
.submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .submission-admin-modal__merge-list .intro-modal__body p {
  font-family: "Inter", sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.21 !important;
  letter-spacing: -0.03rem !important;
}
@media screen and (max-width: 601px) {
  .submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .submission-admin-modal__merge-list .intro-modal__body p {
    line-height: 1.5;
  }
}
@media screen and (max-width: 601px) {
  .submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .submission-admin-modal__merge-list .intro-modal__body p {
    line-height: 1.5;
    font-size: 1.1rem !important;
    letter-spacing: -0.033rem !important;
  }
}
.submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .submission-admin-modal__merge-list .intro-modal__body a {
  color: var(--secondary) !important;
  text-decoration: underline !important;
}
@media (hover: hover) and (pointer: fine) {
  .submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .submission-admin-modal__merge-list .intro-modal__body a:hover {
    color: var(--primary) !important;
  }
}
.submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .submission-admin-modal__merge-list .intro-modal__body a.link--icon::after {
  content: "\f0c1";
  font-size: 1rem !important;
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
.submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .submission-admin-modal__merge-list .intro-modal__body ul, .submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .submission-admin-modal__merge-list .intro-modal__body ol, .submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .submission-admin-modal__merge-list .intro-modal__body li {
  list-style: initial !important;
}
.submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .submission-admin-modal__merge-list .intro-modal__body ul, .submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .submission-admin-modal__merge-list .intro-modal__body ol {
  margin-bottom: 1.5rem;
  padding-left: 3rem;
}
.submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .submission-admin-modal__merge-list .intro-modal__body h2 {
  font-family: "Inter", sans-serif !important;
  font-size: 1.25rem !important;
  letter-spacing: -0.0375rem !important;
  line-height: 1.5rem !important;
  font-weight: 700 !important;
  font-size: 2.2remimportant;
  letter-spacing: -0.066rem !important;
}
.submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .submission-admin-modal__merge-list .intro-modal__body h3 {
  font-family: "Inter", sans-serif !important;
  font-size: 1.125rem !important;
  letter-spacing: -0.03375rem !important;
  line-height: 1.35rem !important;
  font-weight: 700;
}
.submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .submission-admin-modal__merge-list .intro-modal__body h4 {
  font-family: "Inter", sans-serif !important;
  font-size: 3.2rem;
  letter-spacing: -0.096rem;
  line-height: 3.9rem;
}
.submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .submission-admin-modal__merge-list .intro-modal__body h5 {
  font-family: "Inter", sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.21 !important;
  letter-spacing: -0.03rem !important;
  text-transform: initial;
}
@media screen and (max-width: 601px) {
  .submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .submission-admin-modal__merge-list .intro-modal__body h5 {
    line-height: 1.5;
  }
}
@media screen and (max-width: 601px) {
  .submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .submission-admin-modal__merge-list .intro-modal__body h5 {
    line-height: 1.5;
  }
}
.submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .submission-admin-modal__merge-list .intro-modal__body h2, .submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .submission-admin-modal__merge-list .intro-modal__body h3, .submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .submission-admin-modal__merge-list .intro-modal__body h4, .submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .submission-admin-modal__merge-list .intro-modal__body h5, .submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .submission-admin-modal__merge-list .intro-modal__body h6 {
  color: #1A1B1C;
  font-weight: 700;
}
.submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .intro-modal__footer {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: 1.5rem;
  padding-right: 1rem;
}
.submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .intro-modal__footer .intro-modal__buttons {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
}
.submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .intro-modal__footer .intro-modal__steps {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  position: relative;
}
.submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .intro-modal__footer .intro-modal__steps::before {
  content: "";
  width: 100%;
  height: 1px;
  border-bottom: 1px dashed #BFBFBF;
  position: absolute;
  top: 50%;
  left: 0;
}
.submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .intro-modal__footer .intro-modal__steps .step {
  width: 1.25rem !important;
  height: 1.25rem !important;
  border-radius: 100% !important;
  background: #BFBFBF !important;
  position: relative !important;
  transition: all 0.3s ease !important;
  padding: 0 !important;
  overflow: visible !important;
}
@media (hover: hover) and (pointer: fine) {
  .submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .intro-modal__footer .intro-modal__steps .step:hover {
    background: var(--secondary) !important;
  }
}
.submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .intro-modal__footer .intro-modal__steps .step.active {
  background: var(--secondary) !important;
}
.submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .intro-modal__footer .intro-modal__steps .step.active::before {
  content: "";
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 100%;
  position: absolute;
  top: -0.25rem;
  left: -0.25rem;
  border: 2px solid var(--secondary);
}
.submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .intro-modal__footer .button--primary {
  background: #1A1B1C !important;
  border-color: #1A1B1C !important;
  border-radius: 10rem !important;
  font-size: 1.1rem !important;
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}
@media (hover: hover) and (pointer: fine) {
  .submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .intro-modal__footer .button--primary:hover:not(:disabled), .submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .intro-modal__footer .button--primary:hover:not([disabled]) {
    background: var(--primary) !important;
    border-color: var(--primary) !important;
  }
}
.submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .intro-modal__footer .button--primary.intro-modal__button--next::after {
  content: "";
  width: 1rem;
  height: 1.25rem;
  background-image: url("../../img/icons/icon_arrow-right.5739ec1fd595.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  margin-left: 0.75rem;
  filter: brightness(0) invert(1);
}
@media (hover: hover) and (pointer: fine) {
  .submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .intro-modal__footer .button--primary.intro-modal__button--close:hover:not(:disabled), .submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .intro-modal__footer .button--primary.intro-modal__button--close:hover:not([disabled]) {
    background: var(--secondary) !important;
    border-color: var(--secondary) !important;
  }
}
.submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .intro-modal__footer .button--secondary {
  color: #1A1B1C !important;
  border-color: #1A1B1C !important;
  border-radius: 10rem !important;
  font-size: 1.1rem !important;
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}
@media (hover: hover) and (pointer: fine) {
  .submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .intro-modal__footer .button--secondary:hover:not(:disabled), .submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .intro-modal__footer .button--secondary:hover:not([disabled]) {
    color: var(--primary) !important;
    border-color: var(--primary) !important;
  }
  .submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .intro-modal__footer .button--secondary:hover::before {
    filter: none;
  }
}
.submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .intro-modal__footer .button--secondary.intro-modal__button--back::before {
  content: "";
  width: 1rem;
  height: 1.25rem;
  background-image: url("../../img/icons/icon_arrow-right.5739ec1fd595.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  margin-right: 0.75rem;
  transform: rotate(180deg);
  filter: brightness(0);
}
.submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .intro-modal__footer .button--secondary.intro-modal__button--restart {
  background: #FFFFFF !important;
}
.submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .intro-modal__footer .button--secondary.intro-modal__button--restart::before {
  content: "";
  width: 1rem;
  height: 1.25rem;
  background-image: url("../../img/icons/icon_restart.bea769fda6b3.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  margin-right: 0.75rem;
  transform: rotate(180deg);
  filter: brightness(0);
}
@media (hover: hover) and (pointer: fine) {
  .submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .intro-modal__footer .button--secondary.intro-modal__button--restart:hover:not(:disabled), .submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .intro-modal__footer .button--secondary.intro-modal__button--restart:hover:not([disabled]) {
    color: #FFFFFF !important;
    border-color: var(--secondary) !important;
    background: var(--secondary) !important;
  }
  .submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .intro-modal__footer .button--secondary.intro-modal__button--restart:hover::before {
    filter: brightness(0) invert(1);
  }
}
.submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .card {
  gap: 0.5rem;
  box-shadow: 0rem 0rem 1.25rem rgba(179, 179, 179, 0.15);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  padding: 1rem 0.75rem;
  border-radius: 0.5rem;
}
@media screen and (max-width: 601px) {
  .submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .card {
    box-shadow: 0rem 0rem 1.25rem rgba(179, 179, 179, 0.35);
  }
}
.submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .card .card__header {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: 0.75rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid #BFBFBF;
}
.submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .card .card__header.vertical {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  gap: 0.5rem;
  text-align: center;
}
@media screen and (max-width: 601px) {
  .submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .card .card__header.vertical {
    gap: 1rem;
  }
}
.submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .card .card__header.vertical img {
  width: 3.2rem;
}
@media screen and (max-width: 601px) {
  .submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .card .card__header .card__title {
    font-size: 1.1rem !important;
    letter-spacing: -0.033rem !important;
  }
}
.submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .card .card__header .card__title.color--primary {
  color: var(--primary) !important;
}
.submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .card .card__header img {
  width: 2rem;
}
.submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .card .card__header img.avatar__image {
  width: 2rem;
  height: 2rem;
  border-radius: 100%;
  overflow: hidden;
}
.submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .card .card__body.centered {
  text-align: center;
}
.submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .card .card__body p {
  font-size: 0.9rem !important;
  letter-spacing: -0.027rem !important;
}
@media screen and (max-width: 601px) {
  .submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .card .card__body p {
    font-size: 1.1rem !important;
    letter-spacing: -0.033rem !important;
  }
}
.submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .intro-modal__horizontal-cards {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
@media screen and (max-width: 601px) {
  .submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .intro-modal__horizontal-cards {
    flex-direction: column;
    padding: 0.5rem;
    gap: 1.5rem;
  }
}
.submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .intro-modal__horizontal-cards .card {
  width: calc((100% - 1.5rem) / 3);
}
@media screen and (max-width: 601px) {
  .submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .intro-modal__horizontal-cards .card {
    width: 100%;
  }
}
.submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .intro-modal__grid-cards {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  gap: 0.75rem;
}
@media screen and (max-width: 601px) {
  .submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .intro-modal__grid-cards {
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 0.5rem;
    gap: 1.5rem;
  }
}
.submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .intro-modal__grid-cards .card {
  width: calc((100% - 0.75rem) / 2);
}
@media screen and (max-width: 601px) {
  .submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .intro-modal__grid-cards .card {
    width: 100%;
  }
}
.submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .intro-modal__column-text__wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  gap: 1rem;
}
@media screen and (max-width: 601px) {
  .submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .intro-modal__column-text__wrapper {
    gap: 2rem;
    padding: 1rem 0.5rem;
  }
}
.submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .intro-modal__column-text__wrapper .intro-modal__column-text {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  gap: 1.5rem;
}
@media screen and (max-width: 601px) {
  .submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .intro-modal__column-text__wrapper .intro-modal__column-text {
    flex-direction: column;
    gap: 1rem;
  }
}
.submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .intro-modal__column-text__wrapper .title-column {
  width: 20%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: 0.75rem;
}
@media screen and (max-width: 601px) {
  .submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .intro-modal__column-text__wrapper .title-column {
    width: 100%;
  }
}
@media screen and (max-width: 601px) {
  .submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .intro-modal__column-text__wrapper .title-column h5 {
    font-size: 1.3rem !important;
    letter-spacing: -0.039rem !important;
  }
}
@media screen and (max-width: 601px) {
  .submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .intro-modal__column-text__wrapper .title-column .title-link {
    width: 100%;
  }
}
.submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .intro-modal__column-text__wrapper .title-column .title-link:hover {
  background: var(--secondary);
  border-color: var(--secondary);
  color: #FFFFFF;
}
.submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .intro-modal__column-text__wrapper .title-column .title-link input {
  display: none;
}
.submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .intro-modal__column-text__wrapper .title-column:has(input[type=radio]:checked) {
  background: var(--primary);
  border-color: var(--primary);
  color: #FFFFFF;
}
.submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .intro-modal__column-text__wrapper .submission-admin-modal__merge-list__empty {
  color: #8D8B9F;
}
.submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .submission-admin-modal__status-dependant {
  width: 100%;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: center;
  gap: 1rem;
}
.submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .submission-admin-modal__status-dependant:has(.submission-admin-modal__merge-list) {
  overflow-y: hidden;
}
@media screen and (max-width: 601px) {
  .submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .submission-admin-modal__status-dependant:has(.submission-admin-modal__merge-list) {
    overflow-y: auto;
  }
}
.submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__body .submission-admin-modal__status-note {
  color: #8D8B9F;
  margin-bottom: 0.75rem;
}
.submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__footer {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  align-content: center;
  gap: 1.5rem;
}
@media screen and (max-width: 835px) {
  .submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__footer {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: center;
  }
}
.submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__footer .submission-admin-modal__info {
  width: auto;
  flex-grow: 1;
}
.submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__footer .submission-admin-modal__info .submission-admin-modal__date.horizontal, .submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__footer .submission-admin-modal__info .submission-rejection-modal__date.horizontal {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: 0.25rem;
}
@media screen and (max-width: 835px) {
  .submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__footer .submission-admin-modal__info .submission-admin-modal__date.horizontal, .submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__footer .submission-admin-modal__info .submission-rejection-modal__date.horizontal {
    justify-content: center;
  }
}
.submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__footer .submission-admin-modal__info .submission-admin-modal__deadline-info {
  color: var(--secondary);
  font-weight: 700;
  margin-right: 0.5rem;
}
@media screen and (max-width: 835px) {
  .submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__footer .submission-admin-modal__info {
    width: 100%;
    text-align: center;
  }
}
.submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__footer .submission-admin-modal__checkbox, .submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__footer .submission-rejection-modal__checkbox {
  margin-top: 0.5rem;
}
.submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__footer .submission-admin-modal__checkbox label, .submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__footer .submission-rejection-modal__checkbox label {
  cursor: pointer;
}
.submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__footer .submission-admin-modal__warning, .submission-admin-modal__wrapper .submission-admin-modal__modal .submission-admin-modal__footer .submission-rejection-modal__warning {
  color: #FF5757;
  margin-top: 0.5rem;
  font-size: 0.875rem;
}

.templates-create-modal__wrapper {
  display: none;
}
.templates-create-modal__wrapper .templates-create-modal__modal {
  width: 50vw;
  max-width: 1024px;
  height: auto;
  min-height: 0;
  max-height: 85vh;
}
@media screen and (min-width: 835px) and (max-width: 1024px) and (orientation: portrait) {
  .templates-create-modal__wrapper .templates-create-modal__modal {
    width: 85vw;
  }
}
@media screen and (max-width: 1194px) {
  .templates-create-modal__wrapper .templates-create-modal__modal {
    width: 65vw;
  }
}
@media screen and (max-width: 835px) {
  .templates-create-modal__wrapper .templates-create-modal__modal {
    width: 85vw;
    max-height: 80dvh;
  }
}
@media screen and (max-width: 601px) {
  .templates-create-modal__wrapper .templates-create-modal__modal {
    width: 90vw;
  }
}
.templates-create-modal__wrapper .templates-create-modal__body div {
  width: 100%;
  margin: 0;
}
.templates-create-modal__wrapper .templates-create-modal__body label {
  width: 100%;
}
.templates-create-modal__wrapper .templates-create-modal__body .box--end {
  width: auto;
}

.templates-use-modal__wrapper {
  display: none;
  z-index: 10000;
}
@media screen and (max-width: 601px) {
  .templates-use-modal__wrapper {
    height: 100dvh;
    padding: 0.75rem;
    align-content: stretch;
  }
}
.templates-use-modal__wrapper .templates-use-modal__modal {
  width: 50vw;
  max-width: 1024px;
  height: auto;
  min-height: 30rem;
  max-height: 85vh;
}
@media screen and (min-width: 835px) and (max-width: 1024px) and (orientation: portrait) {
  .templates-use-modal__wrapper .templates-use-modal__modal {
    width: 85vw;
  }
}
@media screen and (max-width: 1194px) {
  .templates-use-modal__wrapper .templates-use-modal__modal {
    width: 65vw;
  }
}
@media screen and (max-width: 835px) {
  .templates-use-modal__wrapper .templates-use-modal__modal {
    width: 85vw;
    max-height: 80dvh;
  }
}
@media screen and (max-width: 601px) {
  .templates-use-modal__wrapper .templates-use-modal__modal {
    width: 100%;
    height: 100%;
    max-height: 100%;
  }
}
.templates-use-modal__wrapper .templates-use-modal__modal .templates-use-modal__top {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  padding: 0 0 1rem 1rem;
  gap: 1rem;
}
@media screen and (max-width: 835px) {
  .templates-use-modal__wrapper .templates-use-modal__modal .templates-use-modal__top {
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    gap: 0.75rem;
    padding-left: 0;
  }
}
.templates-use-modal__wrapper .templates-use-modal__modal .templates-use-modal__top .templates-use-modal__portal-toggle {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  align-self: stretch;
  flex-shrink: 0;
  border-radius: 0.5rem;
  overflow: hidden;
}
.templates-use-modal__wrapper .templates-use-modal__modal .templates-use-modal__top .templates-use-modal__portal-toggle .templates-use-modal__portal-btn {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  gap: 0.25rem;
  height: 100%;
  padding: 0.4rem 1rem !important;
  border: none !important;
  border-radius: 0 !important;
  background: var(--base) !important;
  color: var(--secondary) !important;
  font-size: 0.95rem !important;
  font-weight: 400 !important;
  cursor: pointer;
  transition: all 0.2s ease;
  white-space: nowrap;
}
@media screen and (max-width: 601px) {
  .templates-use-modal__wrapper .templates-use-modal__modal .templates-use-modal__top .templates-use-modal__portal-toggle .templates-use-modal__portal-btn {
    font-size: 0.85rem !important;
    padding: 0.35rem 0.6rem !important;
  }
}
@media (hover: hover) and (pointer: fine) {
  .templates-use-modal__wrapper .templates-use-modal__modal .templates-use-modal__top .templates-use-modal__portal-toggle .templates-use-modal__portal-btn:hover {
    background: color-mix(in srgb, var(--primary) 20%, white) !important;
  }
}
.templates-use-modal__wrapper .templates-use-modal__modal .templates-use-modal__top .templates-use-modal__portal-toggle .templates-use-modal__portal-btn.selected {
  background: var(--primary) !important;
  color: #FFFFFF !important;
  font-weight: 600 !important;
}
.templates-use-modal__wrapper .templates-use-modal__modal .templates-use-modal__top .templates-use-modal__type-filter, .templates-use-modal__wrapper .templates-use-modal__modal .templates-use-modal__top .templates-use-modal__creator-filter {
  flex: 0 1 auto;
  width: auto !important;
  min-width: 0;
  max-width: 16rem;
  appearance: none;
  font-size: 0.9rem;
  padding: 0.55rem 1.8rem 0.55rem 0.7rem;
  border-radius: 0.5rem;
  border: 1px solid #BFBFBF;
  color: #393843;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%238D8B9F'/%3E%3C/svg%3E") no-repeat right 0.55rem center, linear-gradient(to right, rgba(255, 255, 255, 0), #FFFFFF 45%) no-repeat right/2.4rem 100%, #FFFFFF !important;
  background-size: 10px 6px, 2.4rem 100%, auto !important;
  cursor: pointer;
}
@media screen and (max-width: 601px) {
  .templates-use-modal__wrapper .templates-use-modal__modal .templates-use-modal__top .templates-use-modal__type-filter, .templates-use-modal__wrapper .templates-use-modal__modal .templates-use-modal__top .templates-use-modal__creator-filter {
    max-width: 11rem;
    font-size: 0.85rem;
    padding: 0.45rem 1.6rem 0.45rem 0.55rem;
  }
}
.templates-use-modal__wrapper .templates-use-modal__modal .templates-use-modal__top .templates-use-modal__type-filter:focus, .templates-use-modal__wrapper .templates-use-modal__modal .templates-use-modal__top .templates-use-modal__creator-filter:focus {
  outline: none;
  border-color: var(--primary);
}
.templates-use-modal__wrapper .templates-use-modal__modal .templates-use-modal__top .templates-use-modal__clear-filters {
  display: none !important;
  gap: 0.25rem;
  flex-shrink: 0;
  align-items: center;
  border: none;
  background: none;
  color: var(--secondary);
  font-size: 0.85rem;
  white-space: nowrap;
  cursor: pointer;
}
.templates-use-modal__wrapper .templates-use-modal__modal .templates-use-modal__top .templates-use-modal__clear-filters.templates-use-modal__clear-filters--visible {
  display: inline-flex !important;
}
@media (hover: hover) and (pointer: fine) {
  .templates-use-modal__wrapper .templates-use-modal__modal .templates-use-modal__top .templates-use-modal__clear-filters:hover {
    color: var(--primary);
  }
}
.templates-use-modal__wrapper .templates-use-modal__modal .templates-use-modal__top .templates-use-modal__name-filter {
  flex: 1 1 auto;
  min-width: 10rem;
  position: relative;
}
@media screen and (max-width: 835px) {
  .templates-use-modal__wrapper .templates-use-modal__modal .templates-use-modal__top .templates-use-modal__name-filter {
    flex: 1 1 14rem;
    min-width: 12rem;
  }
}
.templates-use-modal__wrapper .templates-use-modal__modal .templates-use-modal__top .templates-use-modal__name-filter .templates-use-modal__name-filter__icon {
  position: absolute !important;
  height: 100% !important;
  top: 0;
  right: 0;
  padding: 0.75rem;
}
.templates-use-modal__wrapper .templates-use-modal__modal .templates-use-modal__top .templates-use-modal__name-filter .templates-use-modal__name-filter__icon svg path {
  fill: var(--secondary);
}
.templates-use-modal__wrapper .templates-use-modal__modal .templates-use-modal__top .templates-use-modal__name-filter .templates-use-modal__name-filter__icon svg:hover path {
  fill: var(--primary);
}
.templates-use-modal__wrapper .templates-use-modal__modal .templates-use-modal__template__list {
  width: 100%;
  height: auto;
  overflow-y: auto;
  flex-shrink: 1;
  flex-grow: 1;
  border-radius: 0.75rem;
  background: #F2F2F2;
  padding: 1.5rem 1rem;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: flex-start;
  gap: 1rem;
}
@media screen and (max-width: 601px) {
  .templates-use-modal__wrapper .templates-use-modal__modal .templates-use-modal__template__list {
    padding: 0.75rem;
    gap: 0.75rem;
  }
}
.templates-use-modal__wrapper .templates-use-modal__modal .templates-use-modal__template__list::-webkit-scrollbar-track {
  background-color: var(--base);
}
.templates-use-modal__wrapper .templates-use-modal__modal .templates-use-modal__template__list::-webkit-scrollbar {
  height: 0.5rem;
  width: 0.5rem;
  background-color: var(--base);
}
.templates-use-modal__wrapper .templates-use-modal__modal .templates-use-modal__template__list::-webkit-scrollbar-thumb {
  background-color: var(--primary);
}
.templates-use-modal__wrapper .templates-use-modal__modal .templates-use-modal__template__list .templates-use-modal__template {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  column-gap: 1.5rem;
  row-gap: 0.75rem;
  padding: 1rem;
  border-radius: 0.5rem;
  border: 1px solid #8D8B9F;
  cursor: pointer;
  transition: all 0.3s ease;
}
@media screen and (max-width: 601px) {
  .templates-use-modal__wrapper .templates-use-modal__modal .templates-use-modal__template__list .templates-use-modal__template {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    align-content: flex-start;
    gap: 0.5rem;
    padding: 0.75rem;
  }
}
@media (hover: hover) and (pointer: fine) {
  .templates-use-modal__wrapper .templates-use-modal__modal .templates-use-modal__template__list .templates-use-modal__template:hover {
    border-color: var(--primary);
    background: #FFFFFF;
  }
}
.templates-use-modal__wrapper .templates-use-modal__modal .templates-use-modal__template__list .templates-use-modal__template .templates-use-modal__template__main {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: 0.5rem;
  flex-grow: 1;
}
@media screen and (max-width: 601px) {
  .templates-use-modal__wrapper .templates-use-modal__modal .templates-use-modal__template__list .templates-use-modal__template .templates-use-modal__template__main {
    width: auto;
    flex: 0 1 auto;
  }
}
@media screen and (max-width: 835px) {
  .templates-use-modal__wrapper .templates-use-modal__modal .templates-use-modal__template__list .templates-use-modal__template .templates-use-modal__template__main input {
    min-width: 0 !important;
  }
}
.templates-use-modal__wrapper .templates-use-modal__modal .templates-use-modal__template__list .templates-use-modal__template .templates-use-modal__template__main label {
  margin: 0;
  cursor: pointer;
}
@media screen and (min-width: 835px) {
  .templates-use-modal__wrapper .templates-use-modal__modal .templates-use-modal__template__list .templates-use-modal__template .templates-use-modal__template__main label {
    display: -webkit-inline-box !important;
    -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    width: auto;
    max-width: 70%;
  }
}
.templates-use-modal__wrapper .templates-use-modal__modal .templates-use-modal__template__list .templates-use-modal__template .templates-use-modal__template__main .templates-use-modal__template__type {
  border-radius: 0.25rem;
  background: color-mix(in srgb, var(--primary) 15%, white);
  color: var(--primary);
  padding: 0.1rem 0.5rem;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.5;
  white-space: nowrap;
  cursor: pointer;
}
@media (hover: hover) and (pointer: fine) {
  .templates-use-modal__wrapper .templates-use-modal__modal .templates-use-modal__template__list .templates-use-modal__template .templates-use-modal__template__main .templates-use-modal__template__type:hover {
    background: color-mix(in srgb, var(--primary) 28%, white);
  }
}
.templates-use-modal__wrapper .templates-use-modal__modal .templates-use-modal__template__list .templates-use-modal__template .templates-use-modal__template__data {
  color: #8D8B9F;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-end;
  align-content: flex-end;
  gap: 0.25rem;
  font-size: 0.85rem;
}
@media screen and (max-width: 601px) {
  .templates-use-modal__wrapper .templates-use-modal__modal .templates-use-modal__template__list .templates-use-modal__template .templates-use-modal__template__data {
    width: auto;
    align-items: flex-start;
  }
}
.templates-use-modal__wrapper .templates-use-modal__modal .templates-use-modal__template__list .templates-use-modal__template .templates-use-modal__template__data .template-meta--dates {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  justify-content: flex-end;
}
@media screen and (max-width: 601px) {
  .templates-use-modal__wrapper .templates-use-modal__modal .templates-use-modal__template__list .templates-use-modal__template .templates-use-modal__template__data .template-meta--dates {
    justify-content: flex-start;
  }
}
.templates-use-modal__wrapper .templates-use-modal__modal .templates-use-modal__template__list .templates-use-modal__template .templates-use-modal__template__data .template-meta__item {
  border-radius: 0.25rem;
  background: rgba(141, 139, 159, 0.18);
  color: #393843;
  padding: 0.1rem 0.5rem;
  font-size: 0.75rem;
  line-height: 1.5;
  white-space: nowrap;
}
.templates-use-modal__wrapper .templates-use-modal__modal .templates-use-modal__template__list .templates-use-modal__template .templates-use-modal__template__data .templates-use-modal__owner {
  cursor: default;
}
.templates-use-modal__wrapper .templates-use-modal__modal .templates-use-modal__template__list .templates-use-modal__template .templates-use-modal__template__data .templates-use-modal__owner.templates-use-modal__owner--own {
  background: color-mix(in srgb, var(--primary) 15%, white);
  color: var(--primary);
}
.templates-use-modal__wrapper .templates-use-modal__modal .templates-use-modal__template__list .templates-use-modal__template .templates-use-modal__template__data .templates-use-modal__owner.templates-use-modal__owner--other {
  color: #393843;
}
.templates-use-modal__wrapper .templates-use-modal__modal .templates-use-modal__template__list .templates-use-modal__template .templates-use-modal__template__pills {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  align-content: flex-start;
  gap: 0.25rem;
  max-height: 3rem;
  overflow: hidden;
}
@media screen and (max-width: 601px) {
  .templates-use-modal__wrapper .templates-use-modal__modal .templates-use-modal__template__list .templates-use-modal__template .templates-use-modal__template__pills {
    width: auto;
  }
}
.templates-use-modal__wrapper .templates-use-modal__modal .templates-use-modal__template__list .templates-use-modal__template .templates-use-modal__template__pills .templates-use-modal__template__pill {
  border-radius: 0.25rem;
  background: rgba(141, 139, 159, 0.18);
  color: #393843;
  padding: 0.1rem 0.5rem;
  font-size: 0.75rem;
  line-height: 1.5;
  white-space: nowrap;
}
.templates-use-modal__wrapper .templates-use-modal__modal .templates-use-modal__template__list .templates-use-modal__template .templates-use-modal__template__detail {
  display: none;
  width: 100%;
  padding-top: 0.75rem;
  border-top: 1px solid rgba(255, 255, 255, 0.25);
  font-size: 0.85rem;
  line-height: 1.5;
  opacity: 0.9;
  word-break: break-word;
  text-align: left;
}
.templates-use-modal__wrapper .templates-use-modal__modal .templates-use-modal__template__list .templates-use-modal__template:has(input[type=radio]:checked) {
  background: color-mix(in srgb, var(--primary) 8%, white);
  border-color: var(--primary);
  box-shadow: inset 4px 0 0 var(--primary);
}
.templates-use-modal__wrapper .templates-use-modal__modal .templates-use-modal__template__list .templates-use-modal__template:has(input[type=radio]:checked) .templates-use-modal__template__detail {
  display: block;
  border-top-color: color-mix(in srgb, var(--primary) 25%, white);
  color: #393843;
}
.templates-use-modal__wrapper .templates-use-modal__modal .templates-use-modal__template__empty {
  width: 100%;
  padding: 3rem 0;
}
.templates-use-modal__wrapper .templates-use-modal__modal .templates-use-modal__loading {
  width: 100%;
  padding: 3rem 0;
  text-align: center;
  color: #8D8B9F;
}
.templates-use-modal__wrapper .templates-use-modal__modal .templates-use-modal__filter-empty {
  width: 100%;
  padding: 1.5rem 0;
  text-align: center;
  color: #8D8B9F;
  margin: auto;
}
.templates-use-modal__wrapper .templates-use-modal__modal .templates-use-modal__truncated {
  width: 100%;
  margin: 0.5rem 0 0;
  font-size: 0.8rem;
  color: #8D8B9F;
  text-align: center;
}
.templates-use-modal__wrapper .templates-use-modal__modal .templates-use-modal__body {
  flex: 1 1 auto !important;
}
.templates-use-modal__wrapper .templates-use-modal__modal .templates-use-modal__footer {
  margin-top: auto !important;
}
.templates-use-modal__wrapper .templates-use-modal__modal .templates-use-modal__footer:has(.templates-use-modal__status:not(:empty)) .templates-use-modal__count {
  display: none;
}
@media screen and (max-width: 835px) {
  .templates-use-modal__wrapper .templates-use-modal__modal .templates-use-modal__footer {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    gap: 0.75rem;
  }
  .templates-use-modal__wrapper .templates-use-modal__modal .templates-use-modal__footer .generic-modal__buttons {
    width: auto;
    margin-left: auto;
  }
  .templates-use-modal__wrapper .templates-use-modal__modal .templates-use-modal__footer .generic-modal__buttons .button {
    flex-grow: 0;
  }
}
.templates-use-modal__wrapper .templates-use-modal__modal .templates-use-modal__footer .templates-use-modal__count {
  color: var(--secondary);
  white-space: nowrap;
  margin-right: 1rem;
}
.templates-use-modal__wrapper .templates-use-modal__modal .templates-use-modal__footer .templates-use-modal__back {
  display: none !important;
}
.templates-use-modal__wrapper .templates-use-modal__modal .templates-use-modal__footer .templates-use-modal__back.templates-use-modal__back--visible {
  display: inline-flex !important;
}
.templates-use-modal__wrapper .templates-use-modal__modal .templates-use-modal__footer .templates-use-modal__status {
  width: auto;
  flex-grow: 1;
  color: #FF5757;
}
@media screen and (max-width: 835px) {
  .templates-use-modal__wrapper .templates-use-modal__modal .templates-use-modal__footer .templates-use-modal__status {
    flex-grow: 0;
  }
  .templates-use-modal__wrapper .templates-use-modal__modal .templates-use-modal__footer .templates-use-modal__status:not(:empty) {
    width: 100%;
    text-align: center;
  }
}
.templates-use-modal__wrapper .templates-use-modal__modal a {
  display: inline;
  background: none !important;
  line-height: 1;
  padding: 0 0.15rem;
  margin: 0;
}
.templates-use-modal__wrapper .templates-use-modal__modal .templates-use-modal__step {
  text-align: left;
}
.templates-use-modal__wrapper .templates-use-modal__modal .templates-use-modal__step.templates-use-modal__step--subjects .form-row label, .templates-use-modal__wrapper .templates-use-modal__modal .templates-use-modal__step.templates-use-modal__step--sessions .form-row label {
  margin-bottom: 0.5rem;
}
.templates-use-modal__wrapper .templates-use-modal__modal .templates-use-modal__step.templates-use-modal__step--subjects .form-row select, .templates-use-modal__wrapper .templates-use-modal__modal .templates-use-modal__step.templates-use-modal__step--sessions .form-row select {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  gap: 0.5rem;
}
.templates-use-modal__wrapper .templates-use-modal__modal .templates-use-modal__step.templates-use-modal__step--subjects .form-row select::-webkit-scrollbar-track, .templates-use-modal__wrapper .templates-use-modal__modal .templates-use-modal__step.templates-use-modal__step--sessions .form-row select::-webkit-scrollbar-track {
  background-color: #F2F2F2;
}
.templates-use-modal__wrapper .templates-use-modal__modal .templates-use-modal__step.templates-use-modal__step--subjects .form-row select::-webkit-scrollbar, .templates-use-modal__wrapper .templates-use-modal__modal .templates-use-modal__step.templates-use-modal__step--sessions .form-row select::-webkit-scrollbar {
  height: 0.4rem;
  width: 0.4rem;
  background-color: #F2F2F2;
}
.templates-use-modal__wrapper .templates-use-modal__modal .templates-use-modal__step.templates-use-modal__step--subjects .form-row select::-webkit-scrollbar-thumb, .templates-use-modal__wrapper .templates-use-modal__modal .templates-use-modal__step.templates-use-modal__step--sessions .form-row select::-webkit-scrollbar-thumb {
  background-color: #BFBFBF;
}
.templates-use-modal__wrapper .templates-use-modal__modal .templates-use-modal__step.templates-use-modal__step--subjects .form-row select option, .templates-use-modal__wrapper .templates-use-modal__modal .templates-use-modal__step.templates-use-modal__step--sessions .form-row select option {
  padding: 0.5rem;
}
.templates-use-modal__wrapper .templates-use-modal__modal .templates-use-modal__step.templates-use-modal__step--subjects .form-row select option:checked, .templates-use-modal__wrapper .templates-use-modal__modal .templates-use-modal__step.templates-use-modal__step--subjects .form-row select option:selected, .templates-use-modal__wrapper .templates-use-modal__modal .templates-use-modal__step.templates-use-modal__step--sessions .form-row select option:checked, .templates-use-modal__wrapper .templates-use-modal__modal .templates-use-modal__step.templates-use-modal__step--sessions .form-row select option:selected {
  background: var(--primary) !important;
}
.templates-use-modal__wrapper .templates-use-modal__modal .templates-use-modal__step.templates-use-modal__step--episode .form-row + .form-row {
  margin-top: 1rem;
}
.templates-use-modal__wrapper .templates-use-modal__modal .templates-use-modal__step.templates-use-modal__step--episode .templates-use-modal__now-link {
  color: var(--primary);
}
.templates-use-modal__wrapper .templates-use-modal__modal .templates-use-modal__step.templates-use-modal__step--episode .templates-use-modal__datetime {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  align-content: flex-start;
  gap: 0.5rem;
}
.templates-use-modal__wrapper .templates-use-modal__modal .templates-use-modal__step.templates-use-modal__step--episode .templates-use-modal__datetime input.vDateField, .templates-use-modal__wrapper .templates-use-modal__modal .templates-use-modal__step.templates-use-modal__step--episode .templates-use-modal__datetime input.vTimeField {
  flex: 1 1 0;
  min-width: 0;
  width: auto;
}
.templates-use-modal__wrapper .templates-use-modal__modal .templates-use-modal__step.templates-use-modal__step--episode .templates-use-modal__datetime .vDateField-link, .templates-use-modal__wrapper .templates-use-modal__modal .templates-use-modal__step.templates-use-modal__step--episode .templates-use-modal__datetime .vTimeField-link {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  color: var(--primary);
  margin-left: -1.5rem;
  z-index: 1;
}

@media screen and (min-width: 601px) {
  body.popup .submit-row--bottom {
    max-width: 70vw;
    box-sizing: border-box;
  }
}
body.popup .edit-view__content .submit-row--bottom {
  position: static !important;
  top: auto !important;
  right: auto !important;
  margin-top: 1rem !important;
  justify-content: flex-end !important;
}

.submit-row--popup-top {
  position: sticky !important;
  width: 170px !important;
  top: 0 !important;
  z-index: 100 !important;
  background: #FFFFFF !important;
  padding: 1rem 1.5rem !important;
  margin: -1rem -1.5rem 1rem -1.5rem !important;
  border-bottom: 1px solid #BFBFBF !important;
  border-radius: 0.5rem !important;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
  align-content: center;
  gap: 0.75rem !important;
}
.submit-row--popup-top .button, .submit-row--popup-top input[type=submit] {
  margin: 0 !important;
}
@media screen and (max-width: 601px) {
  .submit-row--popup-top {
    width: 100% !important;
    margin: -1rem 0 1rem 0 !important;
    padding: 0.75rem 1rem !important;
    gap: 0.5rem !important;
  }
  .submit-row--popup-top .button, .submit-row--popup-top input[type=submit] {
    font-size: 0.875rem !important;
    padding: 0.5rem 0.75rem !important;
  }
}

.popup--update__main-buttons {
  display: none !important;
}
.popup--update__main-buttons:has(#btn-cancel) {
  display: flex !important;
}

#session_form .popup--update .form-row, #subject_form .popup--update .form-row, #setup_form .popup--update .form-row, #inventory_form .popup--update .form-row, #behavioralassay_form .popup--update .form-row, #datastorage_form .popup--update .form-row, #license_form .popup--update .form-row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.75rem !important;
}
#session_form .popup--update .form-row .fieldBox, #subject_form .popup--update .form-row .fieldBox, #setup_form .popup--update .form-row .fieldBox, #inventory_form .popup--update .form-row .fieldBox, #behavioralassay_form .popup--update .form-row .fieldBox, #datastorage_form .popup--update .form-row .fieldBox, #license_form .popup--update .form-row .fieldBox {
  flex: 1 !important;
  min-width: 0 !important;
}
@media screen and (min-width: 835px) and (max-width: 1024px) and (orientation: portrait) {
  #session_form .popup--update, #subject_form .popup--update, #setup_form .popup--update, #inventory_form .popup--update, #behavioralassay_form .popup--update, #datastorage_form .popup--update, #license_form .popup--update {
    display: flex !important;
  }
}
@media screen and (max-width: 835px) {
  #session_form .popup--update, #subject_form .popup--update, #setup_form .popup--update, #inventory_form .popup--update, #behavioralassay_form .popup--update, #datastorage_form .popup--update, #license_form .popup--update {
    display: flex !important;
  }
}
@media screen and (max-width: 601px) {
  #session_form .popup--update .form-row, #subject_form .popup--update .form-row, #setup_form .popup--update .form-row, #inventory_form .popup--update .form-row, #behavioralassay_form .popup--update .form-row, #datastorage_form .popup--update .form-row, #license_form .popup--update .form-row {
    gap: 0.75rem !important;
  }
  #session_form .popup--update .form-row .fieldBox, #subject_form .popup--update .form-row .fieldBox, #setup_form .popup--update .form-row .fieldBox, #inventory_form .popup--update .form-row .fieldBox, #behavioralassay_form .popup--update .form-row .fieldBox, #datastorage_form .popup--update .form-row .fieldBox, #license_form .popup--update .form-row .fieldBox {
    min-width: 100% !important;
  }
  #session_form .popup--update input[type=text], #session_form .popup--update input[type=date], #session_form .popup--update input[type=datetime-local], #session_form .popup--update select, #session_form .popup--update textarea, #subject_form .popup--update input[type=text], #subject_form .popup--update input[type=date], #subject_form .popup--update input[type=datetime-local], #subject_form .popup--update select, #subject_form .popup--update textarea, #setup_form .popup--update input[type=text], #setup_form .popup--update input[type=date], #setup_form .popup--update input[type=datetime-local], #setup_form .popup--update select, #setup_form .popup--update textarea, #inventory_form .popup--update input[type=text], #inventory_form .popup--update input[type=date], #inventory_form .popup--update input[type=datetime-local], #inventory_form .popup--update select, #inventory_form .popup--update textarea, #behavioralassay_form .popup--update input[type=text], #behavioralassay_form .popup--update input[type=date], #behavioralassay_form .popup--update input[type=datetime-local], #behavioralassay_form .popup--update select, #behavioralassay_form .popup--update textarea, #datastorage_form .popup--update input[type=text], #datastorage_form .popup--update input[type=date], #datastorage_form .popup--update input[type=datetime-local], #datastorage_form .popup--update select, #datastorage_form .popup--update textarea, #license_form .popup--update input[type=text], #license_form .popup--update input[type=date], #license_form .popup--update input[type=datetime-local], #license_form .popup--update select, #license_form .popup--update textarea {
    font-size: 1rem !important;
  }
  #session_form .popup--update label, #subject_form .popup--update label, #setup_form .popup--update label, #inventory_form .popup--update label, #behavioralassay_form .popup--update label, #datastorage_form .popup--update label, #license_form .popup--update label {
    font-size: 0.9rem !important;
  }
}

#session_form .popup--update .form-row:has(.field-name):has(.field-projects) .fieldBox,
#session_form .popup--update .form-row:has(.field-tags) .fieldBox,
#session_form .popup--update .form-row:has(.field-date_time) .fieldBox {
  flex: 1 !important;
  min-width: calc(50% - 0.375rem) !important;
}
@media screen and (max-width: 601px) {
  #session_form .popup--update .form-row:has(.field-name):has(.field-projects) .fieldBox,
  #session_form .popup--update .form-row:has(.field-tags) .fieldBox,
  #session_form .popup--update .form-row:has(.field-date_time) .fieldBox {
    min-width: 100% !important;
  }
}
#session_form .popup--update .form-row:has(.field-datastorage) .fieldBox,
#session_form .popup--update .form-row:has(.field-description) .fieldBox {
  flex: 1 !important;
  min-width: 100% !important;
}
#session_form .popup--update .form-row {
  gap: 0 0.75rem !important;
}

#subject_form .popup--update .form-row:has(.field-name):has(.field-projects) .fieldBox,
#subject_form .popup--update .form-row:has(.field-genetic_line):has(.field-genotype) .fieldBox {
  flex: 1 !important;
  min-width: calc(50% - 0.375rem) !important;
}
@media screen and (max-width: 601px) {
  #subject_form .popup--update .form-row:has(.field-name):has(.field-projects) .fieldBox,
  #subject_form .popup--update .form-row:has(.field-genetic_line):has(.field-genotype) .fieldBox {
    min-width: 100% !important;
  }
}
#subject_form .popup--update .form-row:has(.field-birth_date):has(.field-death_date):has(.field-status):has(.field-tags) .fieldBox {
  flex: 1 !important;
  min-width: calc((100% - 2.25rem) / 4) !important;
  max-width: calc((100% - 2.25rem) / 4) !important;
}
@media screen and (max-width: 601px) {
  #subject_form .popup--update .form-row:has(.field-birth_date):has(.field-death_date):has(.field-status):has(.field-tags) .fieldBox {
    min-width: 100% !important;
    max-width: 100% !important;
  }
}
#subject_form .popup--update .form-row:has(.field-description) .fieldBox {
  flex: 1 !important;
  min-width: 100% !important;
}
#subject_form .popup--update .form-row {
  gap: 0 0.75rem !important;
}

#setup_form .popup--update .form-row:has(.field-setup_type_category):has(.field-setup_type) .fieldBox,
#setup_form .popup--update .form-row:has(.field-location) .fieldBox,
#setup_form .popup--update .form-row:has(.field-name) .fieldBox {
  flex: 1 !important;
  min-width: calc(50% - 0.375rem) !important;
}
@media screen and (max-width: 601px) {
  #setup_form .popup--update .form-row:has(.field-setup_type_category):has(.field-setup_type) .fieldBox,
  #setup_form .popup--update .form-row:has(.field-location) .fieldBox,
  #setup_form .popup--update .form-row:has(.field-name) .fieldBox {
    min-width: 100% !important;
  }
}
#setup_form .popup--update .form-row:has(.field-description) .fieldBox {
  flex: 1 !important;
  min-width: 100% !important;
}
#setup_form .popup--update .related-widget-wrapper {
  gap: 0 0.75rem !important;
}

#behavioralassay_form .popup--update .form-row:has(.field-name) .fieldBox,
#behavioralassay_form .popup--update .form-row:has(.field-setup_type) .fieldBox,
#behavioralassay_form .popup--update .form-row:has(.field-licenses) .fieldBox,
#behavioralassay_form .popup--update .form-row:has(.field-description) .fieldBox {
  flex: 1 !important;
  min-width: 100% !important;
}

#inventory_form .popup--update .form-row:has(.field-location):has(.field-location) .fieldBox,
#inventory_form .popup--update .form-row:has(.field-name) .fieldBox {
  flex: 1 !important;
  min-width: calc(50% - 0.375rem) !important;
}
#inventory_form .popup--update .form-row:has(.field-description) .fieldBox {
  flex: 1 !important;
  min-width: 100% !important;
}
#inventory_form .popup--update .form-row {
  gap: 0 0.75rem !important;
}

.intro-modal__wrapper {
  background: rgba(26, 27, 28, 0.5);
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  position: fixed;
  inset: 0;
  z-index: 10000;
  padding: 1rem;
  display: none;
}
.intro-modal__wrapper .intro-modal__modal {
  width: min(65vw, 100%);
  height: 80dvh;
  max-height: 54rem;
  border-radius: 2rem;
  background: #FFFFFF;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.22);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
  align-content: stretch;
  padding: 0;
  gap: 1.5rem;
  position: relative;
  flex-grow: 1;
}
@media screen and (max-width: 1919px) {
  .intro-modal__wrapper .intro-modal__modal {
    width: min(75vw, 100%);
    max-height: 85dvh;
  }
}
@media screen and (max-width: 1441px) {
  .intro-modal__wrapper .intro-modal__modal {
    width: min(85vw, 100%);
    max-height: 95dvh;
  }
}
@media screen and (max-width: 1024px) {
  .intro-modal__wrapper .intro-modal__modal {
    width: min(95vw, 100%);
    max-height: 80%;
  }
}
@media screen and (max-width: 1024px) and (orientation: portrait) {
  .intro-modal__wrapper .intro-modal__modal {
    height: 80%;
    max-height: 80%;
  }
}
@media screen and (max-width: 835px) {
  .intro-modal__wrapper .intro-modal__modal {
    width: 100%;
    height: 100%;
    max-height: 100%;
  }
}
@media screen and (max-width: 601px) {
  .intro-modal__wrapper .intro-modal__modal {
    width: 100%;
    height: 100%;
    max-height: 100%;
  }
}
.intro-modal__wrapper .intro-modal__modal .intro-modal__close {
  width: 3.2rem !important;
  height: 3.2rem !important;
  border-radius: 100% !important;
  padding: 0 !important;
  background: #1A1B1C !important;
  position: absolute !important;
  top: 0.75rem;
  right: 0.75rem;
  z-index: 2;
  cursor: pointer !important;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
}
@media (hover: hover) and (pointer: fine) {
  .intro-modal__wrapper .intro-modal__modal .intro-modal__close:hover {
    background: #393843 !important;
  }
}
.intro-modal__wrapper .intro-modal__modal .intro-modal__close img {
  width: 1.5rem;
}
.intro-modal__wrapper .intro-modal__slide {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
  align-content: stretch;
  gap: 4rem;
  padding: 2rem 2rem;
  transition: all 0.5s ease-out, opacity 0.5s 0.3s ease-out, transform 0.5s 0.3s ease-out;
  visibility: hidden;
  z-index: -1;
  opacity: 0;
}
@media screen and (max-width: 835px) {
  .intro-modal__wrapper .intro-modal__slide {
    flex-direction: column-reverse;
  }
}
@media screen and (max-width: 601px) {
  .intro-modal__wrapper .intro-modal__slide {
    gap: 1rem;
  }
}
.intro-modal__wrapper .intro-modal__slide.active {
  visibility: visible;
  z-index: 1;
  opacity: 1;
}
.intro-modal__wrapper .intro-modal__slide .intro-modal__visuals {
  width: 32rem;
  flex-shrink: 0;
  background: linear-gradient(90.9deg, var(--gradient-color1) 54.69%, var(--gradient-color2) 100%);
  border-radius: 1.5rem;
  position: relative;
}
@media screen and (max-width: 835px) {
  .intro-modal__wrapper .intro-modal__slide .intro-modal__visuals {
    width: 80%;
    height: auto;
    aspect-ratio: 1.41/1;
    flex-shrink: 0;
    max-height: calc(50% - 4rem);
  }
}
@media screen and (max-width: 601px) {
  .intro-modal__wrapper .intro-modal__slide .intro-modal__visuals {
    max-height: calc(40% - 1rem);
    width: 100%;
  }
}
.intro-modal__wrapper .intro-modal__slide .intro-modal__visuals .intro-modal__video {
  width: 106%;
  height: auto;
  max-height: 91%;
  border-radius: 1rem;
  position: absolute;
  top: 9%;
  right: 5%;
  background: #F2F2F2;
  box-shadow: 0rem 0rem 1.25rem rgba(179, 179, 179, 0.5);
}
@media screen and (max-width: 835px) {
  .intro-modal__wrapper .intro-modal__slide .intro-modal__visuals .intro-modal__video {
    width: 100%;
    height: 100%;
    max-height: 100%;
    top: 6%;
    right: -22%;
    box-shadow: -0.5rem 0.5rem 0.75rem rgba(179, 179, 179, 0.35);
  }
}
@media screen and (max-width: 601px) {
  .intro-modal__wrapper .intro-modal__slide .intro-modal__visuals .intro-modal__video {
    top: 0;
    left: 0;
  }
}
.intro-modal__wrapper .intro-modal__slide .intro-modal__visuals .intro-modal__video img, .intro-modal__wrapper .intro-modal__slide .intro-modal__visuals .intro-modal__video picture {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top left;
  border-radius: 1rem;
  overflow: hidden;
}
.intro-modal__wrapper .intro-modal__slide .intro-modal__visuals .intro-modal__video img::after, .intro-modal__wrapper .intro-modal__slide .intro-modal__visuals .intro-modal__video picture::after {
  content: attr(aria-label);
  width: auto;
  height: auto;
  position: absolute;
  top: -1rem;
  right: 1rem;
  color: #F2F2F2;
  background: #1A1B1C;
  border-radius: 0.25rem;
  padding: 0.5rem;
  font-size: 0.85rem;
  white-space: nowrap;
}
@media screen and (max-width: 835px) {
  .intro-modal__wrapper .intro-modal__slide .intro-modal__visuals .intro-modal__video img::after, .intro-modal__wrapper .intro-modal__slide .intro-modal__visuals .intro-modal__video picture::after {
    right: auto;
    left: -10rem;
    bottom: auto;
    top: -2.5rem;
  }
}
@media screen and (max-width: 601px) {
  .intro-modal__wrapper .intro-modal__slide .intro-modal__visuals .intro-modal__video img::after, .intro-modal__wrapper .intro-modal__slide .intro-modal__visuals .intro-modal__video picture::after {
    left: -1rem;
    top: -1rem;
    bottom: auto;
    right: auto;
  }
}
.intro-modal__wrapper .intro-modal__slide .intro-modal__visuals .intro-modal__video .intro-modal__video__progressbar {
  width: 100%;
  height: 1rem;
  border-radius: 0 0 1rem 1rem;
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgba(141, 139, 159, 0.5);
  overflow: hidden;
}
.intro-modal__wrapper .intro-modal__slide .intro-modal__visuals .intro-modal__video .intro-modal__video__progressbar .intro-modal__video__progress {
  width: 100%;
  height: 100%;
  background: var(--secondary);
  transform: translateX(-100%);
  animation: progressBar 5s linear infinite;
}
.intro-modal__wrapper .intro-modal__slide .intro-modal__visuals .intro-modal__image {
  width: 100%;
  height: 100%;
  border-radius: 1.5rem;
  overflow: hidden;
}
.intro-modal__wrapper .intro-modal__slide .intro-modal__visuals .intro-modal__image picture, .intro-modal__wrapper .intro-modal__slide .intro-modal__visuals .intro-modal__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.intro-modal__wrapper .intro-modal__slide .intro-modal__text {
  height: inherit;
  width: auto;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
  align-content: flex-start;
  gap: 1.5rem;
  padding: 3rem 1rem 1rem 0.5rem;
}
@media screen and (max-width: 835px) {
  .intro-modal__wrapper .intro-modal__slide .intro-modal__text {
    padding-top: 0;
    height: calc(50% - 4rem);
  }
}
@media screen and (max-width: 601px) {
  .intro-modal__wrapper .intro-modal__slide .intro-modal__text {
    height: calc(60% - 1rem);
    padding: 2rem 0 0;
  }
}
.intro-modal__wrapper .intro-modal__slide .intro-modal__text .intro-modal__text__content {
  width: 100%;
  height: auto;
  flex-shrink: 1;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  gap: 1.5rem;
  overflow-y: auto;
  padding: 0 1rem 0 0;
}
.intro-modal__wrapper .intro-modal__slide .intro-modal__text .intro-modal__text__content::-webkit-scrollbar-track {
  background-color: var(--base);
}
.intro-modal__wrapper .intro-modal__slide .intro-modal__text .intro-modal__text__content::-webkit-scrollbar {
  height: 0.5rem;
  width: 0.5rem;
  background-color: var(--base);
}
.intro-modal__wrapper .intro-modal__slide .intro-modal__text .intro-modal__text__content::-webkit-scrollbar-thumb {
  background-color: var(--primary);
}
.intro-modal__wrapper .intro-modal__slide .intro-modal__text .intro-modal__text__content .intro-modal__header {
  width: 100%;
  position: relative;
  padding: 0 0 1rem 0;
  border-bottom: 1px solid rgba(141, 139, 159, 0.5);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  gap: 0.75rem;
}
.intro-modal__wrapper .intro-modal__slide .intro-modal__text .intro-modal__text__content .intro-modal__header .intro-modal__label {
  font-family: "Inter", sans-serif !important;
  font-size: 1.5rem;
  line-height: 1.75rem;
  letter-spacing: -0.045rem;
  font-weight: 600 !important;
  color: var(--primary);
  border-bottom: 2px solid var(--primary);
  padding-bottom: 0.5rem;
}
.intro-modal__wrapper .intro-modal__slide .intro-modal__text .intro-modal__text__content .intro-modal__header .intro-modal__title {
  font-family: "Inter", sans-serif !important;
  font-size: 2rem !important;
  letter-spacing: -0.06rem !important;
  line-height: 1.2 !important;
  font-weight: 600 !important;
  color: #1A1B1C;
  text-transform: initial;
}
@media screen and (max-width: 601px) {
  .intro-modal__wrapper .intro-modal__slide .intro-modal__text .intro-modal__text__content .intro-modal__header .intro-modal__title {
    font-size: 2.2rem !important;
    letter-spacing: -0.066rem !important;
    line-height: 1.1 !important;
  }
}
.intro-modal__wrapper .intro-modal__slide .intro-modal__text .intro-modal__text__content .intro-modal__header .intro-modal__excerpt {
  font-family: "Inter", sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.21 !important;
  letter-spacing: -0.03rem !important;
  font-size: 1.1rem !important;
  letter-spacing: -0.033rem !important;
  line-height: 1.2 !important;
}
@media screen and (max-width: 601px) {
  .intro-modal__wrapper .intro-modal__slide .intro-modal__text .intro-modal__text__content .intro-modal__header .intro-modal__excerpt {
    line-height: 1.5;
  }
}
@media screen and (max-width: 601px) {
  .intro-modal__wrapper .intro-modal__slide .intro-modal__text .intro-modal__text__content .intro-modal__header .intro-modal__excerpt {
    line-height: 1.5;
  }
}
.intro-modal__wrapper .intro-modal__slide .intro-modal__text .intro-modal__text__content .intro-modal__body {
  width: 100%;
  height: auto;
  flex-shrink: 1;
}
.intro-modal__wrapper .intro-modal__slide .intro-modal__text .intro-modal__text__content .intro-modal__body p {
  font-family: "Inter", sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.21 !important;
  letter-spacing: -0.03rem !important;
}
@media screen and (max-width: 601px) {
  .intro-modal__wrapper .intro-modal__slide .intro-modal__text .intro-modal__text__content .intro-modal__body p {
    line-height: 1.5;
  }
}
@media screen and (max-width: 601px) {
  .intro-modal__wrapper .intro-modal__slide .intro-modal__text .intro-modal__text__content .intro-modal__body p {
    line-height: 1.5;
    font-size: 1.1rem !important;
    letter-spacing: -0.033rem !important;
  }
}
.intro-modal__wrapper .intro-modal__slide .intro-modal__text .intro-modal__text__content .intro-modal__body a {
  color: var(--secondary) !important;
  text-decoration: underline;
}
@media (hover: hover) and (pointer: fine) {
  .intro-modal__wrapper .intro-modal__slide .intro-modal__text .intro-modal__text__content .intro-modal__body a:hover {
    color: var(--primary) !important;
  }
}
.intro-modal__wrapper .intro-modal__slide .intro-modal__text .intro-modal__text__content .intro-modal__body a.link--icon::after {
  content: "\f0c1";
  font-size: 1rem !important;
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
.intro-modal__wrapper .intro-modal__slide .intro-modal__text .intro-modal__text__content .intro-modal__body ul, .intro-modal__wrapper .intro-modal__slide .intro-modal__text .intro-modal__text__content .intro-modal__body ol, .intro-modal__wrapper .intro-modal__slide .intro-modal__text .intro-modal__text__content .intro-modal__body li {
  list-style: initial !important;
}
.intro-modal__wrapper .intro-modal__slide .intro-modal__text .intro-modal__text__content .intro-modal__body ul, .intro-modal__wrapper .intro-modal__slide .intro-modal__text .intro-modal__text__content .intro-modal__body ol {
  margin-bottom: 1.5rem;
  padding-left: 3rem;
}
.intro-modal__wrapper .intro-modal__slide .intro-modal__text .intro-modal__text__content .intro-modal__body h2 {
  font-family: "Inter", sans-serif !important;
  font-size: 1.25rem !important;
  letter-spacing: -0.0375rem !important;
  line-height: 1.5rem !important;
  font-weight: 700 !important;
  font-size: 2.2remimportant;
  letter-spacing: -0.066rem !important;
}
.intro-modal__wrapper .intro-modal__slide .intro-modal__text .intro-modal__text__content .intro-modal__body h3 {
  font-family: "Inter", sans-serif !important;
  font-size: 1.125rem !important;
  letter-spacing: -0.03375rem !important;
  line-height: 1.35rem !important;
  font-weight: 700;
}
.intro-modal__wrapper .intro-modal__slide .intro-modal__text .intro-modal__text__content .intro-modal__body h4 {
  font-family: "Inter", sans-serif !important;
  font-size: 3.2rem;
  letter-spacing: -0.096rem;
  line-height: 3.9rem;
}
.intro-modal__wrapper .intro-modal__slide .intro-modal__text .intro-modal__text__content .intro-modal__body h5 {
  font-family: "Inter", sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.21 !important;
  letter-spacing: -0.03rem !important;
  text-transform: initial;
}
@media screen and (max-width: 601px) {
  .intro-modal__wrapper .intro-modal__slide .intro-modal__text .intro-modal__text__content .intro-modal__body h5 {
    line-height: 1.5;
  }
}
@media screen and (max-width: 601px) {
  .intro-modal__wrapper .intro-modal__slide .intro-modal__text .intro-modal__text__content .intro-modal__body h5 {
    line-height: 1.5;
  }
}
.intro-modal__wrapper .intro-modal__slide .intro-modal__text .intro-modal__text__content .intro-modal__body h2, .intro-modal__wrapper .intro-modal__slide .intro-modal__text .intro-modal__text__content .intro-modal__body h3, .intro-modal__wrapper .intro-modal__slide .intro-modal__text .intro-modal__text__content .intro-modal__body h4, .intro-modal__wrapper .intro-modal__slide .intro-modal__text .intro-modal__text__content .intro-modal__body h5, .intro-modal__wrapper .intro-modal__slide .intro-modal__text .intro-modal__text__content .intro-modal__body h6 {
  color: #1A1B1C;
  font-weight: 700;
}
.intro-modal__wrapper .intro-modal__slide .intro-modal__text .intro-modal__footer {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: 1.5rem;
  padding-right: 1rem;
}
.intro-modal__wrapper .intro-modal__slide .intro-modal__text .intro-modal__footer .intro-modal__buttons {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
}
.intro-modal__wrapper .intro-modal__slide .intro-modal__text .intro-modal__footer .intro-modal__steps {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  position: relative;
}
.intro-modal__wrapper .intro-modal__slide .intro-modal__text .intro-modal__footer .intro-modal__steps::before {
  content: "";
  width: 100%;
  height: 1px;
  border-bottom: 1px dashed #BFBFBF;
  position: absolute;
  top: 50%;
  left: 0;
}
.intro-modal__wrapper .intro-modal__slide .intro-modal__text .intro-modal__footer .intro-modal__steps .step {
  width: 1.25rem !important;
  height: 1.25rem !important;
  border-radius: 100% !important;
  background: #BFBFBF !important;
  position: relative !important;
  transition: all 0.3s ease !important;
  padding: 0 !important;
  overflow: visible !important;
}
@media (hover: hover) and (pointer: fine) {
  .intro-modal__wrapper .intro-modal__slide .intro-modal__text .intro-modal__footer .intro-modal__steps .step:hover {
    background: var(--secondary) !important;
  }
}
.intro-modal__wrapper .intro-modal__slide .intro-modal__text .intro-modal__footer .intro-modal__steps .step.active {
  background: var(--secondary) !important;
}
.intro-modal__wrapper .intro-modal__slide .intro-modal__text .intro-modal__footer .intro-modal__steps .step.active::before {
  content: "";
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 100%;
  position: absolute;
  top: -0.25rem;
  left: -0.25rem;
  border: 2px solid var(--secondary);
}
.intro-modal__wrapper .intro-modal__slide .intro-modal__text .intro-modal__footer .button--primary {
  background: #1A1B1C !important;
  border-color: #1A1B1C !important;
  border-radius: 10rem !important;
  font-size: 1.1rem !important;
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}
@media (hover: hover) and (pointer: fine) {
  .intro-modal__wrapper .intro-modal__slide .intro-modal__text .intro-modal__footer .button--primary:hover:not(:disabled), .intro-modal__wrapper .intro-modal__slide .intro-modal__text .intro-modal__footer .button--primary:hover:not([disabled]) {
    background: var(--primary) !important;
    border-color: var(--primary) !important;
  }
}
.intro-modal__wrapper .intro-modal__slide .intro-modal__text .intro-modal__footer .button--primary.intro-modal__button--next::after {
  content: "";
  width: 1rem;
  height: 1.25rem;
  background-image: url("../../img/icons/icon_arrow-right.5739ec1fd595.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  margin-left: 0.75rem;
  filter: brightness(0) invert(1);
}
@media (hover: hover) and (pointer: fine) {
  .intro-modal__wrapper .intro-modal__slide .intro-modal__text .intro-modal__footer .button--primary.intro-modal__button--close:hover:not(:disabled), .intro-modal__wrapper .intro-modal__slide .intro-modal__text .intro-modal__footer .button--primary.intro-modal__button--close:hover:not([disabled]) {
    background: var(--secondary) !important;
    border-color: var(--secondary) !important;
  }
}
.intro-modal__wrapper .intro-modal__slide .intro-modal__text .intro-modal__footer .button--secondary {
  color: #1A1B1C !important;
  border-color: #1A1B1C !important;
  border-radius: 10rem !important;
  font-size: 1.1rem !important;
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}
@media (hover: hover) and (pointer: fine) {
  .intro-modal__wrapper .intro-modal__slide .intro-modal__text .intro-modal__footer .button--secondary:hover:not(:disabled), .intro-modal__wrapper .intro-modal__slide .intro-modal__text .intro-modal__footer .button--secondary:hover:not([disabled]) {
    color: var(--primary) !important;
    border-color: var(--primary) !important;
  }
  .intro-modal__wrapper .intro-modal__slide .intro-modal__text .intro-modal__footer .button--secondary:hover::before {
    filter: none;
  }
}
.intro-modal__wrapper .intro-modal__slide .intro-modal__text .intro-modal__footer .button--secondary.intro-modal__button--back::before {
  content: "";
  width: 1rem;
  height: 1.25rem;
  background-image: url("../../img/icons/icon_arrow-right.5739ec1fd595.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  margin-right: 0.75rem;
  transform: rotate(180deg);
  filter: brightness(0);
}
.intro-modal__wrapper .intro-modal__slide .intro-modal__text .intro-modal__footer .button--secondary.intro-modal__button--restart {
  background: #FFFFFF !important;
}
.intro-modal__wrapper .intro-modal__slide .intro-modal__text .intro-modal__footer .button--secondary.intro-modal__button--restart::before {
  content: "";
  width: 1rem;
  height: 1.25rem;
  background-image: url("../../img/icons/icon_restart.bea769fda6b3.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  margin-right: 0.75rem;
  transform: rotate(180deg);
  filter: brightness(0);
}
@media (hover: hover) and (pointer: fine) {
  .intro-modal__wrapper .intro-modal__slide .intro-modal__text .intro-modal__footer .button--secondary.intro-modal__button--restart:hover:not(:disabled), .intro-modal__wrapper .intro-modal__slide .intro-modal__text .intro-modal__footer .button--secondary.intro-modal__button--restart:hover:not([disabled]) {
    color: #FFFFFF !important;
    border-color: var(--secondary) !important;
    background: var(--secondary) !important;
  }
  .intro-modal__wrapper .intro-modal__slide .intro-modal__text .intro-modal__footer .button--secondary.intro-modal__button--restart:hover::before {
    filter: brightness(0) invert(1);
  }
}
.intro-modal__wrapper .intro-modal__slide .intro-modal__text .card {
  gap: 0.5rem;
  box-shadow: 0rem 0rem 1.25rem rgba(179, 179, 179, 0.15);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  padding: 1rem 0.75rem;
  border-radius: 0.5rem;
}
@media screen and (max-width: 601px) {
  .intro-modal__wrapper .intro-modal__slide .intro-modal__text .card {
    box-shadow: 0rem 0rem 1.25rem rgba(179, 179, 179, 0.35);
  }
}
.intro-modal__wrapper .intro-modal__slide .intro-modal__text .card .card__header {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: 0.75rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid #BFBFBF;
}
.intro-modal__wrapper .intro-modal__slide .intro-modal__text .card .card__header.vertical {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  gap: 0.5rem;
  text-align: center;
}
@media screen and (max-width: 601px) {
  .intro-modal__wrapper .intro-modal__slide .intro-modal__text .card .card__header.vertical {
    gap: 1rem;
  }
}
.intro-modal__wrapper .intro-modal__slide .intro-modal__text .card .card__header.vertical img {
  width: 3.2rem;
}
@media screen and (max-width: 601px) {
  .intro-modal__wrapper .intro-modal__slide .intro-modal__text .card .card__header .card__title {
    font-size: 1.1rem !important;
    letter-spacing: -0.033rem !important;
  }
}
.intro-modal__wrapper .intro-modal__slide .intro-modal__text .card .card__header .card__title.color--primary {
  color: var(--primary) !important;
}
.intro-modal__wrapper .intro-modal__slide .intro-modal__text .card .card__header img {
  width: 2rem;
}
.intro-modal__wrapper .intro-modal__slide .intro-modal__text .card .card__header img.avatar__image {
  width: 2rem;
  height: 2rem;
  border-radius: 100%;
  overflow: hidden;
}
.intro-modal__wrapper .intro-modal__slide .intro-modal__text .card .card__body.centered {
  text-align: center;
}
.intro-modal__wrapper .intro-modal__slide .intro-modal__text .card .card__body p {
  font-size: 0.9rem !important;
  letter-spacing: -0.027rem !important;
}
@media screen and (max-width: 601px) {
  .intro-modal__wrapper .intro-modal__slide .intro-modal__text .card .card__body p {
    font-size: 1.1rem !important;
    letter-spacing: -0.033rem !important;
  }
}
.intro-modal__wrapper .intro-modal__slide .intro-modal__text .intro-modal__horizontal-cards {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
@media screen and (max-width: 601px) {
  .intro-modal__wrapper .intro-modal__slide .intro-modal__text .intro-modal__horizontal-cards {
    flex-direction: column;
    padding: 0.5rem;
    gap: 1.5rem;
  }
}
.intro-modal__wrapper .intro-modal__slide .intro-modal__text .intro-modal__horizontal-cards .card {
  width: calc((100% - 1.5rem) / 3);
}
@media screen and (max-width: 601px) {
  .intro-modal__wrapper .intro-modal__slide .intro-modal__text .intro-modal__horizontal-cards .card {
    width: 100%;
  }
}
.intro-modal__wrapper .intro-modal__slide .intro-modal__text .intro-modal__grid-cards {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  gap: 0.75rem;
}
@media screen and (max-width: 601px) {
  .intro-modal__wrapper .intro-modal__slide .intro-modal__text .intro-modal__grid-cards {
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 0.5rem;
    gap: 1.5rem;
  }
}
.intro-modal__wrapper .intro-modal__slide .intro-modal__text .intro-modal__grid-cards .card {
  width: calc((100% - 0.75rem) / 2);
}
@media screen and (max-width: 601px) {
  .intro-modal__wrapper .intro-modal__slide .intro-modal__text .intro-modal__grid-cards .card {
    width: 100%;
  }
}
.intro-modal__wrapper .intro-modal__slide .intro-modal__text .intro-modal__column-text__wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  gap: 1rem;
}
@media screen and (max-width: 601px) {
  .intro-modal__wrapper .intro-modal__slide .intro-modal__text .intro-modal__column-text__wrapper {
    gap: 2rem;
    padding: 1rem 0.5rem;
  }
}
.intro-modal__wrapper .intro-modal__slide .intro-modal__text .intro-modal__column-text__wrapper .intro-modal__column-text {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  gap: 1.5rem;
}
@media screen and (max-width: 601px) {
  .intro-modal__wrapper .intro-modal__slide .intro-modal__text .intro-modal__column-text__wrapper .intro-modal__column-text {
    flex-direction: column;
    gap: 1rem;
  }
}
.intro-modal__wrapper .intro-modal__slide .intro-modal__text .intro-modal__column-text__wrapper .title-column {
  width: 20%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: 0.75rem;
}
@media screen and (max-width: 601px) {
  .intro-modal__wrapper .intro-modal__slide .intro-modal__text .intro-modal__column-text__wrapper .title-column {
    width: 100%;
  }
}
@media screen and (max-width: 601px) {
  .intro-modal__wrapper .intro-modal__slide .intro-modal__text .intro-modal__column-text__wrapper .title-column h5 {
    font-size: 1.3rem !important;
    letter-spacing: -0.039rem !important;
  }
}
@media screen and (max-width: 601px) {
  .intro-modal__wrapper .intro-modal__slide .intro-modal__text .intro-modal__column-text__wrapper .title-column .title-link {
    width: 100%;
  }
}
.intro-modal__wrapper .intro-modal__slide .intro-modal__text .intro-modal__column-text__wrapper .title-column .title-link a {
  font-size: 0.85rem;
  margin-top: 0.5rem;
  display: block;
}
@media screen and (max-width: 601px) {
  .intro-modal__wrapper .intro-modal__slide .intro-modal__text .intro-modal__column-text__wrapper .title-column .title-link a {
    font-size: 1.1rem !important;
    letter-spacing: -0.033rem !important;
    display: inline-block;
  }
}
.intro-modal__wrapper .intro-modal__slide .intro-modal__text .intro-modal__column-text__wrapper .title-column .title-link a::after {
  font-size: 0.8rem !important;
}
.intro-modal__wrapper .intro-modal__slide .intro-modal__text .intro-modal__column-text__wrapper .description-column {
  width: calc(80% - 1.5rem);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  gap: 0.75rem;
}
@media screen and (max-width: 601px) {
  .intro-modal__wrapper .intro-modal__slide .intro-modal__text .intro-modal__column-text__wrapper .description-column {
    width: 100%;
  }
}
.intro-modal__wrapper .intro-modal__slide .intro-modal__text .intro-modal__column-text__wrapper .description-column .description-column__card {
  width: 100%;
  padding: 1rem 0.75rem;
  border-radius: 0.5rem;
  box-shadow: 0rem 0rem 1.25rem rgba(179, 179, 179, 0.15);
}
.intro-modal__wrapper .intro-modal__slide .intro-modal__text .intro-modal__column-text__wrapper .description-column .description-column__card .card__body p {
  font-size: 0.9rem !important;
  letter-spacing: -0.027rem !important;
}
@media screen and (max-width: 601px) {
  .intro-modal__wrapper .intro-modal__slide .intro-modal__text .intro-modal__column-text__wrapper .description-column .description-column__card .card__body p {
    font-size: 1.1rem !important;
    letter-spacing: -0.033rem !important;
  }
}
.intro-modal__wrapper .intro-modal__slide .intro-modal__text .intro-modal__column-text__wrapper .description-column .description-column__item {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  gap: 0.5rem;
}
.intro-modal__wrapper .intro-modal__slide .intro-modal__text .intro-modal__column-text__wrapper .description-column .description-column__item svg {
  flex-shrink: 0;
}
.intro-modal__wrapper .intro-modal__slide .intro-modal__text .intro-modal__column-text__wrapper .description-column .description-column__item span {
  width: 1rem;
  height: 1px;
  margin-top: 0.6rem;
  flex-shrink: 0;
  background: var(--primary);
}
.intro-modal__wrapper .intro-modal__slide .intro-modal__text .intro-modal__column-text__wrapper .description-column .description-column__item p {
  width: auto;
  flex-grow: 1;
}
.intro-modal__wrapper .intro-modal__slide .intro-modal__text .intro-modal__text-block {
  width: 100%;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  gap: 1rem;
}
.intro-modal__wrapper .intro-modal__slide .intro-modal__text .intro-modal__text-block p {
  font-size: 1.1rem !important;
}
.intro-modal__wrapper .intro-modal__slide .intro-modal__text .intro-modal__text-block p strong {
  font-weight: 600;
}
.intro-modal__wrapper .intro-modal__slide .intro-modal__text .intro-modal__text-block.centered {
  align-items: center;
  align-content: center;
  text-align: center;
}
.intro-modal__wrapper .intro-modal__slide#intro-slide-0 {
  gap: 0.5rem;
}
@media screen and (max-width: 835px) {
  .intro-modal__wrapper .intro-modal__slide#intro-slide-0 .intro-modal__visuals {
    width: 100%;
    height: 32rem;
    flex-shrink: 1;
  }
}
@media screen and (max-width: 601px) {
  .intro-modal__wrapper .intro-modal__slide#intro-slide-0 .intro-modal__visuals {
    height: 40%;
  }
}
.intro-modal__wrapper .intro-modal__slide#intro-slide-0 .intro-modal__text {
  justify-content: center;
  padding: 2rem;
}
@media screen and (max-width: 835px) {
  .intro-modal__wrapper .intro-modal__slide#intro-slide-0 .intro-modal__text {
    justify-content: flex-start;
  }
}
@media screen and (max-width: 601px) {
  .intro-modal__wrapper .intro-modal__slide#intro-slide-0 .intro-modal__text {
    padding: 2rem 0;
  }
}
.intro-modal__wrapper .intro-modal__slide#intro-slide-0 .intro-modal__text__content {
  justify-content: center;
}
.intro-modal__wrapper .intro-modal__slide#intro-slide-0 .intro-modal__header {
  border-bottom: none;
  padding: 0;
  gap: 3rem;
}
.intro-modal__wrapper .intro-modal__slide#intro-slide-0 .intro-modal__title {
  max-width: 80%;
  font-size: 4rem !important;
  letter-spacing: -0.12rem !important;
  line-height: 1 !important;
}
@media screen and (max-width: 835px) {
  .intro-modal__wrapper .intro-modal__slide#intro-slide-0 .intro-modal__title {
    max-width: 100%;
  }
}
@media screen and (max-width: 601px) {
  .intro-modal__wrapper .intro-modal__slide#intro-slide-0 .intro-modal__title {
    font-size: 3.2rem !important;
    letter-spacing: -0.096rem !important;
  }
}
.intro-modal__wrapper .intro-modal__slide#intro-slide-0 .intro-modal__body p {
  font-family: "Inter", sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.21 !important;
  letter-spacing: -0.03rem !important;
  font-size: 1.1rem !important;
  margin-bottom: 1.5rem;
}
@media screen and (max-width: 601px) {
  .intro-modal__wrapper .intro-modal__slide#intro-slide-0 .intro-modal__body p {
    line-height: 1.5;
  }
}
@media screen and (max-width: 601px) {
  .intro-modal__wrapper .intro-modal__slide#intro-slide-0 .intro-modal__body p {
    font-size: 1.1rem !important;
    letter-spacing: -0.033rem !important;
  }
}
.intro-modal__wrapper .intro-modal__slide#intro-slide-0 .intro-modal__footer {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
}
.intro-modal__wrapper .intro-modal__slide#intro-slide-2 .title-column {
  padding-top: 0.5rem;
}
.intro-modal__wrapper .intro-modal__slide#intro-slide-4 .title-column {
  padding-top: 1rem;
  width: 22%;
}
@media screen and (max-width: 601px) {
  .intro-modal__wrapper .intro-modal__slide#intro-slide-4 .title-column {
    width: 100%;
  }
}
.intro-modal__wrapper .intro-modal__slide#intro-slide-5 .title-column {
  padding-top: 1rem;
  width: 25%;
}
@media screen and (max-width: 601px) {
  .intro-modal__wrapper .intro-modal__slide#intro-slide-5 .title-column {
    width: 100%;
  }
}
.intro-modal__wrapper .intro-modal__slide#intro-slide-5 .description-column .description-column__item {
  gap: 1.25rem;
}
.intro-modal__wrapper .intro-modal__slide#intro-slide-5 .description-column .description-column__item img {
  margin-top: 1.25rem;
}
@media screen and (max-width: 601px) {
  .intro-modal__wrapper .intro-modal__slide#intro-slide-5 .description-column .description-column__item img {
    display: none;
  }
}
.intro-modal__wrapper .intro-modal__slide#intro-slide-7 .title-column {
  padding-top: 1rem;
  width: 45%;
}
@media screen and (max-width: 601px) {
  .intro-modal__wrapper .intro-modal__slide#intro-slide-7 .title-column {
    width: 100%;
  }
}
.intro-modal__wrapper .intro-modal__slide#intro-slide-8 {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.intro-modal__wrapper .intro-modal__slide#intro-slide-8 .intro-modal__text {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  z-index: 1;
}
@media screen and (max-width: 601px) {
  .intro-modal__wrapper .intro-modal__slide#intro-slide-8 .intro-modal__text {
    padding-bottom: 2rem;
    justify-content: flex-start;
  }
}
.intro-modal__wrapper .intro-modal__slide#intro-slide-8 .intro-modal__text .intro-modal__text__content {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
}
@media screen and (max-width: 601px) {
  .intro-modal__wrapper .intro-modal__slide#intro-slide-8 .intro-modal__text .intro-modal__text__content {
    justify-content: flex-start;
    padding-top: 4rem;
  }
}
.intro-modal__wrapper .intro-modal__slide#intro-slide-8 .intro-modal__text .intro-modal__text__content .intro-modal__header {
  justify-content: center;
  align-items: center;
  border: none;
}
.intro-modal__wrapper .intro-modal__slide#intro-slide-8 .intro-modal__text .intro-modal__text__content .intro-modal__header .intro-modal__label {
  font-size: 1.1rem;
  letter-spacing: -0.033rem;
}
.intro-modal__wrapper .intro-modal__slide#intro-slide-8 .intro-modal__text .intro-modal__text__content .intro-modal__header .intro-modal__title {
  font-size: 3.8rem !important;
  letter-spacing: -0.114rem !important;
  text-align: center;
}
@media screen and (max-width: 601px) {
  .intro-modal__wrapper .intro-modal__slide#intro-slide-8 .intro-modal__text .intro-modal__text__content .intro-modal__header .intro-modal__title {
    font-size: 2.4rem !important;
    letter-spacing: -0.072rem !important;
    margin-top: 1rem;
  }
}
.intro-modal__wrapper .intro-modal__slide#intro-slide-8 .intro-modal__text .intro-modal__text__content .intro-modal__body p {
  text-align: center;
}
.intro-modal__wrapper .intro-modal__slide#intro-slide-8 .intro-modal__text .intro-modal__horizontal-cards {
  justify-content: center;
  margin-top: 3rem;
}
.intro-modal__wrapper .intro-modal__slide#intro-slide-8 .intro-modal__text .intro-modal__horizontal-cards .card {
  width: 18%;
  align-items: center;
  background: #FFFFFF;
}
@media screen and (max-width: 835px) {
  .intro-modal__wrapper .intro-modal__slide#intro-slide-8 .intro-modal__text .intro-modal__horizontal-cards .card {
    width: calc((100% - 2.25rem) / 4);
  }
}
@media screen and (max-width: 601px) {
  .intro-modal__wrapper .intro-modal__slide#intro-slide-8 .intro-modal__text .intro-modal__horizontal-cards .card {
    width: 100%;
  }
}
.intro-modal__wrapper .intro-modal__slide#intro-slide-8 .intro-modal__text .intro-modal__horizontal-cards .card .card__header {
  border: none;
}
.intro-modal__wrapper .intro-modal__slide#intro-slide-8 .intro-modal__text .intro-modal__horizontal-cards .card .card__header img {
  width: 3.2rem;
}
@media screen and (max-width: 601px) {
  .intro-modal__wrapper .intro-modal__slide#intro-slide-8 .intro-modal__text .intro-modal__horizontal-cards .card .card__header img {
    width: 4rem;
  }
}
.intro-modal__wrapper .intro-modal__slide#intro-slide-8 .intro-modal__text .intro-modal__horizontal-cards .card .card__title {
  width: 50%;
}
@media screen and (max-width: 601px) {
  .intro-modal__wrapper .intro-modal__slide#intro-slide-8 .intro-modal__text .intro-modal__horizontal-cards .card .card__title {
    font-size: 1.2rem !important;
    letter-spacing: -0.036rem !important;
  }
}
.intro-modal__wrapper .intro-modal__slide#intro-slide-8 .intro-modal__text .intro-modal__horizontal-cards .card .card__title span {
  display: block;
  font-size: 0.85rem;
}
@media screen and (max-width: 601px) {
  .intro-modal__wrapper .intro-modal__slide#intro-slide-8 .intro-modal__text .intro-modal__horizontal-cards .card .card__title span {
    font-size: 1rem !important;
  }
}
.intro-modal__wrapper .intro-modal__slide#intro-slide-8 .intro-modal__text .intro-modal__horizontal-cards .card .button--primary a {
  color: #FFFFFF !important;
  text-decoration: none !important;
}
@media (hover: hover) and (pointer: fine) {
  .intro-modal__wrapper .intro-modal__slide#intro-slide-8 .intro-modal__text .intro-modal__horizontal-cards .card .button--primary a:hover {
    color: #FFFFFF !important;
  }
}
.intro-modal__wrapper .intro-modal__slide#intro-slide-8 .intro-modal__text .intro-modal__horizontal-cards .card:nth-child(1) .card__title {
  width: 100%;
}
.intro-modal__wrapper .intro-modal__slide#intro-slide-8 .intro-modal__text .intro-modal__footer .intro-modal__buttons {
  justify-content: center;
  gap: 1rem;
}
.intro-modal__wrapper .intro-modal__slide#intro-slide-8 .intro-modal__visuals {
  width: calc(100% - 3rem);
  height: 30%;
  position: absolute;
  left: 1.5rem;
  bottom: 1.5rem;
  z-index: 0;
}
@media screen and (max-width: 601px) {
  .intro-modal__wrapper .intro-modal__slide#intro-slide-8 .intro-modal__visuals {
    height: 20%;
  }
}
.intro-modal__wrapper .intro-modal__slide#intro-slide-8 .intro-modal__visuals::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0.5;
  background-image: url("https://public-images.brainstem.org/images/brainstem/header_bg-image.svg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

@keyframes progressBar {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}
.list-view__header__filters__wrapper {
  width: 100%;
  background: #FFFFFF;
  border-radius: 0.75rem;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  gap: 1rem;
  margin-top: 2rem;
  box-shadow: 0rem 0rem 1rem rgba(0, 0, 0, 0.25);
  transition: opacity 0.5s ease;
}
@media screen and (max-width: 601px) {
  .list-view__header__filters__wrapper {
    margin-top: 1.6rem;
    padding: 0.75rem;
    gap: 0.75rem;
  }
}
.list-view__header__filters__wrapper .list-view__header__filters__top {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
}
@media screen and (max-width: 601px) {
  .list-view__header__filters__wrapper .list-view__header__filters__top {
    flex-direction: column-reverse;
    align-items: flex-start;
    gap: 0.75rem;
  }
}
.list-view__header__filters__wrapper .list-view__header__filters__top .list-view__header__filters__group {
  align-items: flex-start;
}
.list-view__header__filters__wrapper .list-view__header__filters__bottom {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  gap: 1.5rem;
}
@media screen and (max-width: 1194px) {
  .list-view__header__filters__wrapper .list-view__header__filters__bottom {
    flex-wrap: wrap;
  }
}
.list-view__header__filters__wrapper .list-view__header__filters__bottom #toolbar {
  width: auto;
  flex-grow: 1;
  margin: 0;
  max-width: 100%;
  transition: all 0.5s ease;
}
.list-view__header__filters__wrapper .list-view__header__filters__bottom #toolbar.visible {
  opacity: 1 !important;
}
.list-view__header__filters__wrapper .list-view__header__filters__bottom #toolbar form {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: 0.5rem;
}
.list-view__header__filters__wrapper .list-view__header__filters__bottom #toolbar form div {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: 0.5rem;
  overflow-y: clip;
  overflow-x: auto;
}
.list-view__header__filters__wrapper .list-view__header__filters__bottom #toolbar form div::-webkit-scrollbar-track {
  background-color: #F2F2F2;
}
.list-view__header__filters__wrapper .list-view__header__filters__bottom #toolbar form div::-webkit-scrollbar {
  height: 0.5rem;
  width: 0.5rem;
  background-color: #F2F2F2;
}
.list-view__header__filters__wrapper .list-view__header__filters__bottom #toolbar form div::-webkit-scrollbar-thumb {
  background-color: #BFBFBF;
}
.list-view__header__filters__wrapper .list-view__header__filters__bottom #toolbar form .select2-container--jet .select2-selection:not([type=button], [type=submit], .select2-search__field) {
  padding-right: 2rem !important;
  max-width: 16rem;
  transition: all 0.3s ease;
}
.list-view__header__filters__wrapper .list-view__header__filters__bottom #toolbar form .select2-container--jet .select2-selection:not([type=button], [type=submit], .select2-search__field)[aria-expanded=true] {
  border-color: var(--secondary) !important;
  color: var(--secondary) !important;
  font-weight: 500 !important;
}
.list-view__header__filters__wrapper .list-view__header__filters__bottom #toolbar form .quiet {
  color: #393843 !important;
  white-space: nowrap;
}
.list-view__header__filters__wrapper .list-view__header__filters__bottom #toolbar form .changelist-filter-popup {
  width: auto;
  display: block;
  overflow: visible;
  flex-shrink: 0;
}
.list-view__header__filters__wrapper .list-view__header__filters__bottom #toolbar form .changelist-filter-popup .changelist-filter-popup-content {
  overflow: visible;
  width: auto;
}
.list-view__header__filters__wrapper .list-view__header__filters__bottom #toolbar form .changelist-filter-popup .numeric-range-filter__inputs {
  width: auto;
  overflow: hidden;
  flex-wrap: nowrap;
}
.list-view__header__filters__wrapper .list-view__header__filters__bottom #toolbar form .changelist-filter-popup .numeric-range-filter__inputs input[type=number] {
  -moz-appearance: textfield;
}
.list-view__header__filters__wrapper .list-view__header__filters__bottom #toolbar form .changelist-filter-popup .numeric-range-filter__inputs input[type=number]::-webkit-outer-spin-button, .list-view__header__filters__wrapper .list-view__header__filters__bottom #toolbar form .changelist-filter-popup .numeric-range-filter__inputs input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.list-view__header__filters__wrapper .list-view__header__filters__bottom #toolbar form .toolbar-inline-widget {
  position: static;
}
.list-view__header__filters__wrapper .list-view__header__filters__bottom #toolbar form .toolbar-inline-widget.changelist-filter-popup > .changelist-filter-popup-content {
  display: flex !important;
  position: static !important;
  box-shadow: none;
  background: transparent;
  min-width: 0;
  padding: 0;
}
.list-view__header__filters__wrapper .list-view__header__filters__bottom:has(.active-projects-filter__widget) #toolbar {
  max-width: 80%;
}
@media screen and (max-width: 1194px) {
  .list-view__header__filters__wrapper .list-view__header__filters__bottom:has(.active-projects-filter__widget) #toolbar {
    max-width: 100%;
  }
}
.list-view__header__filters__wrapper .list-view__header__filters__group {
  width: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: 1rem;
}
@media screen and (min-width: 835px) and (max-width: 1024px) and (orientation: portrait) {
  .list-view__header__filters__wrapper .list-view__header__filters__group {
    flex-direction: column;
  }
}
@media screen and (max-width: 835px) {
  .list-view__header__filters__wrapper .list-view__header__filters__group {
    flex-direction: column;
  }
}
.list-view__header__filters__wrapper h3 {
  color: #393843;
  font-weight: 600;
}
.list-view__header__filters__wrapper #created-filter, .list-view__header__filters__wrapper #updated-filter {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: 1rem;
  row-gap: 0.5rem;
}
.list-view__header__filters__wrapper #created-filter ul, .list-view__header__filters__wrapper #updated-filter ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: 0.25rem;
}
@media screen and (max-width: 601px) {
  .list-view__header__filters__wrapper #created-filter ul, .list-view__header__filters__wrapper #updated-filter ul {
    width: 100%;
    flex-wrap: nowrap;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .list-view__header__filters__wrapper #created-filter ul::-webkit-scrollbar, .list-view__header__filters__wrapper #updated-filter ul::-webkit-scrollbar {
    display: none;
  }
}
@media screen and (max-width: 601px) {
  .list-view__header__filters__wrapper #created-filter ul li, .list-view__header__filters__wrapper #updated-filter ul li {
    flex-shrink: 0;
  }
}
.list-view__header__filters__wrapper #created-filter ul li a, .list-view__header__filters__wrapper #updated-filter ul li a {
  border-radius: 0.25rem !important;
  background: var(--base) !important;
  border: 1px solid var(--base) !important;
  color: var(--secondary) !important;
  padding: 0.25rem 0.5rem !important;
  font-family: "Inter", sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.21 !important;
  letter-spacing: -0.03rem !important;
  font-weight: 500;
  display: -webkit-box !important;
  -webkit-line-clamp: 1 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
@media screen and (max-width: 601px) {
  .list-view__header__filters__wrapper #created-filter ul li a, .list-view__header__filters__wrapper #updated-filter ul li a {
    line-height: 1.5;
  }
}
@media (hover: hover) and (pointer: fine) {
  .list-view__header__filters__wrapper #created-filter ul li a:hover, .list-view__header__filters__wrapper #updated-filter ul li a:hover {
    background: rgba(var(--base), 0.5) !important;
    border-color: rgba(var(--secondary), 0.5) !important;
  }
}
.list-view__header__filters__wrapper #created-filter ul li a.selected, .list-view__header__filters__wrapper #updated-filter ul li a.selected {
  background: var(--primary) !important;
  color: #FFFFFF !important;
  border-color: var(--primary) !important;
}
.list-view__header__filters__wrapper #created-filter ul li a[title="Has date"], .list-view__header__filters__wrapper #created-filter ul li a[title="No date"], .list-view__header__filters__wrapper #updated-filter ul li a[title="Has date"], .list-view__header__filters__wrapper #updated-filter ul li a[title="No date"] {
  display: none !important;
}
.list-view__header__filters__wrapper #created-filter ul li.selected a, .list-view__header__filters__wrapper #updated-filter ul li.selected a {
  background: var(--primary) !important;
  color: #FFFFFF !important;
  border-color: var(--primary) !important;
}
.list-view__header__filters__wrapper #right-block {
  width: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
  align-content: center;
  gap: 0.5rem;
}
@media screen and (max-width: 601px) {
  .list-view__header__filters__wrapper #right-block {
    width: 100%;
    justify-content: space-between;
  }
}
.list-view__header__filters__wrapper #right-block .dropdown-menu_filter .form-row, .list-view__header__filters__wrapper #right-block .dropdown-menu_column .form-row {
  width: 100% !important;
}
.list-view__header__filters__wrapper #right-block .dropdown-menu_filter .aligned input[type=checkbox], .list-view__header__filters__wrapper #right-block .dropdown-menu_column .aligned input[type=checkbox] {
  width: 15px !important;
  min-width: 15px !important;
}
.list-view__header__filters__wrapper #right-block .dropdown-menu_filter .aligned label, .list-view__header__filters__wrapper #right-block .dropdown-menu_column .aligned label {
  max-width: 40vw;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.list-view__header__filters__wrapper #right-block li {
  position: relative;
}
.list-view__header__filters__wrapper #right-block #column-filter-buttons-container {
  width: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
  align-content: center;
}
@media screen and (max-width: 601px) {
  .list-view__header__filters__wrapper #right-block #column-filter-buttons-container {
    width: 100%;
    justify-content: space-between;
  }
}
.list-view__header__filters__wrapper #right-block .dropdown-menu_filter_button, .list-view__header__filters__wrapper #right-block .dropdown-menu_column_button {
  background: none !important;
  height: auto;
}
.list-view__header__filters__wrapper #right-block a {
  font-family: "Inter", sans-serif !important;
  background: none !important;
  color: inherit !important;
  border: none !important;
  outline: none !important;
  cursor: pointer !important;
  border-radius: 0.5rem !important;
  font-size: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  font-weight: 500 !important;
  position: relative !important;
  overflow: hidden !important;
  padding: 0.75rem 1rem !important;
  text-transform: initial !important;
  height: auto !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  background: none !important;
  color: var(--secondary) !important;
  border: 0.1rem solid var(--secondary) !important;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  gap: 0.75rem;
}
.list-view__header__filters__wrapper #right-block a[disabled] {
  opacity: 0.4;
  pointer-events: none !important;
}
@media (hover: hover) and (pointer: fine) {
  .list-view__header__filters__wrapper #right-block a:hover:not(:disabled), .list-view__header__filters__wrapper #right-block a:hover:not([disabled]) {
    color: var(--primary) !important;
    border-color: var(--primary) !important;
  }
}
.list-view__header__filters__wrapper #right-block a::after {
  content: "";
  font-size: 1rem !important;
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  color: var(--secondary) !important;
}
.list-view__header__filters__wrapper #right-block .dropdown-menu_column, .list-view__header__filters__wrapper #right-block .dropdown-menu_filter {
  border-radius: 0.25rem;
  border: none;
}
.list-view__header__filters__wrapper #right-block .dropdown-menu_column .header, .list-view__header__filters__wrapper #right-block .dropdown-menu_filter .header {
  position: relative;
  padding: 1rem;
  min-height: 0;
  justify-content: center;
  gap: 0.25rem;
  color: #8D8B9F !important;
  box-shadow: none;
  height: auto !important;
  font-family: "Inter", sans-serif !important;
  font-size: 0.875rem;
  letter-spacing: -0.02625rem;
  line-height: 1rem;
}
.list-view__header__filters__wrapper #right-block .dropdown-menu_column .header::before, .list-view__header__filters__wrapper #right-block .dropdown-menu_filter .header::before {
  display: none;
}
.list-view__header__filters__wrapper #right-block .dropdown-menu_column form fieldset, .list-view__header__filters__wrapper #right-block .dropdown-menu_filter form fieldset {
  padding: 1rem !important;
  gap: 0.5rem;
}
.list-view__header__filters__wrapper #right-block .dropdown-menu_column form fieldset .form-row div:not([class]), .list-view__header__filters__wrapper #right-block .dropdown-menu_filter form fieldset .form-row div:not([class]) {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
}
.list-view__header__filters__wrapper #right-block .dropdown-menu_filter_button a::after {
  content: "\f0b0";
}
.list-view__header__filters__wrapper #right-block .dropdown-menu_column_button a::after {
  content: "\f0db";
}
.list-view__header__filters__wrapper.no-dates {
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  align-content: flex-start;
}
.list-view__header__filters__wrapper.no-dates .list-view__header__filters__top {
  width: auto;
}
.list-view__header__filters__wrapper.no-dates .list-view__header__filters__bottom {
  width: auto;
  flex-shrink: 1;
  flex-grow: 1;
}
@media screen and (max-width: 601px) {
  .list-view__header__filters__wrapper.no-dates .list-view__header__filters__bottom {
    max-width: 100%;
    flex-shrink: 0;
  }
}
.list-view__header__filters__wrapper .active-projects-filter__widget {
  width: auto;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-end;
  align-content: flex-end;
  gap: 0.25rem;
  transition: all 0.5s ease;
}
.list-view__header__filters__wrapper .active-projects-filter__widget.visible {
  opacity: 1 !important;
}
@media screen and (max-width: 1194px) {
  .list-view__header__filters__wrapper .active-projects-filter__widget {
    flex-grow: 1;
  }
}
@media screen and (max-width: 601px) {
  .list-view__header__filters__wrapper .active-projects-filter__widget {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    gap: 0.5rem;
  }
}
.list-view__header__filters__wrapper .active-projects-filter__widget .active-projects-modal__trigger {
  padding: 0 !important;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
  align-content: center;
  gap: 0.25rem;
}
.list-view__header__filters__wrapper .active-projects-filter__widget .active-projects-modal__trigger-count {
  min-width: 1.4rem;
  padding: 0.1rem 0.4rem;
  border-radius: 99px;
  background: var(--secondary);
  color: #FFFFFF;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.2;
  text-align: center;
}
.list-view__header__filters__wrapper .active-projects-filter__widget .active-projects-filter__notice {
  color: #FF5757;
  font-size: 0.875rem;
  text-align: right;
  max-width: 20rem;
}
.list-view__header__filters__wrapper .active-projects-filter__widget .active-projects-filter__notice[hidden] {
  display: none;
}
.list-view__header__filters__wrapper .active-projects-filter__widget .active-projects-filter {
  width: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
  align-content: center;
  gap: 0.5rem;
}
.list-view__header__filters__wrapper .active-projects-filter__widget .active-projects-filter__info img {
  width: 1.1rem;
}
.list-view__header__filters__wrapper .active-projects-filter__widget .active-projects-filter__info::after {
  width: 20rem;
  white-space: normal;
  font-size: 0.875rem;
  bottom: auto;
  top: 100%;
}
.list-view__header__filters__wrapper .active-projects-filter__widget .active-projects-filter__label {
  width: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
  align-content: center;
  gap: 0.5rem;
}
.list-view__header__filters__wrapper .active-projects-filter__widget .active-projects-filter__label .active-projects-filter__text {
  opacity: 0.8;
  transition: all 0.3s ease-out;
  white-space: nowrap;
  cursor: pointer;
}
.list-view__header__filters__wrapper .active-projects-filter__widget .active-projects-filter__label .active-projects-filter__toggle {
  width: 2.25rem;
  height: 1.5rem;
  position: relative;
  cursor: pointer;
  transition: all 0.3s ease-out;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.list-view__header__filters__wrapper .active-projects-filter__widget .active-projects-filter__label .active-projects-filter__toggle::before {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 100%;
  background: #8D8B9F;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.3s ease-out;
}
.list-view__header__filters__wrapper .active-projects-filter__widget .active-projects-filter__label .active-projects-filter__toggle::after {
  content: "";
  width: 100%;
  height: 1rem;
  border-radius: 2rem;
  background: #BFBFBF;
  transition: all 0.3s ease-out;
}
@media (hover: hover) and (pointer: fine) {
  .list-view__header__filters__wrapper .active-projects-filter__widget .active-projects-filter__label:hover .active-projects-filter__toggle::after {
    background: #393843;
  }
  .list-view__header__filters__wrapper .active-projects-filter__widget .active-projects-filter__label:hover .active-projects-filter__text {
    opacity: 1;
  }
}
.list-view__header__filters__wrapper .active-projects-filter__widget .active-projects-filter__label input {
  width: 0;
  height: 0;
  opacity: 0;
}
.list-view__header__filters__wrapper .active-projects-filter__widget .active-projects-filter__label input:checked + .active-projects-filter__toggle::before {
  right: 0;
  left: auto;
  background: var(--primary);
}
.list-view__header__filters__wrapper .active-projects-filter__widget .active-projects-filter__label input:checked ~ .active-projects-filter__text {
  opacity: 1;
}

.filters-search__wrapper {
  position: relative;
  max-width: 16rem;
}
@media screen and (max-width: 601px) {
  .filters-search__wrapper {
    flex-grow: 1;
    max-width: 100%;
  }
}
.filters-search__wrapper #searchbar {
  width: 100% !important;
}
.filters-search__wrapper input[type=submit] {
  display: none !important;
}
.filters-search__wrapper label {
  width: auto;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  padding: 0.8rem;
  cursor: pointer;
}
.filters-search__wrapper label img {
  width: 1.1rem;
}
@media (hover: hover) and (pointer: fine) {
  .filters-search__wrapper label:hover {
    opacity: 0.5;
  }
}

#settings_display_column fieldset.module .form-row label, #settings_display_filter fieldset.module .form-row label {
  font-size: 0.95rem !important;
  line-height: 0.95rem !important;
  letter-spacing: -0.0095rem !important;
  font-weight: 400 !important;
}

.numeric-range-filter__toggle {
  display: inline-block;
  height: 32px;
  line-height: 30px;
  padding: 0 2rem 0 0.6rem;
  font-size: 0.85rem;
  border: 1px solid #BFBFBF;
  border-radius: 0.5rem;
  background: #FFFFFF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%2347bac1'/%3E%3C/svg%3E") no-repeat right 0.5rem center;
  background-size: 8px 5px;
  color: #393843;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 7rem;
  max-width: 14rem;
  vertical-align: top;
  box-sizing: border-box;
}
.numeric-range-filter__toggle:focus {
  outline: none;
}
.numeric-range-filter.is-active .numeric-range-filter__toggle {
  border-color: var(--secondary);
  color: var(--secondary);
  font-weight: 500;
}
.numeric-range-filter__content {
  padding: 0.5rem;
}
.numeric-range-filter__form {
  margin: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
}
.numeric-range-filter__inputs {
  color: #393843 !important;
  font-family: "Inter", sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.21 !important;
  letter-spacing: -0.03rem !important;
  padding: 0.25rem;
  margin: 0;
  height: auto !important;
  transition: all 0.3s ease !important;
  width: 100% !important;
  display: flex;
  align-items: stretch;
  gap: 0 !important;
  flex: 0 0 auto;
  min-width: 0;
  border: 1px solid #8D8B9F !important;
  border-radius: 0.5rem;
  overflow: hidden;
  box-shadow: none !important;
}
@media screen and (max-width: 601px) {
  .numeric-range-filter__inputs {
    min-width: 8rem !important;
  }
}
.numeric-range-filter__inputs::placeholder {
  color: inherit !important;
  opacity: 0.5 !important;
}
.numeric-range-filter__inputs:focus {
  border-color: var(--secondary) !important;
}
.numeric-range-filter__inputs[aria-invalid=true] {
  border: 2px solid #FF5757 !important;
}
.numeric-range-filter__inputs:focus-within {
  border-color: var(--secondary);
}
.numeric-range-filter__inputs .select2-container {
  display: none !important;
}
.numeric-range-filter__inputs select.select2-hidden-accessible {
  position: static !important;
  clip: auto !important;
  clip-path: none !important;
  -webkit-clip-path: none !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  white-space: normal !important;
  opacity: 1 !important;
}
.numeric-range-filter__op {
  flex: 0 0 auto;
  field-sizing: content;
  padding: 0rem 0.4rem !important;
  font-size: inherit !important;
  text-align: center;
  border: none !important;
  border-radius: 0.5rem !important;
  background: #F2F2F2 !important;
  background-repeat: no-repeat !important;
  background-position: 88% center !important;
  background-size: 0.85rem auto !important;
  color: #393843;
  box-shadow: none !important;
  cursor: pointer;
  appearance: none;
  box-sizing: border-box;
  margin: 0rem 0.1rem !important;
  transition: background 0.15s ease, color 0.15s ease;
}
.numeric-range-filter__op option {
  background-color: #FFFFFF;
}
.numeric-range-filter__op:hover {
  background: #BFBFBF !important;
  color: #393843;
}
.numeric-range-filter__val {
  flex: 0 0 auto;
  field-sizing: content;
  min-width: 4ch;
  max-width: 110px;
  font-size: inherit !important;
  padding: 0.3rem 0.4rem !important;
  border: none !important;
  border-radius: 0 !important;
  background: #FFFFFF !important;
  color: #393843;
  box-sizing: border-box;
  box-shadow: none !important;
}
.numeric-range-filter__val::-webkit-inner-spin-button, .numeric-range-filter__val::-webkit-outer-spin-button {
  opacity: 1;
}
.numeric-range-filter__unit {
  flex: 0 0 auto;
  field-sizing: content;
  padding: 0.2rem 1.4rem 0rem 0.2rem !important;
  font-size: inherit !important;
  border: none !important;
  border-radius: 0 !important;
  background: none !important;
  background-image: url("https://public-images.brainstem.org/images/icons/icon-chevron-down.svg") !important;
  background-repeat: no-repeat !important;
  background-position: right 0.2rem center !important;
  background-size: 1.2rem auto !important;
  color: #393843;
  cursor: pointer;
  appearance: none;
  box-shadow: none !important;
  box-sizing: border-box;
}
.numeric-range-filter__separator {
  display: none;
  flex: 0 0 auto;
  padding: 0 0.15rem;
  color: #8D8B9F;
  font-size: 0.9rem;
  align-self: center;
  user-select: none;
}
.numeric-range-filter__max-val {
  display: none;
}
.numeric-range-filter__inputs.is-range .numeric-range-filter__separator,
.numeric-range-filter__inputs.is-range .numeric-range-filter__max-val {
  display: block;
}
.numeric-range-filter__inputs.is-range .numeric-range-filter__min-val {
  order: -1;
}
.numeric-range-filter__apply {
  display: none !important;
}
.numeric-range-filter__clear {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  line-height: 1;
  color: #8D8B9F;
  text-decoration: none;
  padding: 0.3rem 0.5rem;
  align-self: stretch;
  cursor: pointer;
}
.numeric-range-filter__clear:hover {
  color: #FF5757;
  background: rgba(255, 87, 87, 0.08);
}
.numeric-range-filter.is-active .numeric-range-filter__inputs {
  border-color: var(--secondary);
}
.numeric-range-filter.is-active .numeric-range-filter__val,
.numeric-range-filter.is-active .numeric-range-filter__op,
.numeric-range-filter.is-active .numeric-range-filter__unit {
  background-color: rgba(var(--secondary), 0.04);
}
.numeric-range-filter.is-active .numeric-range-filter__op,
.numeric-range-filter.is-active .numeric-range-filter__unit {
  border-color: var(--secondary);
}

.changelist-filter-popup-content .anatomical-region-modal__wrapper {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden !important;
}

.anatomical-region-modal__wrapper {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(26, 27, 28, 0.5);
  padding: 1rem;
}

html.anatomical-region-modal-open,
body.anatomical-region-modal-open {
  overflow: hidden !important;
  overscroll-behavior: none;
}

body.anatomical-region-modal-open .select2-container--jet.select2-container--open {
  z-index: 10001 !important;
}

.anatomical-region-modal__dialog {
  position: relative;
  background: #FFFFFF;
  border-radius: 0.75rem;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.22);
  width: min(580px, 100%);
  max-height: 85dvh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
@media screen and (max-width: 835px) {
  .anatomical-region-modal__dialog {
    width: 100%;
    height: 100%;
    max-height: 100%;
  }
}

.anatomical-region-modal__header {
  padding: 1.4rem 1.25rem 1rem;
  background: linear-gradient(90.9deg, var(--gradient-color1) 54.69%, var(--gradient-color2) 100%);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  flex-shrink: 0;
}

.anatomical-region-modal__header-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.25rem;
}

.anatomical-region-modal__title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1.35rem;
  font-weight: 700;
  margin: 0;
  color: #FFFFFF !important;
  text-transform: none !important;
}

.anatomical-region-modal__title-icon {
  width: 1.4rem;
  height: 1.4rem;
  flex-shrink: 0;
  filter: brightness(0) invert(1);
}

.anatomical-region-modal__subtitle {
  margin: 0.1rem 0 0;
  font-size: 0.9rem;
  color: rgba(255, 255, 255, 0.85);
  line-height: 1.4;
}

.anatomical-region-modal__close {
  flex-shrink: 0;
  cursor: pointer !important;
  color: #FFFFFF !important;
  background: rgba(255, 255, 255, 0.2) !important;
  border-radius: 0.5rem !important;
  padding: 0.5rem 0.75rem !important;
}
@media (hover: hover) and (pointer: fine) {
  .anatomical-region-modal__close:hover {
    color: #FFFFFF !important;
    background: rgba(255, 255, 255, 0.32) !important;
  }
}

.anatomical-region-modal__controls {
  flex-shrink: 0;
  padding: 0.5rem 1.25rem 0;
  background: #FFFFFF;
}

.anatomical-region-modal__controls-row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.45rem 0;
  flex-shrink: 0;
}
.anatomical-region-modal__controls-row > .select2-container {
  flex: 1 1 0;
  width: auto !important;
  min-width: 0 !important;
}

.anatomical-region-modal__subrow {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0 1.5rem;
  padding: 0.35rem 0;
  border-bottom: 1px solid #efefef;
}

.anatomical-region-modal__atlas-select {
  flex: 1;
  padding: 0.38rem 0.5rem;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 0.83rem;
  min-width: 0;
}
.anatomical-region-modal__atlas-select:focus {
  border-color: var(--secondary, #5b80b2);
  outline: none;
}

.anatomical-region-modal__search-wrap {
  flex: 1;
  position: relative;
  min-width: 0;
}
.anatomical-region-modal__search-wrap .anatomical-region-modal__search-input {
  width: 100%;
  padding: 0.4rem 2.2rem 0.4rem 0.75rem;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 0.88rem;
  box-sizing: border-box;
}
.anatomical-region-modal__search-wrap .anatomical-region-modal__search-input:focus {
  border-color: var(--secondary, #5b80b2);
  outline: none;
}
.anatomical-region-modal__search-wrap .anatomical-region-modal__search-icon {
  position: absolute;
  top: 50%;
  right: 0.65rem;
  transform: translateY(-50%);
  color: var(--secondary);
  font-size: 0.85rem;
  pointer-events: none;
}

.anatomical-region-modal__body {
  overflow-y: auto;
  flex: 1 1 auto;
  min-height: 12rem;
  background: #F2F2F2;
  padding: 0.4rem 0;
}

.anatomical-region-modal__loading,
.anatomical-region-modal__empty {
  padding: 1.5rem 1.25rem;
  color: #888;
  font-size: 0.9rem;
  text-align: center;
}

.anatomical-region-node {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.15rem 0.6rem 0.15rem 0;
  cursor: default;
  transition: background 0.1s;
  user-select: none;
}
.anatomical-region-node:hover {
  background: rgba(0, 0, 0, 0.03);
}

.anatomical-region-node--dim {
  opacity: 0.3;
}

.anatomical-region-node--checked {
  background: rgba(91, 128, 178, 0.08);
}

.anatomical-region-node__select {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  flex: 1;
  cursor: pointer;
  border-radius: 3px;
  padding: 0.2rem 0.35rem;
  margin: 0.05rem 0;
  min-width: 0;
}
.anatomical-region-node__select:hover {
  background: rgba(91, 128, 178, 0.12);
}
.anatomical-region-node__select:hover .anatomical-region-node__box:not(.anatomical-region-node__box--checked) {
  border-color: var(--secondary, #5b80b2);
}

.anatomical-region-node__box {
  flex-shrink: 0;
  width: 14px;
  height: 14px;
  border: 1.5px solid #bbb;
  border-radius: 3px;
  background: #fff;
  position: relative;
  transition: border-color 0.12s, background 0.12s;
}

.anatomical-region-node__box--checked {
  background: var(--secondary, #5b80b2);
  border-color: var(--secondary, #5b80b2);
}
.anatomical-region-node__box--checked::after {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 2px;
  width: 7px;
  height: 4px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(-45deg);
}

.anatomical-region-node__chevron {
  flex-shrink: 0;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid #aaa;
  transition: transform 0.15s;
  cursor: pointer;
}

.anatomical-region-node__chevron--closed {
  transform: rotate(-90deg);
}

.anatomical-region-node__chevron--leaf {
  border-top-color: transparent;
}

.anatomical-region-node__label {
  font-size: 0.95rem;
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
  min-width: 0;
}

.anatomical-region-node__highlight {
  background: rgba(255, 186, 57, 0.4);
  color: inherit;
  border-radius: 2px;
  padding: 0 1px;
}

.anatomical-region-node__desc-count {
  flex-shrink: 0;
  font-size: 0.68rem;
  font-weight: 700;
  line-height: 1;
  padding: 0.15rem 0.4rem;
  border-radius: 99px;
  background: var(--secondary, #5b80b2);
  color: #fff;
  margin-left: 0.25rem;
}

.anatomical-region-node__data-dot {
  flex-shrink: 0;
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--secondary, #47bac1);
  margin-left: 5px;
  align-self: center;
  vertical-align: middle;
}

.anatomical-region-node__data-dot--ancestor {
  background: transparent;
  border: 1.5px solid var(--secondary, #47bac1);
}

.anatomical-region-modal__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.6rem;
  padding: 1rem 1.25rem;
  border-top: 1px solid rgba(141, 139, 159, 0.5);
  flex-shrink: 0;
}

.anatomical-region-modal__footer-left {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.anatomical-region-modal__descendants-label {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 1rem;
  padding: 0.25rem 0rem;
  cursor: pointer;
  user-select: none;
  color: #444;
}
.anatomical-region-modal__descendants-label:hover {
  color: var(--secondary, #5b80b2);
}
.anatomical-region-modal__descendants-label:hover .anatomical-region-modal__desc-box:not(.anatomical-region-modal__desc-box--checked) {
  border-color: var(--secondary, #5b80b2);
}

.anatomical-region-modal__availability-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  min-width: 1.6rem;
  height: 1.35rem;
  padding: 0 0.4rem;
  border-radius: 999px;
  background: var(--base, #f4f2fd);
  color: var(--primary, #8122a1);
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1;
  transition: color 0.12s, background 0.12s, opacity 0.12s;
}

.anatomical-region-modal__availability-count--active {
  background: var(--secondary, #5b80b2);
  color: #FFFFFF;
}

.anatomical-region-modal__availability-count--loading {
  opacity: 0.65;
}

.anatomical-region-modal__desc-box {
  flex-shrink: 0;
  width: 13px;
  height: 13px;
  border: 1.5px solid #bbb;
  border-radius: 3px;
  background: #fff;
  position: relative;
  transition: border-color 0.12s, background 0.12s;
}

.anatomical-region-modal__desc-box--checked {
  background: var(--secondary, #5b80b2);
  border-color: var(--secondary, #5b80b2);
}
.anatomical-region-modal__desc-box--checked::after {
  content: "";
  display: block;
  position: absolute;
  top: 1px;
  left: 2px;
  width: 6px;
  height: 3px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(-45deg);
}

.anatomical-region-modal__status {
  font-size: 1rem !important;
  color: #555;
  font-weight: 500;
  white-space: nowrap;
}
.anatomical-region-modal__status.anatomical-region-modal__status--over-cap {
  color: #FF5757;
  font-weight: 600;
}

.anatomical-region-modal__footer-right {
  display: flex;
  gap: 0.5rem;
}

.anatomical-region-modal__btn {
  padding: 0.3rem 0.85rem !important;
  font-size: 0.85rem !important;
}

.anatomical-region-filter__trigger-wrapper {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  border: 1px solid #8D8B9F;
  border-radius: 0.5rem !important;
  padding: 0;
  background: #fff;
}

.anatomical-region-filter__trigger {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0.5rem !important;
  padding: 0.5rem 0.6rem !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  cursor: pointer !important;
  font-size: inherit !important;
  font-family: "Inter", sans-serif !important;
  font-weight: 400 !important;
  color: inherit !important;
  width: 100% !important;
  transition: color 0.15s !important;
}

.anatomical-region-filter__trigger--active {
  border-color: var(--secondary, #5b80b2);
  background: #f0f4fb;
}

.anatomical-region-filter__trigger-label {
  flex: 1;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 0.25rem;
}

.anatomical-region-filter__tag {
  display: inline-block;
  padding: 0.2rem 0.6rem;
  border-radius: 99px;
  background: var(--secondary, #5b80b2);
  color: #fff;
  font-size: 0.8rem;
  font-weight: 600;
  white-space: nowrap;
  flex-shrink: 0;
  letter-spacing: 0.01em;
}

.anatomical-region-filter__tag--more {
  background: rgba(91, 128, 178, 0.15);
  color: var(--secondary, #5b80b2);
  border: 1px solid var(--secondary, #5b80b2);
}

.anatomical-region-filter__chevron {
  flex-shrink: 0;
  margin-left: 0.2rem;
  margin-right: 0rem;
  margin-top: 0.2rem;
}
.anatomical-region-filter__chevron::before {
  font-family: "jet-icons";
  content: "\e608";
  font-size: 1.42857rem;
  color: var(--secondary);
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
}

.anatomical-region-filter__reset {
  padding: 0rem 0rem !important;
  font-size: 1rem !important;
  line-height: 1 !important;
  flex-shrink: 0;
  text-decoration: none;
  margin-right: 0.9rem;
  border: none !important;
  color: #8D8B9F !important;
}

.changelist-form-container #changelist-form {
  background: none;
}
.changelist-form-container #changelist-form .results {
  margin-bottom: 2rem !important;
}
@media screen and (min-width: 835px) and (max-width: 1024px) and (orientation: portrait) {
  .changelist-form-container #changelist-form .results {
    width: 100% !important;
    margin: 0 !important;
    left: auto !important;
    position: initial !important;
  }
}
@media screen and (max-width: 835px) {
  .changelist-form-container #changelist-form .results {
    width: 100% !important;
    margin: 0 !important;
    left: auto !important;
    position: initial !important;
  }
}
.changelist-form-container #changelist-form .results::-webkit-scrollbar-track {
  background-color: var(--base);
}
.changelist-form-container #changelist-form .results::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
  background-color: var(--base);
}
.changelist-form-container #changelist-form .results::-webkit-scrollbar-thumb {
  background-color: var(--primary);
}
.changelist-form-container #changelist-form #result_list {
  border-radius: 0.75rem;
}
.changelist-form-container #changelist-form #result_list thead th {
  background: rgba(var(--base), 0.5);
  color: rgba(57, 56, 67, 0.8);
  font-weight: 600;
  padding: 1rem 1rem;
  border-radius: 0;
  text-transform: initial;
  font-family: "Inter", sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.21 !important;
  letter-spacing: -0.03rem !important;
}
@media screen and (max-width: 601px) {
  .changelist-form-container #changelist-form #result_list thead th {
    line-height: 1.5;
  }
}
.changelist-form-container #changelist-form #result_list thead th:first-child {
  border-radius: 0.75rem 0 0 0;
}
.changelist-form-container #changelist-form #result_list thead th:last-child {
  border-radius: 0 0.75rem 0 0;
}
@media (hover: hover) and (pointer: fine) {
  .changelist-form-container #changelist-form #result_list thead th a:hover {
    color: var(--secondary) !important;
    font-weight: 600 !important;
  }
}
.changelist-form-container #changelist-form #result_list thead th .sortoptions {
  color: var(--secondary) !important;
}
.changelist-form-container #changelist-form #result_list thead th .sortable__wrapper {
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
  align-content: center;
  gap: 0.25rem;
}
.changelist-form-container #changelist-form #result_list thead th .sortable__wrapper .clear {
  display: none;
}
.changelist-form-container #changelist-form #result_list thead th .sortable__wrapper .sortpriority {
  font-size: 0.875rem;
  padding: 0 0.25rem;
  margin: 0;
  color: inherit;
}
.changelist-form-container #changelist-form #result_list thead th .sortable__wrapper .sortoptions a {
  position: relative;
  top: auto;
  right: auto;
  margin: 0;
}
.changelist-form-container #changelist-form #result_list tbody td {
  font-family: "Inter", sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.21 !important;
  letter-spacing: -0.03rem !important;
  padding: 0.5rem;
  border-bottom: 1px solid rgba(141, 139, 159, 0.5);
  color: #8D8B9F;
  vertical-align: middle !important;
}
@media screen and (max-width: 601px) {
  .changelist-form-container #changelist-form #result_list tbody td {
    line-height: 1.5;
  }
}
.changelist-form-container #changelist-form #result_list tbody td:first-child {
  padding: 1.5rem;
}
.changelist-form-container #changelist-form #result_list tbody td:not(.field-user_actions) a:not(:empty, .inlineviewlink, .changelink, .addlink, .managelink, .summary-popup__action, .tooltip-popup *) {
  border-radius: 0.25rem !important;
  background: #E8F0FF !important;
  color: #4550B6 !important;
  padding: 0 0.5rem !important;
  font-family: "Inter", sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.21 !important;
  letter-spacing: -0.03rem !important;
  line-height: 1.5 !important;
  display: -webkit-inline-box !important;
  -webkit-line-clamp: 1 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-align: center;
  padding: 0.25rem 0.5rem 0.15rem !important;
  font-size: 0.85rem !important;
  letter-spacing: -0.03rem !important;
  text-align: left !important;
  display: inline-block !important;
}
@media screen and (max-width: 601px) {
  .changelist-form-container #changelist-form #result_list tbody td:not(.field-user_actions) a:not(:empty, .inlineviewlink, .changelink, .addlink, .managelink, .summary-popup__action, .tooltip-popup *) {
    line-height: 1.5;
  }
}
@media (hover: hover) and (pointer: fine) {
  .changelist-form-container #changelist-form #result_list tbody td:not(.field-user_actions) a:not(:empty, .inlineviewlink, .changelink, .addlink, .managelink, .summary-popup__action, .tooltip-popup *):hover {
    background: rgba(232, 240, 255, 0.5) !important;
  }
}
@media screen and (max-width: 601px) {
  .changelist-form-container #changelist-form #result_list tbody td:not(.field-user_actions) a:not(:empty, .inlineviewlink, .changelink, .addlink, .managelink, .summary-popup__action, .tooltip-popup *) {
    white-space: nowrap;
  }
}
.changelist-form-container #changelist-form #result_list tbody td:not(.field-user_actions) span:not(:empty, .tag--status, .tag--action, .session-type-tag, .summary-popup__action-label, .tooltip-popup *) {
  border-radius: 0.25rem !important;
  background: var(--base) !important;
  border: 1px solid var(--base) !important;
  color: var(--secondary) !important;
  padding: 0.25rem 0.5rem !important;
  font-family: "Inter", sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.21 !important;
  letter-spacing: -0.03rem !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 1 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  padding: 0.25rem 0.5rem 0.15rem !important;
  font-size: 0.85rem !important;
  letter-spacing: -0.03rem !important;
  text-align: left !important;
  display: inline-block !important;
  background: #F2F2F2 !important;
  color: rgba(57, 56, 67, 0.8) !important;
  cursor: initial;
  pointer-events: none !important;
}
@media screen and (max-width: 601px) {
  .changelist-form-container #changelist-form #result_list tbody td:not(.field-user_actions) span:not(:empty, .tag--status, .tag--action, .session-type-tag, .summary-popup__action-label, .tooltip-popup *) {
    line-height: 1.5;
  }
}
@media screen and (max-width: 601px) {
  .changelist-form-container #changelist-form #result_list tbody td:not(.field-user_actions) span:not(:empty, .tag--status, .tag--action, .session-type-tag, .summary-popup__action-label, .tooltip-popup *) {
    white-space: nowrap;
  }
}
.changelist-form-container #changelist-form #result_list tbody tr:last-child td, .changelist-form-container #changelist-form #result_list tbody tr:last-child th {
  border-bottom: none !important;
}
.changelist-form-container #changelist-form #result_list tbody th {
  border-bottom: 1px solid rgba(141, 139, 159, 0.5);
  color: #393843;
  font-weight: 500;
  padding: 1.5rem 1rem;
  vertical-align: middle !important;
}
@media (hover: hover) and (pointer: fine) {
  .changelist-form-container #changelist-form #result_list tbody th a:hover {
    color: var(--secondary) !important;
    font-weight: 500;
  }
}
.changelist-form-container #changelist-form #result_list tbody th .name_container {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  gap: 1.5rem;
}
.changelist-form-container #changelist-form #result_list tbody th .name_container > a:first-of-type {
  display: none !important;
}
.changelist-form-container #changelist-form #result_list tbody th .name_container .row-name a {
  display: inline-flex !important;
}
.changelist-form-container #changelist-form #result_list tbody th .name_container .actions_container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
  align-content: center;
  gap: 0.25rem;
  font-size: 0.9rem;
  color: var(--primary);
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}
.changelist-form-container #changelist-form #result_list tbody th .name_container .actions_container .row-action,
.changelist-form-container #changelist-form #result_list tbody th .name_container .actions_container > a.has-tooltip,
.changelist-form-container #changelist-form #result_list tbody th .name_container .actions_container .dropbtn {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0;
  color: var(--primary) !important;
  cursor: pointer;
  flex: 0 0 auto;
  height: 1.5rem;
  line-height: 1;
  padding: 0 !important;
  text-decoration: none !important;
  width: 1.5rem;
}
@media (hover: hover) and (pointer: fine) {
  .changelist-form-container #changelist-form #result_list tbody th .name_container .actions_container .row-action:hover,
  .changelist-form-container #changelist-form #result_list tbody th .name_container .actions_container > a.has-tooltip:hover,
  .changelist-form-container #changelist-form #result_list tbody th .name_container .actions_container .dropbtn:hover {
    background: transparent !important;
    border-color: transparent !important;
  }
  .changelist-form-container #changelist-form #result_list tbody th .name_container .actions_container .row-action:hover i,
  .changelist-form-container #changelist-form #result_list tbody th .name_container .actions_container > a.has-tooltip:hover i,
  .changelist-form-container #changelist-form #result_list tbody th .name_container .actions_container .dropbtn:hover i {
    color: var(--secondary) !important;
  }
}
.changelist-form-container #changelist-form #result_list tbody th .name_container .actions_container .row-action i,
.changelist-form-container #changelist-form #result_list tbody th .name_container .actions_container > a.has-tooltip i,
.changelist-form-container #changelist-form #result_list tbody th .name_container .actions_container .dropbtn i {
  color: var(--primary) !important;
  font-size: 1.05rem;
}
.changelist-form-container #changelist-form #result_list tbody th .name_container .actions_container .row-action .row-action__label,
.changelist-form-container #changelist-form #result_list tbody th .name_container .actions_container > a.has-tooltip .row-action__label,
.changelist-form-container #changelist-form #result_list tbody th .name_container .actions_container .dropbtn .row-action__label {
  display: none;
}
.changelist-form-container #changelist-form #result_list tbody th .name_container .actions_container .row-action--view-only {
  cursor: help;
  opacity: 0.55;
}
@media (hover: hover) and (pointer: fine) {
  .changelist-form-container #changelist-form #result_list tbody th .name_container .actions_container .row-action--view-only:hover {
    opacity: 0.75;
  }
}
.changelist-form-container #changelist-form #result_list tbody th .name_container .actions_container img.dropbtn {
  object-fit: contain;
  padding: 0.15rem !important;
  filter: none;
}
.changelist-form-container #changelist-form #result_list tbody th .name_container .actions_container .changelink::before {
  display: none !important;
}
.changelist-form-container #changelist-form #result_list tbody th .name_container .actions_container .dropdown {
  display: inline-flex;
  position: relative;
}
.changelist-form-container #changelist-form #result_list tbody th .name_container .actions_container .dropdown-content {
  background: #FFFFFF !important;
  font-family: "Inter", sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.21 !important;
  letter-spacing: -0.03rem !important;
  border: 1px solid rgba(145, 122, 194, 0.18);
  border-radius: 0.375rem;
  box-shadow: 0 0.5rem 1.25rem rgba(0, 0, 0, 0.12);
  color: #393843 !important;
  min-width: 11rem;
  padding: 0.25rem;
  right: 0;
  top: calc(100% + 0.25rem);
  z-index: 20;
}
@media screen and (max-width: 601px) {
  .changelist-form-container #changelist-form #result_list tbody th .name_container .actions_container .dropdown-content {
    line-height: 1.5;
  }
}
.changelist-form-container #changelist-form #result_list tbody th .name_container .actions_container .dropdown-content.dropdown-content--fixed {
  position: fixed !important;
  right: auto !important;
  z-index: 10000;
}
.changelist-form-container #changelist-form #result_list tbody th .name_container .actions_container .dropdown-content a {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  background: transparent !important;
  border-radius: 0.25rem;
  color: #393843 !important;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem !important;
  text-decoration: none !important;
}
.changelist-form-container #changelist-form #result_list tbody th .name_container .actions_container .dropdown-content a::before {
  color: var(--secondary) !important;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  min-width: 1rem;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
.changelist-form-container #changelist-form #result_list tbody th .name_container .actions_container .dropdown-content a:has(i)::before {
  display: none;
}
.changelist-form-container #changelist-form #result_list tbody th .name_container .actions_container .dropdown-content a.changelink::before {
  content: "\f040";
}
.changelist-form-container #changelist-form #result_list tbody th .name_container .actions_container .dropdown-content a.addlink::before {
  content: "\f0c5";
}
.changelist-form-container #changelist-form #result_list tbody th .name_container .actions_container .dropdown-content a.templatelink::before {
  content: "\f0f6";
}
.changelist-form-container #changelist-form #result_list tbody th .name_container .actions_container .dropdown-content a.managelink::before {
  content: "\f1de";
}
.changelist-form-container #changelist-form #result_list tbody th .name_container .actions_container .dropdown-content a.deletelink::before {
  content: "\f014";
}
.changelist-form-container #changelist-form #result_list tbody th .name_container .actions_container .dropdown-content a i {
  color: var(--secondary) !important;
  min-width: 1rem;
}
.changelist-form-container #changelist-form #result_list tbody th .name_container .actions_container .dropdown-content a .row-action__label {
  display: inline;
}
@media (hover: hover) and (pointer: fine) {
  .changelist-form-container #changelist-form #result_list tbody th .name_container .actions_container .dropdown-content a:hover {
    background: var(--base) !important;
    color: var(--primary) !important;
  }
  .changelist-form-container #changelist-form #result_list tbody th .name_container .actions_container .dropdown-content a:hover i, .changelist-form-container #changelist-form #result_list tbody th .name_container .actions_container .dropdown-content a:hover::before {
    color: var(--primary) !important;
  }
}
.changelist-form-container #changelist-form .changelist-footer {
  background: none;
  min-height: 40vh;
}
.changelist-form-container #changelist-form:has(.results) .changelist-footer {
  min-height: 0;
}

.tooltip-popup .summary-count__total {
  background: var(--base) !important;
  border-radius: 0.25rem !important;
  color: var(--primary) !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  letter-spacing: normal !important;
  line-height: 1.2 !important;
  min-width: 1.5rem;
  padding: 0.1rem 0.4rem !important;
  text-align: center;
}
.tooltip-popup .summary-count__list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.tooltip-popup .summary-count__row {
  font-size: 0.95rem;
  letter-spacing: -0.03rem;
  line-height: 1.6;
  padding: 0.4rem 0;
}
.tooltip-popup .summary-count__row:first-child {
  padding-top: 0;
}
.tooltip-popup .summary-count__row:last-child {
  padding-bottom: 0;
}
.tooltip-popup .summary-count__row + .summary-count__row {
  border-top: 1px solid rgba(145, 119, 197, 0.12);
}
.tooltip-popup .summary-count__name,
.tooltip-popup .summary-count__link,
.tooltip-popup .summary-count__field,
.tooltip-popup .summary-count__detail {
  font-family: "Inter", sans-serif !important;
  font-size: inherit !important;
  letter-spacing: inherit !important;
  line-height: inherit !important;
}
.tooltip-popup .summary-count__name,
.tooltip-popup .summary-count__link {
  color: var(--primary) !important;
  font-weight: 500 !important;
}
.tooltip-popup .summary-count__link {
  text-decoration: none !important;
}
@media (hover: hover) and (pointer: fine) {
  .tooltip-popup .summary-count__link:hover {
    color: var(--secondary) !important;
    text-decoration: underline !important;
  }
}
.tooltip-popup .summary-count__field {
  color: rgba(57, 56, 67, 0.75) !important;
}
.tooltip-popup .summary-count__field + .summary-count__field::before {
  content: "·";
  margin: 0 0.35rem;
  opacity: 0.55;
}
.tooltip-popup .summary-count__field--meta {
  margin-left: 0.4rem;
}
.tooltip-popup .summary-count__field strong {
  color: rgba(57, 56, 67, 0.9) !important;
  font-weight: 600 !important;
}
.tooltip-popup .summary-count__detail {
  color: rgba(57, 56, 67, 0.75) !important;
  display: block !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tooltip-popup .summary-count__row--more,
.tooltip-popup .summary-count__row--empty {
  color: #8D8B9F !important;
  font-style: italic;
}
.tooltip-popup .popup1 {
  display: flex;
  flex-direction: column;
  max-height: min(40vh, 20rem, var(--summary-popup-available-height, 40vh));
  overflow: hidden;
  max-width: 95vw;
  width: min(520px, 100vw - 40px);
}
.tooltip-popup .popup1 label {
  color: #1A1B1C !important;
}
.tooltip-popup .popup1 .form-row {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  gap: 0.5rem 0.75rem;
}
.tooltip-popup .popup1 .form-row div:not([class]) {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  gap: 0.5rem 0.75rem;
}
.tooltip-popup .popup1 .form-row:has(a, span) label {
  line-height: 1.35;
  transform: none;
}
.tooltip-popup .popup1 .content-section4 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  background: #faf9fd !important;
  border-bottom: 1px solid rgba(145, 119, 197, 0.14);
  color: #393843 !important;
  flex: 0 0 auto;
  gap: 0.5rem;
  min-height: 2.625rem;
  padding: 0.55rem 0.75rem !important;
}
.tooltip-popup .popup1 .content-section4 > div {
  float: none !important;
  width: auto !important;
}
.tooltip-popup .popup1 .content-section4 > div:first-child {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tooltip-popup .popup1 .content-section4 > div:last-child {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  align-content: center;
  flex: 0 0 auto;
  font-size: 0;
  gap: 0.5rem;
  text-align: right;
}
.tooltip-popup .popup1 .content-section4 b {
  color: var(--primary) !important;
  font-weight: 600 !important;
}
.tooltip-popup .popup1 .content-section4 .summary-popup__title-link {
  background: transparent !important;
  border-radius: 0 !important;
  color: var(--primary) !important;
  display: inline !important;
  font-size: inherit !important;
  font-weight: 600 !important;
  letter-spacing: inherit !important;
  line-height: inherit !important;
  padding: 0 !important;
  text-decoration: none !important;
}
@media (hover: hover) and (pointer: fine) {
  .tooltip-popup .popup1 .content-section4 .summary-popup__title-link:hover {
    color: var(--secondary) !important;
    text-decoration: none !important;
  }
}
@media (hover: hover) and (pointer: fine) {
  .tooltip-popup .popup1 .content-section4 a:not(.summary-popup__action, .summary-popup__title-link):hover {
    color: var(--secondary) !important;
  }
}
.tooltip-popup .popup1 a:not(:empty, .inlineviewlink, .changelink, .addlink, .managelink, .summary-popup__action, .summary-popup__title-link, .summary-count__link) {
  border-radius: 0.25rem !important;
  background: #E8F0FF !important;
  color: #4550B6 !important;
  padding: 0 0.5rem !important;
  font-family: "Inter", sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.21 !important;
  letter-spacing: -0.03rem !important;
  line-height: 1.5 !important;
  display: -webkit-inline-box !important;
  -webkit-line-clamp: 1 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-align: center;
  padding: 0.25rem 0.5rem 0.15rem !important;
  font-size: 0.85rem !important;
  letter-spacing: -0.03rem !important;
  text-align: left !important;
  display: inline-block !important;
}
@media screen and (max-width: 601px) {
  .tooltip-popup .popup1 a:not(:empty, .inlineviewlink, .changelink, .addlink, .managelink, .summary-popup__action, .summary-popup__title-link, .summary-count__link) {
    line-height: 1.5;
  }
}
@media (hover: hover) and (pointer: fine) {
  .tooltip-popup .popup1 a:not(:empty, .inlineviewlink, .changelink, .addlink, .managelink, .summary-popup__action, .summary-popup__title-link, .summary-count__link):hover {
    background: rgba(232, 240, 255, 0.5) !important;
  }
}
@media screen and (max-width: 601px) {
  .tooltip-popup .popup1 a:not(:empty, .inlineviewlink, .changelink, .addlink, .managelink, .summary-popup__action, .summary-popup__title-link, .summary-count__link) {
    white-space: nowrap;
  }
}
.tooltip-popup .popup1 .content-section3 {
  box-sizing: border-box;
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 0.75rem 0.75rem 0.9rem !important;
}
.tooltip-popup .popup1 .content-section3:has(> .summary-count__list) {
  padding-top: 0.8rem !important;
  padding-bottom: 0.8rem !important;
}
.tooltip-popup .popup1 .content-section3.summary-popup__content--overflowing {
  overflow-y: scroll;
  overflow-x: hidden;
  scrollbar-width: normal;
}
.tooltip-popup .popup1 .content-section3.summary-popup__content--overflowing::-webkit-scrollbar {
  width: 8px;
}
.tooltip-popup .popup1 .content-section3.summary-popup__content--overflowing::-webkit-scrollbar-track {
  background: transparent;
}
.tooltip-popup .popup1 .content-section3.summary-popup__content--overflowing::-webkit-scrollbar-thumb {
  background-color: rgba(129, 34, 161, 0.5);
  border-radius: 3px;
}
.tooltip-popup .popup1 .content-section3.summary-popup__content--overflowing::-webkit-scrollbar-thumb:hover {
  background-color: rgba(129, 34, 161, 0.7);
}
.tooltip-popup .popup1 .content-section3 .summary-popup__media {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  gap: 0.75rem;
}
.tooltip-popup .popup1 .content-section3 .summary-popup__image {
  flex: 0 0 auto;
}
.tooltip-popup .popup1 .content-section3 .summary-popup__image img {
  border-radius: 0.375rem;
  height: 4rem;
  object-fit: cover;
  width: 4rem;
}
.tooltip-popup .popup1 .content-section3 .summary-popup__media-content {
  flex: 1 1 auto;
  min-width: 0;
}
.tooltip-popup .popup1 .content-section3 .form-row {
  gap: 0.5rem 0.75rem;
  line-height: 1.35;
  margin: 0 !important;
  padding: 0.3rem 0.5rem !important;
}
.tooltip-popup .popup1 .content-section3 .form-row + .form-row {
  margin-top: 0.25rem !important;
}
.tooltip-popup .popup1 span:not(:empty, .tag--status, .tag--action, .summary-popup__action-label, [style*=background-color], .summary-count__total, .summary-count__name, .summary-count__field, .summary-count__detail) {
  border-radius: 0.25rem !important;
  background: var(--base) !important;
  border: 1px solid var(--base) !important;
  color: var(--secondary) !important;
  padding: 0.25rem 0.5rem !important;
  font-family: "Inter", sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.21 !important;
  letter-spacing: -0.03rem !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 1 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  padding: 0.25rem 0.5rem 0.15rem !important;
  font-size: 0.85rem !important;
  letter-spacing: -0.03rem !important;
  text-align: left !important;
  display: inline-block !important;
  background: #F2F2F2 !important;
  color: rgba(57, 56, 67, 0.8) !important;
  cursor: initial;
  pointer-events: none !important;
}
@media screen and (max-width: 601px) {
  .tooltip-popup .popup1 span:not(:empty, .tag--status, .tag--action, .summary-popup__action-label, [style*=background-color], .summary-count__total, .summary-count__name, .summary-count__field, .summary-count__detail) {
    line-height: 1.5;
  }
}
@media screen and (max-width: 601px) {
  .tooltip-popup .popup1 span:not(:empty, .tag--status, .tag--action, .summary-popup__action-label, [style*=background-color], .summary-count__total, .summary-count__name, .summary-count__field, .summary-count__detail) {
    white-space: nowrap;
  }
}
.tooltip-popup .popup1 span.summary-count__pill {
  font-size: inherit !important;
  line-height: 1.18 !important;
  margin: 0 0.2rem 0 0 !important;
  overflow: visible !important;
  padding: 0 0.28rem !important;
  vertical-align: baseline !important;
}
.tooltip-popup .popup1 .content-section4 a.summary-popup__action,
.tooltip-popup .popup1 .content-section4 > div:last-child > a,
.tooltip-popup .popup1 .content-section4 a.changelink,
.tooltip-popup .popup1 .content-section4 a.addlink,
.tooltip-popup .popup1 .content-section4 a.managelink {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  background: var(--secondary) !important;
  background-image: none !important;
  border: 1px solid var(--secondary);
  border-radius: 0.375rem;
  color: #fff !important;
  font-size: 0.86rem;
  font-weight: 500;
  gap: 0.25rem;
  line-height: 1.2;
  min-height: 1.75rem;
  padding: 0.25rem 0.5rem !important;
  text-decoration: none;
  white-space: nowrap;
}
@media (hover: hover) and (pointer: fine) {
  .tooltip-popup .popup1 .content-section4 a.summary-popup__action:hover,
  .tooltip-popup .popup1 .content-section4 > div:last-child > a:hover,
  .tooltip-popup .popup1 .content-section4 a.changelink:hover,
  .tooltip-popup .popup1 .content-section4 a.addlink:hover,
  .tooltip-popup .popup1 .content-section4 a.managelink:hover {
    background: var(--primary) !important;
    border-color: var(--primary);
    color: #fff !important;
  }
}
.tooltip-popup .popup1 .content-section4 a.summary-popup__action:focus, .tooltip-popup .popup1 .content-section4 a.summary-popup__action:active, .tooltip-popup .popup1 .content-section4 a.summary-popup__action:visited,
.tooltip-popup .popup1 .content-section4 > div:last-child > a:focus,
.tooltip-popup .popup1 .content-section4 > div:last-child > a:active,
.tooltip-popup .popup1 .content-section4 > div:last-child > a:visited,
.tooltip-popup .popup1 .content-section4 a.changelink:focus,
.tooltip-popup .popup1 .content-section4 a.changelink:active,
.tooltip-popup .popup1 .content-section4 a.changelink:visited,
.tooltip-popup .popup1 .content-section4 a.addlink:focus,
.tooltip-popup .popup1 .content-section4 a.addlink:active,
.tooltip-popup .popup1 .content-section4 a.addlink:visited,
.tooltip-popup .popup1 .content-section4 a.managelink:focus,
.tooltip-popup .popup1 .content-section4 a.managelink:active,
.tooltip-popup .popup1 .content-section4 a.managelink:visited {
  color: #fff !important;
}
.tooltip-popup .popup1 .content-section4 a.summary-popup__action span,
.tooltip-popup .popup1 .content-section4 > div:last-child > a span,
.tooltip-popup .popup1 .content-section4 a.changelink span,
.tooltip-popup .popup1 .content-section4 a.addlink span,
.tooltip-popup .popup1 .content-section4 a.managelink span {
  background: transparent !important;
  border: 0 !important;
  color: #fff !important;
  cursor: inherit !important;
  display: inline !important;
  font: inherit !important;
  letter-spacing: 0 !important;
  line-height: inherit !important;
  overflow: visible !important;
  padding: 0 !important;
  pointer-events: auto !important;
  text-align: inherit !important;
  text-overflow: clip !important;
  white-space: inherit !important;
}
.tooltip-popup .popup1 .content-section4 a.summary-popup__action i,
.tooltip-popup .popup1 .content-section4 > div:last-child > a i,
.tooltip-popup .popup1 .content-section4 a.changelink i,
.tooltip-popup .popup1 .content-section4 a.addlink i,
.tooltip-popup .popup1 .content-section4 a.managelink i {
  color: #fff !important;
  font-size: 0.84rem;
}

.field-user_actions a {
  color: var(--secondary) !important;
}
@media (hover: hover) and (pointer: fine) {
  .field-user_actions a:hover {
    color: var(--primary) !important;
  }
}

.changeform-tabs {
  width: 98%;
  background: none !important;
  padding: 0 !important;
  border: none !important;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  gap: 0.25rem;
  overflow-x: auto;
  overflow-y: hidden;
  flex-shrink: 0;
}
.changeform-tabs::-webkit-scrollbar-track {
  background-color: #FFFFFF;
}
.changeform-tabs::-webkit-scrollbar {
  height: 0.5rem;
  width: 0.5rem;
  background-color: #FFFFFF;
}
.changeform-tabs::-webkit-scrollbar-thumb {
  background-color: #F2F2F2;
}
.changeform-tabs .changeform-tabs-item {
  border-radius: 0.5rem 0.5rem 0 0;
  background: #F2F2F2;
  white-space: nowrap;
  flex-shrink: 1;
}
.changeform-tabs .changeform-tabs-item a {
  display: block;
  padding: 0.75rem 1rem;
  background: none !important;
  color: #8D8B9F !important;
  font-family: "Inter", sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.21 !important;
  letter-spacing: -0.03rem !important;
  font-weight: 700;
  text-transform: initial;
  border: none !important;
  margin: 0 !important;
  top: 0 !important;
}
@media screen and (max-width: 601px) {
  .changeform-tabs .changeform-tabs-item a {
    line-height: 1.5;
  }
}
@media (hover: hover) and (pointer: fine) {
  .changeform-tabs .changeform-tabs-item a:hover {
    text-decoration: none !important;
  }
}
@media (hover: hover) and (pointer: fine) {
  .changeform-tabs .changeform-tabs-item:hover {
    background: var(--base);
  }
}
.changeform-tabs .changeform-tabs-item.selected {
  background: #FFFFFF;
}
.changeform-tabs .changeform-tabs-item.selected a {
  color: #1A1B1C !important;
  border: none !important;
  background: none !important;
}

.autosave-inline-disabled {
  opacity: 0.6 !important;
}

.inline-group {
  position: relative !important;
  padding: 2rem 1.5rem;
  max-width: 70vw;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  gap: 1.5rem;
  border-radius: 0 0.75rem 0.75rem 0.75rem !important;
  height: auto;
  max-height: -webkit-fill-available;
  overflow: auto;
}
@media screen and (min-width: 835px) and (max-width: 1024px) and (orientation: portrait) {
  .inline-group {
    max-width: 100%;
  }
}
@media screen and (max-width: 835px) {
  .inline-group {
    max-width: 100%;
  }
}
@media screen and (max-width: 601px) {
  .inline-group {
    max-width: 100%;
  }
}
.inline-group::-webkit-scrollbar-track {
  background-color: #BFBFBF;
  margin: 1rem 0;
}
.inline-group::-webkit-scrollbar {
  height: 1rem;
  width: 1rem;
}
.inline-group::-webkit-scrollbar-thumb {
  background-color: var(--primary);
}
.inline-group .aligned label {
  width: 100% !important;
}
.inline-group .inline-navigation {
  width: 18rem;
  height: calc(100% - 4rem);
  padding: 0 !important;
  border-right: 1px solid rgba(141, 139, 159, 0.5);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  gap: 1rem;
  top: 2rem;
  left: 1.5rem;
  background: none;
}
@media screen and (min-width: 835px) and (max-width: 1024px) and (orientation: portrait) {
  .inline-group .inline-navigation {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
    width: 100%;
    height: auto;
    position: relative;
    top: auto;
    left: auto;
    overflow: hidden;
    border: none;
  }
  .inline-group .inline-navigation .inline-navigation-top, .inline-group .inline-navigation .inline-navigation-bottom {
    display: none !important;
  }
}
@media screen and (max-width: 1194px) {
  .inline-group .inline-navigation {
    position: absolute;
  }
}
@media screen and (max-width: 835px) {
  .inline-group .inline-navigation {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
    width: 100%;
    height: 100%;
    position: relative;
    top: auto;
    left: auto;
    overflow: hidden;
    border: none;
  }
  .inline-group .inline-navigation .inline-navigation-top, .inline-group .inline-navigation .inline-navigation-bottom {
    display: none !important;
  }
}
.inline-group .inline-navigation .add-row {
  padding: 0.5rem 1rem 0 !important;
  position: relative;
  inset: auto;
  flex-shrink: 0;
}
@media screen and (min-width: 835px) and (max-width: 1024px) and (orientation: portrait) {
  .inline-group .inline-navigation .add-row {
    padding: 0 !important;
    flex-shrink: 0;
  }
}
@media screen and (max-width: 835px) {
  .inline-group .inline-navigation .add-row {
    padding: 0 !important;
    flex-shrink: 0;
  }
}
.inline-group .inline-navigation .add-row a {
  font-family: "Inter", sans-serif !important;
  background: none !important;
  color: inherit !important;
  border: none !important;
  outline: none !important;
  cursor: pointer !important;
  border-radius: 0.5rem !important;
  font-size: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  font-weight: 500 !important;
  position: relative !important;
  overflow: hidden !important;
  padding: 0.75rem 1rem !important;
  text-transform: initial !important;
  height: auto !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  background: #1A1B1C !important;
  color: #FFFFFF !important;
  border: 0.1rem solid #1A1B1C !important;
  padding: 0.75rem 1rem !important;
  align-items: center !important;
  justify-content: center !important;
  padding-right: 1rem !important;
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  gap: 0.75rem;
}
.inline-group .inline-navigation .add-row a[disabled] {
  opacity: 0.4;
  pointer-events: none !important;
}
.inline-group .inline-navigation .add-row a:has(> i) {
  padding-right: 3rem !important;
}
.inline-group .inline-navigation .add-row a.no-icon {
  padding-right: 1rem !important;
}
.inline-group .inline-navigation .add-row a > i {
  width: 1.75rem !important;
  height: 1.75rem !important;
  border-radius: 0.25rem !important;
  background-color: #393843 !important;
  color: #FFFFFF !important;
  position: absolute !important;
  right: 0.5rem !important;
  top: calc(50% - 0.875rem) !important;
  margin: 0 !important;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  display: flex !important;
  font-size: 0.95rem !important;
}
@media (hover: hover) and (pointer: fine) {
  .inline-group .inline-navigation .add-row a:hover:not(:disabled), .inline-group .inline-navigation .add-row a:hover:not([disabled]) {
    background: var(--primary) !important;
    border-color: var(--primary) !important;
    color: #FFFFFF !important;
  }
  .inline-group .inline-navigation .add-row a:hover:not(:disabled) > i, .inline-group .inline-navigation .add-row a:hover:not([disabled]) > i {
    background-color: var(--secondary) !important;
  }
}
@media screen and (max-width: 601px) {
  .inline-group .inline-navigation .add-row a {
    padding: 0 !important;
    width: 3.2rem !important;
    height: 3.2rem !important;
    border-radius: 100% !important;
  }
  .inline-group .inline-navigation .add-row a::before {
    width: 100% !important;
    height: 100% !important;
    background: none !important;
    position: relative !important;
    top: auto !important;
    right: auto !important;
    font-size: 0.9rem !important;
  }
}
.inline-group .inline-navigation .add-row a::before {
  position: relative !important;
  right: auto !important;
  top: auto !important;
}
@media (hover: hover) and (pointer: fine) {
  .inline-group .inline-navigation .add-row a:hover {
    text-decoration: none !important;
  }
}
.inline-group .inline-navigation .inline-navigation-content {
  position: relative;
  inset: auto;
  padding: 0;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 835px) and (max-width: 1024px) and (orientation: portrait) {
  .inline-group .inline-navigation .inline-navigation-content {
    flex-shrink: 1;
    width: 100%;
    height: auto;
    max-height: 100%;
  }
}
@media screen and (max-width: 835px) {
  .inline-group .inline-navigation .inline-navigation-content {
    flex-shrink: 1;
    width: 100%;
    height: auto;
    max-height: 100%;
  }
}
.inline-group .inline-navigation .inline-navigation-content .inline-navigation-items {
  padding: 0.25rem 1rem 0.5rem !important;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  gap: 0.75rem;
  height: 100%;
  overflow-y: auto;
}
@media screen and (min-width: 835px) and (max-width: 1024px) and (orientation: portrait) {
  .inline-group .inline-navigation .inline-navigation-content .inline-navigation-items {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    overflow-x: auto;
    overflow-y: hidden;
    height: 100%;
    width: 100%;
    padding: 0 !important;
  }
}
@media screen and (max-width: 835px) {
  .inline-group .inline-navigation .inline-navigation-content .inline-navigation-items {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    overflow-x: auto;
    overflow-y: hidden;
    height: 100%;
    width: 100%;
    padding: 0 !important;
  }
}
.inline-group .inline-navigation .inline-navigation-content .inline-navigation-items::-webkit-scrollbar-track {
  background-color: var(--base);
}
.inline-group .inline-navigation .inline-navigation-content .inline-navigation-items::-webkit-scrollbar {
  height: 0.5rem;
  width: 0.5rem;
  background-color: var(--base);
}
.inline-group .inline-navigation .inline-navigation-content .inline-navigation-items::-webkit-scrollbar-thumb {
  background-color: var(--primary);
}
.inline-group .inline-navigation .inline-navigation-content .inline-navigation-items .inline-navigation-item {
  width: 100%;
  border-radius: 0.5rem;
  background: var(--base);
  border: none;
  padding: 0.75rem 1.5rem 0.5rem 1.75rem;
  color: #8D8B9F !important;
  font-family: "Inter", sans-serif !important;
  font-size: 0.875rem;
  letter-spacing: -0.02625rem;
  line-height: 1rem;
  line-height: 1.8 !important;
  font-weight: 600;
  transition: all 0.3s ease;
  overflow: visible !important;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05);
  flex-shrink: 0;
  position: relative;
}
@media screen and (min-width: 835px) and (max-width: 1024px) and (orientation: portrait) {
  .inline-group .inline-navigation .inline-navigation-content .inline-navigation-items .inline-navigation-item {
    max-width: 20rem;
    width: auto;
    font-family: "Inter", sans-serif !important;
    font-size: 1rem !important;
    line-height: 1.21 !important;
    letter-spacing: -0.03rem !important;
    height: 100%;
  }
}
@media screen and (min-width: 835px) and (max-width: 1024px) and (orientation: portrait) and (max-width: 601px) {
  .inline-group .inline-navigation .inline-navigation-content .inline-navigation-items .inline-navigation-item {
    line-height: 1.5;
  }
}
@media screen and (min-width: 835px) and (max-width: 1024px) and (orientation: portrait) {
  .inline-group .inline-navigation .inline-navigation-content .inline-navigation-items .inline-navigation-item::after {
    display: none !important;
  }
}
@media screen and (max-width: 835px) {
  .inline-group .inline-navigation .inline-navigation-content .inline-navigation-items .inline-navigation-item {
    max-width: 20rem;
    width: auto;
    font-family: "Inter", sans-serif !important;
    font-size: 1rem !important;
    line-height: 1.21 !important;
    letter-spacing: -0.03rem !important;
    height: 100%;
  }
}
@media screen and (max-width: 835px) and (max-width: 601px) {
  .inline-group .inline-navigation .inline-navigation-content .inline-navigation-items .inline-navigation-item {
    line-height: 1.5;
  }
}
@media screen and (max-width: 835px) {
  .inline-group .inline-navigation .inline-navigation-content .inline-navigation-items .inline-navigation-item::after {
    display: none !important;
  }
}
.inline-group .inline-navigation .inline-navigation-content .inline-navigation-items .inline-navigation-item .inline-navigation-item__grab {
  height: calc(100% + 1.25rem);
  width: auto;
  padding: 5px;
  margin: -0.25rem 0.5rem 0 -1.75rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  background: #FFFFFF;
  border-radius: 0.25rem 0 0 0.25rem;
  transition: all 0.3s ease;
  cursor: move;
}
.inline-group .inline-navigation .inline-navigation-content .inline-navigation-items .inline-navigation-item .inline-navigation-item__grab img {
  width: 5px;
  transition: all 0.3s ease;
}
@media (hover: hover) and (pointer: fine) {
  .inline-group .inline-navigation .inline-navigation-content .inline-navigation-items .inline-navigation-item .inline-navigation-item__grab:hover:not(:disabled), .inline-group .inline-navigation .inline-navigation-content .inline-navigation-items .inline-navigation-item .inline-navigation-item__grab:hover:not([disabled]) {
    background: var(--secondary) !important;
  }
  .inline-group .inline-navigation .inline-navigation-content .inline-navigation-items .inline-navigation-item .inline-navigation-item__grab:hover:not(:disabled) img, .inline-group .inline-navigation .inline-navigation-content .inline-navigation-items .inline-navigation-item .inline-navigation-item__grab:hover:not([disabled]) img {
    filter: brightness(0) invert(1);
  }
}
.inline-group .inline-navigation .inline-navigation-content .inline-navigation-items .inline-navigation-item span {
  position: relative;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap;
}
.inline-group .inline-navigation .inline-navigation-content .inline-navigation-items .inline-navigation-item::before {
  content: "";
  width: 1rem;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0.5rem;
  filter: grayscale(1);
  opacity: 0.6;
  transition: all 0.3s ease;
  background-image: url("https://public-images.brainstem.org/images/icons/icon-chevron-right.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}
@media (hover: hover) and (pointer: fine) {
  .inline-group .inline-navigation .inline-navigation-content .inline-navigation-items .inline-navigation-item:not(.selected):hover:not(:disabled), .inline-group .inline-navigation .inline-navigation-content .inline-navigation-items .inline-navigation-item:not(.selected):hover:not([disabled]) {
    color: var(--secondary) !important;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.25);
  }
  .inline-group .inline-navigation .inline-navigation-content .inline-navigation-items .inline-navigation-item:not(.selected):hover:not(:disabled)::before, .inline-group .inline-navigation .inline-navigation-content .inline-navigation-items .inline-navigation-item:not(.selected):hover:not([disabled])::before {
    filter: grayscale(0.4);
    transform: translateX(0.25rem);
  }
}
.inline-group .inline-navigation .inline-navigation-content .inline-navigation-items .inline-navigation-item.selected {
  background: var(--primary) !important;
  color: #FFFFFF !important;
}
.inline-group .inline-navigation .inline-navigation-content .inline-navigation-items .inline-navigation-item.selected::before {
  opacity: 1;
  filter: brightness(0) invert(1);
}
.inline-group .inline-navigation .inline-navigation-content .inline-navigation-items .inline-navigation-item.ui-sortable-helper {
  cursor: move;
}
.inline-group .inline-navigation .inline-navigation-content .inline-navigation-items .inline-navigation-item.ui-sortable-helper .inline-navigation-item__grab {
  background: #1A1B1C;
}
.inline-group .inline-navigation .inline-navigation-content .inline-navigation-items .inline-navigation-item.ui-sortable-helper .inline-navigation-item__grab img {
  filter: brightness(0) invert(1);
}
.inline-group .inline-navigation .inline-navigation-content .inline-navigation-items .inline-navigation-item.empty {
  display: none !important;
}
@media (hover: hover) and (pointer: fine) {
  .inline-group .inline-navigation .inline-navigation-content .inline-navigation-items .inline-navigation-item:hover {
    text-decoration: none !important;
  }
}
.inline-group .inline-navigation .inline-navigation-content .inline-navigation-items .ui-state-highlight {
  background: var(--secondary) !important;
  color: var(--secondary) !important;
  border-color: var(--secondary) !important;
}
.inline-group .inline-navigation.autosave-inline-disabled .add-row a {
  opacity: 0.15;
}
.inline-group .inline-navigation.autosave-inline-disabled .inline-navigation-item {
  opacity: 0.3;
}

.inline-related {
  margin-left: 18rem !important;
  max-width: calc(70vw - 20rem) !important;
}
@media screen and (min-width: 835px) and (max-width: 1024px) and (orientation: portrait) {
  .inline-related {
    margin-left: 0 !important;
    max-width: 100% !important;
  }
}
@media screen and (max-width: 835px) {
  .inline-related {
    max-width: 100% !important;
    margin-left: 0 !important;
  }
}
.inline-related .inline-related__header {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
  align-content: flex-start;
  padding: 1.5rem 1rem 0 !important;
}
@media screen and (max-width: 835px) {
  .inline-related .inline-related__header {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 601px) {
  .inline-related .inline-related__header {
    padding: 1.5rem 0 0 !important;
  }
}
.inline-related .inline-related__header h3, .inline-related .inline-related__header .inline-related__title, .inline-related .inline-related__header .inline_label {
  width: 75%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  gap: 0.5rem;
  font-family: "Inter", sans-serif !important;
  font-size: 1.25rem !important;
  letter-spacing: -0.0375rem !important;
  line-height: 1.5rem !important;
  font-weight: 700 !important;
  text-transform: initial;
  color: #1A1B1C;
  padding: 0 0.25rem !important;
  background: none !important;
  margin: 0 !important;
  margin-top: 0.5rem !important;
}
@media screen and (max-width: 601px) {
  .inline-related .inline-related__header h3, .inline-related .inline-related__header .inline-related__title, .inline-related .inline-related__header .inline_label {
    width: auto;
    max-width: 63%;
    flex-grow: 1;
  }
}
.inline-related .inline-related__header:not(.inline--no-autosave) h3 span, .inline-related .inline-related__header:not(.inline--no-autosave) .inline-related__title span, .inline-related .inline-related__header:not(.inline--no-autosave) .inline_label span {
  border-radius: 0.25rem !important;
  background: var(--base) !important;
  border: 1px solid var(--base) !important;
  color: var(--secondary) !important;
  padding: 0.25rem 0.5rem !important;
  font-family: "Inter", sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.21 !important;
  letter-spacing: -0.03rem !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 1 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  font-weight: 600;
  font-size: 0.9rem !important;
  margin: 0 !important;
  width: auto;
}
@media screen and (max-width: 601px) {
  .inline-related .inline-related__header:not(.inline--no-autosave) h3 span, .inline-related .inline-related__header:not(.inline--no-autosave) .inline-related__title span, .inline-related .inline-related__header:not(.inline--no-autosave) .inline_label span {
    line-height: 1.5;
  }
}
.inline-related .inline-related__header .inline-related__actions {
  width: 25%;
  flex-grow: 1;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
  align-content: center;
  gap: 0.5rem;
}
@media screen and (max-width: 601px) {
  .inline-related .inline-related__header .inline-related__actions {
    width: auto;
  }
}
.inline-related .inline-related__header .inline-related__actions input, .inline-related .inline-related__header .inline-related__actions button {
  flex-shrink: 0;
}
.inline-related .inline-related__header .inline-related__actions input.hidden, .inline-related .inline-related__header .inline-related__actions button.hidden {
  display: none !important;
  visibility: hidden !important;
}
.inline-related .inline-related__header .inline-related__actions input img, .inline-related .inline-related__header .inline-related__actions input svg, .inline-related .inline-related__header .inline-related__actions button img, .inline-related .inline-related__header .inline-related__actions button svg {
  width: 1.3rem;
}
.inline-related .inline-related__header .inline-related__actions .button--secondary {
  background: var(--base) !important;
  gap: 0.5rem;
  align-items: center;
  align-content: center;
  margin-right: 0.25rem;
}
.inline-related .inline-related__header .inline-related__actions .button--secondary svg {
  width: 1.3rem;
  height: auto;
}
.inline-related .inline-related__header .inline-related__actions .button--secondary svg path {
  transition: all 0.3s ease;
}
@media (hover: hover) and (pointer: fine) {
  .inline-related .inline-related__header .inline-related__actions .button--secondary:hover:not(:disabled) svg path, .inline-related .inline-related__header .inline-related__actions .button--secondary:hover:not([disabled]) svg path {
    fill: var(--primary) !important;
  }
}
@media screen and (max-width: 601px) {
  .inline-related .inline-related__header .inline-related__actions .button--secondary span {
    display: none;
  }
}
.inline-related .inline-related__header.inline--no-autosave .inline-deletelink {
  font-family: "Inter", sans-serif !important;
  background: none !important;
  color: inherit !important;
  border: none !important;
  outline: none !important;
  cursor: pointer !important;
  border-radius: 0.5rem !important;
  font-size: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  font-weight: 500 !important;
  position: relative !important;
  overflow: hidden !important;
  padding: 0.75rem 1rem !important;
  text-transform: initial !important;
  height: auto !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  background: none !important;
  color: var(--secondary) !important;
  border: 0.1rem solid var(--secondary) !important;
  display: inline-flex !important;
  text-align: center;
  justify-content: center;
}
.inline-related .inline-related__header.inline--no-autosave .inline-deletelink[disabled] {
  opacity: 0.4;
  pointer-events: none !important;
}
@media (hover: hover) and (pointer: fine) {
  .inline-related .inline-related__header.inline--no-autosave .inline-deletelink:hover:not(:disabled), .inline-related .inline-related__header.inline--no-autosave .inline-deletelink:hover:not([disabled]) {
    color: var(--primary) !important;
    border-color: var(--primary) !important;
  }
}
.inline-related .errorlist {
  padding: 1.5rem 1rem 0 !important;
}
.inline-related fieldset.module {
  row-gap: 1rem !important;
  padding: 1rem 1.5rem 1rem !important;
}
@media screen and (max-width: 601px) {
  .inline-related fieldset.module {
    padding: 1rem 0 !important;
  }
}
.inline-related.tabular {
  max-width: 90% !important;
  margin: 0 !important;
}
@media screen and (max-width: 1194px) {
  .inline-related.tabular {
    max-width: 100% !important;
  }
}
.inline-related.tabular table {
  width: 100%;
}
.inline-related.tabular table thead th {
  background: none !important;
  font-family: "Inter", sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.21 !important;
  letter-spacing: -0.03rem !important;
  color: #393843;
  text-transform: initial;
  padding: 0.5rem;
}
@media screen and (max-width: 601px) {
  .inline-related.tabular table thead th {
    line-height: 1.5;
  }
}
.inline-related.tabular table tbody tr {
  border: none !important;
}
.inline-related.tabular table tbody td {
  background: none !important;
  font-family: "Inter", sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.21 !important;
  letter-spacing: -0.03rem !important;
  padding: 0.5rem;
}
@media screen and (max-width: 601px) {
  .inline-related.tabular table tbody td {
    line-height: 1.5;
  }
}
.inline-related.tabular table tbody td input {
  width: 100% !important;
  max-width: 24rem !important;
}
.inline-related.tabular table tbody td .select2-container--jet .select2-selection:not([type=button], [type=submit], .select2-search__field) {
  width: 100% !important;
}
.inline-related.tabular table tbody td .tabular-numberunit input {
  max-width: none !important;
}
.inline-related.tabular table tbody td.field-name {
  position: relative;
}
.inline-related.tabular table tbody td.field-name .errorlist {
  position: absolute;
  top: 92%;
  left: 1rem;
  padding: 0 !important;
}
@media screen and (max-width: 601px) {
  .inline-related.tabular table tbody td.field-date_time .vDateField-link {
    right: auto;
    left: calc(50% - 3.2rem);
  }
}
.inline-related.tabular table tbody td:has(.errorlist) input {
  border-color: #FF5757 !important;
}
.inline-related.tabular table tbody td .datetime {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: 0.5rem;
}
.inline-related.tabular table tbody td.delete .inline-deletelink {
  font-family: "Inter", sans-serif !important;
  background: none !important;
  color: inherit !important;
  border: none !important;
  outline: none !important;
  cursor: pointer !important;
  border-radius: 0.5rem !important;
  font-size: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  font-weight: 500 !important;
  position: relative !important;
  overflow: hidden !important;
  padding: 0.75rem 1rem !important;
  text-transform: initial !important;
  height: auto !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  background: none !important;
  color: var(--secondary) !important;
  border: 0.1rem solid var(--secondary) !important;
  display: inline-flex !important;
  text-align: center;
  justify-content: center;
}
.inline-related.tabular table tbody td.delete .inline-deletelink[disabled] {
  opacity: 0.4;
  pointer-events: none !important;
}
@media (hover: hover) and (pointer: fine) {
  .inline-related.tabular table tbody td.delete .inline-deletelink:hover:not(:disabled), .inline-related.tabular table tbody td.delete .inline-deletelink:hover:not([disabled]) {
    color: var(--primary) !important;
    border-color: var(--primary) !important;
  }
}
.inline-related.tabular table tbody .add-row a {
  font-family: "Inter", sans-serif !important;
  background: none !important;
  color: inherit !important;
  border: none !important;
  outline: none !important;
  cursor: pointer !important;
  border-radius: 0.5rem !important;
  font-size: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  font-weight: 500 !important;
  position: relative !important;
  overflow: hidden !important;
  padding: 0.75rem 1rem !important;
  text-transform: initial !important;
  height: auto !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  background: none !important;
  color: var(--secondary) !important;
  border: 0.1rem solid var(--secondary) !important;
  display: inline-flex !important;
}
.inline-related.tabular table tbody .add-row a[disabled] {
  opacity: 0.4;
  pointer-events: none !important;
}
@media (hover: hover) and (pointer: fine) {
  .inline-related.tabular table tbody .add-row a:hover:not(:disabled), .inline-related.tabular table tbody .add-row a:hover:not([disabled]) {
    color: var(--primary) !important;
    border-color: var(--primary) !important;
  }
}
.inline-related .form-check {
  height: auto;
  padding-left: 2.75rem;
}
.inline-related .form-check label {
  float: none !important;
  pointer-events: none !important;
}
.inline-related .form-check label:before {
  content: "" !important;
  display: none !important;
}
.inline-related .form-check input[type=checkbox] {
  display: block !important;
  position: absolute;
  left: 1.25rem;
  width: auto !important;
  min-width: 0 !important;
  float: none !important;
  accent-color: var(--primary) !important;
}
@media screen and (max-width: 601px) {
  .inline-related .form-check input[type=checkbox] {
    top: 2px;
  }
}
.inline-related .field-type_json .form-check, .inline-related .field-coordinates_json .form-check {
  padding-left: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 0.35rem;
}
.inline-related .field-type_json .form-check input[type=checkbox], .inline-related .field-coordinates_json .form-check input[type=checkbox] {
  -webkit-appearance: auto !important;
  -moz-appearance: auto !important;
  appearance: auto !important;
  position: relative !important;
  left: auto !important;
  display: inline-block !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  float: none !important;
  background: initial !important;
  border: initial !important;
  padding: initial !important;
  flex-shrink: 0;
}
.inline-related .field-type_json .form-check label, .inline-related .field-coordinates_json .form-check label {
  pointer-events: auto !important;
  float: none !important;
  margin: 0 !important;
}
.inline-related .field-type_json .form-check label:before, .inline-related .field-coordinates_json .form-check label:before {
  display: none !important;
}
.inline-related .related-widget-wrapper label {
  margin-bottom: 0.5rem !important;
}
.inline-related .related-widget-wrapper select {
  width: 100%;
}
.inline-related .select2-selection {
  min-height: 2.8rem;
}
.inline-related .select2-selection.select2-selection--single {
  padding-right: 2rem !important;
}
.inline-related .select2-selection .select2-selection__arrow {
  height: 100%;
  display: flex;
  align-items: center;
}
.inline-related .select2-selection .select2-selection__arrow b:before {
  color: var(--secondary);
}
.inline-related .form-row.field-performedBy {
  width: calc(50% - 1rem) !important;
  max-width: calc(35vw - 1rem) !important;
}
@media screen and (max-width: 1194px) and (orientation: portrait) {
  .inline-related .form-row.field-performedBy {
    max-width: calc(50% - 1rem) !important;
  }
}
@media screen and (max-width: 835px) {
  .inline-related .form-row.field-performedBy {
    max-width: calc(50% - 1rem) !important;
  }
}
@media screen and (max-width: 601px) {
  .inline-related .form-row.field-performedBy {
    width: 100% !important;
    max-width: 100% !important;
  }
}
.inline-related .form-row.field-description {
  width: calc(50% - 1rem) !important;
  max-width: calc(35vw - 1rem) !important;
}
@media screen and (max-width: 1194px) and (orientation: portrait) {
  .inline-related .form-row.field-description {
    max-width: calc(50% - 1rem) !important;
  }
}
@media screen and (max-width: 835px) {
  .inline-related .form-row.field-description {
    max-width: calc(50% - 1rem) !important;
  }
}
@media screen and (max-width: 601px) {
  .inline-related .form-row.field-description {
    width: 100% !important;
    max-width: 100% !important;
  }
}
.inline-related .form-row.field-description input {
  width: 100%;
}
.inline-related .form-row.field-hardwaredevice_supplier.field-hardwaredevice {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  gap: 1rem;
}
.inline-related .form-row.field-hardwaredevice_supplier.field-hardwaredevice .field-box {
  width: calc(50% - 1rem) !important;
  max-width: calc(35vw - 1rem) !important;
  float: none !important;
  margin: 0 !important;
}
@media screen and (max-width: 1194px) and (orientation: portrait) {
  .inline-related .form-row.field-hardwaredevice_supplier.field-hardwaredevice .field-box {
    max-width: calc(50% - 1rem) !important;
  }
}
@media screen and (max-width: 835px) {
  .inline-related .form-row.field-hardwaredevice_supplier.field-hardwaredevice .field-box {
    max-width: calc(50% - 1rem) !important;
  }
}
@media screen and (max-width: 601px) {
  .inline-related .form-row.field-hardwaredevice_supplier.field-hardwaredevice .field-box {
    width: 100% !important;
    max-width: 100% !important;
  }
}
.inline-related .form-row.field-type_json div {
  width: 100%;
}
.inline-related .form-row.field-type_json .card {
  border-radius: 0.25rem;
  background: #F2F2F2;
  border: none;
  padding: 1.5rem;
}
.inline-related .form-row.field-type_json .card div:not([class]) div:not([class]) {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  gap: 1rem;
}
.inline-related .form-row.field-type_json .card .row {
  width: calc(50% - 1rem) !important;
  max-width: calc(35vw - 1rem) !important;
  margin: 0;
}
@media screen and (max-width: 1194px) and (orientation: portrait) {
  .inline-related .form-row.field-type_json .card .row {
    max-width: calc(50% - 1rem) !important;
  }
}
@media screen and (max-width: 835px) {
  .inline-related .form-row.field-type_json .card .row {
    max-width: calc(50% - 1rem) !important;
  }
}
@media screen and (max-width: 601px) {
  .inline-related .form-row.field-type_json .card .row {
    width: 100% !important;
    max-width: 100% !important;
  }
}
.inline-related .form-row.field-type_json .card .row .col-md-12 {
  padding: 0;
}
.inline-related .form-row.field-type_json .card .row .col-md-12 .form-group {
  margin: 0;
}
.inline-related .form-row.field-type_json .card .row .col-md-12.form-group {
  margin: 0;
}
.inline-related .form-row.field-type_json .card .row:has(div[data-schemapath*="root.fatalOutcome"]) {
  align-self: self-end;
}
.inline-related .form-row.field-setup, .inline-related .form-row.field-behavioralassay {
  width: calc(50% - 1rem) !important;
  max-width: calc(35vw - 1rem) !important;
}
@media screen and (max-width: 1194px) and (orientation: portrait) {
  .inline-related .form-row.field-setup, .inline-related .form-row.field-behavioralassay {
    max-width: calc(50% - 1rem) !important;
  }
}
@media screen and (max-width: 835px) {
  .inline-related .form-row.field-setup, .inline-related .form-row.field-behavioralassay {
    max-width: calc(50% - 1rem) !important;
  }
}
@media screen and (max-width: 601px) {
  .inline-related .form-row.field-setup, .inline-related .form-row.field-behavioralassay {
    width: 100% !important;
    max-width: 100% !important;
  }
}
.inline-related:not([id*=behavior]):not([id*=procedure]):not([id*=equipment]):not([id*=dataacquisition]):not([id*=manipulation]):not([id*=consumablestock]):not([id*=specimen]) .form-row.field-notes {
  width: calc(50% - 1rem) !important;
  max-width: calc(35vw - 1rem) !important;
}
@media screen and (max-width: 1194px) and (orientation: portrait) {
  .inline-related:not([id*=behavior]):not([id*=procedure]):not([id*=equipment]):not([id*=dataacquisition]):not([id*=manipulation]):not([id*=consumablestock]):not([id*=specimen]) .form-row.field-notes {
    max-width: calc(50% - 1rem) !important;
  }
}
@media screen and (max-width: 835px) {
  .inline-related:not([id*=behavior]):not([id*=procedure]):not([id*=equipment]):not([id*=dataacquisition]):not([id*=manipulation]):not([id*=consumablestock]):not([id*=specimen]) .form-row.field-notes {
    max-width: calc(50% - 1rem) !important;
  }
}
@media screen and (max-width: 601px) {
  .inline-related:not([id*=behavior]):not([id*=procedure]):not([id*=equipment]):not([id*=dataacquisition]):not([id*=manipulation]):not([id*=consumablestock]):not([id*=specimen]) .form-row.field-notes {
    width: 100% !important;
    max-width: 100% !important;
  }
}

.col-md-12 {
  padding: 0 !important;
}

#epochs-fieldset {
  padding: 0 !important;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-end;
  align-content: flex-end;
  gap: 1.5rem;
  border-radius: 0 !important;
  overflow: hidden !important;
}
#epochs-fieldset .container-btn-add-epoch {
  margin: 0 !important;
}
#epochs-fieldset .container-btn-add-epoch button {
  gap: 0.5rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
}
#epochs-fieldset .container-btn-add-epoch button i {
  font-size: 1rem !important;
}
#epochs-fieldset .epochs__table__wrapper {
  width: 100%;
  overflow: auto;
}
#epochs-fieldset .epochs__table__wrapper::-webkit-scrollbar-track {
  background-color: var(--base);
}
#epochs-fieldset .epochs__table__wrapper::-webkit-scrollbar {
  height: 0.5rem;
  width: 0.5rem;
  background-color: var(--base);
}
#epochs-fieldset .epochs__table__wrapper::-webkit-scrollbar-thumb {
  background-color: var(--primary);
}
#epochs-fieldset table {
  width: 100%;
  min-width: min-content;
  border-collapse: separate;
  border-spacing: 0;
}
#epochs-fieldset table .form-row {
  display: table-row;
}
#epochs-fieldset table .form-row.empty-form {
  display: none;
}
#epochs-fieldset table thead tr.autosave-inline-disabled {
  opacity: 1 !important;
  pointer-events: initial !important;
}
#epochs-fieldset table thead th {
  background: none !important;
  font-family: "Inter", sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.21 !important;
  letter-spacing: -0.03rem !important;
  color: #393843;
  text-transform: initial;
  padding: 0.5rem;
}
@media screen and (max-width: 601px) {
  #epochs-fieldset table thead th {
    line-height: 1.5;
  }
}
#epochs-fieldset table thead th:last-child {
  position: sticky;
  right: 0;
  z-index: 4;
  width: 1%;
  background: #FFFFFF !important;
}
#epochs-fieldset table tbody tr {
  border: none !important;
}
#epochs-fieldset table tbody td {
  background: none !important;
  font-family: "Inter", sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.21 !important;
  letter-spacing: -0.03rem !important;
  padding: 0.5rem;
  vertical-align: middle;
}
@media screen and (max-width: 601px) {
  #epochs-fieldset table tbody td {
    line-height: 1.5;
  }
}
#epochs-fieldset table tbody td input, #epochs-fieldset table tbody td .select2-container--jet .select2-selection:not([type=button], [type=submit], .select2-search__field) {
  width: 100% !important;
  min-width: 10rem !important;
  max-width: 24rem !important;
}
#epochs-fieldset table tbody td:not(.autosave-inline-disabled) input, #epochs-fieldset table tbody td:not(.autosave-inline-disabled) select, #epochs-fieldset table tbody td:not(.autosave-inline-disabled) .select2-selection {
  border-width: 2px !important;
}
#epochs-fieldset table tbody td:not(.autosave-inline-disabled).epoch-actions {
  padding: 0.75rem 0.5rem !important;
}
#epochs-fieldset table tbody td.autosave-inline-disabled {
  opacity: 0.8 !important;
}
#epochs-fieldset table tbody td.field-name {
  position: relative;
}
#epochs-fieldset table tbody td.field-name .errorlist {
  position: absolute;
  top: 92%;
  left: 1rem;
  padding: 0 !important;
}
#epochs-fieldset table tbody td:has(.errorlist) input {
  border-color: #FF5757 !important;
}
#epochs-fieldset table tbody td.epoch-actions {
  position: sticky;
  right: 0;
  z-index: 3;
  width: 1%;
  white-space: nowrap;
  text-align: right;
  font-size: 0;
  background: #FFFFFF !important;
  box-shadow: -0.5rem 0 0.5rem -0.5rem rgba(141, 139, 159, 0.35);
}
#epochs-fieldset table tbody td.epoch-actions div {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  display: inline-flex !important;
  gap: 0.25rem;
  width: auto;
  vertical-align: middle;
}
#epochs-fieldset table tbody td.epoch-actions > div + div {
  margin-left: 0.25rem;
}
#epochs-fieldset table tbody td i {
  width: 2.4rem !important;
  height: 2.4rem !important;
  border-radius: 100% !important;
  font-size: 1rem !important;
  cursor: pointer;
  background: var(--secondary) !important;
  color: #FFFFFF !important;
  padding: 0 !important;
  text-align: center;
  vertical-align: middle;
  line-height: 2.4rem;
  display: inline-block !important;
}
#epochs-fieldset table tbody td i.hidden {
  display: none !important;
}
@media (hover: hover) and (pointer: fine) {
  #epochs-fieldset table tbody td i:hover {
    background: #393843 !important;
  }
}
#epochs-fieldset table tbody .related-widget-wrapper {
  display: flex;
}
#epochs-fieldset table tbody .related-widget-wrapper select, #epochs-fieldset table tbody .related-widget-wrapper .select2 {
  max-width: 24rem;
}

#user_roles-group .inline-related {
  width: 100%;
  overflow: hidden;
}
#user_roles-group fieldset.module {
  padding: 0 !important;
  width: 100% !important;
}
#user_roles-group fieldset.module table tbody td .select2-selection {
  max-width: 100% !important;
}
#user_roles-group fieldset.module table tbody td.delete {
  display: inline-flex !important;
}
#user_roles-group fieldset.module table tbody td.delete div {
  width: auto;
}
#user_roles-group fieldset.module table tbody td.delete div .inline-deletelink {
  width: auto !important;
}

.detail-view__inline__header {
  width: 100%;
  background: rgba(244, 242, 253, 0.75) !important;
  border-radius: 0.75rem 0.75rem 0 0 !important;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  padding: 1rem !important;
  border-bottom: 1px solid rgba(141, 139, 159, 0.25);
}
@media screen and (max-width: 601px) {
  .detail-view__inline__header {
    gap: 1rem;
  }
}
.detail-view__inline__header .detail-view__inline__header__title {
  width: auto !important;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: 0.5rem;
  line-height: 1.3;
}
@media screen and (max-width: 601px) {
  .detail-view__inline__header .detail-view__inline__header__title {
    width: 100% !important;
  }
}
.detail-view__inline__header .detail-view__inline__header__title b {
  font-weight: 700 !important;
  font-size: 1.15rem !important;
  color: var(--secondary) !important;
}
.detail-view__inline__header .detail-view__inline__header__actions {
  width: auto !important;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
  align-content: center;
}
.detail-view__inline__header .detail-view__inline__header__actions a {
  font-family: "Inter", sans-serif !important;
  background: none !important;
  color: inherit !important;
  border: none !important;
  outline: none !important;
  cursor: pointer !important;
  border-radius: 0.5rem !important;
  font-size: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  font-weight: 500 !important;
  position: relative !important;
  overflow: hidden !important;
  padding: 0.75rem 1rem !important;
  text-transform: initial !important;
  height: auto !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  background: none !important;
  color: var(--secondary) !important;
  border: 0.1rem solid var(--secondary) !important;
  padding: 0.75rem !important;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  background: rgba(255, 255, 255, 0.5) !important;
}
.detail-view__inline__header .detail-view__inline__header__actions a[disabled] {
  opacity: 0.4;
  pointer-events: none !important;
}
@media (hover: hover) and (pointer: fine) {
  .detail-view__inline__header .detail-view__inline__header__actions a:hover:not(:disabled), .detail-view__inline__header .detail-view__inline__header__actions a:hover:not([disabled]) {
    color: var(--primary) !important;
    border-color: var(--primary) !important;
  }
}
.detail-view__inline__header .detail-view__inline__header__actions a::before {
  transform: translateY(0.1rem);
}
.detail-view__inline__header .detail-view__inline__header__actions a i {
  display: none;
}

.detail-view__inline__header ~ .field-content__wrapper {
  padding: 1.5rem 1rem 1rem !important;
  border-radius: 0 0 0.75rem 0.75rem !important;
  background: rgba(242, 242, 242, 0.25) !important;
  gap: 1.5rem !important;
}
.detail-view__inline__header ~ .field-content__wrapper label {
  width: auto !important;
}
.detail-view__inline__header ~ .field-content__wrapper a {
  border-radius: 0.25rem !important;
  background: #E8F0FF !important;
  color: #4550B6 !important;
  padding: 0 0.5rem !important;
  font-family: "Inter", sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.21 !important;
  letter-spacing: -0.03rem !important;
  line-height: 1.5 !important;
  display: -webkit-inline-box !important;
  -webkit-line-clamp: 1 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-align: center;
  text-decoration: none !important;
  color: #4550B6 !important;
}
@media screen and (max-width: 601px) {
  .detail-view__inline__header ~ .field-content__wrapper a {
    line-height: 1.5;
  }
}
@media (hover: hover) and (pointer: fine) {
  .detail-view__inline__header ~ .field-content__wrapper a:hover {
    background: rgba(232, 240, 255, 0.5) !important;
  }
}
.detail-view__inline__header ~ .field-content__wrapper .form-row:has(p) label {
  width: auto !important;
}
.detail-view__inline__header ~ .field-content__wrapper .form-row p a {
  border-radius: 0.25rem !important;
  background: #E8F0FF !important;
  color: #4550B6 !important;
  padding: 0 0.5rem !important;
  font-family: "Inter", sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.21 !important;
  letter-spacing: -0.03rem !important;
  line-height: 1.5 !important;
  display: -webkit-inline-box !important;
  -webkit-line-clamp: 1 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-align: center;
  text-decoration: none !important;
  color: #4550B6 !important;
}
@media screen and (max-width: 601px) {
  .detail-view__inline__header ~ .field-content__wrapper .form-row p a {
    line-height: 1.5;
  }
}
@media (hover: hover) and (pointer: fine) {
  .detail-view__inline__header ~ .field-content__wrapper .form-row p a:hover {
    background: rgba(232, 240, 255, 0.5) !important;
  }
}
.detail-view__inline__header ~ .field-content__wrapper .field-subjects {
  width: 100% !important;
  max-width: 100% !important;
}
.detail-view__inline__header ~ .field-content__wrapper .field-subjects label {
  width: auto !important;
}
.detail-view__inline__header ~ .field-content__wrapper div {
  align-items: center !important;
}
.detail-view__inline__header ~ .field-content__wrapper div p {
  margin-bottom: 0 !important;
}

.field-content__wrapper {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  gap: 0.5rem;
  margin-bottom: 2rem !important;
}

.edit-view__form .field-content__wrapper .form-row {
  width: calc(50% - 1rem) !important;
  max-width: calc(35vw - 1rem) !important;
}
@media screen and (max-width: 1194px) and (orientation: portrait) {
  .edit-view__form .field-content__wrapper .form-row {
    max-width: calc(50% - 1rem) !important;
  }
}
@media screen and (max-width: 835px) {
  .edit-view__form .field-content__wrapper .form-row {
    max-width: calc(50% - 1rem) !important;
  }
}
@media screen and (max-width: 601px) {
  .edit-view__form .field-content__wrapper .form-row {
    width: 100% !important;
    max-width: 100% !important;
  }
}

.empty-state__wrapper {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  gap: 1.5rem;
}
.empty-state__wrapper .empty-state__icon {
  width: 3.5rem;
  height: auto;
  position: relative;
}
.empty-state__wrapper .empty-state__icon::before {
  content: "";
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 100%;
  background: var(--base);
  position: absolute;
  left: 0;
  top: -1rem;
  z-index: 0;
}
.empty-state__wrapper .empty-state__icon img {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
}
.empty-state__wrapper .empty-state__title {
  font-family: "Inter", sans-serif !important;
  font-size: 1.125rem !important;
  letter-spacing: -0.03375rem !important;
  line-height: 1.35rem !important;
  font-weight: 700;
  color: #393843;
  font-weight: 600;
  background: none;
  text-transform: initial;
  padding: 0;
}
.empty-state__wrapper .empty-state__button::before {
  font-family: "jet-icons";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e603";
  vertical-align: middle;
}
@media (hover: hover) and (pointer: fine) {
  .empty-state__wrapper .empty-state__button:hover {
    text-decoration: none !important;
  }
}

.processing-state__wrapper {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  padding-top: 1.5rem;
  gap: 1.5rem;
  background: #FFFFFF;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 5;
  transition: all 0.5s ease;
  display: none;
}
.processing-state__wrapper.active {
  display: flex;
  animation: fadeIn 0.5s ease-out;
}
.processing-state__wrapper .processing-state__icon {
  width: 3.5rem;
  height: auto;
  position: relative;
}
.processing-state__wrapper .processing-state__icon img {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
}
.processing-state__wrapper .processing-state__title {
  font-family: "Inter", sans-serif !important;
  font-size: 1.25rem !important;
  letter-spacing: -0.0375rem !important;
  line-height: 1.5rem !important;
  font-weight: 700 !important;
  color: #393843 !important;
  font-weight: 700;
  background: none;
  text-transform: initial;
  padding: 0;
}
.processing-state__wrapper .processing-state__text {
  font-family: "Inter", sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.21 !important;
  letter-spacing: -0.03rem !important;
  color: #8D8B9F !important;
  text-transform: initial;
  padding: 0;
}
@media screen and (max-width: 601px) {
  .processing-state__wrapper .processing-state__text {
    line-height: 1.5;
  }
}

.card-title {
  padding: 0.25rem !important;
  margin-top: 1rem !important;
}

#epochs-group,
.inline-group[data-inline-prefix=manipulations] {
  max-width: 100% !important;
}

#epochs-group > .inline-related.tabular {
  max-width: 100% !important;
}

.inline-related.tabular:has(td[class*=field-tetrode_]) {
  max-width: 100% !important;
}
.inline-related.tabular:has(td[class*=field-tetrode_]) fieldset.module {
  overflow-x: auto;
}
.inline-related.tabular:has(td[class*=field-tetrode_]) fieldset.module table {
  min-width: max-content;
}
.inline-related.tabular:has(td[class*=field-tetrode_]) fieldset.module table th[class*=column-tetrode_] {
  white-space: nowrap;
  text-align: center;
}
.inline-related.tabular:has(td[class*=field-tetrode_]) fieldset.module table td[class*=field-tetrode_] input {
  width: 5.5rem !important;
  min-width: 5.5rem;
  text-align: right;
}
.inline-related.tabular:has(td[class*=field-tetrode_]) fieldset.module table td.field-date_time {
  white-space: nowrap;
}
.inline-related.tabular:has(td[class*=field-tetrode_]) fieldset.module table td.field-date_time input.vDateField {
  min-width: 9.5rem;
}
.inline-related.tabular:has(td[class*=field-tetrode_]) fieldset.module table td.field-date_time input.vTimeField {
  min-width: 7.5rem;
}
.inline-related.tabular:has(td[class*=field-tetrode_]) fieldset.module table td.field-advanceUnit select, .inline-related.tabular:has(td[class*=field-tetrode_]) fieldset.module table td.field-advanceUnit .select2-container, .inline-related.tabular:has(td[class*=field-tetrode_]) fieldset.module table td.field-advanceUnit .select2-container .select2-selection {
  width: auto !important;
  min-width: 6rem;
}
.inline-related.tabular:has(td[class*=field-tetrode_]) fieldset.module table td.field-performedBy .select2-container, .inline-related.tabular:has(td[class*=field-tetrode_]) fieldset.module table td.field-performedBy .select2-container .select2-selection, .inline-related.tabular:has(td[class*=field-tetrode_]) fieldset.module table td.field-performedBy select {
  max-width: 18rem !important;
}
.inline-related.tabular:has(td[class*=field-tetrode_]) tfoot.tetrode-sheet__totals td {
  font-family: "Inter", sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.21 !important;
  letter-spacing: -0.03rem !important;
  color: #393843;
  padding: 0.5rem;
  vertical-align: middle;
  border-top: 1px solid #BFBFBF;
}
@media screen and (max-width: 601px) {
  .inline-related.tabular:has(td[class*=field-tetrode_]) tfoot.tetrode-sheet__totals td {
    line-height: 1.5;
  }
}
.inline-related.tabular:has(td[class*=field-tetrode_]) tfoot.tetrode-sheet__totals td.tetrode-sheet__total-label {
  text-align: right;
  font-weight: 600;
  padding-right: 0.75rem;
}
.inline-related.tabular:has(td[class*=field-tetrode_]) tfoot.tetrode-sheet__totals td .tetrode-sheet__total-box {
  display: inline-flex;
  flex-flow: column nowrap;
  justify-content: center;
  box-sizing: border-box;
  width: 5.5rem;
  min-height: 2.75rem;
  padding: 0 0.75rem;
  border: 1px solid #BFBFBF;
  border-radius: 0.5rem;
  background: transparent;
  text-align: right;
  white-space: nowrap;
}
.inline-related.tabular:has(td[class*=field-tetrode_]) tfoot.tetrode-sheet__totals td .tetrode-sheet__total-box small {
  font-family: "Inter", sans-serif !important;
  font-size: 0.875rem;
  letter-spacing: -0.02625rem;
  line-height: 1rem;
  color: #BFBFBF;
}

.inline-related > ul.errorlist.nonfield:not(:has(li:not(:empty))) {
  display: none !important;
}

.custom-sidebar__submenu.scrollable {
  max-height: min(280px, 60vh);
  overflow-y: auto;
  scrollbar-width: normal;
  overflow-x: hidden;
}
.custom-sidebar__submenu.scrollable::-webkit-scrollbar {
  width: 8px;
}
.custom-sidebar__submenu.scrollable::-webkit-scrollbar-track {
  background: transparent;
}
.custom-sidebar__submenu.scrollable::-webkit-scrollbar-thumb {
  background-color: rgba(129, 34, 161, 0.5);
  border-radius: 3px;
}
.custom-sidebar__submenu.scrollable::-webkit-scrollbar-thumb:hover {
  background-color: rgba(129, 34, 161, 0.7);
}
@media screen and (min-width: 835px) and (max-width: 1024px) and (orientation: portrait) {
  .custom-sidebar__submenu.scrollable::-webkit-scrollbar {
    width: 0px;
  }
}
@media screen and (max-width: 835px) {
  .custom-sidebar__submenu.scrollable::-webkit-scrollbar {
    width: 0px;
  }
}

.icon-tick::before {
  content: "\e614";
  color: #27ae60;
  font-weight: bold;
  font-size: 16px;
  font-family: "jet-icons";
}

.icon-cross::before {
  content: "\e610";
  color: #e74c3c;
  font-weight: bold;
  font-size: 16px;
  font-family: "jet-icons";
}

.stats-dashboard {
  padding: 2rem 1.5rem;
  max-width: 1400px;
  background: #FFFFFF;
  border-radius: 0.75rem;
  box-shadow: 0rem 0rem 1.25rem rgba(179, 179, 179, 0.15);
}
.stats-dashboard h1 {
  margin-bottom: 6px;
  font-weight: 600;
  color: #1A1B1C !important;
  padding: 0 !important;
}
.stats-dashboard .subtitle {
  color: #8D8B9F;
  margin-bottom: 24px;
  font-size: 14px;
}

.stats-topbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 16px;
  margin-bottom: 20px;
}
.stats-topbar form {
  margin: 0;
}

.stats-toc {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.stats-toc a {
  padding: 3px 10px;
  border: 1px solid rgba(141, 139, 159, 0.3);
  border-radius: 999px;
  color: var(--primary);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.6;
  text-decoration: none;
  white-space: nowrap;
}
.stats-toc a:hover, .stats-toc a:focus-visible {
  background: rgba(141, 139, 159, 0.12);
}

.stats-dashboard .stats-section[id] {
  scroll-margin-top: 80px;
}

.stats-footnote {
  margin-top: 10px;
  color: #8D8B9F;
  font-size: 12px;
}

.stats-dashboard--narrow {
  max-width: 960px;
}

.stats-section {
  margin-bottom: 36px;
}
.stats-section h2 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 16px;
  padding-bottom: 8px;
  border-bottom: 2px solid rgba(141, 139, 159, 0.3);
  color: var(--primary);
}

.stats-group-label {
  font-size: 13px;
  font-weight: 600;
  color: #8D8B9F;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin: 20px 0 8px 0;
  padding-left: 2px;
}
.stats-group-label:first-of-type {
  margin-top: 0;
}

.stats-cards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 16px;
  margin-bottom: 32px;
}

.stat-card {
  background: var(--base);
  border: 1px solid rgba(141, 139, 159, 0.2);
  border-radius: 0.5rem;
  padding: 20px;
  text-align: center;
  transition: transform 0.15s ease;
}
.stat-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.08);
}
.stat-card.highlight {
  border: 1px solid var(--primary);
  background: var(--base);
}
.stat-card .stat-value {
  font-size: 28px;
  font-weight: 700;
  color: var(--primary);
  display: block;
  margin-bottom: 4px;
}
.stat-card .stat-label {
  font-size: 12px;
  color: #8D8B9F;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.activity-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-bottom: 32px;
}

.stats-dashboard:not(.stats-dashboard--narrow) .activity-cards {
  grid-template-columns: repeat(5, 1fr);
}

.activity-card {
  background: var(--base);
  border: 1px solid rgba(141, 139, 159, 0.2);
  border-radius: 0.5rem;
  padding: 16px 20px;
  text-decoration: none;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: inherit;
  transition: border-color 0.15s, box-shadow 0.15s;
}
.activity-card:hover {
  border-color: var(--secondary);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  text-decoration: none;
}
.activity-card .activity-text {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.activity-card .activity-label {
  font-size: 15px;
  font-weight: 600;
  color: #1A1B1C;
  display: block;
  margin-bottom: 2px;
}
.activity-card .activity-sublabel {
  font-size: 12px;
  color: #8D8B9F;
  display: block;
}
.activity-card .activity-value {
  font-size: 32px;
  font-weight: 700;
  color: var(--secondary);
  display: block;
  flex-shrink: 0;
  line-height: 1;
}
.activity-card .activity-value--pending {
  color: #FFBA39;
}

.activity-summary-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-bottom: 16px;
}
.activity-summary-grid .activity-card {
  min-height: 72px;
}

.recent-users-panel,
.compact-panel {
  background: var(--base);
  border: 1px solid rgba(141, 139, 159, 0.2);
  border-radius: 0.5rem;
  min-width: 0;
  overflow: hidden;
}

.compact-card-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 16px;
}
.compact-card-heading > span {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.compact-card-heading strong {
  color: #1A1B1C;
  font-size: 14px;
}
.compact-card-heading small {
  color: #8D8B9F;
  font-size: 11px;
  margin-top: 2px;
}
.compact-card-heading b {
  color: var(--secondary);
  font-size: 20px;
  flex-shrink: 0;
}

.recent-users-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 12px 16px;
  border-bottom: 1px solid rgba(141, 139, 159, 0.2);
}
.recent-users-toolbar label {
  color: #1A1B1C;
  font-size: 13px;
  font-weight: 600;
}
.recent-users-toolbar .recent-users-heading {
  display: flex;
  flex-direction: column;
  margin-right: auto;
}
.recent-users-toolbar .recent-users-heading strong {
  color: #1A1B1C;
  font-size: 14px;
}
.recent-users-toolbar .recent-users-heading small {
  color: #8D8B9F;
  font-size: 11px;
  margin-top: 2px;
}
.recent-users-toolbar input {
  background: #FFFFFF;
  border: 1px solid rgba(141, 139, 159, 0.35);
  border-radius: 0.4rem;
  font-size: 12px;
  max-width: 280px;
  padding: 7px 10px;
  width: 100%;
}

.metric-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 14px;
}
.metric-tabs--activity {
  flex-wrap: nowrap;
  margin: 0;
}
.metric-tabs--activity button.metric-tab {
  align-items: center;
  display: inline-flex;
  gap: 7px;
}
.metric-tabs--activity button.metric-tab strong {
  align-items: center;
  background: rgba(129, 34, 161, 0.1);
  border-radius: 999px;
  display: inline-flex;
  font-size: 10px;
  justify-content: center;
  margin: 0;
  min-width: 21px;
  padding: 3px 6px;
}
.metric-tabs--activity button.metric-tab.is-active strong {
  background: rgba(255, 255, 255, 0.2);
  color: #FFFFFF;
}
.metric-tabs--scroll {
  flex-wrap: nowrap;
  overflow-x: auto;
  padding-bottom: 3px;
}

button.metric-tab {
  appearance: none;
  background: #FFFFFF !important;
  border: 1px solid rgba(141, 139, 159, 0.35) !important;
  border-radius: 999px !important;
  color: #393843 !important;
  cursor: pointer;
  flex: 0 0 auto;
  font-family: inherit;
  font-size: 11px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  min-height: 30px;
  padding: 7px 11px !important;
  text-transform: none !important;
}
button.metric-tab strong {
  color: inherit;
  font-size: inherit;
  margin-left: 4px;
}
button.metric-tab:hover {
  border-color: var(--secondary) !important;
  color: var(--primary) !important;
}
button.metric-tab.is-active {
  background: var(--primary) !important;
  border-color: var(--primary) !important;
  color: #FFFFFF !important;
}

.recent-users-table-wrap {
  max-height: 520px;
  overflow: auto;
}

.recent-users-table {
  border-radius: 0;
  box-shadow: none;
}
.recent-users-table thead {
  position: sticky;
  top: 0;
  z-index: 1;
}
.recent-users-table td:first-child {
  min-width: 240px;
}
.recent-users-table tr[hidden] {
  display: none;
}

.active-user-email {
  display: block;
}

.active-user-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.active-user-name {
  color: #393843;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
}
.active-user-name:hover {
  color: var(--primary);
  text-decoration: underline;
}

.active-user-email {
  color: #8D8B9F;
  font-size: 11px;
}

.period-badge {
  background: rgba(141, 139, 159, 0.12);
  border-radius: 999px;
  color: #8D8B9F;
  display: inline-block;
  font-size: 10px;
  font-weight: 600;
  padding: 3px 8px;
  white-space: nowrap;
}
.period-badge--24h {
  background: rgba(25, 161, 169, 0.14);
  color: var(--secondary);
}

.recent-users-pagination {
  align-items: center;
  border-top: 1px solid rgba(141, 139, 159, 0.2);
  color: #8D8B9F;
  display: flex;
  font-size: 11px;
  justify-content: space-between;
  padding: 10px 16px;
}

.pagination-actions {
  display: flex;
  gap: 6px;
}
.pagination-actions button {
  background: #FFFFFF;
  border: 1px solid rgba(141, 139, 159, 0.3);
  border-radius: 0.35rem;
  color: #393843;
  cursor: pointer;
  font-size: 11px;
  padding: 5px 9px;
}
.pagination-actions button:disabled {
  cursor: default;
  opacity: 0.45;
}

.researcher-stats {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 16px;
  margin-bottom: 32px;
}

.researcher-stat {
  background: var(--base);
  border: 1px solid rgba(141, 139, 159, 0.2);
  border-radius: 0.5rem;
  padding: 20px;
  text-align: center;
  text-decoration: none;
  display: block;
  color: inherit;
  transition: border-color 0.15s, box-shadow 0.15s;
}
.researcher-stat:hover {
  border-color: var(--secondary);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  text-decoration: none;
}
.researcher-stat .stat-value {
  font-size: 24px;
  font-weight: 700;
  color: var(--secondary);
  display: block;
  margin-bottom: 4px;
}
.researcher-stat .stat-label {
  font-size: 12px;
  color: #8D8B9F;
}

.charts-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin-bottom: 32px;
}

.chart-container {
  background: var(--base);
  border: 1px solid rgba(141, 139, 159, 0.2);
  border-radius: 0.5rem;
  padding: 20px;
}
.chart-container h3 {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 12px;
  color: #1A1B1C;
}
.chart-container canvas {
  max-height: 280px;
}
.chart-container.wide {
  grid-column: span 2;
}

.tables-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin-bottom: 32px;
}

.table-container {
  background: var(--base);
  border: 1px solid rgba(141, 139, 159, 0.2);
  border-radius: 0.5rem;
  padding: 20px;
}
.table-container h3 {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 12px;
  color: #1A1B1C;
}

.stats-table {
  width: 100%;
  border-collapse: collapse;
  background: #FFFFFF;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}
.stats-table thead {
  background: var(--base);
}
.stats-table th {
  padding: 10px 16px;
  text-align: left;
  font-weight: 600;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--secondary);
  border-bottom: 2px solid rgba(141, 139, 159, 0.3);
}
.stats-table td {
  padding: 10px 16px;
  border-bottom: 1px solid #F2F2F2;
  color: #393843;
  font-size: 13px;
}
.stats-table tr:hover {
  background: var(--base);
}
.stats-table .count-cell {
  font-weight: 600;
  color: var(--primary);
}

.compact-panel-grid {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) minmax(0, 2fr);
  gap: 16px;
  margin-bottom: 16px;
}
.compact-panel-grid .activity-card {
  min-height: 92px;
}

.approval-outcomes-panel {
  padding-bottom: 14px;
}

.approval-outcome-bar {
  background: rgba(141, 139, 159, 0.12);
  border-radius: 999px;
  display: flex;
  height: 10px;
  margin: 0 16px 12px;
  overflow: hidden;
}

.approval-outcome-segment {
  min-width: 2px;
}
.approval-outcome-segment--accepted {
  background: var(--secondary);
}
.approval-outcome-segment--rejected {
  background: #e05252;
}
.approval-outcome-segment--merged {
  background: var(--primary);
}
.approval-outcome-segment--cancelled {
  background: #8D8B9F;
}

.approval-outcome-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 18px;
  padding: 0 16px;
}
.approval-outcome-legend > span {
  align-items: center;
  color: #8D8B9F;
  display: flex;
  font-size: 11px;
  gap: 5px;
}
.approval-outcome-legend strong {
  color: #393843;
}

.approval-dot {
  border-radius: 50%;
  display: inline-block;
  height: 7px;
  width: 7px;
}
.approval-dot--accepted {
  background: var(--secondary);
}
.approval-dot--rejected {
  background: #e05252;
}
.approval-dot--merged {
  background: var(--primary);
}
.approval-dot--cancelled {
  background: #8D8B9F;
}

.stats-details {
  background: var(--base);
  border: 1px solid rgba(141, 139, 159, 0.2);
  border-radius: 0.5rem;
  margin-top: 16px;
  overflow: hidden;
}
.stats-details summary {
  color: #1A1B1C;
  cursor: pointer;
  font-size: 13px;
  font-weight: 600;
  padding: 13px 16px;
}
.stats-details summary:hover {
  background: #FFFFFF;
}
.stats-details[open] summary {
  border-bottom: 1px solid rgba(141, 139, 159, 0.2);
}
.stats-details--compact {
  margin-top: 10px;
}
.stats-details--compact .stats-table {
  border-radius: 0;
  box-shadow: none;
}

.pending-approval-groups {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 16px;
}

.pending-approval-group {
  background: var(--base);
  border: 1px solid rgba(141, 139, 159, 0.2);
  border-radius: 0.5rem;
  min-width: 0;
  padding: 14px;
}
.pending-approval-group__heading {
  align-items: center;
  display: flex;
  gap: 10px;
  justify-content: space-between;
  margin-bottom: 10px;
}
.pending-approval-group__heading strong {
  color: #1A1B1C;
  font-size: 13px;
}
.pending-approval-group__heading span {
  background: rgba(129, 34, 161, 0.1);
  border-radius: 999px;
  color: var(--primary);
  font-size: 10px;
  font-weight: 600;
  padding: 3px 7px;
}

.pending-approval-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.pending-approval-chips > span {
  align-items: center;
  background: #FFFFFF;
  border: 1px solid rgba(141, 139, 159, 0.18);
  border-radius: 0.35rem;
  color: #8D8B9F;
  display: flex;
  font-size: 10px;
  gap: 8px;
  justify-content: space-between;
  padding: 5px 7px;
}
.pending-approval-chips > span strong {
  color: var(--primary);
}

.stats-cards--primary {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin-bottom: 0;
}
.stats-cards--primary .stat-card {
  padding: 16px 10px;
}

.platform-groups-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  padding: 16px;
}

.compact-stat-group {
  background: #FFFFFF;
  border: 1px solid rgba(141, 139, 159, 0.15);
  border-radius: 0.4rem;
  padding: 12px;
}
.compact-stat-group h3 {
  color: var(--primary);
  font-size: 12px;
  font-weight: 600;
  margin: 0 0 6px;
}
.compact-stat-group dl {
  margin: 0;
}
.compact-stat-group dl > div {
  display: flex;
  font-size: 11px;
  gap: 8px;
  justify-content: space-between;
  padding: 4px 0;
}
.compact-stat-group dt {
  color: #8D8B9F;
}
.compact-stat-group dd {
  color: #393843;
  font-weight: 600;
  margin: 0;
}

.chart-container--controlled {
  margin-bottom: 24px;
}

.chart-control-row {
  align-items: center;
  display: flex;
  gap: 20px;
  justify-content: space-between;
  margin-bottom: 12px;
}
.chart-control-row > span {
  display: flex;
  flex-direction: column;
}
.chart-control-row strong {
  color: #1A1B1C;
  font-size: 14px;
}
.chart-control-row small {
  color: #8D8B9F;
  font-size: 11px;
  margin-top: 2px;
}
.chart-control-row .metric-tabs {
  flex: none;
  flex-wrap: nowrap;
  margin-bottom: 0;
}

.segmented-panel {
  background: var(--base);
  border: 1px solid rgba(141, 139, 159, 0.2);
  border-radius: 0.5rem;
  padding: 16px;
}
.segmented-panel--table .stats-table {
  border-radius: 0.4rem;
}

.tab-panel[hidden],
.catalog-metrics[hidden] {
  display: none;
}

.tab-panel small {
  color: #8D8B9F;
}

.catalog-metrics {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
}
.catalog-metrics > div {
  align-items: center;
  background: #FFFFFF;
  border: 1px solid rgba(141, 139, 159, 0.15);
  border-radius: 0.4rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 82px;
  padding: 12px;
  text-align: center;
}
.catalog-metrics strong {
  color: var(--primary);
  font-size: 24px;
}
.catalog-metrics span {
  color: #8D8B9F;
  font-size: 11px;
  margin-top: 3px;
}

.adoption-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-bottom: 16px;
}

.adoption-panel {
  padding-bottom: 14px;
}
.adoption-panel p {
  color: #8D8B9F;
  font-size: 11px;
  margin: 8px 16px 0;
}

.progress-track {
  background: rgba(141, 139, 159, 0.15);
  border-radius: 999px;
  height: 8px;
  margin: 0 16px;
  overflow: hidden;
}
.progress-track span {
  background: var(--secondary);
  display: block;
  height: 100%;
}

.inline-metrics {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  padding: 2px 16px 0;
}
.inline-metrics--three {
  grid-template-columns: repeat(3, 1fr);
}
.inline-metrics > span {
  border-right: 1px solid rgba(141, 139, 159, 0.2);
  display: flex;
  flex-direction: column;
  padding: 4px 10px;
  text-align: center;
}
.inline-metrics > span:first-child {
  padding-left: 0;
}
.inline-metrics > span:last-child {
  border-right: 0;
  padding-right: 0;
}
.inline-metrics strong {
  color: var(--secondary);
  font-size: 22px;
}
.inline-metrics small {
  color: #8D8B9F;
  font-size: 10px;
  margin-top: 2px;
}

.status-alerts {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.status-alerts span {
  background: #fff1e8;
  border-radius: 999px;
  color: #a33d00;
  padding: 3px 7px;
}

.chart-container--embedded {
  border: 0;
  border-radius: 0;
  margin: 0;
}

.sr-only {
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.ga-embed-container {
  background: var(--base);
  border: 1px solid rgba(141, 139, 159, 0.2);
  border-radius: 0.5rem;
  padding: 20px;
  margin-bottom: 32px;
}
.ga-embed-container p {
  color: #8D8B9F;
  font-size: 13px;
  margin-bottom: 12px;
}
.ga-embed-container a {
  display: inline-block;
  padding: 8px 18px;
  background: var(--primary) !important;
  color: #FFFFFF !important;
  border-radius: 0.5rem;
  text-decoration: none !important;
  font-size: 13px;
  font-weight: 600;
  margin-right: 10px;
}
.ga-embed-container a:hover {
  background: var(--secondary) !important;
}

.stats-info-box {
  background: var(--base);
  border-left: 4px solid var(--primary);
  border-radius: 4px;
  padding: 14px 18px;
  margin-bottom: 28px;
  font-size: 13px;
  color: #3d3355;
  line-height: 1.6;
}
.stats-info-box strong {
  display: block;
  margin-bottom: 4px;
  font-size: 13px;
  color: #1A1B1C;
}

@media only screen and (max-width: 835px) {
  .stats-dashboard {
    padding: 10px;
  }
  .charts-grid,
  .tables-grid {
    grid-template-columns: 1fr;
  }
  .chart-container.wide {
    grid-column: span 1;
  }
  .stats-cards {
    grid-template-columns: repeat(2, 1fr);
  }
  .activity-cards,
  .researcher-stats {
    grid-template-columns: repeat(2, 1fr);
  }
  .compact-panel-grid {
    grid-template-columns: 1fr;
  }
  .stats-cards--primary {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .platform-groups-grid,
  .adoption-grid,
  .adoption-grid--two,
  .adoption-grid--three,
  .pending-approval-groups {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .stat-card .stat-value {
    font-size: 22px;
  }
}
@media only screen and (max-width: 601px) {
  .stats-cards,
  .activity-cards,
  .researcher-stats {
    grid-template-columns: 1fr;
  }
  .activity-summary-grid,
  .platform-groups-grid,
  .adoption-grid,
  .adoption-grid--two,
  .adoption-grid--three,
  .pending-approval-groups {
    grid-template-columns: 1fr;
  }
  .stats-cards--primary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .recent-users-toolbar,
  .chart-control-row {
    align-items: stretch;
    flex-direction: column;
  }
  .recent-users-toolbar input {
    max-width: none;
  }
  .metric-tabs--activity {
    flex-wrap: wrap;
  }
}
.stats-dashboard--embedded {
  margin-top: 8px;
}
.stats-dashboard--embedded .stats-section {
  margin-bottom: 8px;
}
.stats-dashboard--embedded .stats-section > h2 {
  margin-top: 0;
}

.detail-view__form fieldset:not(.search-module) .stats-dashboard.stats-dashboard--embedded h2,
.detail-view__form fieldset:not(.search-module) .stats-dashboard.stats-dashboard--embedded h3 {
  border-top: 0 !important;
  display: block !important;
  letter-spacing: 0 !important;
  line-height: 1.3 !important;
  padding-top: 0 !important;
  width: auto !important;
}
.detail-view__form fieldset:not(.search-module) .stats-dashboard.stats-dashboard--embedded .stats-section > h2 {
  border-bottom: 2px solid rgba(141, 139, 159, 0.3) !important;
  color: var(--primary) !important;
  font-size: 18px !important;
  font-weight: 600;
  margin: 0 0 16px !important;
  padding-bottom: 8px !important;
}
.detail-view__form fieldset:not(.search-module) .stats-dashboard.stats-dashboard--embedded .chart-container h3,
.detail-view__form fieldset:not(.search-module) .stats-dashboard.stats-dashboard--embedded .table-container h3 {
  font-size: 14px !important;
  font-weight: 600;
  margin: 0 0 12px !important;
}

.stats-dashboard--embedded .progress-track--inline {
  display: block;
  margin: 0 0 4px;
}

.stats-dashboard--embedded #lab-adoption-table th,
.stats-dashboard--embedded #lab-adoption-table td {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.stats-section > h2 small {
  color: #8D8B9F;
  font-size: 12px;
  font-weight: 400;
  margin-left: 8px;
}

.progress-track--inline {
  display: inline-block;
  margin: 0 8px 0 0;
  vertical-align: middle;
  width: 64px;
}

.tier-segment {
  min-width: 2px;
}

.tier-segment--never,
.tier-dot--never {
  background: #d9d6e3;
}

.tier-segment--dormant,
.tier-dot--dormant {
  background: #8D8B9F;
}

.tier-segment--explorer,
.tier-dot--explorer {
  background: #b87ac2;
}

.tier-segment--contributor,
.tier-dot--contributor {
  background: #51459D;
}

.tier-segment--power,
.tier-dot--power {
  background: #8122A1;
}

.period-badge--this_week {
  background: rgba(25, 161, 169, 0.14);
  color: var(--secondary);
}
.period-badge--recent {
  background: rgba(129, 34, 161, 0.12);
  color: var(--primary);
}
.period-badge--stale {
  background: rgba(184, 122, 194, 0.14);
  color: #8a5f93;
}
.period-badge--never {
  background: rgba(224, 82, 82, 0.12);
  color: #b23b3b;
}

#lab-adoption-table small {
  color: #8D8B9F;
  font-size: 10px;
}

.stat-help {
  align-items: center;
  border: 1.5px solid currentColor;
  border-radius: 50%;
  color: #8D8B9F;
  cursor: help;
  display: inline-flex;
  flex: none;
  font-size: 11px;
  font-weight: 700;
  height: 16px;
  justify-content: center;
  letter-spacing: 0;
  line-height: 1;
  margin-left: 5px;
  text-transform: none;
  vertical-align: middle;
  width: 16px;
}
.stat-help:hover, .stat-help:focus {
  background: var(--primary);
  border-color: var(--primary);
  color: #FFFFFF;
}

.adoption-tooltip .tooltip-inner {
  font-size: 13px;
  line-height: 1.45;
  max-width: 22rem;
  padding: 8px 10px;
  text-align: left;
}

.adoption-grid--three {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.adoption-grid--two {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.detail-panel__body {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: 0 16px;
}

.detail-chip {
  background: rgba(129, 34, 161, 0.1);
  border-radius: 999px;
  color: var(--primary);
  font-size: 13px;
  font-weight: 600;
  padding: 4px 12px;
}

.detail-empty {
  color: #8D8B9F;
  font-size: 13px;
}

.detail-description {
  color: #393843;
  margin-bottom: 16px;
}

.policy-value {
  color: var(--secondary);
  font-size: 20px;
  font-weight: 600;
}
.policy-value--default {
  color: #8D8B9F;
}

.approval-outcome-legend > span[title],
.stats-table th[title] {
  cursor: help;
}

.world-map {
  background: var(--base);
  border: 1px solid rgba(141, 139, 159, 0.2);
  border-radius: 0.5rem;
  margin-bottom: 20px;
  padding: 16px 20px;
}

.world-map__svg {
  display: block;
  height: auto;
  width: 100%;
}

.world-map__land {
  fill: rgba(141, 139, 159, 0.18);
  stroke: rgba(141, 139, 159, 0.45);
  stroke-width: 0.4;
  stroke-linejoin: round;
}

.world-map__circle {
  fill: rgba(129, 34, 161, 0.55);
  stroke: var(--primary);
  stroke-width: 1;
  cursor: help;
  transition: fill 0.12s ease;
}
.world-map__circle:hover, .world-map__circle:focus {
  fill: rgba(129, 34, 161, 0.85);
  outline: none;
}

.world-map__label {
  fill: #FFFFFF;
  font-size: 9px;
  font-weight: 700;
  pointer-events: none;
}

.world-map--counts-hidden .world-map__label {
  display: none;
}

.world-map__scale-circle {
  fill: rgba(129, 34, 161, 0.08);
  stroke: var(--primary);
  stroke-width: 0.8;
}

.world-map__scale-line {
  stroke: #8D8B9F;
  stroke-dasharray: 2 2;
  stroke-width: 0.6;
}

.world-map__scale-label,
.world-map__scale-title {
  fill: #8D8B9F;
  font-size: 8px;
  font-weight: 600;
}

.world-map__actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.world-map__count-toggle {
  align-items: center;
  color: #8D8B9F;
  cursor: pointer;
  display: inline-flex;
  font-size: 12px;
  font-weight: 600;
  gap: 6px;
  margin: 0;
  white-space: nowrap;
}
.world-map__count-toggle input {
  margin: 0;
}

.world-map__empty {
  fill: #8D8B9F;
  font-size: 14px;
}

.world-map__caption {
  color: #8D8B9F;
  font-size: 11px;
  margin: 8px 0 0;
  text-align: right;
}

.world-map__controls {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.world-map__controls strong {
  color: #1A1B1C;
  font-size: 14px;
}

.world-map__layer[hidden],
.world-map__caption[hidden],
.world-map__help[hidden] {
  display: none;
}

.world-map__help {
  display: inline-flex;
}

.export-page .export-options {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-bottom: 16px;
}
.export-page .export-panel {
  padding: 14px 16px;
}
.export-page .export-panel__title {
  color: #1A1B1C;
  display: block;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 6px;
}
.export-page .export-choice {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  gap: 10px;
  margin: 0;
  padding: 7px 0;
}
.export-page .export-choice input {
  flex: none;
  margin: 2px 0 0;
  width: auto !important;
}
.export-page .export-choice > span {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.export-page .export-choice strong {
  color: #1A1B1C;
  font-size: 13px;
  font-weight: 600;
}
.export-page .export-choice small {
  color: #8D8B9F;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  margin-top: 2px;
}
.export-page .export-since {
  border-top: 1px solid rgba(141, 139, 159, 0.2);
  margin-top: 8px;
  padding-top: 12px;
}
.export-page .export-since label {
  color: #1A1B1C;
  display: block;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 6px;
}
.export-page .export-since input {
  max-width: 190px;
  width: auto !important;
}
.export-page .export-since small {
  color: #8D8B9F;
  display: block;
  font-size: 12px;
  margin-top: 6px;
}
.export-page .export-filter {
  margin-bottom: 16px;
}
.export-page .export-filter > summary {
  color: #1A1B1C;
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  padding: 14px 16px;
}
.export-page .export-filter > summary small {
  color: #8D8B9F;
  font-size: 12px;
  font-weight: 400;
  margin-left: 8px;
}
.export-page .export-filter__group {
  border-top: 1px solid rgba(141, 139, 159, 0.2);
  padding: 12px 16px;
}
.export-page .export-filter__heading {
  align-items: baseline;
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
}
.export-page .export-filter__heading strong {
  color: #1A1B1C;
  font-size: 13px;
}
.export-page .export-filter__heading > span {
  flex: none;
  white-space: nowrap;
}
.export-page .export-filter__heading button {
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  color: var(--primary) !important;
  cursor: pointer;
  display: inline !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  height: auto !important;
  line-height: 1.3 !important;
  margin: 0 !important;
  min-height: 0 !important;
  padding: 0 0 0 12px !important;
  width: auto !important;
}
.export-page .export-filter__heading button:hover {
  text-decoration: underline;
}
.export-page .export-filter__grid {
  display: grid;
  gap: 6px 16px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.export-page .export-filter__grid label {
  align-items: center;
  color: #393843;
  cursor: pointer;
  display: flex;
  font-size: 13px;
  font-weight: 400;
  gap: 8px;
  margin: 0;
}
.export-page .export-filter__grid input {
  flex: none;
  margin: 0;
  width: auto !important;
}
.export-page .export-actions {
  align-items: center;
  display: flex;
  gap: 10px;
  justify-content: flex-end;
}
.export-page .export-progress {
  margin-bottom: 16px;
  padding: 14px 16px;
}
.export-page .export-progress strong {
  color: #1A1B1C;
  font-size: 14px;
}
.export-page .export-progress small {
  color: #8D8B9F;
  display: block;
  font-size: 12px;
  margin-top: 2px;
}
.export-page .export-progress .progress-track {
  margin: 10px 0 0;
}
.export-page .export-table td {
  vertical-align: top;
}
.export-page .export-table td small {
  color: #8D8B9F;
  display: block;
  font-size: 11px;
  line-height: 1.4;
  margin-top: 2px;
}
.export-page .export-table__status small {
  white-space: nowrap;
}
.export-page .export-status--completed {
  background: rgba(25, 161, 169, 0.14);
  color: var(--secondary);
}
.export-page .export-status--pending,
.export-page .export-status--running {
  background: rgba(129, 34, 161, 0.12);
  color: var(--primary);
}
.export-page .export-status--failed {
  background: rgba(224, 82, 82, 0.12);
  color: #b23b3b;
}
@media (max-width: 800px) {
  .export-page .export-options {
    grid-template-columns: 1fr;
  }
  .export-page .export-filter__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

*, *:after, *:before {
  box-sizing: border-box;
  letter-spacing: inherit;
}

html {
  overflow-x: hidden;
  min-height: 100%;
  max-width: 100vw;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  font-size: clamp(0.7125rem, 0.5135rem + 0.3054vw, 1rem) !important;
}
@media screen and (max-width: 601px) {
  html {
    font-size: clamp(0.8rem, 0.5135rem + 0.3054vw, 1rem) !important;
  }
}

body {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  background: #F2F2F2 !important;
  color: #393843 !important;
  font-family: "Inter", sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.21 !important;
  letter-spacing: -0.03rem !important;
  min-height: 100%;
}
@media screen and (max-width: 601px) {
  body {
    line-height: 1.5;
  }
}
body::-webkit-scrollbar-track {
  background-color: #BFBFBF;
}
body::-webkit-scrollbar {
  width: 1rem;
  background-color: #BFBFBF;
}
body::-webkit-scrollbar-thumb {
  background-color: var(--primary);
}

a {
  text-decoration: none;
  outline: none;
  color: inherit !important;
}
a:hover {
  text-decoration: none !important;
}

img {
  height: auto;
  vertical-align: middle;
}

button {
  color: inherit !important;
  background: none !important;
  outline: none !important;
  cursor: pointer !important;
  border: none !important;
}

ul, li, ol {
  list-style: none !important;
}

.hidden {
  display: none !important;
}

@media screen and (max-width: 835px) {
  .hide__mobile {
    display: none !important;
  }
}

@media screen and (min-width: 835px) and (max-width: 1024px) and (orientation: landscape) {
  .hide__desktop {
    display: none !important;
  }
}
@media screen and (min-width: 835px) {
  .hide__desktop {
    display: none !important;
  }
}

.header {
  width: 100%;
  height: auto;
  min-height: 4.25rem;
  max-height: 8rem;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 4;
  padding: 1rem 1.5rem;
  background: #F2F2F2;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  gap: 3rem;
}
@media screen and (max-width: 601px) {
  .header {
    height: 5.5rem;
    gap: 0.75rem;
  }
  .header::before {
    content: "";
    width: 100%;
    height: 5.5rem;
    position: absolute;
    top: 0;
    left: 0;
    background: #F2F2F2;
    z-index: 0;
  }
}
.header .header__logo {
  width: auto;
  transition: all 0.3s ease;
  font-family: "Inter", sans-serif !important;
  font-size: 1.5rem;
  line-height: 1.75rem;
  letter-spacing: -0.045rem;
  font-weight: 500;
}
@media screen and (max-width: 601px) {
  .header .header__logo {
    font-size: 1.6rem;
    line-height: 1.6rem;
    position: relative;
    z-index: 2;
  }
}
.header .header__logo a {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: 1.25rem;
}
@media screen and (max-width: 601px) {
  .header .header__logo a {
    gap: 1rem;
  }
}
.header .header__logo img {
  width: 2.75rem;
}
@media screen and (max-width: 601px) {
  .header .header__logo img {
    width: 2.8rem;
  }
}
@media (hover: hover) and (pointer: fine) {
  .header .header__logo:hover {
    opacity: 0.8;
    transform: translateX(0.125rem);
  }
}
.header .header__content {
  width: calc(100% - 13.75rem);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  gap: 3rem;
}
@media screen and (min-width: 835px) and (max-width: 1024px) and (orientation: portrait) {
  .header .header__content {
    width: auto;
  }
}
@media screen and (max-width: 835px) {
  .header .header__content {
    width: auto;
  }
}
@media screen and (max-width: 601px) {
  .header .header__content {
    gap: 0.75rem;
  }
}
.header .header__content .header__content__left {
  width: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: 1rem;
}
.header .header__content .header__content__right {
  width: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
  align-content: center;
  gap: 1.5rem;
}
@media screen and (max-width: 601px) {
  .header .header__content .header__content__right .header__button__login a {
    padding: 1.25rem 2rem;
  }
}
.header .header__content .header__main-buttons {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
  align-content: center;
  gap: 1rem;
}
.header .header__content .header__actions {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
  align-content: center;
  gap: 1rem;
}
.header .header__content .header__actions button img {
  filter: brightness(0);
  opacity: 0.6;
  transition: all 0.3s ease;
}
@media (hover: hover) and (pointer: fine) {
  .header .header__content .header__actions button:hover img {
    filter: brightness(0);
    opacity: 1;
  }
}
.header .header__content .header__actions .header__profile .dropdown {
  min-width: 15rem;
}
.header .header__content .header__actions .header__avatar__wrapper {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  overflow: hidden;
  border: 0.1rem solid transparent;
}
.header .header__content .header__actions .header__avatar__wrapper img {
  filter: none;
  opacity: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 100%;
}
@media (hover: hover) and (pointer: fine) {
  .header .header__content .header__actions .header__avatar__wrapper:hover {
    border-color: #1A1B1C;
  }
  .header .header__content .header__actions .header__avatar__wrapper:hover img {
    filter: none;
    opacity: 1;
  }
}
@media screen and (max-width: 601px) {
  .header .header__content .header__actions .header__profile .dropdown__user-name {
    font-family: "Inter", sans-serif !important;
    font-size: 1rem !important;
    line-height: 1.21 !important;
    letter-spacing: -0.03rem !important;
  }
}
@media screen and (max-width: 601px) and (max-width: 601px) {
  .header .header__content .header__actions .header__profile .dropdown__user-name {
    line-height: 1.5;
  }
}
@media screen and (min-width: 835px) and (max-width: 1024px) and (orientation: portrait) {
  .header .header__content .header__actions .header__menu .dropdown {
    overflow-y: auto;
  }
  .header .header__content .header__actions .header__menu .dropdown::-webkit-scrollbar-track {
    background-color: var(--base);
  }
  .header .header__content .header__actions .header__menu .dropdown::-webkit-scrollbar {
    width: 0.5rem;
    background-color: var(--base);
  }
  .header .header__content .header__actions .header__menu .dropdown::-webkit-scrollbar-thumb {
    background-color: var(--primary);
  }
}
@media screen and (max-width: 835px) {
  .header .header__content .header__actions .header__menu .dropdown {
    overflow-y: auto;
  }
  .header .header__content .header__actions .header__menu .dropdown::-webkit-scrollbar-track {
    background-color: var(--base);
  }
  .header .header__content .header__actions .header__menu .dropdown::-webkit-scrollbar {
    width: 0.5rem;
    background-color: var(--base);
  }
  .header .header__content .header__actions .header__menu .dropdown::-webkit-scrollbar-thumb {
    background-color: var(--primary);
  }
}
.header .header__content .header__actions .header__menu .dropdown__header {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  gap: 2rem;
}
@media screen and (min-width: 835px) and (max-width: 1024px) and (orientation: portrait) {
  .header .header__content .header__actions .header__menu .dropdown__header {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 835px) {
  .header .header__content .header__actions .header__menu .dropdown__header {
    flex-wrap: wrap;
  }
}
.header .header__content .header__actions .header__menu .dropdown__header button {
  width: auto;
  flex-grow: 1;
}
@media screen and (max-width: 601px) {
  .header .header__content .header__actions .header__menu .dropdown__header button.button--primary img {
    filter: brightness(0) invert(1) !important;
  }
}
.header .header__content .header__actions .header__menu .dropdown__header button.button--tertiary a {
  width: 100%;
}
@media screen and (max-width: 601px) {
  .header .header__content .header__actions .header__menu .dropdown__header button.button--tertiary img {
    filter: brightness(0) !important;
    opacity: 0.8;
  }
}
@media screen and (min-width: 835px) and (max-width: 1024px) and (orientation: portrait) {
  .header .header__content .header__actions .header__menu .dropdown__block:last-of-type a {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
    align-content: center;
    gap: 0.5rem;
  }
  .header .header__content .header__actions .header__menu .dropdown__block:last-of-type a img {
    width: 1.2rem;
    filter: brightness(0);
    opacity: 0.6;
  }
}
@media screen and (max-width: 835px) {
  .header .header__content .header__actions .header__menu .dropdown__block:last-of-type a {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
    align-content: center;
    gap: 0.5rem;
  }
  .header .header__content .header__actions .header__menu .dropdown__block:last-of-type a img {
    width: 1.2rem;
    filter: brightness(0);
    opacity: 0.6;
  }
}
.header .header__content .header__actions .header__menu .hamburger__wrapper {
  border-radius: 0 !important;
}

.header__hamburger {
  width: 2.4rem;
  height: auto;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: flex-start;
  align-content: flex-start;
  gap: 0.5rem;
}
.header__hamburger span {
  width: 100%;
  display: block;
  height: 0.25rem;
  border-radius: 0.25rem;
  background: #1A1B1C;
  transition: all 0.3s ease;
}

.dropdown__wrapper {
  position: relative;
}
.dropdown__wrapper .dropdown {
  width: auto;
  min-width: 20rem;
  height: auto;
  background: #F2F2F2;
  padding: 1.25rem 1.5rem;
  border-radius: 0.8rem;
  box-shadow: 0rem 0.4rem 1rem rgba(0, 0, 0, 0.1);
  position: absolute;
  top: 100%;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  font-family: "Inter", sans-serif !important;
  font-size: 0.875rem;
  letter-spacing: -0.02625rem;
  line-height: 1rem;
}
@media screen and (min-width: 835px) and (max-width: 1024px) and (orientation: portrait) {
  .dropdown__wrapper .dropdown {
    width: 50vw;
    height: 100vh;
    top: 0;
    position: fixed;
    z-index: -1;
    padding: 8rem 1rem 1rem;
    transform: translateY(-105vh);
    opacity: 0;
    visibility: hidden;
    font-family: "Inter", sans-serif !important;
    font-size: 1rem !important;
    line-height: 1.21 !important;
    letter-spacing: -0.03rem !important;
    overflow-y: auto;
    overflow-x: hidden;
  }
}
@media screen and (min-width: 835px) and (max-width: 1024px) and (orientation: portrait) and (max-width: 601px) {
  .dropdown__wrapper .dropdown {
    line-height: 1.5;
  }
}
@media screen and (max-width: 835px) {
  .dropdown__wrapper .dropdown {
    width: 50vw;
    height: 100vh;
    top: 0;
    position: fixed;
    z-index: -1;
    padding: 8rem 1rem 1rem;
    transform: translateY(-105vh);
    opacity: 0;
    visibility: hidden;
    font-family: "Inter", sans-serif !important;
    font-size: 1rem !important;
    line-height: 1.21 !important;
    letter-spacing: -0.03rem !important;
    overflow-y: auto;
    overflow-x: hidden;
  }
}
@media screen and (max-width: 835px) and (max-width: 601px) {
  .dropdown__wrapper .dropdown {
    line-height: 1.5;
  }
}
@media screen and (max-width: 601px) {
  .dropdown__wrapper .dropdown {
    width: 100vw;
    font-family: "Inter", sans-serif !important;
    font-size: 1rem !important;
    line-height: 1.21 !important;
    letter-spacing: -0.03rem !important;
  }
}
@media screen and (max-width: 601px) and (max-width: 601px) {
  .dropdown__wrapper .dropdown {
    line-height: 1.5;
  }
}
.dropdown__wrapper .dropdown.no-padding {
  padding: 0;
}
@media screen and (min-width: 835px) and (max-width: 1024px) and (orientation: portrait) {
  .dropdown__wrapper .dropdown.no-padding {
    padding: 6rem 0 0;
  }
}
@media screen and (max-width: 835px) {
  .dropdown__wrapper .dropdown.no-padding {
    padding: 6rem 0 0;
  }
}
.dropdown__wrapper .dropdown .dropdown__block {
  width: 100%;
  padding: 1.25rem 1.5rem;
  border-bottom: 0.1rem solid rgba(141, 139, 159, 0.5);
}
@media screen and (max-width: 601px) {
  .dropdown__wrapper .dropdown .dropdown__block {
    padding: 2rem 1rem;
  }
}
@media screen and (max-width: 601px) {
  .dropdown__wrapper .dropdown .dropdown__block .header__action__dropdown {
    gap: 1.25rem;
  }
}
.dropdown__wrapper .dropdown .dropdown__block:last-of-type {
  border: none;
}
@media screen and (min-width: 835px) and (max-width: 1024px) and (orientation: portrait) {
  .dropdown__wrapper .dropdown .dropdown__block.sidebar__wrapper {
    padding: 0.75rem 0.75rem 1.5rem 0.75rem;
  }
}
@media screen and (max-width: 835px) {
  .dropdown__wrapper .dropdown .dropdown__block.sidebar__wrapper {
    padding: 0.75rem 0.75rem 1.5rem 0.75rem;
  }
}
.dropdown__wrapper .dropdown .dropdown__user-name {
  color: var(--primary);
  font-family: "Inter", sans-serif !important;
  font-size: 0.875rem;
  letter-spacing: -0.02625rem;
  line-height: 1rem;
  font-weight: 500;
}
@media screen and (max-width: 601px) {
  .dropdown__wrapper .dropdown .dropdown__user-name {
    font-family: "Inter", sans-serif !important;
    font-size: 1.5rem;
    line-height: 1.75rem;
    letter-spacing: -0.045rem;
  }
}
.dropdown__wrapper .dropdown .dropdown__user-email {
  color: #8D8B9F;
  font-family: "Inter", sans-serif !important;
  font-size: 1rem;
  letter-spacing: -0.03rem;
  line-height: 1.25rem;
}
@media screen and (max-width: 601px) {
  .dropdown__wrapper .dropdown .dropdown__user-email {
    font-family: "Inter", sans-serif !important;
    font-size: 1rem !important;
    line-height: 1.21 !important;
    letter-spacing: -0.03rem !important;
    margin-top: 0.8rem;
  }
}
@media screen and (max-width: 601px) and (max-width: 601px) {
  .dropdown__wrapper .dropdown .dropdown__user-email {
    line-height: 1.5;
  }
}
.dropdown__wrapper .dropdown ul {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  gap: 1rem;
}
@media screen and (min-width: 835px) and (max-width: 1024px) and (orientation: portrait) {
  .dropdown__wrapper .dropdown ul {
    visibility: visible;
  }
}
@media screen and (max-width: 835px) {
  .dropdown__wrapper .dropdown ul {
    visibility: visible;
  }
}
@media screen and (max-width: 601px) {
  .dropdown__wrapper .dropdown ul {
    gap: 1.75rem;
  }
}
.dropdown__wrapper .dropdown ul.custom-sidebar__submenu {
  gap: 0;
}
.dropdown__wrapper .dropdown a {
  white-space: nowrap;
}
.dropdown__wrapper .dropdown a:hover {
  color: var(--primary) !important;
}
.dropdown__wrapper .dropdown button {
  padding: 0 !important;
}
.dropdown__wrapper .dropdown button:hover {
  color: var(--primary) !important;
  text-decoration: underline !important;
}
.dropdown__wrapper.dropdown-right .dropdown {
  left: auto;
  right: 0;
}
@media screen and (max-width: 601px) {
  .dropdown__wrapper.dropdown-right .dropdown {
    text-align: right;
  }
  .dropdown__wrapper.dropdown-right .dropdown ul {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-end;
    align-content: flex-end;
  }
  .dropdown__wrapper.dropdown-right .dropdown ul.custom-sidebar__set__children {
    align-items: flex-start;
    align-content: flex-start;
    gap: 0;
  }
}
.dropdown__wrapper.active button img {
  opacity: 1 !important;
  filter: none !important;
}
.dropdown__wrapper.active .header__avatar__wrapper {
  border-color: var(--primary) !important;
}
.dropdown__wrapper.active .dropdown {
  opacity: 1;
  visibility: visible;
}
@media screen and (min-width: 835px) and (max-width: 1024px) and (orientation: portrait) {
  .dropdown__wrapper.active .dropdown {
    transform: translateY(0);
  }
}
@media screen and (max-width: 835px) {
  .dropdown__wrapper.active .dropdown {
    transform: translateY(0);
  }
}
.dropdown__wrapper.active .header__hamburger span {
  background: var(--primary);
}
.dropdown__wrapper.active .header__hamburger span:nth-of-type(1) {
  transform: rotate(45deg) translate(0.5rem, 0.5rem);
}
.dropdown__wrapper.active .header__hamburger span:nth-of-type(2) {
  opacity: 0;
}
.dropdown__wrapper.active .header__hamburger span:nth-of-type(3) {
  transform: rotate(-45deg) translate(0.5rem, -0.6rem);
}

.header__tools .header__action__dropdown a {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.header__tools button svg {
  filter: brightness(0);
  opacity: 0.6;
  transition: all 0.3s ease;
}
@media (hover: hover) and (pointer: fine) {
  .header__tools button:hover svg {
    filter: brightness(0);
    opacity: 1;
  }
}
.header__tools .header__action__dropdown svg path {
  fill: #8D8B9F;
  transition: fill 0.3s ease;
}
.header__tools .header__action__dropdown svg.softmouse-menu-icon {
  color: #8D8B9F;
  transition: color 0.3s ease;
}
@media (hover: hover) and (pointer: fine) {
  .header__tools .header__action__dropdown a:hover svg path {
    fill: var(--primary);
  }
  .header__tools .header__action__dropdown a:hover svg.softmouse-menu-icon {
    color: var(--primary);
  }
}

.dropdown__wrapper.active.header__tools button svg {
  opacity: 1 !important;
  filter: none !important;
}

.website-component,
.dashboard-component {
  visibility: hidden;
}

.header__logout-form {
  display: inline;
}

.header__logout-btn {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  color: inherit;
  cursor: pointer;
  font: inherit !important;
  font-weight: inherit !important;
  letter-spacing: inherit;
  text-align: inherit;
  -webkit-appearance: none;
  appearance: none;
}

.dropdown__section-title {
  margin-bottom: 0.5rem;
}
.dropdown__section-title a {
  font-weight: bold;
  font-size: 1.1em;
  color: #1A1B1C;
}
@media screen and (max-width: 601px) {
  .dropdown__section-title {
    margin-bottom: 1rem;
  }
}

.header__help .header__action__dropdown {
  margin-top: 0.75rem;
}
.header__help .header__action__dropdown a {
  font-size: 1em;
  padding-left: 0.75rem;
}

.dropdown__wrapper .dropdown {
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18), 0 0 0 1px rgba(0, 0, 0, 0.08);
}

.header__tools.dropdown__wrapper .dropdown, .header__groups.dropdown__wrapper .dropdown, .header__help.dropdown__wrapper .dropdown, .header__profile.dropdown__wrapper .dropdown {
  font-family: "Inter", sans-serif;
  font-size: 13px;
  line-height: 1.25;
  letter-spacing: normal;
  color: #1A1B1C;
}
@media screen and (min-width: 835px) {
  .header__tools.dropdown__wrapper .dropdown, .header__groups.dropdown__wrapper .dropdown, .header__help.dropdown__wrapper .dropdown, .header__profile.dropdown__wrapper .dropdown {
    min-width: 240px;
    font-size: clamp(12px, 0.55vw, 14px);
  }
}
.header__tools.dropdown__wrapper .dropdown *:not(.fa), .header__groups.dropdown__wrapper .dropdown *:not(.fa), .header__help.dropdown__wrapper .dropdown *:not(.fa), .header__profile.dropdown__wrapper .dropdown *:not(.fa) {
  font-family: inherit;
  letter-spacing: inherit;
}
.header__tools.dropdown__wrapper .dropdown a, .header__tools.dropdown__wrapper .dropdown button, .header__groups.dropdown__wrapper .dropdown a, .header__groups.dropdown__wrapper .dropdown button, .header__help.dropdown__wrapper .dropdown a, .header__help.dropdown__wrapper .dropdown button, .header__profile.dropdown__wrapper .dropdown a, .header__profile.dropdown__wrapper .dropdown button {
  color: inherit;
}
.header__tools.dropdown__wrapper .dropdown .dropdown__block, .header__groups.dropdown__wrapper .dropdown .dropdown__block, .header__help.dropdown__wrapper .dropdown .dropdown__block, .header__profile.dropdown__wrapper .dropdown .dropdown__block {
  padding: 16px 20px;
}
.header__tools.dropdown__wrapper .dropdown ul.header__action__dropdown, .header__groups.dropdown__wrapper .dropdown ul.header__action__dropdown, .header__help.dropdown__wrapper .dropdown ul.header__action__dropdown, .header__profile.dropdown__wrapper .dropdown ul.header__action__dropdown {
  gap: 16px;
}
.header__tools.dropdown__wrapper .dropdown .dropdown__user-name, .header__groups.dropdown__wrapper .dropdown .dropdown__user-name, .header__help.dropdown__wrapper .dropdown .dropdown__user-name, .header__profile.dropdown__wrapper .dropdown .dropdown__user-name {
  font-size: inherit;
  line-height: inherit;
}
.header__tools.dropdown__wrapper .dropdown .dropdown__user-email, .header__groups.dropdown__wrapper .dropdown .dropdown__user-email, .header__help.dropdown__wrapper .dropdown .dropdown__user-email, .header__profile.dropdown__wrapper .dropdown .dropdown__user-email {
  font-size: 11px;
  margin-top: 2px;
}

.header__action__dropdown > li:has(.header__menu-link) {
  align-self: stretch;
}

.dropdown .header__logout-form {
  display: block;
}

.dropdown__wrapper .dropdown button.header__menu-link {
  background: none;
  border: none;
  font: inherit !important;
  text-align: inherit;
  cursor: pointer;
}
.dropdown__wrapper .dropdown button.header__menu-link:hover {
  text-decoration: none !important;
}

.dropdown .header__action__dropdown .header__menu-link {
  display: flex !important;
  width: 100%;
  align-items: center;
  gap: 8px;
  box-sizing: border-box;
  min-height: 36px;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  margin: -8px 0 !important;
}
@media screen and (max-width: 601px) {
  .dropdown .header__action__dropdown .header__menu-link {
    justify-content: flex-end;
  }
}

.header__menu-icon {
  flex-shrink: 0;
  width: 20px;
  font-size: 16px !important;
  line-height: 20px;
  text-align: center;
  color: #8D8B9F;
  transition: color 0.3s ease;
}

.header__menu-icon.header__menu-icon--compact {
  font-size: 14px !important;
}

.dropdown__user-name .header__menu-icon {
  color: inherit;
}

@media (hover: hover) and (pointer: fine) {
  .header__menu-link:hover .header__menu-icon {
    color: var(--primary);
  }
}
.dropdown__wrapper .dropdown .header__menu-heading {
  margin-bottom: 12px;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.4;
  color: #393843;
}

.header__help.dropdown__wrapper .dropdown .dropdown__block {
  padding-top: 12px;
  padding-bottom: 12px;
}
.header__help.dropdown__wrapper .dropdown .dropdown__external-icon {
  margin-left: auto;
}

.dropdown .header__help-section ul.header__action__dropdown {
  margin-top: 0;
  gap: 16px;
}
.dropdown .header__help-section .header__action__dropdown .header__menu-link {
  padding-left: 0;
}
.dropdown .header__help-section .header__action__dropdown .header__menu-link:focus-visible {
  outline: 2px solid var(--primary);
  outline-offset: 2px;
  border-radius: 3px;
}
.dropdown .header__help-section .dropdown__external-icon {
  flex-shrink: 0;
  opacity: 0.65;
}

.header__menu.dropdown__wrapper .dropdown .custom-sidebar__submenu {
  max-height: none;
  overflow: visible;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.header__menu.dropdown__wrapper .dropdown .custom-sidebar__navigation__add, .header__menu.dropdown__wrapper .dropdown .custom-sidebar__navigation__expand {
  font-size: inherit !important;
}
.header__menu.dropdown__wrapper .dropdown .custom-sidebar__navigation__expand {
  width: 2em !important;
  height: 2em !important;
  top: calc(50% - 1em) !important;
}
.header__menu.dropdown__wrapper .dropdown .custom-sidebar__navigation__expand svg {
  width: 100% !important;
  height: 100% !important;
}

.header__menu.dropdown__wrapper .dropdown .custom-sidebar__navigation__add {
  width: 1em !important;
  height: 1em !important;
  top: calc(50% - 0.5em) !important;
}

.header .header__menu.dropdown__wrapper .dropdown .dropdown__header {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch;
  gap: 16px;
  padding: 20px 24px;
  box-sizing: border-box;
}
.header .header__menu.dropdown__wrapper .dropdown .dropdown__header > button {
  width: 100%;
  min-width: 0;
  padding: 0 !important;
  border-width: 1px !important;
  border-radius: 999px !important;
  font: 500 16px/20px "Inter", sans-serif !important;
  letter-spacing: normal !important;
}
.header .header__menu.dropdown__wrapper .dropdown .dropdown__header > button > a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  min-height: 44px;
  padding: 10px 12px !important;
  box-sizing: border-box;
  font: inherit !important;
  letter-spacing: inherit;
  white-space: normal;
}
.header .header__menu.dropdown__wrapper .dropdown .dropdown__header > button img {
  width: 20px !important;
  height: 20px !important;
  flex-shrink: 0;
  object-fit: contain;
}
.header .header__menu.dropdown__wrapper .dropdown .dropdown__header > button.button--tertiary {
  background: #FFFFFF !important;
  padding: 0 !important;
  display: flex !important;
  overflow: hidden !important;
}
.header .header__menu.dropdown__wrapper .dropdown .dropdown__header > button.button--tertiary::before {
  content: none;
}
.header .header__menu.dropdown__wrapper .dropdown .dropdown__header > button.button--tertiary, .header .header__menu.dropdown__wrapper .dropdown .dropdown__header > button.button--tertiary > a {
  color: #1A1B1C !important;
  text-decoration: none !important;
}
.header .header__menu.dropdown__wrapper .dropdown .dropdown__header > button.button--tertiary > a {
  position: relative;
  flex: 1;
  box-sizing: border-box;
  border-radius: inherit;
  overflow: hidden;
}
.header .header__menu.dropdown__wrapper .dropdown .dropdown__header > button.button--tertiary img {
  filter: brightness(0) !important;
  opacity: 0.8 !important;
}
.header .header__menu.dropdown__wrapper .dropdown .dropdown__header > button.button--tertiary .header__portal-hover {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  align-items: inherit;
  justify-content: inherit;
  gap: inherit;
  padding: inherit;
  box-sizing: border-box;
  background: var(--primary);
  color: #FFFFFF !important;
  pointer-events: none;
  clip-path: inset(0 100% 0 0);
  transition: clip-path 0.3s ease-out;
}
.header .header__menu.dropdown__wrapper .dropdown .dropdown__header > button.button--tertiary .header__portal-hover img {
  filter: brightness(0) invert(1) !important;
  opacity: 1 !important;
}
@media (prefers-reduced-motion: reduce) {
  .header .header__menu.dropdown__wrapper .dropdown .dropdown__header > button.button--tertiary .header__portal-hover {
    transition: none;
  }
}
.header .header__menu.dropdown__wrapper .dropdown .dropdown__header > button.button--tertiary:focus-within {
  border-color: var(--primary) !important;
  outline: 2px solid var(--primary) !important;
  outline-offset: 2px;
}
.header .header__menu.dropdown__wrapper .dropdown .dropdown__header > button.button--tertiary:focus-within .header__portal-hover {
  clip-path: inset(0);
}
@media (hover: hover) and (pointer: fine) {
  .header .header__menu.dropdown__wrapper .dropdown .dropdown__header > button.button--tertiary:hover {
    border-color: var(--primary) !important;
  }
  .header .header__menu.dropdown__wrapper .dropdown .dropdown__header > button.button--tertiary:hover .header__portal-hover {
    clip-path: inset(0);
  }
}
.header .header__menu.dropdown__wrapper .dropdown .dropdown__header > .custom-sidebar__search {
  grid-column: 1/-1;
  width: 100%;
  min-width: 0;
  margin: 0;
}
.header .header__menu.dropdown__wrapper .dropdown .dropdown__header > .custom-sidebar__search input {
  width: 100%;
  height: 46px;
  min-width: 0;
  margin: 0;
  padding: 10px 48px 10px 16px;
  box-sizing: border-box;
  border: 1px solid #BFBFBF;
  border-radius: 999px;
  outline: none;
  background: #FFFFFF;
  color: #1A1B1C;
  font: 400 16px/24px "Inter", sans-serif !important;
  letter-spacing: normal !important;
}
.header .header__menu.dropdown__wrapper .dropdown .dropdown__header > .custom-sidebar__search input::placeholder {
  color: #8D8B9F;
  opacity: 1;
}
.header .header__menu.dropdown__wrapper .dropdown .dropdown__header > .custom-sidebar__search input:focus {
  background: #FFFFFF;
  border-color: var(--primary) !important;
  outline: 2px solid var(--primary);
  outline-offset: 2px;
}
.header .header__menu.dropdown__wrapper .dropdown .dropdown__header > .custom-sidebar__search button {
  display: flex !important;
  align-items: center;
  justify-content: center;
  top: 0;
  right: 0;
  width: 46px;
  height: 46px !important;
  padding: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
}
.header .header__menu.dropdown__wrapper .dropdown .dropdown__header > .custom-sidebar__search button svg {
  width: 20px;
  height: 21px;
}
.header .header__menu.dropdown__wrapper .dropdown .dropdown__header > .custom-sidebar__search button svg path {
  stroke: none;
}
.header .header__menu.dropdown__wrapper .dropdown .dropdown__header > .custom-sidebar__search button:hover svg path {
  fill: var(--primary);
}
.header .header__menu.dropdown__wrapper .dropdown .dropdown__header > .custom-sidebar__search button:focus-visible {
  outline: 2px solid var(--primary) !important;
  outline-offset: -4px;
}

.header__menu.dropdown__wrapper .dropdown .header__help-section {
  padding: 4px 24px;
  box-sizing: border-box;
  text-align: left;
}
.header__menu.dropdown__wrapper .dropdown .header__help-section ul.header__action__dropdown {
  gap: 0;
  align-items: stretch;
}
.header__menu.dropdown__wrapper .dropdown .header__help-section .header__menu-link {
  justify-content: flex-start !important;
  min-height: 40px;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
  margin: 0 !important;
}

.header__groups.dropdown__wrapper .dropdown .dropdown__block {
  padding-top: 10px;
  padding-bottom: 10px;
}
.header__groups.dropdown__wrapper .dropdown .dropdown__block:first-child {
  padding-top: 16px;
}
.header__groups.dropdown__wrapper .dropdown .dropdown__block:last-of-type {
  padding-bottom: 16px;
}

@media screen and (max-width: 601px) {
  .header__tools.dropdown__wrapper .dropdown, .header__groups.dropdown__wrapper .dropdown, .header__profile.dropdown__wrapper .dropdown {
    width: max-content;
    min-width: 60vw;
    max-width: calc(100vw - 48px);
    height: auto;
    max-height: 100vh;
    overflow-y: auto;
    text-align: left;
    background: #FFFFFF;
    border-radius: 0 0 0 10px;
  }
  .header__tools.dropdown__wrapper .dropdown ul, .header__groups.dropdown__wrapper .dropdown ul, .header__profile.dropdown__wrapper .dropdown ul {
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
  }
  .header__tools .dropdown .header__action__dropdown .header__menu-link, .header__groups .dropdown .header__action__dropdown .header__menu-link, .header__profile .dropdown .header__action__dropdown .header__menu-link {
    justify-content: flex-start;
  }
}
.sidebar, .custom-sidebar {
  background: #FFFFFF;
  color: #393843;
  box-shadow: 5px 0px 10px rgba(0, 0, 0, 0.02);
  position: absolute;
  width: 17.85714rem;
  height: 100%;
  padding-top: 6.5rem;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 2;
}
.sidebar::-webkit-scrollbar-track, .custom-sidebar::-webkit-scrollbar-track {
  background-color: #F2F2F2;
}
.sidebar::-webkit-scrollbar, .custom-sidebar::-webkit-scrollbar {
  width: 0.5rem;
  background-color: #F2F2F2;
}
.sidebar::-webkit-scrollbar-thumb, .custom-sidebar::-webkit-scrollbar-thumb {
  background-color: var(--base);
}
@media screen and (min-width: 835px) and (max-width: 1024px) and (orientation: portrait) {
  .sidebar, .custom-sidebar {
    display: none !important;
  }
}
@media screen and (max-width: 835px) {
  .sidebar, .custom-sidebar {
    display: none !important;
  }
}
.sidebar.active, .custom-sidebar.active {
  transform: translateY(0);
}
.sidebar .custom-sidebar__wrapper, .custom-sidebar .custom-sidebar__wrapper {
  background: #FFFFFF;
}

.button--toggle-sidebar {
  width: 2rem !important;
  height: 2rem !important;
  position: absolute !important;
  top: 6rem !important;
  right: -1.25rem !important;
  background: #393843 !important;
  padding: 0 !important;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  z-index: 2;
}
.button--toggle-sidebar svg {
  width: 65% !important;
}
.button--toggle-sidebar svg path {
  fill: #FFFFFF;
}
@media (hover: hover) and (pointer: fine) {
  .button--toggle-sidebar:hover {
    display: flex !important;
    background: var(--secondary) !important;
  }
}

.custom-sidebar__navigation {
  margin-top: 1rem;
}
.custom-sidebar__navigation .divider {
  margin: 0.5rem 1rem 0;
  height: 1px;
  border-bottom: 1px solid rgba(141, 139, 159, 0.25);
}
@media screen and (max-width: 835px) {
  .custom-sidebar__navigation .divider {
    width: calc(100% - 2rem);
    margin-bottom: 0.5rem;
  }
}

.custom-sidebar__navigation__group {
  width: 100%;
  padding: 0.15rem 0.5rem;
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
}
@media screen and (min-width: 835px) and (max-width: 1024px) and (orientation: portrait) {
  .custom-sidebar__navigation__group {
    flex-direction: column;
    align-items: stretch;
  }
}
@media screen and (max-width: 835px) {
  .custom-sidebar__navigation__group {
    flex-direction: column;
    align-items: stretch;
  }
}
.custom-sidebar__navigation__group.has-submenu::before {
  content: "";
  width: 1rem;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0.5rem;
  filter: grayscale(1);
  opacity: 0.4;
  transition: all 0.3s ease;
  background-image: url("https://public-images.brainstem.org/images/icons/icon-chevron-right.svg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (min-width: 835px) and (max-width: 1024px) and (orientation: portrait) {
  .custom-sidebar__navigation__group.has-submenu::before {
    display: none !important;
  }
}
@media screen and (max-width: 835px) {
  .custom-sidebar__navigation__group.has-submenu::before {
    display: none !important;
  }
}
@media (hover: hover) and (pointer: fine) {
  .custom-sidebar__navigation__group.has-submenu:hover::before {
    filter: grayscale(0.3);
    opacity: 0.4;
  }
}
@media (hover: none) {
  .custom-sidebar__navigation__group .button--navigation-item {
    width: calc(100% - 2rem);
    flex-grow: 0;
  }
}
@media screen and (hover: none) and (min-width: 835px) and (max-width: 1024px) and (orientation: portrait) {
  .custom-sidebar__navigation__group .button--navigation-item {
    width: 100%;
  }
}
@media screen and (hover: none) and (max-width: 835px) {
  .custom-sidebar__navigation__group .button--navigation-item {
    width: 100%;
  }
}
@media (hover: hover) and (pointer: fine) {
  .custom-sidebar__navigation__group:hover .button--navigation-item {
    color: var(--secondary) !important;
  }
  .custom-sidebar__navigation__group:hover .custom-sidebar__submenu {
    opacity: 1;
    visibility: visible;
    display: flex;
  }
  .custom-sidebar__navigation__group:hover .custom-sidebar__submenu .button--navigation-item:not(.active) {
    color: #393843 !important;
  }
  .custom-sidebar__navigation__group:hover .custom-sidebar__submenu .button--navigation-item.active {
    color: var(--primary) !important;
  }
}
@media (hover: hover) and (pointer: fine) and (hover: hover) and (pointer: fine) {
  .custom-sidebar__navigation__group:hover .custom-sidebar__submenu .button--navigation-item:hover {
    color: var(--secondary) !important;
  }
}
.custom-sidebar__navigation__group .custom-sidebar__navigation__add {
  position: absolute !important;
  top: calc(50% - 0.625rem) !important;
  right: 1rem !important;
  width: 1.25rem !important;
  height: 1.25rem !important;
  background: var(--secondary) !important;
  padding: 0 !important;
  opacity: 0;
  visibility: hidden;
}
.custom-sidebar__navigation__group .custom-sidebar__navigation__add img {
  filter: brightness(0) invert(1) !important;
  width: 80% !important;
}
@media (hover: hover) and (pointer: fine) {
  .custom-sidebar__navigation__group:hover .custom-sidebar__navigation__add {
    visibility: visible;
    opacity: 1;
  }
}

.custom-sidebar__block {
  width: 100%;
  padding: 0.25rem 0.5rem !important;
  position: relative;
}

.custom-sidebar__block__title {
  margin: 0 0 0.5rem;
  padding: 0 0.5rem;
  color: #8D8B9F;
}

.custom-sidebar__set {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  gap: 0;
  margin-bottom: 0.25rem;
  position: relative;
}
.custom-sidebar__set .custom-sidebar__set__children {
  margin: 0 0.4rem 0 1.75rem;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  gap: 0.25rem !important;
  border-left: 1px dotted rgba(141, 139, 159, 0.5);
}
@media screen and (max-width: 835px) {
  .custom-sidebar__set .custom-sidebar__set__children {
    margin-right: 0;
  }
}
@media screen and (max-width: 601px) {
  .custom-sidebar__set .custom-sidebar__set__children {
    gap: 0.5rem !important;
  }
}

.custom-sidebar__expandable {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
}
.custom-sidebar__expandable .custom-sidebar__expandable__header {
  width: 100%;
  position: relative;
}
.custom-sidebar__expandable .custom-sidebar__expandable__body {
  width: calc(100% - 1.25rem);
  height: auto;
  transition: none;
  margin-left: 1.25rem;
  border-left: 1px dotted rgba(141, 139, 159, 0.5);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: flex-start;
  gap: 0.25rem !important;
  max-height: 0;
  opacity: 0;
  display: none;
}
.custom-sidebar__expandable .custom-sidebar__navigation__expand {
  position: absolute !important;
  top: calc(50% - 1rem) !important;
  right: 0.25rem !important;
  width: 2rem !important;
  height: 2rem !important;
  padding: 0 !important;
}
.custom-sidebar__expandable .custom-sidebar__navigation__expand svg {
  width: 80% !important;
}
.custom-sidebar__expandable .custom-sidebar__navigation__expand svg path {
  fill: #8D8B9F;
}
@media (hover: hover) and (pointer: fine) {
  .custom-sidebar__expandable:hover .custom-sidebar__navigation__expand {
    background: #F2F2F2 !important;
  }
  .custom-sidebar__expandable:hover .custom-sidebar__navigation__expand svg path {
    fill: var(--secondary);
  }
}
.custom-sidebar__expandable:not(.expanded) .custom-sidebar__expandable__body {
  animation: none;
}
@media screen and (min-width: 835px) and (max-width: 1024px) and (orientation: portrait) {
  .custom-sidebar__expandable:not(.expanded) .custom-sidebar__expandable__body {
    visibility: hidden;
  }
}
@media screen and (max-width: 835px) {
  .custom-sidebar__expandable:not(.expanded) .custom-sidebar__expandable__body {
    visibility: hidden;
  }
}
@media screen and (min-width: 835px) and (max-width: 1024px) and (orientation: portrait) {
  .custom-sidebar__expandable:not(.expanded) .show-mobile {
    visibility: hidden;
  }
}
@media screen and (max-width: 835px) {
  .custom-sidebar__expandable:not(.expanded) .show-mobile {
    visibility: hidden;
  }
}
.custom-sidebar__expandable.expanded .custom-sidebar__expandable__body {
  animation: sidebarGroupReveal 0.3s ease-out;
  max-height: none;
  opacity: 1;
  display: flex !important;
  padding: 0.5rem 0 0 !important;
}
@media screen and (max-width: 601px) {
  .custom-sidebar__expandable.expanded .custom-sidebar__expandable__body {
    gap: 0.5rem;
  }
}
.custom-sidebar__expandable.expanded .custom-sidebar__navigation__expand {
  transform: rotateX(180deg);
}
.custom-sidebar__expandable.expanded .custom-sidebar__navigation__expand svg path {
  fill: var(--secondary) !important;
}
.custom-sidebar__expandable .custom-sidebar__navigation__group {
  padding-right: 0 !important;
}
.custom-sidebar__expandable .custom-sidebar__navigation__group .custom-sidebar__navigation__add {
  right: 0.6rem !important;
}

.custom-sidebar__submenu {
  position: absolute;
  left: 100%;
  top: -0.75rem;
  background: #FFFFFF;
  border-radius: 0.5rem;
  width: auto;
  height: auto;
  min-width: 10rem;
  padding: 0.5rem;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  gap: 0.25rem;
  opacity: 0;
  display: none;
  visibility: hidden;
  border: 1px solid rgba(129, 34, 161, 0.2);
}
@media (hover: hover) and (pointer: fine) {
  .custom-sidebar__submenu {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  }
}
@media screen and (min-width: 835px) and (max-width: 1024px) and (orientation: portrait) {
  .custom-sidebar__submenu {
    display: none !important;
    flex-direction: column;
    position: relative;
    opacity: 1;
    top: auto;
    left: auto;
    width: 100%;
    gap: 0;
    background: none;
    padding: 0.75rem 0 0 1rem !important;
    border: none;
    box-shadow: none;
  }
  .custom-sidebar__submenu.show-mobile {
    display: flex !important;
  }
}
@media screen and (max-width: 835px) {
  .custom-sidebar__submenu {
    display: none !important;
    flex-direction: column;
    position: relative;
    opacity: 1;
    top: auto;
    left: auto;
    width: 100%;
    gap: 0;
    background: none;
    padding: 0.75rem 0 0 1rem !important;
    border: none;
    box-shadow: none;
  }
  .custom-sidebar__submenu.show-mobile {
    display: flex !important;
  }
}
.custom-sidebar__submenu .custom-sidebar__submenu__group {
  width: 100%;
  position: relative;
}
.custom-sidebar__submenu .custom-sidebar__submenu__group .button--navigation-item {
  padding: 0.35rem 3rem 0.35rem 0.5rem !important;
}
@media screen and (min-width: 835px) and (max-width: 1024px) and (orientation: portrait) {
  .custom-sidebar__submenu .custom-sidebar__submenu__group {
    display: none !important;
  }
}
@media screen and (max-width: 835px) {
  .custom-sidebar__submenu .custom-sidebar__submenu__group {
    display: none !important;
  }
}
.custom-sidebar__submenu .custom-sidebar__submenu__group.show-mobile::before {
  content: "";
  width: 0.85rem;
  height: 100%;
  position: absolute;
  top: 0.05rem;
  left: -0.25rem;
  background-image: url("https://public-images.brainstem.org/images/icons/icon_child.svg");
  background-size: 100% auto;
  background-position: top left;
  background-repeat: no-repeat;
  display: none;
}
@media screen and (min-width: 835px) and (max-width: 1024px) and (orientation: portrait) {
  .custom-sidebar__submenu .custom-sidebar__submenu__group.show-mobile {
    display: flex !important;
    padding-left: 0.5rem;
  }
  .custom-sidebar__submenu .custom-sidebar__submenu__group.show-mobile::before {
    display: block;
  }
}
@media screen and (max-width: 835px) {
  .custom-sidebar__submenu .custom-sidebar__submenu__group.show-mobile {
    display: flex !important;
    padding-left: 0.25rem;
  }
  .custom-sidebar__submenu .custom-sidebar__submenu__group.show-mobile::before {
    display: block;
  }
}
.custom-sidebar__submenu .custom-sidebar__submenu__group .custom-sidebar__navigation__add {
  opacity: 0;
  visibility: hidden;
}
@media (hover: hover) and (pointer: fine) {
  .custom-sidebar__submenu .custom-sidebar__submenu__group:not(.has-sublist):hover .custom-sidebar__navigation__add {
    visibility: visible;
    opacity: 1;
    display: flex;
  }
}
.custom-sidebar__submenu .custom-sidebar__submenu__group.has-sublist {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  gap: 0.75rem;
}
.custom-sidebar__submenu .custom-sidebar__submenu__group.has-sublist .custom-sidebar__sublist {
  border-left: 1px dotted rgba(141, 139, 159, 0.5);
  margin-left: 0.85rem;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  gap: 0.25rem;
}
@media screen and (min-width: 835px) and (max-width: 1024px) and (orientation: portrait) {
  .custom-sidebar__submenu .custom-sidebar__submenu__group.has-sublist .custom-sidebar__sublist {
    display: none !important;
  }
}
@media screen and (max-width: 835px) {
  .custom-sidebar__submenu .custom-sidebar__submenu__group.has-sublist .custom-sidebar__sublist {
    display: none !important;
  }
}
.custom-sidebar__submenu .custom-sidebar__submenu__category {
  width: 100%;
}
.custom-sidebar__submenu .custom-sidebar__submenu__category-title {
  display: block;
  width: 100%;
  margin: 0.25rem 0 0;
  padding: 0.45rem 0.5rem;
  border-radius: calc(0.5rem - 0.15rem);
  background: var(--base);
  color: var(--primary);
  font-size: 0.875rem;
  line-height: 1.2;
  font-weight: 600 !important;
}

.custom-sidebar__search {
  width: 100%;
  max-width: 100% !important;
  position: relative;
}
.custom-sidebar__search input {
  width: 100%;
  height: 3rem;
  font-family: "Neue Montreal", sans-serif !important;
  font-family: "Inter", sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.21 !important;
  letter-spacing: -0.03rem !important;
}
@media screen and (max-width: 601px) {
  .custom-sidebar__search input {
    line-height: 1.5;
  }
}
.custom-sidebar__search input:focus {
  border-color: var(--primary) !important;
  color: #1A1B1C !important;
  box-shadow: none !important;
}
.custom-sidebar__search button {
  position: absolute !important;
  height: 100% !important;
  top: 0;
  right: 0;
  align-items: center;
  padding: 0.75rem !important;
}
@media screen and (max-width: 835px) {
  .custom-sidebar__search button {
    right: 0.5rem;
  }
}
@media (hover: hover) and (pointer: fine) {
  .custom-sidebar__search button:hover svg path {
    fill: var(--primary);
  }
}

@keyframes sidebarGroupReveal {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@media (prefers-reduced-motion: reduce) {
  .custom-sidebar__expandable.expanded .custom-sidebar__expandable__body {
    animation: none;
  }
}
@media screen and (min-width: 835px) {
  .sidebar.collapsed, .custom-sidebar.collapsed {
    width: 4rem;
  }
}
@media screen and (min-width: 1024px) and (orientation: portrait) {
  .sidebar.collapsed, .custom-sidebar.collapsed {
    width: 4rem;
  }
}
.sidebar.collapsed .button--toggle-sidebar svg, .custom-sidebar.collapsed .button--toggle-sidebar svg {
  transform: rotateY(180deg);
}
.sidebar.collapsed .button--switch__wrapper .button--switch, .custom-sidebar.collapsed .button--switch__wrapper .button--switch {
  border-radius: 0.5rem !important;
}
.sidebar.collapsed .button--switch__wrapper .button--switch a, .custom-sidebar.collapsed .button--switch__wrapper .button--switch a {
  pointer-events: none !important;
  aspect-ratio: 1/1;
}
.sidebar.collapsed .button--switch__wrapper .button--switch img, .custom-sidebar.collapsed .button--switch__wrapper .button--switch img {
  width: 1rem;
  margin: 0;
}
.sidebar.collapsed .button--switch__wrapper .button--switch span, .custom-sidebar.collapsed .button--switch__wrapper .button--switch span {
  display: none;
}
.sidebar.collapsed .button--switch__wrapper .button--switch:not(.active), .custom-sidebar.collapsed .button--switch__wrapper .button--switch:not(.active) {
  display: none !important;
}
.sidebar.collapsed .custom-sidebar__navigation, .custom-sidebar.collapsed .custom-sidebar__navigation {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
}
.sidebar.collapsed .custom-sidebar__navigation .custom-sidebar__navigation__group, .custom-sidebar.collapsed .custom-sidebar__navigation .custom-sidebar__navigation__group {
  width: auto;
}
.sidebar.collapsed .custom-sidebar__navigation .custom-sidebar__navigation__group .button--navigation, .custom-sidebar.collapsed .custom-sidebar__navigation .custom-sidebar__navigation__group .button--navigation {
  width: auto !important;
}
.sidebar.collapsed .custom-sidebar__navigation .custom-sidebar__navigation__group .button--navigation span, .custom-sidebar.collapsed .custom-sidebar__navigation .custom-sidebar__navigation__group .button--navigation span {
  display: none;
}
.sidebar.collapsed .custom-sidebar__search, .custom-sidebar.collapsed .custom-sidebar__search {
  display: none;
}
.sidebar.collapsed .custom-sidebar__expandable, .custom-sidebar.collapsed .custom-sidebar__expandable {
  width: 100%;
  transition: all 0.4s ease-out;
}
.sidebar.collapsed .custom-sidebar__expandable .custom-sidebar__expandable__header .button--navigation, .custom-sidebar.collapsed .custom-sidebar__expandable .custom-sidebar__expandable__header .button--navigation {
  width: auto !important;
}
.sidebar.collapsed .custom-sidebar__expandable .custom-sidebar__expandable__header .button--navigation span, .custom-sidebar.collapsed .custom-sidebar__expandable .custom-sidebar__expandable__header .button--navigation span {
  display: none;
}
.sidebar.collapsed .custom-sidebar__expandable .custom-sidebar__expandable__header .custom-sidebar__navigation__expand, .custom-sidebar.collapsed .custom-sidebar__expandable .custom-sidebar__expandable__header .custom-sidebar__navigation__expand {
  display: none !important;
}
.sidebar.collapsed .custom-sidebar__expandable .custom-sidebar__expandable__body, .custom-sidebar.collapsed .custom-sidebar__expandable .custom-sidebar__expandable__body {
  animation: none;
  border: none;
  margin: 0;
  max-height: 100vh;
  position: absolute;
  left: 100%;
  top: 0;
  background: #FFFFFF;
  border-radius: 0.5rem;
  width: auto;
  height: auto;
  min-width: 10rem;
  padding: 1rem 0.5rem;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  gap: 1rem;
  opacity: 0;
  display: none;
  visibility: hidden;
  border: 1px solid rgba(129, 34, 161, 0.2);
}
@media (hover: hover) and (pointer: fine) {
  .sidebar.collapsed .custom-sidebar__expandable .custom-sidebar__expandable__body, .custom-sidebar.collapsed .custom-sidebar__expandable .custom-sidebar__expandable__body {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  }
}
@media screen and (min-width: 835px) and (max-width: 1024px) and (orientation: portrait) {
  .sidebar.collapsed .custom-sidebar__expandable .custom-sidebar__expandable__body, .custom-sidebar.collapsed .custom-sidebar__expandable .custom-sidebar__expandable__body {
    display: none !important;
  }
}
@media screen and (max-width: 835px) {
  .sidebar.collapsed .custom-sidebar__expandable .custom-sidebar__expandable__body, .custom-sidebar.collapsed .custom-sidebar__expandable .custom-sidebar__expandable__body {
    display: none !important;
  }
}
.sidebar.collapsed .custom-sidebar__expandable .custom-sidebar__expandable__body li, .custom-sidebar.collapsed .custom-sidebar__expandable .custom-sidebar__expandable__body li {
  width: 100%;
}
@media (hover: hover) and (pointer: fine) {
  .sidebar.collapsed .custom-sidebar__expandable:hover .custom-sidebar__expandable__body, .custom-sidebar.collapsed .custom-sidebar__expandable:hover .custom-sidebar__expandable__body {
    display: flex;
    opacity: 1;
    visibility: visible;
  }
}
.sidebar.collapsed .custom-sidebar__navigation__add, .custom-sidebar.collapsed .custom-sidebar__navigation__add {
  display: none !important;
}
.sidebar.collapsed .custom-sidebar__set .custom-sidebar__set__children, .custom-sidebar.collapsed .custom-sidebar__set .custom-sidebar__set__children {
  animation: none;
  border: none;
  margin: 0;
  max-height: 100vh;
  position: absolute;
  left: 100%;
  top: 0;
  background: #FFFFFF;
  border-radius: 0.5rem;
  width: auto;
  height: auto;
  min-width: 10rem;
  padding: 1rem 0.5rem;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  gap: 0.25rem;
  opacity: 0;
  display: none;
  visibility: hidden;
  border: 1px solid rgba(129, 34, 161, 0.2);
}
@media (hover: hover) and (pointer: fine) {
  .sidebar.collapsed .custom-sidebar__set .custom-sidebar__set__children, .custom-sidebar.collapsed .custom-sidebar__set .custom-sidebar__set__children {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  }
}
@media screen and (min-width: 835px) and (max-width: 1024px) and (orientation: portrait) {
  .sidebar.collapsed .custom-sidebar__set .custom-sidebar__set__children, .custom-sidebar.collapsed .custom-sidebar__set .custom-sidebar__set__children {
    display: none !important;
  }
}
@media screen and (max-width: 835px) {
  .sidebar.collapsed .custom-sidebar__set .custom-sidebar__set__children, .custom-sidebar.collapsed .custom-sidebar__set .custom-sidebar__set__children {
    display: none !important;
  }
}
.sidebar.collapsed .custom-sidebar__set .custom-sidebar__set__children li, .custom-sidebar.collapsed .custom-sidebar__set .custom-sidebar__set__children li {
  width: 100%;
}
@media (hover: hover) and (pointer: fine) {
  .sidebar.collapsed .custom-sidebar__set:hover .custom-sidebar__set__children, .custom-sidebar.collapsed .custom-sidebar__set:hover .custom-sidebar__set__children {
    display: flex;
    opacity: 1;
    visibility: visible;
  }
}

.api__navigation .custom-sidebar__navigation__group.has-submenu::before {
  display: none !important;
}
.api__navigation .custom-sidebar__set .custom-sidebar__set__children {
  gap: 0 !important;
}
.api__navigation .custom-sidebar__expandable.expanded .custom-sidebar__expandable__body {
  gap: 0 !important;
}
.api__navigation #approvals {
  margin-top: 0.5rem;
}

.button--api-return {
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
}

.custom-sidebar__api-title {
  color: var(--primary);
  margin: 0.5rem 0;
  padding: 0 0.5rem;
  text-align: left;
}

body[data-theme*=api] .button--switch__wrapper {
  margin-bottom: 0.5rem !important;
}

.custom-container {
  padding-left: 17.85714rem !important;
  padding-top: 5.5rem !important;
  width: 100%;
  height: 100%;
  min-height: 100vh !important;
  position: relative;
  transition: padding-left 0s ease !important;
  overflow-x: hidden;
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.custom-container:has(.api-view__response-info) {
  height: auto;
  -ms-overflow-style: initial;
  scrollbar-width: initial;
}
.custom-container:has(.api-view__response-info)::-webkit-scrollbar-track {
  background-color: #BFBFBF;
}
.custom-container:has(.api-view__response-info)::-webkit-scrollbar {
  width: 1rem;
  background-color: #BFBFBF;
}
.custom-container:has(.api-view__response-info)::-webkit-scrollbar-thumb {
  background-color: var(--primary);
}
@media screen and (min-width: 835px) and (max-width: 1024px) and (orientation: portrait) {
  .custom-container {
    padding-left: 0 !important;
    left: auto !important;
    position: absolute !important;
    top: 0;
    left: 0;
    height: auto;
  }
}
@media screen and (max-width: 835px) {
  .custom-container {
    padding-left: 0 !important;
    padding-top: 7rem !important;
    left: auto !important;
    position: absolute !important;
    top: 0;
    left: 0;
    height: auto;
  }
}
.custom-container::before, .custom-container::after {
  content: "";
  width: 100%;
  height: 23rem;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.custom-container::before {
  background: linear-gradient(90.9deg, var(--gradient-color1) 54.69%, var(--gradient-color2) 100%);
}
.custom-container::after {
  opacity: 0.5;
  background-image: url("https://public-images.brainstem.org/images/brainstem/header_bg-image.svg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (min-width: 835px) {
  .custom-container.expanded {
    padding-left: 4rem !important;
  }
}
@media screen and (min-width: 1024px) and (orientation: portrait) {
  .custom-container.expanded {
    padding-left: 4rem !important;
  }
}
.custom-container--popup {
  padding-left: 0 !important;
  padding-top: 1.5rem !important;
}
@media screen and (min-width: 835px) and (max-width: 1024px) and (orientation: portrait) {
  .custom-container--popup {
    padding-top: 6rem !important;
  }
}
@media screen and (max-width: 835px) {
  .custom-container--popup {
    padding-top: 6rem !important;
  }
}
.custom-container--popup .list-view__header {
  min-height: 0 !important;
}
.custom-container--popup .submit-row {
  top: 2rem !important;
}

@media screen and (min-width: 835px) and (max-width: 1024px) and (orientation: portrait) {
  .related-popup {
    padding-left: 5rem !important;
  }
}
@media screen and (max-width: 835px) {
  .related-popup {
    padding-left: 5rem !important;
  }
}
@media screen and (max-width: 601px) {
  .related-popup {
    padding-left: 0 !important;
  }
}

.related-popup-container::-webkit-scrollbar-track {
  background-color: #BFBFBF;
}
.related-popup-container::-webkit-scrollbar {
  width: 1rem;
  background-color: #BFBFBF;
}
.related-popup-container::-webkit-scrollbar-thumb {
  background-color: var(--primary);
}

.related-popup-back {
  font-family: "Inter", sans-serif !important;
  background: none !important;
  color: inherit !important;
  border: none !important;
  outline: none !important;
  cursor: pointer !important;
  border-radius: 0.5rem !important;
  font-size: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  font-weight: 500 !important;
  position: relative !important;
  overflow: hidden !important;
  padding: 0.75rem 1rem !important;
  text-transform: initial !important;
  height: auto !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  background: #1A1B1C !important;
  color: #FFFFFF !important;
  border: 0.1rem solid #1A1B1C !important;
  padding: 0.75rem 1rem !important;
  align-items: center !important;
  justify-content: center !important;
  text-transform: capitalize !important;
  gap: 0.75rem;
  align-items: center;
  justify-content: center;
  padding: 1.5rem 0.75rem !important;
  text-transform: capitalize !important;
  border-radius: 0.5rem 0 0 0.5rem !important;
  width: 3.2rem !important;
  height: 3.2rem !important;
  left: 22rem !important;
}
.related-popup-back[disabled] {
  opacity: 0.4;
  pointer-events: none !important;
}
.related-popup-back:has(> i) {
  padding-right: 3rem !important;
}
.related-popup-back.no-icon {
  padding-right: 1rem !important;
}
.related-popup-back > i {
  width: 1.75rem !important;
  height: 1.75rem !important;
  border-radius: 0.25rem !important;
  background-color: #393843 !important;
  color: #FFFFFF !important;
  position: absolute !important;
  right: 0.5rem !important;
  top: calc(50% - 0.875rem) !important;
  margin: 0 !important;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  display: flex !important;
  font-size: 0.95rem !important;
}
@media (hover: hover) and (pointer: fine) {
  .related-popup-back:hover:not(:disabled), .related-popup-back:hover:not([disabled]) {
    background: var(--primary) !important;
    border-color: var(--primary) !important;
    color: #FFFFFF !important;
  }
  .related-popup-back:hover:not(:disabled) > i, .related-popup-back:hover:not([disabled]) > i {
    background-color: var(--secondary) !important;
  }
}
@media screen and (min-width: 835px) and (max-width: 1024px) and (orientation: portrait) {
  .related-popup-back {
    top: 0 !important;
    left: 9rem !important;
    border-radius: 0 0.5rem 0.5rem 0 !important;
  }
}
@media screen and (max-width: 835px) {
  .related-popup-back {
    top: 0 !important;
    left: 9rem !important;
    border-radius: 0 0.5rem 0.5rem 0 !important;
  }
}
@media screen and (max-width: 835px) {
  .related-popup-back {
    left: 0 !important;
  }
}
.related-popup-back .related-popup-back-label {
  display: none !important;
}

#content {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  z-index: 1;
}
@media screen and (max-width: 601px) {
  #content {
    padding-bottom: 12rem;
  }
}
#content:not(.colM) {
  height: auto;
}
#content:not(.colM) h1 {
  display: inline-block;
  color: #FFFFFF;
}
#content.colM #content-main:not(:has(.lab-importer__introduction-text)):not(:has(.detail-view__inline__header)) fieldset.module p:not(.errornote):not(.deletelink-box) {
  color: #393843 !important;
}
#content.colM #content-main:not(:has(.lab-importer__introduction-text)):not(:has(.detail-view__inline__header)) fieldset.module .form-row p:not(.errornote):not(.deletelink-box) {
  color: #393843 !important;
}
#content.colM #content-main > p.help:first-child {
  color: #FFFFFF;
  padding: 0 0.75rem 1.5rem 0.75rem;
}
#content.colM #content-main:not(:has(.search-module)):not(:has(fieldset.module)):not(:has(.lab-importer__introduction-text)) > p:first-child:not(.errornote):not(.deletelink-box) {
  color: #FFFFFF;
  padding: 0 0.75rem 1.5rem 0.75rem;
}

#content-main.password-change-form > form > div > p:not(.errornote) {
  margin-bottom: 1rem;
  color: #FFFFFF !important;
  padding: 0 !important;
}

.custom-content__title, .detail-view__header__title {
  display: -webkit-box !important;
  color: #FFFFFF !important;
}

.dashboard .dashboard-tools {
  position: static;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  align-content: center;
  gap: 12px;
  max-width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
  background: none;
  font-size: max(0.875rem, 12px);
}
@media screen {
  .dashboard .dashboard-tools {
    display: flex !important;
  }
}
.dashboard .dashboard-tools .dashboard-tools__active-projects {
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
  padding: 0.5rem 0.75rem;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 0.5rem;
  background: rgba(255, 255, 255, 0.1);
}
.dashboard .dashboard-tools .active-projects-filter__widget {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: 8px 12px;
  color: #FFFFFF;
  opacity: 1;
}
.dashboard .dashboard-tools .active-projects-filter {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
  align-content: center;
  gap: 0.5rem;
}
.dashboard .dashboard-tools .active-projects-filter__label {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
  align-content: center;
  gap: 0.5rem;
  margin: 0;
}
.dashboard .dashboard-tools .active-projects-filter__label .active-projects-filter__text {
  color: #FFFFFF;
  white-space: normal;
  cursor: pointer;
}
.dashboard .dashboard-tools .active-projects-filter__label .active-projects-filter__text--short {
  display: none;
}
.dashboard .dashboard-tools .active-projects-filter__label .active-projects-filter__toggle {
  flex-shrink: 0;
  width: 2.25rem;
  height: 1.5rem;
  position: relative;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.dashboard .dashboard-tools .active-projects-filter__label .active-projects-filter__toggle::before {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 100%;
  background: #8D8B9F;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.3s ease-out;
}
.dashboard .dashboard-tools .active-projects-filter__label .active-projects-filter__toggle::after {
  content: "";
  width: 100%;
  height: 1rem;
  border-radius: 2rem;
  background: rgba(255, 255, 255, 0.45);
}
.dashboard .dashboard-tools .active-projects-filter__label input {
  width: 0;
  height: 0;
  opacity: 0;
}
.dashboard .dashboard-tools .active-projects-filter__label input:checked + .active-projects-filter__toggle::before {
  right: 0;
  left: auto;
  background: #FFFFFF;
}
.dashboard .dashboard-tools .active-projects-filter__label input:checked ~ .active-projects-filter__text {
  opacity: 1;
}
.dashboard .dashboard-tools .active-projects-filter__info {
  color: #FFFFFF;
}
.dashboard .dashboard-tools .active-projects-filter__info img {
  width: 1.1rem;
}
.dashboard .dashboard-tools .active-projects-filter__info::after {
  width: 20rem;
  white-space: normal;
  bottom: auto;
  top: 100%;
}
.dashboard .dashboard-tools .tooltip-form-add {
  margin-left: 0;
  position: relative;
  display: inline-flex;
  color: #FFFFFF;
}
.dashboard .dashboard-tools .tooltip-form-add .fa-question-circle {
  color: #FFFFFF;
}
.dashboard .dashboard-tools .tooltip-form-add > .help-text {
  display: none;
}
.dashboard .dashboard-tools .tooltip-form-add:hover > .help-text, .dashboard .dashboard-tools .tooltip-form-add:focus > .help-text {
  width: 20rem;
  display: block;
  padding: 0.5rem;
  border-radius: 0.5rem;
  background: #1A1B1C;
  color: #FFFFFF;
  position: absolute;
  top: calc(100% + 0.5rem);
  right: 0;
  z-index: 1000;
  font-size: 0.75rem;
  line-height: 1.3;
  white-space: normal;
  text-align: left;
}
.dashboard .dashboard-tools .active-projects-modal__trigger {
  padding: 0 !important;
  color: #FFFFFF !important;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
  align-content: center;
  gap: 0.25rem;
  white-space: nowrap;
}
.dashboard .dashboard-tools .active-projects-modal__trigger-count {
  min-width: 1.4rem;
  padding: 0.1rem 0.4rem;
  border-radius: 99px;
  background: #FFFFFF;
  color: var(--secondary);
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.2;
  text-align: center;
}
.dashboard .dashboard-tools .active-projects-filter__notice {
  flex-basis: 100%;
  max-width: 20rem;
  color: #FFFFFF;
  font-size: 0.75rem;
}
.dashboard .dashboard-tools .active-projects-filter__notice[hidden] {
  display: none;
}
.dashboard .dashboard-tools .dashboard-tools__add-widget {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-radius: 0.5rem !important;
  background: rgba(255, 255, 255, 0.1) !important;
  color: #FFFFFF !important;
  font-weight: 500 !important;
  white-space: nowrap;
}
.dashboard .dashboard-tools .dashboard-tools__add-widget:hover, .dashboard .dashboard-tools .dashboard-tools__add-widget:focus-visible {
  background: rgba(255, 255, 255, 0.2) !important;
  border-color: rgba(255, 255, 255, 0.35) !important;
}
.dashboard .dashboard-tools .dashboard-tools__add-widget .fa {
  font-size: 0.85em;
}
.dashboard .dashboard-tools #reset-dashboard-form, .dashboard .dashboard-tools .reset-dashboard-link {
  display: none !important;
}

.dashboard-container {
  min-height: 100vh;
  padding: 1rem 0;
}
.dashboard-container .dashboard-item {
  border-radius: 0.75rem;
  background: #FFFFFF;
  color: #393843 !important;
  font-family: "Inter", sans-serif !important;
  box-shadow: 0rem 0rem 1.25rem rgba(179, 179, 179, 0.15);
  overflow: hidden;
}
.dashboard-container .dashboard-item .dashboard-item-header {
  padding: 0.75rem 0.75rem !important;
  background: var(--base);
  border-bottom: 1px solid color-mix(in srgb, var(--secondary) 12%, transparent);
  border-radius: 0.75rem 0.75rem 0 0;
  color: var(--primary);
}
.dashboard-container .dashboard-item .dashboard-item-header-drag, .dashboard-container .dashboard-item .dashboard-item-header-buttons {
  line-height: 1.2rem !important;
}
.dashboard-container .dashboard-item .dashboard-item-header-title {
  font-family: "Inter", sans-serif !important;
  font-size: 1.125rem !important;
  letter-spacing: -0.03375rem !important;
  line-height: 1.35rem !important;
  font-weight: 700;
  font-weight: 600;
  text-transform: initial;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: 0.5rem;
}
.dashboard-container .dashboard-item .dashboard-item-header-drag {
  color: #8D8B9F;
  padding-right: 0.25rem;
}
@media (hover: hover) and (pointer: fine) {
  .dashboard-container .dashboard-item .dashboard-item-header-drag:hover {
    cursor: grab;
    color: #393843;
  }
}
.dashboard-container .dashboard-item .dashboard-item-header-buttons {
  color: var(--secondary);
  font-size: 1.2rem;
  visibility: visible !important;
  opacity: 0;
  transition: opacity 0.15s ease;
}
@media (hover: none) {
  .dashboard-container .dashboard-item .dashboard-item-header-buttons {
    opacity: 0.55;
  }
}
.dashboard-container .dashboard-item .dashboard-item-header-buttons .icon-cross::before {
  color: #8D8B9F;
}
@media (hover: hover) and (pointer: fine) {
  .dashboard-container .dashboard-item .dashboard-item-header-buttons a:hover .icon-cross::before {
    color: #393843;
  }
}
.dashboard-container .dashboard-item:hover .dashboard-item-header-buttons, .dashboard-container .dashboard-item:focus-within .dashboard-item-header-buttons {
  opacity: 1;
}
.dashboard-container .dashboard-item .dashboard-item-content {
  border-radius: 0 0 0.75rem 0.75rem;
  padding-bottom: 0.5rem;
  box-shadow: none !important;
}
.dashboard-container .dashboard-item .dashboard-item-content li {
  padding: 0.75rem 1rem;
  font-family: "Inter", sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.21 !important;
  letter-spacing: -0.03rem !important;
}
@media screen and (max-width: 601px) {
  .dashboard-container .dashboard-item .dashboard-item-content li {
    line-height: 1.5;
  }
}
.dashboard-container .dashboard-item .dashboard-item-content li.contrast {
  padding: 0.5rem 1rem !important;
  background: none;
  font-size: 0.8125rem !important;
  font-weight: 500;
  letter-spacing: 0 !important;
  line-height: 1.3 !important;
  text-transform: initial !important;
  color: #8D8B9F !important;
  text-align: left;
}
.dashboard-container .dashboard-item .dashboard-item-content li.contrast > span, .dashboard-container .dashboard-item .dashboard-item-content li.contrast > div:not(.dashboard-activity-toggle), .dashboard-container .dashboard-item .dashboard-item-content li.contrast > span > * {
  font-size: inherit !important;
  font-weight: inherit !important;
  letter-spacing: inherit !important;
  color: inherit !important;
}
.dashboard-container .dashboard-item .dashboard-item-content li.contrast:has(a) {
  padding: 0 !important;
}
.dashboard-container .dashboard-item .dashboard-item-content li.contrast:has(a) a {
  padding: 0.75rem;
  text-transform: initial !important;
  font-weight: 600;
  display: block;
}
@media (hover: hover) and (pointer: fine) {
  .dashboard-container .dashboard-item .dashboard-item-content li.contrast:has(a):hover {
    background: #F2F2F2;
  }
}
.dashboard-container .dashboard-item .dashboard-item-content li .dim {
  font-family: "Inter", sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.21 !important;
  letter-spacing: -0.03rem !important;
}
@media screen and (max-width: 601px) {
  .dashboard-container .dashboard-item .dashboard-item-content li .dim {
    line-height: 1.5;
  }
}
.dashboard-container .dashboard-item .dashboard-item-content li center {
  font-weight: 700;
  color: var(--secondary);
}
.dashboard-container .dashboard-item .dashboard-item-content li span[class*=icon] {
  color: var(--secondary);
}
.dashboard-container .dashboard-item .dashboard-item-header-count {
  display: inline-block;
  min-width: 1.6rem;
  padding: 0.1rem 0.5rem;
  border-radius: 99px;
  background: #FFFFFF;
  color: var(--secondary);
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.3;
  font-variant-numeric: tabular-nums;
  text-align: center;
  white-space: nowrap;
}
.dashboard-container .dashboard-item .dashboard-item-content .dashboard-recent-row {
  padding: 0;
  border-top: 1px solid var(--base);
  border-bottom: 0;
  min-height: 0;
}
.dashboard-container .dashboard-item .dashboard-item-content .dashboard-recent-row:first-child {
  border-top: 0;
}
.dashboard-container .dashboard-item .dashboard-item-content .dashboard-recent-link {
  display: block;
  padding: 0.5rem 1rem;
  color: #393843;
  text-decoration: none;
}
@media (hover: hover) and (pointer: fine) {
  .dashboard-container .dashboard-item .dashboard-item-content .dashboard-recent-link:hover, .dashboard-container .dashboard-item .dashboard-item-content .dashboard-recent-link:focus-visible {
    background: var(--base);
  }
}
.dashboard-container .dashboard-item .dashboard-item-content .dashboard-recent-link:hover .dashboard-recent-label, .dashboard-container .dashboard-item .dashboard-item-content .dashboard-recent-link:focus-visible .dashboard-recent-label {
  color: var(--primary);
}
.dashboard-container .dashboard-item .dashboard-item-content .dashboard-recent-label, .dashboard-container .dashboard-item .dashboard-item-content .dashboard-recent-detail {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dashboard-container .dashboard-item .dashboard-item-content .dashboard-recent-label {
  font-weight: 500;
}
.dashboard-container .dashboard-item .dashboard-item-content .dashboard-recent-detail {
  margin-top: 0.125rem;
  color: #8D8B9F;
  font-size: 0.8125rem;
  line-height: 1.2;
}
.dashboard-container .dashboard-item .dashboard-item-content .dashboard-recent-empty {
  padding: 0.75rem 1rem;
  color: #8D8B9F;
}
.dashboard-container .dashboard-item .dashboard-item-content li.dashboard-recent-footer {
  padding: 0.5rem 1rem;
  border-top: 1px solid var(--base);
}
.dashboard-container .dashboard-item .dashboard-item-content li.dashboard-recent-footer a {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--secondary);
  font-size: 0.9375rem;
  font-weight: 500;
  text-decoration: none;
}
.dashboard-container .dashboard-item .dashboard-item-content li.dashboard-recent-footer a .fa {
  font-size: 0.75rem;
  opacity: 0.8;
}
@media (hover: hover) and (pointer: fine) {
  .dashboard-container .dashboard-item .dashboard-item-content li.dashboard-recent-footer a:hover {
    text-decoration: underline;
  }
}
.dashboard-container .dashboard-item .dashboard-item-content .dashboard-activity-list {
  position: relative;
}
.dashboard-container .dashboard-item .dashboard-item-content .dashboard-activity-list::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2.5rem;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #FFFFFF);
  pointer-events: none;
}
.dashboard-container .dashboard-item .dashboard-item-content .dashboard-activity-scroll .dashboard-recent-label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.dashboard-container .dashboard-item .dashboard-item-content .dashboard-activity-scroll .dashboard-recent-label .dashboard-activity-model {
  flex: 0 0 auto;
}
.dashboard-container .dashboard-item .dashboard-item-content .dashboard-activity-scroll .dashboard-recent-label .dashboard-activity-name {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dashboard-container .dashboard-item .dashboard-item-content .dashboard-onboarding-completed-toggle {
  padding: 0.5rem 1rem;
  color: #8D8B9F;
  font-size: 0.875rem;
  letter-spacing: 0;
  cursor: pointer;
}
.dashboard-container .dashboard-item .dashboard-item-content .dashboard-onboarding-completed-toggle .dashboard-onboarding-completed-label, .dashboard-container .dashboard-item .dashboard-item-content .dashboard-onboarding-completed-toggle .dashboard-onboarding-completed-count {
  font-size: inherit;
  font-weight: 500;
  color: inherit;
}
.dashboard-container .dashboard-item .dashboard-item-content .dashboard-rank-list li.dashboard-rank-row {
  padding: 0.5rem 1rem;
}
.dashboard-container .dashboard-item .dashboard-item-content .dashboard-rank-list .dashboard-rank-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.75rem;
  min-width: 0;
}
.dashboard-container .dashboard-item .dashboard-item-content .dashboard-rank-list .dashboard-rank-label {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #393843;
  text-decoration: none;
}
@media (hover: hover) and (pointer: fine) {
  .dashboard-container .dashboard-item .dashboard-item-content .dashboard-rank-list .dashboard-rank-label:hover {
    color: var(--secondary);
    text-decoration: underline;
  }
}
.dashboard-container .dashboard-item .dashboard-item-content .dashboard-rank-list .dashboard-rank-count {
  flex: 0 0 auto;
  color: var(--secondary);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  text-decoration: none;
}
@media (hover: hover) and (pointer: fine) {
  .dashboard-container .dashboard-item .dashboard-item-content .dashboard-rank-list .dashboard-rank-count:hover {
    text-decoration: underline;
  }
}
.dashboard-container .dashboard-item .dashboard-item-content .dashboard-rank-list .dashboard-horizontal-track {
  margin-top: 0.3rem;
}
.dashboard-container .dashboard-item .dashboard-item-content .dashboard-rank-row, .dashboard-container .dashboard-item .dashboard-item-content .dashboard-visual-row, .dashboard-container .dashboard-item .dashboard-item-content .dashboard-spark-row, .dashboard-container .dashboard-item .dashboard-item-content .dashboard-onboarding-step {
  transition: background-color 0.15s ease;
}
@media (hover: hover) and (pointer: fine) {
  .dashboard-container .dashboard-item .dashboard-item-content .dashboard-rank-row:hover, .dashboard-container .dashboard-item .dashboard-item-content .dashboard-visual-row:hover, .dashboard-container .dashboard-item .dashboard-item-content .dashboard-spark-row:hover, .dashboard-container .dashboard-item .dashboard-item-content .dashboard-onboarding-step:hover {
    background: var(--base);
  }
  .dashboard-container .dashboard-item .dashboard-item-content .dashboard-rank-row:hover .dashboard-rank-label, .dashboard-container .dashboard-item .dashboard-item-content .dashboard-rank-row:hover .dashboard-rank-count, .dashboard-container .dashboard-item .dashboard-item-content .dashboard-rank-row:hover .dashboard-horizontal-label,
  .dashboard-container .dashboard-item .dashboard-item-content .dashboard-rank-row:hover .dashboard-spark-heading, .dashboard-container .dashboard-item .dashboard-item-content .dashboard-rank-row:hover .dashboard-onboarding-title, .dashboard-container .dashboard-item .dashboard-item-content .dashboard-visual-row:hover .dashboard-rank-label, .dashboard-container .dashboard-item .dashboard-item-content .dashboard-visual-row:hover .dashboard-rank-count, .dashboard-container .dashboard-item .dashboard-item-content .dashboard-visual-row:hover .dashboard-horizontal-label,
  .dashboard-container .dashboard-item .dashboard-item-content .dashboard-visual-row:hover .dashboard-spark-heading, .dashboard-container .dashboard-item .dashboard-item-content .dashboard-visual-row:hover .dashboard-onboarding-title, .dashboard-container .dashboard-item .dashboard-item-content .dashboard-spark-row:hover .dashboard-rank-label, .dashboard-container .dashboard-item .dashboard-item-content .dashboard-spark-row:hover .dashboard-rank-count, .dashboard-container .dashboard-item .dashboard-item-content .dashboard-spark-row:hover .dashboard-horizontal-label,
  .dashboard-container .dashboard-item .dashboard-item-content .dashboard-spark-row:hover .dashboard-spark-heading, .dashboard-container .dashboard-item .dashboard-item-content .dashboard-spark-row:hover .dashboard-onboarding-title, .dashboard-container .dashboard-item .dashboard-item-content .dashboard-onboarding-step:hover .dashboard-rank-label, .dashboard-container .dashboard-item .dashboard-item-content .dashboard-onboarding-step:hover .dashboard-rank-count, .dashboard-container .dashboard-item .dashboard-item-content .dashboard-onboarding-step:hover .dashboard-horizontal-label,
  .dashboard-container .dashboard-item .dashboard-item-content .dashboard-onboarding-step:hover .dashboard-spark-heading, .dashboard-container .dashboard-item .dashboard-item-content .dashboard-onboarding-step:hover .dashboard-onboarding-title {
    color: var(--primary) !important;
    text-decoration: none;
  }
  .dashboard-container .dashboard-item .dashboard-item-content .dashboard-rank-row:hover .dashboard-horizontal-track, .dashboard-container .dashboard-item .dashboard-item-content .dashboard-visual-row:hover .dashboard-horizontal-track, .dashboard-container .dashboard-item .dashboard-item-content .dashboard-spark-row:hover .dashboard-horizontal-track, .dashboard-container .dashboard-item .dashboard-item-content .dashboard-onboarding-step:hover .dashboard-horizontal-track {
    background: color-mix(in srgb, var(--secondary) 18%, transparent);
  }
}
.dashboard-container .dashboard-item .dashboard-item-content .dashboard-rank-label:hover, .dashboard-container .dashboard-item .dashboard-item-content .dashboard-rank-count:hover, .dashboard-container .dashboard-item .dashboard-item-content .dashboard-horizontal-label:hover, .dashboard-container .dashboard-item .dashboard-item-content .dashboard-spark-heading:hover {
  text-decoration: none !important;
}
.dashboard-container .dashboard-item .dashboard-item-content .dashboard-metric-tile {
  transition: background-color 0.15s ease, border-color 0.15s ease;
}
@media (hover: hover) and (pointer: fine) {
  .dashboard-container .dashboard-item .dashboard-item-content .dashboard-metric-tile:hover {
    background: var(--base);
    border-color: color-mix(in srgb, var(--secondary) 35%, transparent);
    color: inherit;
    text-decoration: none;
  }
  .dashboard-container .dashboard-item .dashboard-item-content .dashboard-metric-tile:hover strong {
    color: var(--primary);
  }
}

.dashboard .list-view__header {
  min-height: 0 !important;
}
.dashboard .list-view__header__text {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px 24px;
}
.dashboard .list-view__header .list-view__header__top {
  padding-bottom: 0;
}
.dashboard .list-view__header .list-view__header__actions:not(:has(*)) {
  display: none;
}
@media screen and (max-width: 601px) {
  .dashboard .dashboard-tools {
    flex: 1 1 auto;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
    gap: 0.5rem;
  }
  .dashboard .dashboard-tools__active-projects {
    flex: 0 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
  }
  .dashboard .active-projects-filter__widget {
    gap: 0.25rem 0.75rem;
  }
}

.dashboard .dashboard-tools .active-projects-filter__label .active-projects-filter__text {
  white-space: nowrap;
}
.dashboard .dashboard-tools .active-projects-modal__trigger {
  white-space: nowrap;
}
.dashboard .dashboard-tools.dashboard-tools--compact .active-projects-filter__label .active-projects-filter__text {
  display: none;
}
.dashboard .dashboard-tools.dashboard-tools--compact .active-projects-filter__label .active-projects-filter__text--short {
  display: inline;
}
.dashboard .dashboard-tools.dashboard-tools--compact .active-projects-modal__trigger-extra {
  display: none;
}

.dashboard-tools-toggle-container {
  display: none !important;
}

@media screen and (max-width: 960px) {
  .dashboard-container {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: 1rem;
  }
  .dashboard-container::before, .dashboard-container::after {
    content: none;
  }
  .dashboard-container .dashboard-column-wrapper, .dashboard-container .dashboard-column {
    display: contents;
  }
  .dashboard-container .dashboard-item {
    order: var(--dashboard-order, 0);
    margin-bottom: 0 !important;
    min-width: 0;
  }
}
@media screen and (max-width: 601px) {
  .dashboard-container {
    grid-template-columns: minmax(0, 1fr);
  }
}
.list-view__header {
  width: 100%;
  z-index: 2;
  position: sticky;
  top: 0;
}
.list-view__header::before, .list-view__header::after {
  content: "";
  width: calc(100% + 2.85714rem);
  height: 23rem;
  position: absolute;
  bottom: 4rem;
  left: -1.42857rem;
  z-index: -1;
}
.list-view__header::before {
  background: linear-gradient(90.9deg, var(--gradient-color1) 54.69%, var(--gradient-color2) 100%);
}
.list-view__header::after {
  opacity: 0.5;
  background-image: url("https://public-images.brainstem.org/images/brainstem/header_bg-image.svg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.list-view__header .list-view__header__top {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  padding-bottom: 1.5rem;
  position: relative;
  gap: 1rem;
}
.list-view__header .list-view__header__text {
  flex: 1;
  min-width: 0;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 601px) {
  .list-view__header .list-view__header__text {
    flex: 1 1 100%;
  }
}
@media screen and (max-width: 601px) {
  .list-view__header .list-view__header__title {
    width: auto;
    max-width: 90%;
    padding-right: 9% !important;
    display: -webkit-inline-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    word-break: break-all !important;
    position: relative;
  }
  .list-view__header .list-view__header__title:has(.help-modal__trigger) {
    display: flex !important;
    flex-wrap: nowrap;
    align-items: center;
    gap: 0.25rem;
    overflow: visible !important;
    word-break: normal !important;
  }
  .list-view__header .list-view__header__title span {
    position: absolute;
    top: 0;
    right: 0;
  }
}
.list-view__header .breadcrumbs {
  display: none;
}
.list-view__header .list-view__header__actions {
  flex: 0 0 auto;
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  align-items: center;
  z-index: 2;
}
@media screen and (max-width: 835px) {
  .list-view__header .list-view__header__actions {
    z-index: 3;
  }
}
@media screen and (max-width: 601px) {
  .list-view__header .list-view__header__actions {
    flex: 1 1 100%;
    justify-content: flex-end;
  }
}
.list-view__header .list-view__header__actions:has(.recently-saved-message:not(:empty)) {
  height: 100%;
}
.list-view__header .list-view__header__actions .addlink, .list-view__header .list-view__header__actions .addlink--with-dropdown {
  font-family: "Inter", sans-serif !important;
  background: none !important;
  color: inherit !important;
  border: none !important;
  outline: none !important;
  cursor: pointer !important;
  border-radius: 0.5rem !important;
  font-size: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  font-weight: 500 !important;
  position: relative !important;
  overflow: hidden !important;
  padding: 0.75rem 1rem !important;
  text-transform: initial !important;
  height: auto !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  background: #1A1B1C !important;
  color: #FFFFFF !important;
  border: 0.1rem solid #1A1B1C !important;
  padding: 0.75rem 1rem !important;
  align-items: center !important;
  justify-content: center !important;
}
.list-view__header .list-view__header__actions .addlink[disabled], .list-view__header .list-view__header__actions .addlink--with-dropdown[disabled] {
  opacity: 0.4;
  pointer-events: none !important;
}
.list-view__header .list-view__header__actions .addlink:has(> i), .list-view__header .list-view__header__actions .addlink--with-dropdown:has(> i) {
  padding-right: 3rem !important;
}
.list-view__header .list-view__header__actions .addlink.no-icon, .list-view__header .list-view__header__actions .addlink--with-dropdown.no-icon {
  padding-right: 1rem !important;
}
.list-view__header .list-view__header__actions .addlink > i, .list-view__header .list-view__header__actions .addlink--with-dropdown > i {
  width: 1.75rem !important;
  height: 1.75rem !important;
  border-radius: 0.25rem !important;
  background-color: #393843 !important;
  color: #FFFFFF !important;
  position: absolute !important;
  right: 0.5rem !important;
  top: calc(50% - 0.875rem) !important;
  margin: 0 !important;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  display: flex !important;
  font-size: 0.95rem !important;
}
@media (hover: hover) and (pointer: fine) {
  .list-view__header .list-view__header__actions .addlink:hover:not(:disabled), .list-view__header .list-view__header__actions .addlink:hover:not([disabled]), .list-view__header .list-view__header__actions .addlink--with-dropdown:hover:not(:disabled), .list-view__header .list-view__header__actions .addlink--with-dropdown:hover:not([disabled]) {
    background: var(--primary) !important;
    border-color: var(--primary) !important;
    color: #FFFFFF !important;
  }
  .list-view__header .list-view__header__actions .addlink:hover:not(:disabled) > i, .list-view__header .list-view__header__actions .addlink:hover:not([disabled]) > i, .list-view__header .list-view__header__actions .addlink--with-dropdown:hover:not(:disabled) > i, .list-view__header .list-view__header__actions .addlink--with-dropdown:hover:not([disabled]) > i {
    background-color: var(--secondary) !important;
  }
}
@media screen and (max-width: 1194px) {
  .list-view__header .list-view__header__actions .addlink span, .list-view__header .list-view__header__actions .addlink--with-dropdown span {
    max-width: 9rem;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@media screen and (max-width: 835px) {
  .list-view__header .list-view__header__actions .addlink span, .list-view__header .list-view__header__actions .addlink--with-dropdown span {
    max-width: 7rem;
  }
}
@media screen and (max-width: 601px) {
  .list-view__header .list-view__header__actions .addlink, .list-view__header .list-view__header__actions .addlink--with-dropdown {
    padding: 0 !important;
    width: 3.2rem !important;
    height: 3.2rem !important;
    border-radius: 100% !important;
  }
  .list-view__header .list-view__header__actions .addlink span, .list-view__header .list-view__header__actions .addlink--with-dropdown span {
    display: none !important;
  }
  .list-view__header .list-view__header__actions .addlink > i, .list-view__header .list-view__header__actions .addlink--with-dropdown > i {
    width: 100% !important;
    height: 100% !important;
    background: none !important;
    position: relative !important;
    top: auto !important;
    right: auto !important;
    font-size: 0.9rem !important;
  }
}
.list-view__header .list-view__header__actions .addlink {
  padding-right: 3rem !important;
}
.list-view__header .list-view__header__actions .addlink::before {
  width: 1.75rem !important;
  height: 1.75rem !important;
  border-radius: 0.25rem !important;
  background-color: #393843 !important;
  color: #FFFFFF !important;
  position: absolute !important;
  right: 0.5rem !important;
  top: calc(50% - 0.875rem) !important;
  margin: 0 !important;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  display: flex !important;
  font-size: 0.95rem !important;
  content: "\f067";
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
@media screen and (max-width: 601px) {
  .list-view__header .list-view__header__actions .addlink {
    padding: 0 !important;
  }
  .list-view__header .list-view__header__actions .addlink::before {
    width: 100% !important;
    height: 100% !important;
    background: none !important;
    position: relative !important;
    top: auto !important;
    right: auto !important;
    font-size: 0.9rem !important;
  }
}
.list-view__header .list-view__header__actions .addlink--with-dropdown {
  overflow: visible !important;
}
@media screen and (max-width: 601px) {
  .list-view__header .list-view__header__actions .addlink--with-dropdown {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: center;
  }
  .list-view__header .list-view__header__actions .addlink--with-dropdown.addlink--with-dropdown:has(> i) {
    padding: 0 !important;
  }
  .list-view__header .list-view__header__actions .addlink--with-dropdown > i {
    display: none !important;
  }
  .list-view__header .list-view__header__actions .addlink--with-dropdown::before {
    content: "\f067";
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-size: 1.1rem;
    color: #FFFFFF;
  }
}
.list-view__header .list-view__header__actions .addlink--with-dropdown .addlink__dropdown {
  width: auto;
  min-width: 100%;
  background: #FFFFFF;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  gap: 0.5rem;
  padding: 0.75rem 0.5rem;
  border-radius: 0.5rem;
  position: absolute;
  top: 100%;
  right: 0;
  box-shadow: 0rem 0.4rem 1rem rgba(0, 0, 0, 0.1);
  visibility: hidden;
  opacity: 0;
  transform: translateY(-1rem);
  transition: all 0.3s ease-out;
}
@media screen and (max-width: 601px) {
  .list-view__header .list-view__header__actions .addlink--with-dropdown .addlink__dropdown {
    top: auto;
    bottom: 100%;
  }
}
.list-view__header .list-view__header__actions .addlink--with-dropdown .addlink__dropdown a {
  background: none;
  border: none;
  border-radius: 0;
  height: auto;
  line-height: 1.2;
  outline: none;
  padding: 0.5rem;
  color: #1A1B1C !important;
  text-align: left;
  font-size: 1rem !important;
  transition: all 0.3s ease;
}
@media (hover: hover) and (pointer: fine) {
  .list-view__header .list-view__header__actions .addlink--with-dropdown .addlink__dropdown a:hover {
    background: var(--base);
    color: var(--primary) !important;
  }
}
.list-view__header .list-view__header__actions .addlink--with-dropdown.expanded {
  background: var(--primary) !important;
  border-color: var(--primary) !important;
}
.list-view__header .list-view__header__actions .addlink--with-dropdown.expanded .addlink__dropdown {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}
.list-view__header .list-view__header__actions .addlink--with-dropdown.expanded > i {
  background: var(--secondary) !important;
}
.list-view__header .list-view__header__actions .recoverlink {
  font-family: "Inter", sans-serif !important;
  background: none !important;
  color: inherit !important;
  border: none !important;
  outline: none !important;
  cursor: pointer !important;
  border-radius: 0.5rem !important;
  font-size: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  font-weight: 500 !important;
  position: relative !important;
  overflow: hidden !important;
  padding: 0.75rem 1rem !important;
  text-transform: initial !important;
  height: auto !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  background: none !important;
  color: var(--secondary) !important;
  border: 0.1rem solid var(--secondary) !important;
  background: var(--base) !important;
  gap: 0.5rem;
  align-items: center;
  align-content: center;
}
.list-view__header .list-view__header__actions .recoverlink[disabled] {
  opacity: 0.4;
  pointer-events: none !important;
}
@media (hover: hover) and (pointer: fine) {
  .list-view__header .list-view__header__actions .recoverlink:hover:not(:disabled), .list-view__header .list-view__header__actions .recoverlink:hover:not([disabled]) {
    color: var(--primary) !important;
    border-color: var(--primary) !important;
  }
}
@media screen and (max-width: 601px) {
  .list-view__header .list-view__header__actions .recoverlink {
    height: 3.2rem !important;
  }
}
.list-view__header .list-view__header__actions .recoverlink i {
  font-size: 1rem !important;
}
@media screen and (max-width: 601px) {
  .list-view__header .list-view__header__actions .recoverlink i {
    font-size: 1.2rem !important;
  }
}
.list-view__header .list-view__header__actions .apilink {
  font-family: "Inter", sans-serif !important;
  background: none !important;
  color: inherit !important;
  border: none !important;
  outline: none !important;
  cursor: pointer !important;
  border-radius: 0.5rem !important;
  font-size: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  font-weight: 500 !important;
  position: relative !important;
  overflow: hidden !important;
  padding: 0.75rem 1rem !important;
  text-transform: initial !important;
  height: auto !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  background: none !important;
  color: var(--secondary) !important;
  border: 0.1rem solid var(--secondary) !important;
  background: var(--base) !important;
  align-items: center;
  align-content: center;
  gap: 0.5rem;
}
.list-view__header .list-view__header__actions .apilink[disabled] {
  opacity: 0.4;
  pointer-events: none !important;
}
@media (hover: hover) and (pointer: fine) {
  .list-view__header .list-view__header__actions .apilink:hover:not(:disabled), .list-view__header .list-view__header__actions .apilink:hover:not([disabled]) {
    color: var(--primary) !important;
    border-color: var(--primary) !important;
  }
}
@media screen and (max-width: 601px) {
  .list-view__header .list-view__header__actions .apilink {
    height: 3.2rem !important;
  }
}
.list-view__header .list-view__header__actions .apilink i {
  display: none;
  font-size: 1rem !important;
}
@media screen and (max-width: 601px) {
  .list-view__header .list-view__header__actions .apilink i {
    display: block;
    font-size: 1.2rem !important;
  }
}
@media screen and (max-width: 601px) {
  .list-view__header .list-view__header__actions .apilink span {
    display: none;
  }
}
.list-view__header .list-view__header__actions .viewlink {
  font-family: "Inter", sans-serif !important;
  background: none !important;
  color: inherit !important;
  border: none !important;
  outline: none !important;
  cursor: pointer !important;
  border-radius: 0.5rem !important;
  font-size: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  font-weight: 500 !important;
  position: relative !important;
  overflow: hidden !important;
  padding: 0.75rem 1rem !important;
  text-transform: initial !important;
  height: auto !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  background: none !important;
  color: var(--secondary) !important;
  border: 0.1rem solid var(--secondary) !important;
  background: var(--base) !important;
  align-items: center;
  align-content: center;
  gap: 0.5rem;
}
.list-view__header .list-view__header__actions .viewlink[disabled] {
  opacity: 0.4;
  pointer-events: none !important;
}
@media (hover: hover) and (pointer: fine) {
  .list-view__header .list-view__header__actions .viewlink:hover:not(:disabled), .list-view__header .list-view__header__actions .viewlink:hover:not([disabled]) {
    color: var(--primary) !important;
    border-color: var(--primary) !important;
  }
}
@media screen and (max-width: 601px) {
  .list-view__header .list-view__header__actions .viewlink {
    height: 3.2rem !important;
  }
}
.list-view__header .list-view__header__actions .viewlink i {
  display: none;
  font-size: 1rem !important;
}
@media screen and (max-width: 601px) {
  .list-view__header .list-view__header__actions .viewlink i {
    display: block;
    font-size: 1.2rem !important;
  }
}
@media screen and (max-width: 601px) {
  .list-view__header .list-view__header__actions .viewlink span {
    display: none;
  }
}
.list-view__header .list-view__header__actions .object-tools {
  margin: 0 !important;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  align-content: flex-start;
  gap: 0.75rem;
  position: fixed;
  top: 7rem;
  right: 1.4rem;
  z-index: 3;
  transition: all 0.5s ease;
}
@media screen and (max-width: 835px) {
  .list-view__header .list-view__header__actions .object-tools {
    top: 8.25rem;
  }
}
@media screen and (max-width: 601px) {
  .list-view__header .list-view__header__actions .object-tools {
    top: auto !important;
    bottom: 0 !important;
    right: 0 !important;
    width: 100% !important;
    background: #FFFFFF !important;
    padding: 1rem !important;
    justify-content: flex-end !important;
    box-shadow: 0px -2px 20px 0 rgba(0, 0, 0, 0.15);
  }
  .list-view__header .list-view__header__actions .object-tools input {
    width: auto;
  }
  .list-view__header .list-view__header__actions .object-tools input.default {
    width: auto !important;
  }
}
.list-view__header .list-view__header__actions .object-tools .button--delete-object {
  transition: all 0.5s ease !important;
}
.list-view__header .list-view__header__actions .object-tools.sticky {
  top: 6rem;
}
@media screen and (min-width: 601px) {
  .list-view__header .list-view__header__actions .object-tools.sticky {
    padding: 1rem !important;
    background: #FFFFFF !important;
    top: 5.5rem !important;
    right: 0 !important;
    border-radius: 0.75rem 0 0 0.75rem;
    box-shadow: 0rem 0rem 1rem rgba(0, 0, 0, 0.25);
  }
}
.list-view__header .list-view__header__actions .object-tools.inactive {
  pointer-events: none;
}
.list-view__header .list-view__header__actions .object-tools.inactive li {
  opacity: 0.8 !important;
}
.list-view__header .list-view__header__actions .object-tools li {
  margin: 0 !important;
  transition: opacity 0.5s ease;
}
.list-view__header .list-view__header__actions .object-tools .export_link {
  font-family: "Inter", sans-serif !important;
  background: none !important;
  color: inherit !important;
  border: none !important;
  outline: none !important;
  cursor: pointer !important;
  border-radius: 0.5rem !important;
  font-size: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  font-weight: 500 !important;
  position: relative !important;
  overflow: hidden !important;
  padding: 0.75rem 1rem !important;
  text-transform: initial !important;
  height: auto !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  background: none !important;
  color: var(--secondary) !important;
  border: 0.1rem solid var(--secondary) !important;
  background: var(--base) !important;
  gap: 0.5rem;
  align-items: center;
  align-content: center;
}
.list-view__header .list-view__header__actions .object-tools .export_link[disabled] {
  opacity: 0.4;
  pointer-events: none !important;
}
@media (hover: hover) and (pointer: fine) {
  .list-view__header .list-view__header__actions .object-tools .export_link:hover:not(:disabled), .list-view__header .list-view__header__actions .object-tools .export_link:hover:not([disabled]) {
    color: var(--primary) !important;
    border-color: var(--primary) !important;
  }
}
@media screen and (max-width: 601px) {
  .list-view__header .list-view__header__actions .object-tools .export_link {
    height: 3.2rem !important;
  }
}
.list-view__header .list-view__header__actions .object-tools .export_link::after {
  content: "\f019";
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  transform: translateY(0.2rem);
  font-size: 1rem !important;
}
@media screen and (max-width: 601px) {
  .list-view__header .list-view__header__actions .object-tools .export_link::after {
    font-size: 1.2rem !important;
  }
}
.list-view__header .list-view__header__actions .object-tools.visible {
  opacity: 1 !important;
}
.list-view__header .messagelist__wrapper {
  max-width: 50vw !important;
  position: fixed;
  bottom: 1rem;
  right: 1rem;
  z-index: 3;
}
body:has(.brainstem-assistant__launcher) .list-view__header .messagelist__wrapper {
  bottom: 28px;
  right: 80px;
}
.list-view__header .messagelist__wrapper:has(.messagelist > li:only-child):not(:has(.error)) .messagelist__close {
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (min-width: 835px) and (max-width: 1024px) and (orientation: portrait) {
  .list-view__header .messagelist__wrapper {
    max-width: 70vw !important;
  }
}
@media screen and (max-width: 835px) {
  .list-view__header .messagelist__wrapper {
    max-width: 70vw !important;
  }
}
@media screen and (max-width: 601px) {
  .list-view__header .messagelist__wrapper {
    max-width: 95vw !important;
    right: auto;
    left: 1rem;
    bottom: 6rem;
  }
}
.list-view__header .messagelist__wrapper .messagelist__close {
  position: absolute !important;
  top: 0.5rem;
  right: 0.5rem;
  line-height: 1 !important;
  background: transparent !important;
  color: inherit !important;
  z-index: 10;
  padding: 0.25rem 0.5rem !important;
  font-size: 1.25rem !important;
  opacity: 0.6;
}
@media (hover: hover) and (pointer: fine) {
  .list-view__header .messagelist__wrapper .messagelist__close:hover:not(:disabled), .list-view__header .messagelist__wrapper .messagelist__close:hover:not([disabled]) {
    opacity: 1;
    background: transparent !important;
  }
}
.list-view__header .messagelist__wrapper .messagelist {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: flex-start;
  align-content: flex-start;
  gap: 1rem;
  margin: 0 !important;
}
.list-view__header .messagelist__wrapper .messagelist li {
  max-width: 50vw !important;
  text-align: right;
  padding-right: 3rem !important;
}
@media screen and (max-width: 601px) {
  .list-view__header .messagelist__wrapper .messagelist li {
    max-width: 100% !important;
    text-align: left;
    padding-right: 3rem !important;
  }
}
.list-view__header .messagelist__wrapper .messagelist li a {
  color: inherit !important;
  text-decoration: underline !important;
  font-weight: 600 !important;
}
.list-view__header .messagelist__wrapper .messagelist li a:hover {
  text-decoration: none !important;
}
.list-view__header .messagelist__wrapper .messagelist:has(.error) {
  position: relative;
  padding: 1.5rem 1rem 1rem 1rem;
  border-radius: 0.75rem;
  background: #FFFFFF;
  max-height: 40vh;
  overflow-y: auto;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.13);
  border: 1px solid #FF5757;
  justify-content: flex-start !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
}
.list-view__header .messagelist__wrapper .messagelist:has(.error)::-webkit-scrollbar-track {
  background-color: var(--base);
  margin: 0.5rem 0;
}
.list-view__header .messagelist__wrapper .messagelist:has(.error)::-webkit-scrollbar {
  height: 0.5rem;
  width: 0.5rem;
}
.list-view__header .messagelist__wrapper .messagelist:has(.error)::-webkit-scrollbar-thumb {
  background-color: #BFBFBF !important;
}
.list-view__header .messagelist__wrapper .messagelist:has(.error)::before {
  content: "Something went wrong — please review the errors below";
  order: -2;
  width: 100%;
  font-family: "Inter", sans-serif !important;
  font-size: 1.25rem;
  letter-spacing: -0.0375rem;
  line-height: 1.21;
  font-weight: 700;
  text-transform: initial;
  color: #FF5757;
  margin-bottom: 0.75rem !important;
}
.list-view__header .messagelist__wrapper .messagelist:has(.error) li {
  line-height: 1.1 !important;
  padding: 1rem 3rem 1rem 2.5rem !important;
  text-align: left !important;
}
.list-view__header .messagelist__wrapper .messagelist:has(.error) .error {
  order: -1;
}

.colM .list-view__header {
  position: relative;
  top: auto;
  z-index: initial;
  min-height: 6rem;
}
.colM .list-view__header::before {
  display: none;
}
.colM .list-view__header::after {
  display: none;
}

@media screen and (max-width: 601px) {
  .change-list .select2-container--open:not(.select2-container--below) {
    position: absolute !important;
    width: 88vw !important;
    left: 6vw !important;
  }
}
.change-list .select2-dropdown--below {
  min-width: 250px;
  top: 0.3rem !important;
  border-radius: 0.25rem;
  border: 1px solid #F2F2F2 !important;
  box-shadow: 0 0 0.48571rem 0 rgba(0, 0, 0, 0.15) !important;
}
@media screen and (max-width: 601px) {
  .change-list .select2-dropdown--below {
    min-width: 88vw !important;
  }
}
.change-list #content-main {
  padding: 0 1.5rem;
}
@media screen and (max-width: 601px) {
  .change-list #content-main {
    padding: 0 0.75rem;
  }
}

.changelist-footer {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  padding: 1rem 0 0 0 !important;
  z-index: 0;
}
@media screen and (max-width: 601px) {
  .changelist-footer {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    gap: 1.5rem;
    padding-top: 2rem !important;
  }
}
.changelist-footer .actions {
  display: flex;
  flex-direction: row;
  flex-wrap: norap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  display: flex !important;
  gap: 0.5rem;
}
@media screen and (max-width: 601px) {
  .changelist-footer .actions {
    padding: 0 !important;
  }
}
.changelist-footer .actions .select2 {
  min-width: 12rem !important;
}
.changelist-footer .actions button {
  font-family: "Inter", sans-serif !important;
  background: none !important;
  color: inherit !important;
  border: none !important;
  outline: none !important;
  cursor: pointer !important;
  border-radius: 0.5rem !important;
  font-size: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  font-weight: 500 !important;
  position: relative !important;
  overflow: hidden !important;
  padding: 0.75rem 1rem !important;
  text-transform: initial !important;
  height: auto !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  background: var(--primary) !important;
  color: #FFFFFF !important;
  border: 0.1rem solid var(--primary) !important;
  margin: 0 !important;
}
.changelist-footer .actions button[disabled] {
  opacity: 0.4;
  pointer-events: none !important;
}
@media (hover: hover) and (pointer: fine) {
  .changelist-footer .actions button:hover:not(:disabled), .changelist-footer .actions button:hover:not([disabled]) {
    background: var(--secondary) !important;
    border-color: var(--secondary) !important;
  }
}
.changelist-footer .paginator {
  display: flex;
  flex-direction: row;
  flex-wrap: norap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  font-family: "Inter", sans-serif !important;
  font-size: 0.875rem;
  letter-spacing: -0.02625rem;
  line-height: 1rem;
  position: absolute;
  right: 0;
}
@media screen and (max-width: 601px) {
  .changelist-footer .paginator {
    position: relative;
    right: auto;
  }
}
.changelist-footer .paginator .label {
  padding: 0.75rem 0 0.75rem 1.5rem;
}
.changelist-footer .paginator span {
  margin: 0 !important;
}
.changelist-footer .paginator .this-page {
  background-color: var(--primary) !important;
  color: #FFFFFF !important;
  margin: 0 !important;
  min-width: 2.4rem;
  min-height: 2.4rem;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.changelist-footer .paginator a {
  background-color: var(--base) !important;
  border: 1px solid var(--secondary) !important;
  color: var(--secondary) !important;
  padding: 0.25rem !important;
  border-radius: 0 !important;
  min-width: 2.4rem;
  min-height: 2.4rem;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
@media (hover: hover) and (pointer: fine) {
  .changelist-footer .paginator a:hover {
    color: var(--primary) !important;
    border-color: var(--primary) !important;
  }
}
.changelist-footer .cf {
  width: 100%;
}

.detail-view__header__breadcrumbs {
  display: block !important;
}

.detail-view__header__actions {
  color: #FFFFFF !important;
}
.detail-view__header__actions .addlink {
  font-family: "Inter", sans-serif !important;
  background: none !important;
  color: inherit !important;
  border: none !important;
  outline: none !important;
  cursor: pointer !important;
  border-radius: 0.5rem !important;
  font-size: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  font-weight: 500 !important;
  position: relative !important;
  overflow: hidden !important;
  padding: 0.75rem 1rem !important;
  text-transform: initial !important;
  height: auto !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  background: none !important;
  color: var(--secondary) !important;
  border: 0.1rem solid var(--secondary) !important;
  background: var(--base) !important;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.detail-view__header__actions .addlink[disabled] {
  opacity: 0.4;
  pointer-events: none !important;
}
@media (hover: hover) and (pointer: fine) {
  .detail-view__header__actions .addlink:hover:not(:disabled), .detail-view__header__actions .addlink:hover:not([disabled]) {
    color: var(--primary) !important;
    border-color: var(--primary) !important;
  }
}
.detail-view__header__actions .addlink::before {
  color: inherit !important;
  margin: 0 0 0 0.75rem !important;
  order: 2 !important;
  font-size: 1rem !important;
}
.detail-view__header__actions .button--manage:not(.button--main-action), .detail-view__header__actions .button--duplicate:not(.button--main-action), .detail-view__header__actions .button--api:not(.button--main-action), .detail-view__header__actions .button--create-template:not(.button--main-action), .detail-view__header__actions .button--password:not(.button--main-action), .detail-view__header__actions .button--permissions:not(.button--main-action), .detail-view__header__actions .button--administration:not(.button--main-action), .detail-view__header__actions .button--add-lab:not(.button--main-action), .detail-view__header__actions .button--invite:not(.button--main-action), .detail-view__header__actions .button--export:not(.button--main-action), .detail-view__header__actions .apilink:not(.button--main-action) {
  align-items: center !important;
}
.detail-view__header__actions .button--manage:not(.button--main-action) > i, .detail-view__header__actions .button--duplicate:not(.button--main-action) > i, .detail-view__header__actions .button--api:not(.button--main-action) > i, .detail-view__header__actions .button--create-template:not(.button--main-action) > i, .detail-view__header__actions .button--password:not(.button--main-action) > i, .detail-view__header__actions .button--permissions:not(.button--main-action) > i, .detail-view__header__actions .button--administration:not(.button--main-action) > i, .detail-view__header__actions .button--add-lab:not(.button--main-action) > i, .detail-view__header__actions .button--invite:not(.button--main-action) > i, .detail-view__header__actions .button--export:not(.button--main-action) > i, .detail-view__header__actions .apilink:not(.button--main-action) > i {
  color: #FFFFFF !important;
  display: inline-block !important;
  flex-shrink: 0;
  font-size: 1.05rem !important;
  line-height: 1 !important;
  position: relative !important;
  isolation: isolate;
}
.detail-view__header__actions .button--manage:not(.button--main-action) > i::before, .detail-view__header__actions .button--duplicate:not(.button--main-action) > i::before, .detail-view__header__actions .button--api:not(.button--main-action) > i::before, .detail-view__header__actions .button--create-template:not(.button--main-action) > i::before, .detail-view__header__actions .button--password:not(.button--main-action) > i::before, .detail-view__header__actions .button--permissions:not(.button--main-action) > i::before, .detail-view__header__actions .button--administration:not(.button--main-action) > i::before, .detail-view__header__actions .button--add-lab:not(.button--main-action) > i::before, .detail-view__header__actions .button--invite:not(.button--main-action) > i::before, .detail-view__header__actions .button--export:not(.button--main-action) > i::before, .detail-view__header__actions .apilink:not(.button--main-action) > i::before {
  width: 100%;
  height: 100%;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
}
.detail-view__header__actions .button--manage:not(.button--main-action) > i::after, .detail-view__header__actions .button--duplicate:not(.button--main-action) > i::after, .detail-view__header__actions .button--api:not(.button--main-action) > i::after, .detail-view__header__actions .button--create-template:not(.button--main-action) > i::after, .detail-view__header__actions .button--password:not(.button--main-action) > i::after, .detail-view__header__actions .button--permissions:not(.button--main-action) > i::after, .detail-view__header__actions .button--administration:not(.button--main-action) > i::after, .detail-view__header__actions .button--add-lab:not(.button--main-action) > i::after, .detail-view__header__actions .button--invite:not(.button--main-action) > i::after, .detail-view__header__actions .button--export:not(.button--main-action) > i::after, .detail-view__header__actions .apilink:not(.button--main-action) > i::after {
  content: "";
  width: 1.75rem !important;
  height: 1.75rem !important;
  border-radius: 0.25rem !important;
  background-color: rgba(255, 255, 255, 0.18) !important;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  pointer-events: none;
}
.detail-view__header__actions .button--manage:not(.button--main-action) > i:first-child, .detail-view__header__actions .button--duplicate:not(.button--main-action) > i:first-child, .detail-view__header__actions .button--api:not(.button--main-action) > i:first-child, .detail-view__header__actions .button--create-template:not(.button--main-action) > i:first-child, .detail-view__header__actions .button--password:not(.button--main-action) > i:first-child, .detail-view__header__actions .button--permissions:not(.button--main-action) > i:first-child, .detail-view__header__actions .button--administration:not(.button--main-action) > i:first-child, .detail-view__header__actions .button--add-lab:not(.button--main-action) > i:first-child, .detail-view__header__actions .button--invite:not(.button--main-action) > i:first-child, .detail-view__header__actions .button--export:not(.button--main-action) > i:first-child, .detail-view__header__actions .apilink:not(.button--main-action) > i:first-child {
  margin-right: 1.2rem !important;
}
.detail-view__header__actions .button--manage:not(.button--main-action) > span + i, .detail-view__header__actions .button--duplicate:not(.button--main-action) > span + i, .detail-view__header__actions .button--api:not(.button--main-action) > span + i, .detail-view__header__actions .button--create-template:not(.button--main-action) > span + i, .detail-view__header__actions .button--password:not(.button--main-action) > span + i, .detail-view__header__actions .button--permissions:not(.button--main-action) > span + i, .detail-view__header__actions .button--administration:not(.button--main-action) > span + i, .detail-view__header__actions .button--add-lab:not(.button--main-action) > span + i, .detail-view__header__actions .button--invite:not(.button--main-action) > span + i, .detail-view__header__actions .button--export:not(.button--main-action) > span + i, .detail-view__header__actions .apilink:not(.button--main-action) > span + i {
  margin-left: 1.2rem !important;
}
@media (hover: hover) and (pointer: fine) {
  .detail-view__header__actions .button--manage:not(.button--main-action):hover:not(:disabled) > i::after, .detail-view__header__actions .button--manage:not(.button--main-action):hover:not([disabled]) > i::after, .detail-view__header__actions .button--duplicate:not(.button--main-action):hover:not(:disabled) > i::after, .detail-view__header__actions .button--duplicate:not(.button--main-action):hover:not([disabled]) > i::after, .detail-view__header__actions .button--api:not(.button--main-action):hover:not(:disabled) > i::after, .detail-view__header__actions .button--api:not(.button--main-action):hover:not([disabled]) > i::after, .detail-view__header__actions .button--create-template:not(.button--main-action):hover:not(:disabled) > i::after, .detail-view__header__actions .button--create-template:not(.button--main-action):hover:not([disabled]) > i::after, .detail-view__header__actions .button--password:not(.button--main-action):hover:not(:disabled) > i::after, .detail-view__header__actions .button--password:not(.button--main-action):hover:not([disabled]) > i::after, .detail-view__header__actions .button--permissions:not(.button--main-action):hover:not(:disabled) > i::after, .detail-view__header__actions .button--permissions:not(.button--main-action):hover:not([disabled]) > i::after, .detail-view__header__actions .button--administration:not(.button--main-action):hover:not(:disabled) > i::after, .detail-view__header__actions .button--administration:not(.button--main-action):hover:not([disabled]) > i::after, .detail-view__header__actions .button--add-lab:not(.button--main-action):hover:not(:disabled) > i::after, .detail-view__header__actions .button--add-lab:not(.button--main-action):hover:not([disabled]) > i::after, .detail-view__header__actions .button--invite:not(.button--main-action):hover:not(:disabled) > i::after, .detail-view__header__actions .button--invite:not(.button--main-action):hover:not([disabled]) > i::after, .detail-view__header__actions .button--export:not(.button--main-action):hover:not(:disabled) > i::after, .detail-view__header__actions .button--export:not(.button--main-action):hover:not([disabled]) > i::after, .detail-view__header__actions .apilink:not(.button--main-action):hover:not(:disabled) > i::after, .detail-view__header__actions .apilink:not(.button--main-action):hover:not([disabled]) > i::after {
    background-color: rgba(255, 255, 255, 0.26) !important;
  }
}
@media screen and (max-width: 835px) {
  .detail-view__header__actions .button--manage:not(.button--main-action) span, .detail-view__header__actions .button--duplicate:not(.button--main-action) span, .detail-view__header__actions .button--api:not(.button--main-action) span, .detail-view__header__actions .button--create-template:not(.button--main-action) span, .detail-view__header__actions .button--password:not(.button--main-action) span, .detail-view__header__actions .button--permissions:not(.button--main-action) span, .detail-view__header__actions .button--administration:not(.button--main-action) span, .detail-view__header__actions .button--add-lab:not(.button--main-action) span, .detail-view__header__actions .button--invite:not(.button--main-action) span, .detail-view__header__actions .button--export:not(.button--main-action) span, .detail-view__header__actions .apilink:not(.button--main-action) span {
    display: none;
  }
}
@media screen and (max-width: 835px) {
  .detail-view__header__actions .button--manage:not(.button--main-action), .detail-view__header__actions .button--duplicate:not(.button--main-action), .detail-view__header__actions .button--api:not(.button--main-action), .detail-view__header__actions .button--create-template:not(.button--main-action), .detail-view__header__actions .button--password:not(.button--main-action), .detail-view__header__actions .button--permissions:not(.button--main-action), .detail-view__header__actions .button--administration:not(.button--main-action), .detail-view__header__actions .button--add-lab:not(.button--main-action), .detail-view__header__actions .button--invite:not(.button--main-action), .detail-view__header__actions .button--export:not(.button--main-action), .detail-view__header__actions .apilink:not(.button--main-action) {
    width: 2.8rem !important;
    height: 2.8rem !important;
    box-sizing: border-box !important;
    padding: 0 !important;
    justify-content: center !important;
  }
  .detail-view__header__actions .button--manage:not(.button--main-action) > i:first-child, .detail-view__header__actions .button--manage:not(.button--main-action) > span + i, .detail-view__header__actions .button--duplicate:not(.button--main-action) > i:first-child, .detail-view__header__actions .button--duplicate:not(.button--main-action) > span + i, .detail-view__header__actions .button--api:not(.button--main-action) > i:first-child, .detail-view__header__actions .button--api:not(.button--main-action) > span + i, .detail-view__header__actions .button--create-template:not(.button--main-action) > i:first-child, .detail-view__header__actions .button--create-template:not(.button--main-action) > span + i, .detail-view__header__actions .button--password:not(.button--main-action) > i:first-child, .detail-view__header__actions .button--password:not(.button--main-action) > span + i, .detail-view__header__actions .button--permissions:not(.button--main-action) > i:first-child, .detail-view__header__actions .button--permissions:not(.button--main-action) > span + i, .detail-view__header__actions .button--administration:not(.button--main-action) > i:first-child, .detail-view__header__actions .button--administration:not(.button--main-action) > span + i, .detail-view__header__actions .button--add-lab:not(.button--main-action) > i:first-child, .detail-view__header__actions .button--add-lab:not(.button--main-action) > span + i, .detail-view__header__actions .button--invite:not(.button--main-action) > i:first-child, .detail-view__header__actions .button--invite:not(.button--main-action) > span + i, .detail-view__header__actions .button--export:not(.button--main-action) > i:first-child, .detail-view__header__actions .button--export:not(.button--main-action) > span + i, .detail-view__header__actions .apilink:not(.button--main-action) > i:first-child, .detail-view__header__actions .apilink:not(.button--main-action) > span + i {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .detail-view__header__actions .button--manage:not(.button--main-action) > i, .detail-view__header__actions .button--duplicate:not(.button--main-action) > i, .detail-view__header__actions .button--api:not(.button--main-action) > i, .detail-view__header__actions .button--create-template:not(.button--main-action) > i, .detail-view__header__actions .button--password:not(.button--main-action) > i, .detail-view__header__actions .button--permissions:not(.button--main-action) > i, .detail-view__header__actions .button--administration:not(.button--main-action) > i, .detail-view__header__actions .button--add-lab:not(.button--main-action) > i, .detail-view__header__actions .button--invite:not(.button--main-action) > i, .detail-view__header__actions .button--export:not(.button--main-action) > i, .detail-view__header__actions .apilink:not(.button--main-action) > i {
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 1.05rem !important;
  }
  .detail-view__header__actions .button--manage:not(.button--main-action) > i::before, .detail-view__header__actions .button--duplicate:not(.button--main-action) > i::before, .detail-view__header__actions .button--api:not(.button--main-action) > i::before, .detail-view__header__actions .button--create-template:not(.button--main-action) > i::before, .detail-view__header__actions .button--password:not(.button--main-action) > i::before, .detail-view__header__actions .button--permissions:not(.button--main-action) > i::before, .detail-view__header__actions .button--administration:not(.button--main-action) > i::before, .detail-view__header__actions .button--add-lab:not(.button--main-action) > i::before, .detail-view__header__actions .button--invite:not(.button--main-action) > i::before, .detail-view__header__actions .button--export:not(.button--main-action) > i::before, .detail-view__header__actions .apilink:not(.button--main-action) > i::before {
    display: flex !important;
    line-height: 1 !important;
    transform: translateX(-0.12rem);
  }
  .detail-view__header__actions .button--manage:not(.button--main-action) > i::after, .detail-view__header__actions .button--duplicate:not(.button--main-action) > i::after, .detail-view__header__actions .button--api:not(.button--main-action) > i::after, .detail-view__header__actions .button--create-template:not(.button--main-action) > i::after, .detail-view__header__actions .button--password:not(.button--main-action) > i::after, .detail-view__header__actions .button--permissions:not(.button--main-action) > i::after, .detail-view__header__actions .button--administration:not(.button--main-action) > i::after, .detail-view__header__actions .button--add-lab:not(.button--main-action) > i::after, .detail-view__header__actions .button--invite:not(.button--main-action) > i::after, .detail-view__header__actions .button--export:not(.button--main-action) > i::after, .detail-view__header__actions .apilink:not(.button--main-action) > i::after {
    display: none !important;
  }
}
.detail-view__header__actions .exportlink--with-dropdown {
  overflow: visible !important;
  position: relative;
  display: inline-flex !important;
  align-items: center;
  gap: 0 !important;
  padding-right: 0 !important;
}
.detail-view__header__actions .exportlink--with-dropdown > i {
  color: #FFFFFF !important;
  display: inline-block !important;
  flex-shrink: 0;
  font-size: 1.05rem !important;
  line-height: 1 !important;
  position: relative !important;
  isolation: isolate;
  margin-right: 0.75rem !important;
}
.detail-view__header__actions .exportlink--with-dropdown > i::before {
  width: 100%;
  height: 100%;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
}
.detail-view__header__actions .exportlink--with-dropdown > i::after {
  content: "";
  width: 1.75rem !important;
  height: 1.75rem !important;
  border-radius: 0.25rem !important;
  background-color: rgba(255, 255, 255, 0.18) !important;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  pointer-events: none;
}
.detail-view__header__actions .exportlink--with-dropdown span {
  padding-right: 0.75rem;
}
@media screen and (max-width: 835px) {
  .detail-view__header__actions .exportlink--with-dropdown span {
    display: none;
  }
}
@media screen and (max-width: 835px) {
  .detail-view__header__actions .exportlink--with-dropdown {
    width: 4.6rem !important;
    height: 2.8rem !important;
    box-sizing: border-box !important;
    padding: 0 !important;
    justify-content: stretch !important;
  }
  .detail-view__header__actions .exportlink--with-dropdown > i {
    width: 2.45rem !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 1.05rem !important;
    margin: 0 !important;
  }
  .detail-view__header__actions .exportlink--with-dropdown > i::before {
    display: flex !important;
    line-height: 1 !important;
    transform: translateX(-0.12rem);
  }
  .detail-view__header__actions .exportlink--with-dropdown > i::after {
    display: none !important;
  }
}
.detail-view__header__actions .exportlink--with-dropdown::after {
  content: "\f078";
  font-size: 0.75rem !important;
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  transition: transform 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  padding: 0 0.75rem;
  border-left: 1px solid rgba(255, 255, 255, 0.25);
}
@media screen and (max-width: 835px) {
  .detail-view__header__actions .exportlink--with-dropdown::after {
    width: 2.15rem !important;
    padding: 0 !important;
    flex-shrink: 0;
    border-radius: 0 0.5rem 0.5rem 0 !important;
  }
}
.detail-view__header__actions .exportlink--with-dropdown .exportlink__dropdown {
  width: auto;
  min-width: 175px;
  background: #FFFFFF;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  gap: 0.25rem;
  padding: 0.75rem 0.5rem;
  border-radius: 0.5rem;
  position: absolute;
  top: 100%;
  right: 0;
  box-shadow: 0 0.4rem 1rem rgba(0, 0, 0, 0.1);
  visibility: hidden;
  opacity: 0;
  transform: translateY(-1rem);
  transition: all 0.3s ease-out;
  z-index: 100;
}
@media screen and (max-width: 601px) {
  .detail-view__header__actions .exportlink--with-dropdown .exportlink__dropdown {
    top: auto;
    bottom: 100%;
    transform: translateY(1rem);
    border-radius: 0.5rem 0.5rem 0.5rem 0;
  }
}
.detail-view__header__actions .exportlink--with-dropdown .exportlink__dropdown .exportlink__dropdown__option {
  background: none;
  border: none;
  border-radius: 0;
  height: auto;
  line-height: 1.2;
  outline: none;
  padding: 0.5rem;
  color: #1A1B1C !important;
  text-align: left;
  font-size: 0.9rem !important;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.detail-view__header__actions .exportlink--with-dropdown .exportlink__dropdown .exportlink__dropdown__option i {
  width: 1rem;
  text-align: center;
}
@media (hover: hover) and (pointer: fine) {
  .detail-view__header__actions .exportlink--with-dropdown .exportlink__dropdown .exportlink__dropdown__option:hover {
    background: var(--base);
    color: var(--primary) !important;
  }
}
.detail-view__header__actions .exportlink--with-dropdown.expanded {
  background: var(--primary) !important;
  border-color: var(--primary) !important;
}
.detail-view__header__actions .exportlink--with-dropdown.expanded .exportlink__dropdown {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}
@media screen and (min-width: 601px) {
  .detail-view__header__actions .exportlink--with-dropdown.expanded::after {
    transform: rotateX(180deg);
  }
}

.detail-view__content .detail-view__form .form__wrapper, .detail-view__content .detail-view__form div:not([class]), .detail-view__content form .form__wrapper, .detail-view__content form div:not([class]) {
  display: flex;
  flex-direction: column;
}
.detail-view__content .detail-view__form .form__wrapper .custom-fieldset, .detail-view__content .detail-view__form .form__wrapper fieldset.module, .detail-view__content .detail-view__form .form__wrapper .detail-viewmodule, .detail-view__content .detail-view__form div:not([class]) .custom-fieldset, .detail-view__content .detail-view__form div:not([class]) fieldset.module, .detail-view__content .detail-view__form div:not([class]) .detail-viewmodule, .detail-view__content form .form__wrapper .custom-fieldset, .detail-view__content form .form__wrapper fieldset.module, .detail-view__content form .form__wrapper .detail-viewmodule, .detail-view__content form div:not([class]) .custom-fieldset, .detail-view__content form div:not([class]) fieldset.module, .detail-view__content form div:not([class]) .detail-viewmodule {
  height: auto;
  overflow: hidden;
  padding-bottom: 10rem !important;
}
@media screen and (max-width: 601px) {
  .detail-view__content .detail-view__form .form__wrapper .custom-fieldset, .detail-view__content .detail-view__form .form__wrapper fieldset.module, .detail-view__content .detail-view__form .form__wrapper .detail-viewmodule, .detail-view__content .detail-view__form div:not([class]) .custom-fieldset, .detail-view__content .detail-view__form div:not([class]) fieldset.module, .detail-view__content .detail-view__form div:not([class]) .detail-viewmodule, .detail-view__content form .form__wrapper .custom-fieldset, .detail-view__content form .form__wrapper fieldset.module, .detail-view__content form .form__wrapper .detail-viewmodule, .detail-view__content form div:not([class]) .custom-fieldset, .detail-view__content form div:not([class]) fieldset.module, .detail-view__content form div:not([class]) .detail-viewmodule {
    min-width: 0;
  }
}
.detail-view__content .detail-view__form .form__wrapper .custom-fieldset::-webkit-scrollbar-track, .detail-view__content .detail-view__form .form__wrapper fieldset.module::-webkit-scrollbar-track, .detail-view__content .detail-view__form .form__wrapper .detail-viewmodule::-webkit-scrollbar-track, .detail-view__content .detail-view__form div:not([class]) .custom-fieldset::-webkit-scrollbar-track, .detail-view__content .detail-view__form div:not([class]) fieldset.module::-webkit-scrollbar-track, .detail-view__content .detail-view__form div:not([class]) .detail-viewmodule::-webkit-scrollbar-track, .detail-view__content form .form__wrapper .custom-fieldset::-webkit-scrollbar-track, .detail-view__content form .form__wrapper fieldset.module::-webkit-scrollbar-track, .detail-view__content form .form__wrapper .detail-viewmodule::-webkit-scrollbar-track, .detail-view__content form div:not([class]) .custom-fieldset::-webkit-scrollbar-track, .detail-view__content form div:not([class]) fieldset.module::-webkit-scrollbar-track, .detail-view__content form div:not([class]) .detail-viewmodule::-webkit-scrollbar-track {
  background-color: #BFBFBF;
  margin: 1rem 0;
}
.detail-view__content .detail-view__form .form__wrapper .custom-fieldset::-webkit-scrollbar, .detail-view__content .detail-view__form .form__wrapper fieldset.module::-webkit-scrollbar, .detail-view__content .detail-view__form .form__wrapper .detail-viewmodule::-webkit-scrollbar, .detail-view__content .detail-view__form div:not([class]) .custom-fieldset::-webkit-scrollbar, .detail-view__content .detail-view__form div:not([class]) fieldset.module::-webkit-scrollbar, .detail-view__content .detail-view__form div:not([class]) .detail-viewmodule::-webkit-scrollbar, .detail-view__content form .form__wrapper .custom-fieldset::-webkit-scrollbar, .detail-view__content form .form__wrapper fieldset.module::-webkit-scrollbar, .detail-view__content form .form__wrapper .detail-viewmodule::-webkit-scrollbar, .detail-view__content form div:not([class]) .custom-fieldset::-webkit-scrollbar, .detail-view__content form div:not([class]) fieldset.module::-webkit-scrollbar, .detail-view__content form div:not([class]) .detail-viewmodule::-webkit-scrollbar {
  height: 1rem;
  width: 1rem;
}
.detail-view__content .detail-view__form .form__wrapper .custom-fieldset::-webkit-scrollbar-thumb, .detail-view__content .detail-view__form .form__wrapper fieldset.module::-webkit-scrollbar-thumb, .detail-view__content .detail-view__form .form__wrapper .detail-viewmodule::-webkit-scrollbar-thumb, .detail-view__content .detail-view__form div:not([class]) .custom-fieldset::-webkit-scrollbar-thumb, .detail-view__content .detail-view__form div:not([class]) fieldset.module::-webkit-scrollbar-thumb, .detail-view__content .detail-view__form div:not([class]) .detail-viewmodule::-webkit-scrollbar-thumb, .detail-view__content form .form__wrapper .custom-fieldset::-webkit-scrollbar-thumb, .detail-view__content form .form__wrapper fieldset.module::-webkit-scrollbar-thumb, .detail-view__content form .form__wrapper .detail-viewmodule::-webkit-scrollbar-thumb, .detail-view__content form div:not([class]) .custom-fieldset::-webkit-scrollbar-thumb, .detail-view__content form div:not([class]) fieldset.module::-webkit-scrollbar-thumb, .detail-view__content form div:not([class]) .detail-viewmodule::-webkit-scrollbar-thumb {
  background-color: var(--primary);
}

.aligned label + p {
  margin: 0 !important;
  padding: 0 !important;
}

.detail-view__form div:not([class]).no-tabs fieldset, .detail-view__form .form__wrapper.no-tabs fieldset {
  display: flex !important;
}
.detail-view__form div:not([class]) fieldset:not(.search-module) .form-row, .detail-view__form .form__wrapper fieldset:not(.search-module) .form-row {
  color: #8D8B9F;
}
.detail-view__form div:not([class]) fieldset:not(.search-module) .form-row:not(.detail-view__inline__header, .detail-view__inline__header__actions), .detail-view__form .form__wrapper fieldset:not(.search-module) .form-row:not(.detail-view__inline__header, .detail-view__inline__header__actions) {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: 0.5rem;
}
.detail-view__form div:not([class]) fieldset:not(.search-module) .form-row a:not([class], :empty), .detail-view__form .form__wrapper fieldset:not(.search-module) .form-row a:not([class], :empty) {
  border-radius: 0.25rem !important;
  background: #E8F0FF !important;
  color: #4550B6 !important;
  padding: 0 0.5rem !important;
  font-family: "Inter", sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.21 !important;
  letter-spacing: -0.03rem !important;
  line-height: 1.5 !important;
  display: -webkit-inline-box !important;
  -webkit-line-clamp: 1 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-align: center;
  display: block;
}
@media screen and (max-width: 601px) {
  .detail-view__form div:not([class]) fieldset:not(.search-module) .form-row a:not([class], :empty), .detail-view__form .form__wrapper fieldset:not(.search-module) .form-row a:not([class], :empty) {
    line-height: 1.5;
  }
}
@media (hover: hover) and (pointer: fine) {
  .detail-view__form div:not([class]) fieldset:not(.search-module) .form-row a:not([class], :empty):hover, .detail-view__form .form__wrapper fieldset:not(.search-module) .form-row a:not([class], :empty):hover {
    background: rgba(232, 240, 255, 0.5) !important;
  }
}
.detail-view__form div:not([class]) fieldset:not(.search-module) .form-row p, .detail-view__form .form__wrapper fieldset:not(.search-module) .form-row p {
  vertical-align: middle;
  display: flex;
  color: #8D8B9F;
}
.detail-view__form div:not([class]) fieldset:not(.search-module) .form-row div:not([class]), .detail-view__form .form__wrapper fieldset:not(.search-module) .form-row div:not([class]) {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: 0.5rem;
}
.detail-view__form div:not([class]) fieldset:not(.search-module) .form-row div:not([class]):has(table), .detail-view__form .form__wrapper fieldset:not(.search-module) .form-row div:not([class]):has(table) {
  align-items: flex-start;
  align-content: flex-start;
}
.detail-view__form div:not([class]) fieldset:not(.search-module) .form-row div:not([class]):has(table) label, .detail-view__form .form__wrapper fieldset:not(.search-module) .form-row div:not([class]):has(table) label {
  padding-top: 0.4rem !important;
}
.detail-view__form div:not([class]) fieldset:not(.search-module) .form-row div:not([class]) div:not([class]), .detail-view__form .form__wrapper fieldset:not(.search-module) .form-row div:not([class]) div:not([class]) {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  gap: 1rem;
}
.detail-view__form div:not([class]) fieldset:not(.search-module) .form-row div:not([class]) div:not([class]):has(table), .detail-view__form .form__wrapper fieldset:not(.search-module) .form-row div:not([class]) div:not([class]):has(table) {
  align-items: flex-start;
  align-content: flex-start;
}
.detail-view__form div:not([class]) fieldset:not(.search-module) .form-row div:not([class]) div:not([class]):has(table) label, .detail-view__form .form__wrapper fieldset:not(.search-module) .form-row div:not([class]) div:not([class]):has(table) label {
  padding-top: 0.4rem !important;
}
.detail-view__form div:not([class]) fieldset:not(.search-module) .form-row div:not([class]) .related-widget-wrapper, .detail-view__form .form__wrapper fieldset:not(.search-module) .form-row div:not([class]) .related-widget-wrapper {
  width: auto;
}
.detail-view__form div:not([class]) fieldset:not(.search-module) .form-row label, .detail-view__form .form__wrapper fieldset:not(.search-module) .form-row label {
  padding: 0 !important;
  width: auto !important;
}
@media screen and (max-width: 601px) {
  .detail-view__form div:not([class]) fieldset:not(.search-module) .form-row label, .detail-view__form .form__wrapper fieldset:not(.search-module) .form-row label {
    width: 100% !important;
  }
}
.detail-view__form div:not([class]) fieldset:not(.search-module) .form-row input:read-only, .detail-view__form .form__wrapper fieldset:not(.search-module) .form-row input:read-only {
  width: auto !important;
  border: none !important;
  padding: 0 !important;
  font-weight: 400 !important;
  color: #8D8B9F !important;
}
@media screen and (max-width: 601px) {
  .detail-view__form div:not([class]) fieldset:not(.search-module) .form-row input:read-only, .detail-view__form .form__wrapper fieldset:not(.search-module) .form-row input:read-only {
    width: 100% !important;
  }
}
.detail-view__form div:not([class]) fieldset:not(.search-module) .form-row:not:has(.detail-view__inline__header):has(p) label, .detail-view__form .form__wrapper fieldset:not(.search-module) .form-row:not:has(.detail-view__inline__header):has(p) label {
  width: 100% !important;
}
.detail-view__form div:not([class]) fieldset:not(.search-module) .form-row:not(.field-description) ul, .detail-view__form .form__wrapper fieldset:not(.search-module) .form-row:not(.field-description) ul {
  margin: 0 !important;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: 0.75rem;
  padding: 0 !important;
}
.detail-view__form div:not([class]) fieldset:not(.search-module) .form-row:not(.field-description) ul a, .detail-view__form .form__wrapper fieldset:not(.search-module) .form-row:not(.field-description) ul a {
  border-radius: 0.25rem !important;
  background: #E8F0FF !important;
  color: #4550B6 !important;
  padding: 0 0.5rem !important;
  font-family: "Inter", sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.21 !important;
  letter-spacing: -0.03rem !important;
  line-height: 1.5 !important;
  display: -webkit-inline-box !important;
  -webkit-line-clamp: 1 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-align: center;
  display: block;
}
@media screen and (max-width: 601px) {
  .detail-view__form div:not([class]) fieldset:not(.search-module) .form-row:not(.field-description) ul a, .detail-view__form .form__wrapper fieldset:not(.search-module) .form-row:not(.field-description) ul a {
    line-height: 1.5;
  }
}
@media (hover: hover) and (pointer: fine) {
  .detail-view__form div:not([class]) fieldset:not(.search-module) .form-row:not(.field-description) ul a:hover, .detail-view__form .form__wrapper fieldset:not(.search-module) .form-row:not(.field-description) ul a:hover {
    background: rgba(232, 240, 255, 0.5) !important;
  }
}
.detail-view__form div:not([class]) fieldset:not(.search-module) .form-row:not(.field-description) ul li, .detail-view__form .form__wrapper fieldset:not(.search-module) .form-row:not(.field-description) ul li {
  display: flex;
}
.detail-view__form div:not([class]) fieldset:not(.search-module) .form-row table, .detail-view__form .form__wrapper fieldset:not(.search-module) .form-row table {
  box-shadow: none !important;
}
.detail-view__form div:not([class]) fieldset:not(.search-module) .form-row table th, .detail-view__form .form__wrapper fieldset:not(.search-module) .form-row table th {
  background: var(--base);
  color: #8D8B9F;
  font-weight: 600;
  padding: 0.5rem 1rem;
  border-radius: 0 !important;
  text-transform: initial;
  font-family: "Inter", sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.21 !important;
  letter-spacing: -0.03rem !important;
}
@media screen and (max-width: 601px) {
  .detail-view__form div:not([class]) fieldset:not(.search-module) .form-row table th, .detail-view__form .form__wrapper fieldset:not(.search-module) .form-row table th {
    line-height: 1.5;
  }
}
.detail-view__form div:not([class]) fieldset:not(.search-module) .form-row table th:first-child, .detail-view__form .form__wrapper fieldset:not(.search-module) .form-row table th:first-child {
  border-radius: 0.75rem 0 0 0;
}
.detail-view__form div:not([class]) fieldset:not(.search-module) .form-row table th:last-child, .detail-view__form .form__wrapper fieldset:not(.search-module) .form-row table th:last-child {
  border-radius: 0 0.75rem 0 0;
}
.detail-view__form div:not([class]) fieldset:not(.search-module) .form-row table th .sortoptions, .detail-view__form .form__wrapper fieldset:not(.search-module) .form-row table th .sortoptions {
  color: var(--secondary) !important;
}
.detail-view__form div:not([class]) fieldset:not(.search-module) .form-row table td, .detail-view__form .form__wrapper fieldset:not(.search-module) .form-row table td {
  font-family: "Inter", sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.21 !important;
  letter-spacing: -0.03rem !important;
  padding: 0.5rem 1rem !important;
  border-bottom: 1px solid rgba(141, 139, 159, 0.5);
  vertical-align: middle;
}
@media screen and (max-width: 601px) {
  .detail-view__form div:not([class]) fieldset:not(.search-module) .form-row table td, .detail-view__form .form__wrapper fieldset:not(.search-module) .form-row table td {
    line-height: 1.5;
  }
}
.detail-view__form div:not([class]) fieldset:not(.search-module) .form-row table td:first-child, .detail-view__form .form__wrapper fieldset:not(.search-module) .form-row table td:first-child {
  padding: 1.5rem;
}
.detail-view__form div:not([class]) fieldset:not(.search-module) .form-row table tr:last-child:not(:nth-child(2)) td, .detail-view__form .form__wrapper fieldset:not(.search-module) .form-row table tr:last-child:not(:nth-child(2)) td {
  border-bottom: none;
}
.detail-view__form div:not([class]) fieldset:not(.search-module) .form-row table a, .detail-view__form .form__wrapper fieldset:not(.search-module) .form-row table a {
  background: none !important;
  color: #4550B6 !important;
}
@media (hover: hover) and (pointer: fine) {
  .detail-view__form div:not([class]) fieldset:not(.search-module) .form-row table a:hover, .detail-view__form .form__wrapper fieldset:not(.search-module) .form-row table a:hover {
    color: var(--secondary) !important;
    text-decoration: none !important;
  }
}
.detail-view__form div:not([class]) fieldset:not(.search-module) .form-row:has(.field-box), .detail-view__form .form__wrapper fieldset:not(.search-module) .form-row:has(.field-box) {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start !important;
  align-content: flex-start;
  gap: 0 !important;
}
@media screen and (max-width: 601px) {
  .detail-view__form div:not([class]) fieldset:not(.search-module) .form-row:has(.field-box), .detail-view__form .form__wrapper fieldset:not(.search-module) .form-row:has(.field-box) {
    flex-direction: column;
  }
}
.detail-view__form div:not([class]) fieldset:not(.search-module) .form-row:has(.field-box) .field-box div:not([class]) p, .detail-view__form .form__wrapper fieldset:not(.search-module) .form-row:has(.field-box) .field-box div:not([class]) p {
  margin: 0;
  padding: 0;
}
.detail-view__form div:not([class]) fieldset:not(.search-module) .form-row.field-name input, .detail-view__form .form__wrapper fieldset:not(.search-module) .form-row.field-name input {
  color: #393843 !important;
}
.detail-view__form div:not([class]) fieldset:not(.search-module) .form-row.field-description div:not([class]), .detail-view__form .form__wrapper fieldset:not(.search-module) .form-row.field-description div:not([class]) {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
}
.detail-view__form div:not([class]) fieldset:not(.search-module) .form-row.field-description .rich-text, .detail-view__form .form__wrapper fieldset:not(.search-module) .form-row.field-description .rich-text {
  color: #393843 !important;
}
.detail-view__form div:not([class]) fieldset:not(.search-module) .form-row.field-description .rich-text p, .detail-view__form .form__wrapper fieldset:not(.search-module) .form-row.field-description .rich-text p {
  display: block !important;
  color: inherit !important;
  padding: 0 !important;
  margin: 0.9em 0 1em;
}
.detail-view__form div:not([class]) fieldset:not(.search-module) .form-row.field-description .rich-text div:not([class]), .detail-view__form .form__wrapper fieldset:not(.search-module) .form-row.field-description .rich-text div:not([class]) {
  display: block !important;
}
.detail-view__form div:not([class]) fieldset:not(.search-module) .form-row.field-description .rich-text strong, .detail-view__form div:not([class]) fieldset:not(.search-module) .form-row.field-description .rich-text b, .detail-view__form .form__wrapper fieldset:not(.search-module) .form-row.field-description .rich-text strong, .detail-view__form .form__wrapper fieldset:not(.search-module) .form-row.field-description .rich-text b {
  font-weight: 700 !important;
}
.detail-view__form div:not([class]) fieldset:not(.search-module) .form-row.field-description .rich-text em, .detail-view__form div:not([class]) fieldset:not(.search-module) .form-row.field-description .rich-text i, .detail-view__form .form__wrapper fieldset:not(.search-module) .form-row.field-description .rich-text em, .detail-view__form .form__wrapper fieldset:not(.search-module) .form-row.field-description .rich-text i {
  font-style: italic !important;
}
.detail-view__form div:not([class]) fieldset:not(.search-module) .form-row.field-description .rich-text sup, .detail-view__form .form__wrapper fieldset:not(.search-module) .form-row.field-description .rich-text sup {
  vertical-align: super !important;
  font-size: smaller !important;
}
.detail-view__form div:not([class]) fieldset:not(.search-module) .form-row.field-description .rich-text sub, .detail-view__form .form__wrapper fieldset:not(.search-module) .form-row.field-description .rich-text sub {
  vertical-align: sub !important;
  font-size: smaller !important;
}
.detail-view__form div:not([class]) fieldset:not(.search-module) .form-row.field-description .rich-text a, .detail-view__form .form__wrapper fieldset:not(.search-module) .form-row.field-description .rich-text a {
  display: inline !important;
  padding: 0 !important;
  background: none !important;
  border-radius: 0 !important;
  color: var(--primary) !important;
  font: inherit !important;
  letter-spacing: inherit !important;
  text-align: inherit !important;
  text-decoration: underline !important;
  overflow: visible !important;
  -webkit-line-clamp: unset !important;
}
@media (hover: hover) and (pointer: fine) {
  .detail-view__form div:not([class]) fieldset:not(.search-module) .form-row.field-description .rich-text a:hover, .detail-view__form .form__wrapper fieldset:not(.search-module) .form-row.field-description .rich-text a:hover {
    color: var(--secondary) !important;
    background: none !important;
  }
}
.detail-view__form div:not([class]) fieldset:not(.search-module) .form-row.field-description .rich-text ul, .detail-view__form div:not([class]) fieldset:not(.search-module) .form-row.field-description .rich-text ol, .detail-view__form .form__wrapper fieldset:not(.search-module) .form-row.field-description .rich-text ul, .detail-view__form .form__wrapper fieldset:not(.search-module) .form-row.field-description .rich-text ol {
  margin: 0 0 1.5rem !important;
  padding-left: 3rem !important;
}
.detail-view__form div:not([class]) fieldset:not(.search-module) .form-row.field-description .rich-text ul, .detail-view__form div:not([class]) fieldset:not(.search-module) .form-row.field-description .rich-text ul li, .detail-view__form .form__wrapper fieldset:not(.search-module) .form-row.field-description .rich-text ul, .detail-view__form .form__wrapper fieldset:not(.search-module) .form-row.field-description .rich-text ul li {
  list-style: disc !important;
}
.detail-view__form div:not([class]) fieldset:not(.search-module) .form-row.field-description .rich-text ul ul, .detail-view__form div:not([class]) fieldset:not(.search-module) .form-row.field-description .rich-text ul ul li, .detail-view__form .form__wrapper fieldset:not(.search-module) .form-row.field-description .rich-text ul ul, .detail-view__form .form__wrapper fieldset:not(.search-module) .form-row.field-description .rich-text ul ul li {
  list-style: circle !important;
}
.detail-view__form div:not([class]) fieldset:not(.search-module) .form-row.field-description .rich-text ol, .detail-view__form div:not([class]) fieldset:not(.search-module) .form-row.field-description .rich-text ol li, .detail-view__form .form__wrapper fieldset:not(.search-module) .form-row.field-description .rich-text ol, .detail-view__form .form__wrapper fieldset:not(.search-module) .form-row.field-description .rich-text ol li {
  list-style: decimal !important;
}
.detail-view__form div:not([class]) fieldset:not(.search-module) .form-row.field-description .rich-text li, .detail-view__form .form__wrapper fieldset:not(.search-module) .form-row.field-description .rich-text li {
  display: list-item !important;
}
.detail-view__form div:not([class]) fieldset:not(.search-module) .form-row.field-description .rich-text h1, .detail-view__form div:not([class]) fieldset:not(.search-module) .form-row.field-description .rich-text h2, .detail-view__form .form__wrapper fieldset:not(.search-module) .form-row.field-description .rich-text h1, .detail-view__form .form__wrapper fieldset:not(.search-module) .form-row.field-description .rich-text h2 {
  font-size: 2rem !important;
}
.detail-view__form div:not([class]) fieldset:not(.search-module) .form-row.field-description .rich-text h3, .detail-view__form .form__wrapper fieldset:not(.search-module) .form-row.field-description .rich-text h3 {
  font-size: 1.5rem !important;
}
.detail-view__form div:not([class]) fieldset:not(.search-module) .form-row.field-description .rich-text h4, .detail-view__form .form__wrapper fieldset:not(.search-module) .form-row.field-description .rich-text h4 {
  font-size: 1.25rem !important;
}
.detail-view__form div:not([class]) fieldset:not(.search-module) .form-row.field-description .rich-text h5, .detail-view__form div:not([class]) fieldset:not(.search-module) .form-row.field-description .rich-text h6, .detail-view__form .form__wrapper fieldset:not(.search-module) .form-row.field-description .rich-text h5, .detail-view__form .form__wrapper fieldset:not(.search-module) .form-row.field-description .rich-text h6 {
  font-size: 1rem !important;
}
.detail-view__form div:not([class]) fieldset:not(.search-module) .form-row.field-description .rich-text h1, .detail-view__form div:not([class]) fieldset:not(.search-module) .form-row.field-description .rich-text h2, .detail-view__form div:not([class]) fieldset:not(.search-module) .form-row.field-description .rich-text h3, .detail-view__form div:not([class]) fieldset:not(.search-module) .form-row.field-description .rich-text h4, .detail-view__form div:not([class]) fieldset:not(.search-module) .form-row.field-description .rich-text h5, .detail-view__form div:not([class]) fieldset:not(.search-module) .form-row.field-description .rich-text h6, .detail-view__form .form__wrapper fieldset:not(.search-module) .form-row.field-description .rich-text h1, .detail-view__form .form__wrapper fieldset:not(.search-module) .form-row.field-description .rich-text h2, .detail-view__form .form__wrapper fieldset:not(.search-module) .form-row.field-description .rich-text h3, .detail-view__form .form__wrapper fieldset:not(.search-module) .form-row.field-description .rich-text h4, .detail-view__form .form__wrapper fieldset:not(.search-module) .form-row.field-description .rich-text h5, .detail-view__form .form__wrapper fieldset:not(.search-module) .form-row.field-description .rich-text h6 {
  display: block !important;
  width: auto !important;
  margin: 1em 0 0.5em !important;
  padding: 0 !important;
  border: 0 !important;
  font-family: "Inter", sans-serif !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  letter-spacing: -0.03em !important;
  text-transform: initial !important;
  color: inherit !important;
}
.detail-view__form div:not([class]) fieldset:not(.search-module) .form-row.field-description .rich-text > :first-child, .detail-view__form .form__wrapper fieldset:not(.search-module) .form-row.field-description .rich-text > :first-child {
  margin-top: 0 !important;
}
.detail-view__form div:not([class]) fieldset:not(.search-module) .form-row.field-description .rich-text blockquote, .detail-view__form .form__wrapper fieldset:not(.search-module) .form-row.field-description .rich-text blockquote {
  quotes: initial;
  padding: 1rem;
  margin: 1rem 0 1.5rem 0;
  border-left: 5px solid var(--base);
  background: rgba(0, 0, 0, 0.025);
  font-style: oblique;
}
.detail-view__form div:not([class]) fieldset:not(.search-module) .form-row.field-extra_content_json span, .detail-view__form .form__wrapper fieldset:not(.search-module) .form-row.field-extra_content_json span {
  border-radius: 0.25rem !important;
  background: var(--base) !important;
  border: 1px solid var(--base) !important;
  color: var(--secondary) !important;
  padding: 0.25rem 0.5rem !important;
  font-family: "Inter", sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.21 !important;
  letter-spacing: -0.03rem !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 1 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  padding: 0.25rem 0.5rem 0.15rem !important;
  font-size: 0.85rem !important;
  letter-spacing: -0.03rem !important;
  text-align: left !important;
  display: inline-block !important;
  background: #F2F2F2 !important;
  color: rgba(57, 56, 67, 0.8) !important;
  cursor: initial;
  pointer-events: none !important;
}
@media screen and (max-width: 601px) {
  .detail-view__form div:not([class]) fieldset:not(.search-module) .form-row.field-extra_content_json span, .detail-view__form .form__wrapper fieldset:not(.search-module) .form-row.field-extra_content_json span {
    line-height: 1.5;
  }
}
@media screen and (max-width: 601px) {
  .detail-view__form div:not([class]) fieldset:not(.search-module) .form-row.field-extra_content_json span, .detail-view__form .form__wrapper fieldset:not(.search-module) .form-row.field-extra_content_json span {
    white-space: nowrap;
  }
}
.detail-view__form div:not([class]) fieldset:not(.search-module) .form-row.field-hardwaredevice_supplier.field-hardwaredevice, .detail-view__form div:not([class]) fieldset:not(.search-module) .form-row.field-consumable_supplier.field-consumable, .detail-view__form div:not([class]) fieldset:not(.search-module) .form-row.field-consumablestock_inventory.field-consumablestock, .detail-view__form div:not([class]) fieldset:not(.search-module) .form-row.field-target_regions_atlas.field-target_regions, .detail-view__form div:not([class]) fieldset:not(.search-module) .form-row.field-species, .detail-view__form .form__wrapper fieldset:not(.search-module) .form-row.field-hardwaredevice_supplier.field-hardwaredevice, .detail-view__form .form__wrapper fieldset:not(.search-module) .form-row.field-consumable_supplier.field-consumable, .detail-view__form .form__wrapper fieldset:not(.search-module) .form-row.field-consumablestock_inventory.field-consumablestock, .detail-view__form .form__wrapper fieldset:not(.search-module) .form-row.field-target_regions_atlas.field-target_regions, .detail-view__form .form__wrapper fieldset:not(.search-module) .form-row.field-species {
  flex-direction: row;
  align-items: center;
  gap: 2rem !important;
}
@media screen and (max-width: 601px) {
  .detail-view__form div:not([class]) fieldset:not(.search-module) .form-row.field-hardwaredevice_supplier.field-hardwaredevice, .detail-view__form div:not([class]) fieldset:not(.search-module) .form-row.field-consumable_supplier.field-consumable, .detail-view__form div:not([class]) fieldset:not(.search-module) .form-row.field-consumablestock_inventory.field-consumablestock, .detail-view__form div:not([class]) fieldset:not(.search-module) .form-row.field-target_regions_atlas.field-target_regions, .detail-view__form div:not([class]) fieldset:not(.search-module) .form-row.field-species, .detail-view__form .form__wrapper fieldset:not(.search-module) .form-row.field-hardwaredevice_supplier.field-hardwaredevice, .detail-view__form .form__wrapper fieldset:not(.search-module) .form-row.field-consumable_supplier.field-consumable, .detail-view__form .form__wrapper fieldset:not(.search-module) .form-row.field-consumablestock_inventory.field-consumablestock, .detail-view__form .form__wrapper fieldset:not(.search-module) .form-row.field-target_regions_atlas.field-target_regions, .detail-view__form .form__wrapper fieldset:not(.search-module) .form-row.field-species {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem !important;
  }
}
.detail-view__form div:not([class]) fieldset:not(.search-module) .form-row.field-publication_url a, .detail-view__form div:not([class]) fieldset:not(.search-module) .form-row.field-pdf_url a, .detail-view__form .form__wrapper fieldset:not(.search-module) .form-row.field-publication_url a, .detail-view__form .form__wrapper fieldset:not(.search-module) .form-row.field-pdf_url a {
  background: none !important;
  padding: 0 !important;
  color: var(--secondary) !important;
  text-decoration: underline !important;
  display: inline-block !important;
  overflow: initial !important;
}
@media (hover: hover) and (pointer: fine) {
  .detail-view__form div:not([class]) fieldset:not(.search-module) .form-row.field-publication_url a:hover, .detail-view__form div:not([class]) fieldset:not(.search-module) .form-row.field-pdf_url a:hover, .detail-view__form .form__wrapper fieldset:not(.search-module) .form-row.field-publication_url a:hover, .detail-view__form .form__wrapper fieldset:not(.search-module) .form-row.field-pdf_url a:hover {
    color: var(--secondary) !important;
    text-decoration: none !important;
    background: none !important;
  }
}
.detail-view__form div:not([class]) fieldset:not(.search-module) h1, .detail-view__form div:not([class]) fieldset:not(.search-module) h2, .detail-view__form div:not([class]) fieldset:not(.search-module) h3, .detail-view__form .form__wrapper fieldset:not(.search-module) h1, .detail-view__form .form__wrapper fieldset:not(.search-module) h2, .detail-view__form .form__wrapper fieldset:not(.search-module) h3 {
  border-top: 1px solid rgba(141, 139, 159, 0.5);
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  padding: 1.5rem 0 0;
  column-gap: 1rem;
  width: 100% !important;
  font-family: "Inter", sans-serif !important;
  font-size: 1.125rem !important;
  letter-spacing: -0.03375rem !important;
  line-height: 1.35rem !important;
  font-weight: 700;
  color: #1A1B1C;
  text-transform: initial;
}
.detail-view__form div:not([class]) fieldset:not(.search-module) h1, .detail-view__form .form__wrapper fieldset:not(.search-module) h1 {
  border-top: none;
}
.detail-view__form div:not([class]) fieldset:not(.search-module):not:has(.detail-view__inline__header) .field-subjects label, .detail-view__form div:not([class]) fieldset:not(.search-module):not:has(.detail-view__inline__header) .field-sessions label, .detail-view__form div:not([class]) fieldset:not(.search-module):not:has(.detail-view__inline__header) .field-collections label, .detail-view__form div:not([class]) fieldset:not(.search-module):not:has(.detail-view__inline__header) .field-cohorts label, .detail-view__form .form__wrapper fieldset:not(.search-module):not:has(.detail-view__inline__header) .field-subjects label, .detail-view__form .form__wrapper fieldset:not(.search-module):not:has(.detail-view__inline__header) .field-sessions label, .detail-view__form .form__wrapper fieldset:not(.search-module):not:has(.detail-view__inline__header) .field-collections label, .detail-view__form .form__wrapper fieldset:not(.search-module):not:has(.detail-view__inline__header) .field-cohorts label {
  width: 100%;
  font-family: "Inter", sans-serif !important;
  font-size: 1.125rem !important;
  letter-spacing: -0.03375rem !important;
  line-height: 1.35rem !important;
  font-weight: 700;
  color: #1A1B1C;
  margin-bottom: 1.5rem;
}
.detail-view__form div:not([class]) fieldset:not(.search-module):not(.module_0) .json-fields__wrapper:has(label), .detail-view__form .form__wrapper fieldset:not(.search-module):not(.module_0) .json-fields__wrapper:has(label) {
  gap: 1rem 2rem;
}
.detail-view__form div:not([class]) .changeform-tabs + fieldset, .detail-view__form .form__wrapper .changeform-tabs + fieldset {
  border-radius: 0 0.75rem 0.75rem 0.75rem !important;
}
.detail-view__form div:not([class]) .json-fields__wrapper > .type-details-heading, .detail-view__form .form__wrapper .json-fields__wrapper > .type-details-heading {
  flex: 0 0 100%;
  width: 100%;
}
.detail-view__form div:not([class]) .json-fields__wrapper:has(label), .detail-view__form .form__wrapper .json-fields__wrapper:has(label) {
  width: 100%;
  border-radius: 0.25rem;
  background: rgba(242, 242, 242, 0.5);
  padding: 1.5rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  gap: 1rem 0.5rem;
}
@media screen and (max-width: 1024px) {
  .detail-view__form div:not([class]) .json-fields__wrapper:has(label), .detail-view__form .form__wrapper .json-fields__wrapper:has(label) {
    gap: 1rem 2rem;
  }
}
@media screen and (max-width: 601px) {
  .detail-view__form div:not([class]) .json-fields__wrapper:has(label), .detail-view__form .form__wrapper .json-fields__wrapper:has(label) {
    gap: 1rem;
  }
}
.detail-view__form div:not([class]) .json-fields__wrapper:has(label) .form-row, .detail-view__form .form__wrapper .json-fields__wrapper:has(label) .form-row {
  width: calc(50% - 1rem) !important;
  max-width: calc(35vw - 1rem) !important;
}
@media screen and (max-width: 1194px) and (orientation: portrait) {
  .detail-view__form div:not([class]) .json-fields__wrapper:has(label) .form-row, .detail-view__form .form__wrapper .json-fields__wrapper:has(label) .form-row {
    max-width: calc(50% - 1rem) !important;
  }
}
@media screen and (max-width: 835px) {
  .detail-view__form div:not([class]) .json-fields__wrapper:has(label) .form-row, .detail-view__form .form__wrapper .json-fields__wrapper:has(label) .form-row {
    max-width: calc(50% - 1rem) !important;
  }
}
@media screen and (max-width: 601px) {
  .detail-view__form div:not([class]) .json-fields__wrapper:has(label) .form-row, .detail-view__form .form__wrapper .json-fields__wrapper:has(label) .form-row {
    width: 100% !important;
    max-width: 100% !important;
  }
}
.detail-view__form div:not([class]) .json-fields__wrapper:has(> .type-details-heading), .detail-view__form .form__wrapper .json-fields__wrapper:has(> .type-details-heading) {
  width: 100%;
  background: none;
  border-radius: 0;
  padding: 1rem 0 0;
}

.submit-row {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
  align-content: center;
  gap: 0.5rem;
}
.submit-row input {
  margin: 0 !important;
}

.detail-view__content .submit-row a {
  font-family: "Inter", sans-serif !important;
  background: none !important;
  color: inherit !important;
  border: none !important;
  outline: none !important;
  cursor: pointer !important;
  border-radius: 0.5rem !important;
  font-size: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  font-weight: 500 !important;
  position: relative !important;
  overflow: hidden !important;
  padding: 0.75rem 1rem !important;
  text-transform: initial !important;
  height: auto !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  background: var(--primary) !important;
  color: #FFFFFF !important;
  border: 0.1rem solid var(--primary) !important;
}
.detail-view__content .submit-row a[disabled] {
  opacity: 0.4;
  pointer-events: none !important;
}
@media (hover: hover) and (pointer: fine) {
  .detail-view__content .submit-row a:hover:not(:disabled), .detail-view__content .submit-row a:hover:not([disabled]) {
    background: var(--secondary) !important;
    border-color: var(--secondary) !important;
  }
}

.detail-view__header__pretitle {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0 0 6px;
  padding: 2px 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.18);
  color: #FFFFFF;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.create-view__wrapper .list-view__header {
  min-height: 0;
}

.create__intro-text {
  font-family: "Inter", sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.21 !important;
  letter-spacing: -0.03rem !important;
  color: #FFFFFF;
  margin: 1rem 0 2rem;
  width: auto;
  padding: 0 0.5rem;
}
@media screen and (max-width: 601px) {
  .create__intro-text {
    line-height: 1.5;
  }
}

.create__intro--with-action {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  gap: 0.75rem;
}
.create__intro--with-action .create__intro-text {
  flex: 1 1 auto;
  margin-right: 0;
}
.create__intro--with-action .create__intro-action {
  flex: 0 0 auto;
  margin: 1rem 0 2rem;
  gap: 0.25rem;
  background: #FFFFFF !important;
  border-color: #FFFFFF !important;
  color: var(--primary) !important;
  opacity: 1 !important;
}
.create__intro--with-action .create__intro-action i {
  margin-right: 0.25rem;
  color: var(--primary) !important;
}
@media (hover: hover) and (pointer: fine) {
  .create__intro--with-action .create__intro-action:hover {
    background: var(--base) !important;
    border-color: var(--base) !important;
    color: var(--primary) !important;
  }
}

.create__wrapper {
  width: auto;
  max-width: 70%;
}
@media screen and (min-width: 835px) and (max-width: 1024px) and (orientation: portrait) {
  .create__wrapper {
    max-width: 100%;
  }
}
@media screen and (max-width: 835px) {
  .create__wrapper {
    max-width: 100%;
  }
}

.edit-view__header__breadcrumbs {
  display: block !important;
}

.historylink {
  opacity: 0;
}

.edit-view__content .edit-view__form .form__wrapper, .edit-view__content .edit-view__form div:not([class]), .edit-view__content form .form__wrapper, .edit-view__content form div:not([class]) {
  display: flex;
  flex-direction: column;
}
.edit-view__content .edit-view__form .form__wrapper .custom-fieldset, .edit-view__content .edit-view__form .form__wrapper fieldset.module, .edit-view__content .edit-view__form div:not([class]) .custom-fieldset, .edit-view__content .edit-view__form div:not([class]) fieldset.module, .edit-view__content form .form__wrapper .custom-fieldset, .edit-view__content form .form__wrapper fieldset.module, .edit-view__content form div:not([class]) .custom-fieldset, .edit-view__content form div:not([class]) fieldset.module {
  height: auto;
  overflow: hidden;
}
.edit-view__content .edit-view__form .form__wrapper .custom-fieldset::-webkit-scrollbar-track, .edit-view__content .edit-view__form .form__wrapper fieldset.module::-webkit-scrollbar-track, .edit-view__content .edit-view__form div:not([class]) .custom-fieldset::-webkit-scrollbar-track, .edit-view__content .edit-view__form div:not([class]) fieldset.module::-webkit-scrollbar-track, .edit-view__content form .form__wrapper .custom-fieldset::-webkit-scrollbar-track, .edit-view__content form .form__wrapper fieldset.module::-webkit-scrollbar-track, .edit-view__content form div:not([class]) .custom-fieldset::-webkit-scrollbar-track, .edit-view__content form div:not([class]) fieldset.module::-webkit-scrollbar-track {
  background-color: #BFBFBF;
  margin: 1rem 0;
}
.edit-view__content .edit-view__form .form__wrapper .custom-fieldset::-webkit-scrollbar, .edit-view__content .edit-view__form .form__wrapper fieldset.module::-webkit-scrollbar, .edit-view__content .edit-view__form div:not([class]) .custom-fieldset::-webkit-scrollbar, .edit-view__content .edit-view__form div:not([class]) fieldset.module::-webkit-scrollbar, .edit-view__content form .form__wrapper .custom-fieldset::-webkit-scrollbar, .edit-view__content form .form__wrapper fieldset.module::-webkit-scrollbar, .edit-view__content form div:not([class]) .custom-fieldset::-webkit-scrollbar, .edit-view__content form div:not([class]) fieldset.module::-webkit-scrollbar {
  height: 1rem;
  width: 1rem;
}
.edit-view__content .edit-view__form .form__wrapper .custom-fieldset::-webkit-scrollbar-thumb, .edit-view__content .edit-view__form .form__wrapper fieldset.module::-webkit-scrollbar-thumb, .edit-view__content .edit-view__form div:not([class]) .custom-fieldset::-webkit-scrollbar-thumb, .edit-view__content .edit-view__form div:not([class]) fieldset.module::-webkit-scrollbar-thumb, .edit-view__content form .form__wrapper .custom-fieldset::-webkit-scrollbar-thumb, .edit-view__content form .form__wrapper fieldset.module::-webkit-scrollbar-thumb, .edit-view__content form div:not([class]) .custom-fieldset::-webkit-scrollbar-thumb, .edit-view__content form div:not([class]) fieldset.module::-webkit-scrollbar-thumb {
  background-color: var(--primary);
}
.edit-view__content .submit-row {
  width: auto;
  position: fixed;
  top: 7rem;
  right: 1.4rem;
  z-index: 3;
  overflow: visible;
  transition: all 0.5s ease;
}
.edit-view__content .submit-row.visible {
  opacity: 1;
}
.edit-view__content .submit-row.visible .historylink {
  opacity: 1;
}
@media screen and (min-width: 601px) {
  .edit-view__content .submit-row.sticky {
    padding: 1rem !important;
    background: #FFFFFF !important;
    top: 5rem !important;
    right: 0 !important;
    border-radius: 0.75rem 0 0 0.75rem;
    box-shadow: 0rem 0rem 1rem rgba(0, 0, 0, 0.25);
  }
}
.edit-view__content .submit-row input[name=_addanother], .edit-view__content .submit-row input[name=_continue] {
  display: none !important;
}
.edit-view__content .submit-row .deletelink-box {
  margin: 0 !important;
}
.edit-view__content .submit-row .deletelink-box .deletelink {
  display: flex !important;
}
.edit-view__content .submit-row .deletelink-box .deletelink::after {
  font-weight: 400;
  text-transform: initial;
  line-height: 1;
}
.edit-view__content .submit-row input[name=_save] {
  font-family: "Inter", sans-serif !important;
  background: none !important;
  color: inherit !important;
  border: none !important;
  outline: none !important;
  cursor: pointer !important;
  border-radius: 0.5rem !important;
  font-size: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  font-weight: 500 !important;
  position: relative !important;
  overflow: hidden !important;
  padding: 0.75rem 1rem !important;
  text-transform: initial !important;
  height: auto !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  background: #1A1B1C !important;
  color: #FFFFFF !important;
  border: 0.1rem solid #1A1B1C !important;
  padding: 0.75rem 1rem !important;
  align-items: center !important;
  justify-content: center !important;
  padding-right: 1rem !important;
}
.edit-view__content .submit-row input[name=_save][disabled] {
  opacity: 0.4;
  pointer-events: none !important;
}
.edit-view__content .submit-row input[name=_save]:has(> i) {
  padding-right: 3rem !important;
}
.edit-view__content .submit-row input[name=_save].no-icon {
  padding-right: 1rem !important;
}
.edit-view__content .submit-row input[name=_save] > i {
  width: 1.75rem !important;
  height: 1.75rem !important;
  border-radius: 0.25rem !important;
  background-color: #393843 !important;
  color: #FFFFFF !important;
  position: absolute !important;
  right: 0.5rem !important;
  top: calc(50% - 0.875rem) !important;
  margin: 0 !important;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  display: flex !important;
  font-size: 0.95rem !important;
}
@media (hover: hover) and (pointer: fine) {
  .edit-view__content .submit-row input[name=_save]:hover:not(:disabled), .edit-view__content .submit-row input[name=_save]:hover:not([disabled]) {
    background: var(--primary) !important;
    border-color: var(--primary) !important;
    color: #FFFFFF !important;
  }
  .edit-view__content .submit-row input[name=_save]:hover:not(:disabled) > i, .edit-view__content .submit-row input[name=_save]:hover:not([disabled]) > i {
    background-color: var(--secondary) !important;
  }
}
@media (hover: hover) and (pointer: fine) {
  .edit-view__content .submit-row a:hover {
    text-decoration: none !important;
  }
}

.object-tools:not(.detail-view__header__actions) .exportlink--with-dropdown, .submit-row .exportlink--with-dropdown {
  overflow: visible !important;
  position: relative;
  display: inline-flex !important;
  align-items: center;
  gap: 0 !important;
  padding-right: 0 !important;
}
.object-tools:not(.detail-view__header__actions) .exportlink--with-dropdown > span, .submit-row .exportlink--with-dropdown > span {
  padding-right: 0.75rem;
}
.object-tools:not(.detail-view__header__actions) .exportlink--with-dropdown::after, .submit-row .exportlink--with-dropdown::after {
  content: "\f078";
  font-size: 0.75rem !important;
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  transition: transform 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  padding: 0 0.75rem;
  border-left: 1px solid rgba(255, 255, 255, 0.25);
}
.object-tools:not(.detail-view__header__actions) .exportlink--with-dropdown.button--icon::after, .submit-row .exportlink--with-dropdown.button--icon::after {
  display: none;
}
.object-tools:not(.detail-view__header__actions) .exportlink--with-dropdown .exportlink__dropdown, .submit-row .exportlink--with-dropdown .exportlink__dropdown {
  width: auto;
  min-width: 175px;
  background: #FFFFFF;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  gap: 0.25rem;
  padding: 0.75rem 0.5rem;
  border-radius: 0.5rem;
  position: absolute;
  top: 100%;
  right: 0;
  box-shadow: 0 0.4rem 1rem rgba(0, 0, 0, 0.1);
  visibility: hidden;
  opacity: 0;
  transform: translateY(-1rem);
  transition: all 0.3s ease-out;
  z-index: 100;
}
@media screen and (max-width: 601px) {
  .object-tools:not(.detail-view__header__actions) .exportlink--with-dropdown .exportlink__dropdown, .submit-row .exportlink--with-dropdown .exportlink__dropdown {
    top: auto;
    bottom: 100%;
    transform: translateY(1rem);
    border-radius: 0.5rem 0.5rem 0.5rem 0;
  }
}
.object-tools:not(.detail-view__header__actions) .exportlink--with-dropdown .exportlink__dropdown .exportlink__dropdown__option, .submit-row .exportlink--with-dropdown .exportlink__dropdown .exportlink__dropdown__option {
  background: none;
  border: none;
  border-radius: 0;
  height: auto;
  line-height: 1.2;
  outline: none;
  padding: 0.5rem;
  color: #1A1B1C !important;
  text-align: left;
  font-size: 0.9rem !important;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.object-tools:not(.detail-view__header__actions) .exportlink--with-dropdown .exportlink__dropdown .exportlink__dropdown__option i, .submit-row .exportlink--with-dropdown .exportlink__dropdown .exportlink__dropdown__option i {
  width: 1rem;
  text-align: center;
}
@media (hover: hover) and (pointer: fine) {
  .object-tools:not(.detail-view__header__actions) .exportlink--with-dropdown .exportlink__dropdown .exportlink__dropdown__option:hover, .submit-row .exportlink--with-dropdown .exportlink__dropdown .exportlink__dropdown__option:hover {
    background: var(--base);
    color: var(--primary) !important;
  }
}
.object-tools:not(.detail-view__header__actions) .exportlink--with-dropdown.expanded, .submit-row .exportlink--with-dropdown.expanded {
  background: var(--primary) !important;
  border-color: var(--primary) !important;
}
.object-tools:not(.detail-view__header__actions) .exportlink--with-dropdown.expanded .exportlink__dropdown, .submit-row .exportlink--with-dropdown.expanded .exportlink__dropdown {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}
@media screen and (min-width: 601px) {
  .object-tools:not(.detail-view__header__actions) .exportlink--with-dropdown.expanded::after, .submit-row .exportlink--with-dropdown.expanded::after {
    transform: rotateX(180deg);
  }
}

.primary-fields {
  width: 100%;
  border-radius: 0.5rem;
  padding: 1.5rem;
  background: #F2F2F2;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  gap: 1rem;
}
@media screen and (max-width: 601px) {
  .primary-fields {
    flex-direction: column;
    padding: 1rem;
  }
}
.primary-fields:has(#app_projects) .fieldBox {
  flex-basis: 0;
  min-width: 0;
}
.primary-fields .fieldBox {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  gap: 0.25rem !important;
  flex-grow: 1;
  padding: 0 !important;
}
.primary-fields .fieldBox .select2-container {
  max-width: 100%;
}
.primary-fields .fieldBox .select2-selection__choice {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.primary-fields .fieldBox .input--editable .select2-selection__rendered {
  padding-right: 3.5rem !important;
}

.primary-fields--column {
  width: 100%;
  border-radius: 0.5rem;
  padding: 1.5rem;
  background: #F2F2F2;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  gap: 1rem;
}
@media screen and (max-width: 601px) {
  .primary-fields--column {
    padding: 1rem;
  }
}
.primary-fields--column .fields-group {
  width: 100%;
  border-top: none;
  padding: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  flex-wrap: nowrap !important;
  column-gap: 1rem;
}
.primary-fields--column .fields-group .fieldBox {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  gap: 0.25rem !important;
  flex-grow: 1;
  padding: 0 !important;
}
@media screen and (max-width: 601px) {
  .primary-fields--column .fields-group {
    flex-direction: column;
  }
}

#procedureepisode_form:not(.detail-view__form) fieldset.module .field-name.field-subject .primary-fields {
  border-radius: 0.5rem 0.5rem 0 0;
  padding-bottom: 1rem;
}
#procedureepisode_form:not(.detail-view__form) fieldset.module .field-intervention_class.field-status {
  margin-top: -2rem;
}
#procedureepisode_form:not(.detail-view__form) fieldset.module .field-intervention_class.field-status .primary-fields {
  border-radius: 0;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
#procedureepisode_form:not(.detail-view__form) fieldset.module .field-start_date_time.field-end_date_time {
  margin-top: -2rem;
}
#procedureepisode_form:not(.detail-view__form) fieldset.module .field-start_date_time.field-end_date_time .primary-fields {
  border-radius: 0 0 0.5rem 0.5rem;
  padding-top: 1rem;
}

.custom-fieldset, fieldset.module, .detail-viewmodule {
  background: #FFFFFF;
  border-radius: 0.75rem !important;
  padding: 2rem 1.5rem !important;
  max-width: 70vw;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  gap: 2rem;
  row-gap: 2rem;
}
@media screen and (min-width: 835px) and (max-width: 1024px) and (orientation: portrait) {
  .custom-fieldset, fieldset.module, .detail-viewmodule {
    max-width: 100%;
  }
}
@media screen and (max-width: 835px) {
  .custom-fieldset, fieldset.module, .detail-viewmodule {
    max-width: 100%;
  }
}
@media screen and (max-width: 601px) {
  .custom-fieldset, fieldset.module, .detail-viewmodule {
    max-width: 100%;
  }
}
.custom-fieldset h1, .custom-fieldset h2, fieldset.module h1, fieldset.module h2, .detail-viewmodule h1, .detail-viewmodule h2 {
  color: #1A1B1C !important;
  padding: 0 0 1.5rem 0 !important;
  margin-bottom: 1.5rem !important;
  border-bottom: 1px solid rgba(141, 139, 159, 0.5);
  width: 100% !important;
  text-transform: initial;
  display: block;
}
.custom-fieldset .form-row, fieldset.module .form-row, .detail-viewmodule .form-row {
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: visible;
}
.custom-fieldset .form-row:has(.tooltip-status), fieldset.module .form-row:has(.tooltip-status), .detail-viewmodule .form-row:has(.tooltip-status) {
  overflow: visible !important;
}
.custom-fieldset .form-row .flex-container, fieldset.module .form-row .flex-container, .detail-viewmodule .form-row .flex-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  gap: 0;
}
.custom-fieldset .form-row div:not([class]), fieldset.module .form-row div:not([class]), .detail-viewmodule .form-row div:not([class]) {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  gap: 0;
}
.custom-fieldset .form-row label, fieldset.module .form-row label, .detail-viewmodule .form-row label {
  width: 100%;
  font-family: "Inter", sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.21 !important;
  letter-spacing: -0.03rem !important;
  font-weight: 600 !important;
  color: #393843;
  margin: 0 !important;
  padding: 0 0 0.5rem 0 !important;
}
@media screen and (max-width: 601px) {
  .custom-fieldset .form-row label, fieldset.module .form-row label, .detail-viewmodule .form-row label {
    line-height: 1.5;
  }
}
.custom-fieldset .form-row .choice-toggle label, fieldset.module .form-row .choice-toggle label, .detail-viewmodule .form-row .choice-toggle label {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 0 0.5rem !important;
}
.custom-fieldset .form-row .help, fieldset.module .form-row .help, .detail-viewmodule .form-row .help {
  margin-left: 0 !important;
}
.custom-fieldset .form-row .help ul, fieldset.module .form-row .help ul, .detail-viewmodule .form-row .help ul {
  margin-left: 0 !important;
  margin-top: 0.5rem !important;
}
.custom-fieldset .form-row.errors, fieldset.module .form-row.errors, .detail-viewmodule .form-row.errors {
  display: flex;
  flex-direction: column;
}
.custom-fieldset .form-row:has(.field-box), fieldset.module .form-row:has(.field-box), .detail-viewmodule .form-row:has(.field-box) {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  gap: 1.5rem;
}
@media screen and (max-width: 601px) {
  .custom-fieldset .form-row:has(.field-box), fieldset.module .form-row:has(.field-box), .detail-viewmodule .form-row:has(.field-box) {
    flex-direction: column;
  }
}
.custom-fieldset .form-row:has(.field-box) .field-box, fieldset.module .form-row:has(.field-box) .field-box, .detail-viewmodule .form-row:has(.field-box) .field-box {
  width: calc(50% - 1rem) !important;
  max-width: calc(35vw - 1rem) !important;
  margin: 0 !important;
}
@media screen and (max-width: 1194px) and (orientation: portrait) {
  .custom-fieldset .form-row:has(.field-box) .field-box, fieldset.module .form-row:has(.field-box) .field-box, .detail-viewmodule .form-row:has(.field-box) .field-box {
    max-width: calc(50% - 1rem) !important;
  }
}
@media screen and (max-width: 835px) {
  .custom-fieldset .form-row:has(.field-box) .field-box, fieldset.module .form-row:has(.field-box) .field-box, .detail-viewmodule .form-row:has(.field-box) .field-box {
    max-width: calc(50% - 1rem) !important;
  }
}
@media screen and (max-width: 601px) {
  .custom-fieldset .form-row:has(.field-box) .field-box, fieldset.module .form-row:has(.field-box) .field-box, .detail-viewmodule .form-row:has(.field-box) .field-box {
    width: 100% !important;
    max-width: 100% !important;
  }
}
.custom-fieldset .form-row p:not(.invalid-feedback), fieldset.module .form-row p:not(.invalid-feedback), .detail-viewmodule .form-row p:not(.invalid-feedback) {
  color: #393843 !important;
}
.custom-fieldset .form-row p.invalid-feedback, fieldset.module .form-row p.invalid-feedback, .detail-viewmodule .form-row p.invalid-feedback {
  font-size: 100% !important;
}
.custom-fieldset .fields-group, fieldset.module .fields-group, .detail-viewmodule .fields-group {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  align-content: stretch;
  padding: 0;
  column-gap: 1rem;
}
.custom-fieldset .fields-group > .fieldBox, .custom-fieldset .fields-group > .field-box, fieldset.module .fields-group > .fieldBox, fieldset.module .fields-group > .field-box, .detail-viewmodule .fields-group > .fieldBox, .detail-viewmodule .fields-group > .field-box {
  flex: 1;
  width: auto;
}
@media screen and (max-width: 601px) {
  .custom-fieldset .fields-group > .fieldBox, .custom-fieldset .fields-group > .field-box, fieldset.module .fields-group > .fieldBox, fieldset.module .fields-group > .field-box, .detail-viewmodule .fields-group > .fieldBox, .detail-viewmodule .fields-group > .field-box {
    flex: 1 1 100% !important;
  }
}
.custom-fieldset .fields-group .fields-group__title, fieldset.module .fields-group .fields-group__title, .detail-viewmodule .fields-group .fields-group__title {
  width: 100% !important;
  font-family: "Inter", sans-serif !important;
  font-size: 1.125rem !important;
  letter-spacing: -0.03375rem !important;
  line-height: 1.35rem !important;
  font-weight: 700;
  color: #1A1B1C;
  margin: 0 0 0.75rem 0 !important;
  padding: 0 0 0.75rem 0 !important;
  border-bottom: 1px solid rgba(141, 139, 159, 0.5);
}
.custom-fieldset .fields-group .fields-group__content, fieldset.module .fields-group .fields-group__content, .detail-viewmodule .fields-group .fields-group__content {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  gap: 1rem;
}
@media screen and (max-width: 601px) {
  .custom-fieldset .fields-group:not(:has(.fields-group__content)) .fieldBox, .custom-fieldset .fields-group:not(:has(.fields-group__content)) .field-box, fieldset.module .fields-group:not(:has(.fields-group__content)) .fieldBox, fieldset.module .fields-group:not(:has(.fields-group__content)) .field-box, .detail-viewmodule .fields-group:not(:has(.fields-group__content)) .fieldBox, .detail-viewmodule .fields-group:not(:has(.fields-group__content)) .field-box {
    margin-top: 1rem !important;
  }
  .custom-fieldset .fields-group:not(:has(.fields-group__content)) .fieldBox:nth-of-type(1), .custom-fieldset .fields-group:not(:has(.fields-group__content)) .field-box:nth-of-type(1), fieldset.module .fields-group:not(:has(.fields-group__content)) .fieldBox:nth-of-type(1), fieldset.module .fields-group:not(:has(.fields-group__content)) .field-box:nth-of-type(1), .detail-viewmodule .fields-group:not(:has(.fields-group__content)) .fieldBox:nth-of-type(1), .detail-viewmodule .fields-group:not(:has(.fields-group__content)) .field-box:nth-of-type(1) {
    margin-top: 0 !important;
  }
}
.custom-fieldset .fields-group__title, fieldset.module .fields-group__title, .detail-viewmodule .fields-group__title {
  width: 100% !important;
  font-family: "Inter", sans-serif !important;
  font-size: 1.125rem !important;
  letter-spacing: -0.03375rem !important;
  line-height: 1.35rem !important;
  font-weight: 700;
  color: #1A1B1C;
  margin: 0 0 0.75rem 0 !important;
  padding: 0 0 0.75rem 0 !important;
  border-bottom: 1px solid rgba(141, 139, 159, 0.5);
}
.custom-fieldset .fieldset-fields-group, fieldset.module .fieldset-fields-group, .detail-viewmodule .fieldset-fields-group {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  align-content: stretch;
  column-gap: 1rem;
}
.custom-fieldset .fieldset-fields-group > .fieldBox, .custom-fieldset .fieldset-fields-group > .field-box, fieldset.module .fieldset-fields-group > .fieldBox, fieldset.module .fieldset-fields-group > .field-box, .detail-viewmodule .fieldset-fields-group > .fieldBox, .detail-viewmodule .fieldset-fields-group > .field-box {
  flex: 1;
  width: auto;
}
@media screen and (max-width: 601px) {
  .custom-fieldset .fieldset-fields-group > .fieldBox, .custom-fieldset .fieldset-fields-group > .field-box, fieldset.module .fieldset-fields-group > .fieldBox, fieldset.module .fieldset-fields-group > .field-box, .detail-viewmodule .fieldset-fields-group > .fieldBox, .detail-viewmodule .fieldset-fields-group > .field-box {
    flex: 1 1 100% !important;
  }
}
@media screen and (max-width: 601px) {
  .custom-fieldset .fieldset-fields-group:not(:has(.fields-group__content)) .fieldBox, .custom-fieldset .fieldset-fields-group:not(:has(.fields-group__content)) .field-box, fieldset.module .fieldset-fields-group:not(:has(.fields-group__content)) .fieldBox, fieldset.module .fieldset-fields-group:not(:has(.fields-group__content)) .field-box, .detail-viewmodule .fieldset-fields-group:not(:has(.fields-group__content)) .fieldBox, .detail-viewmodule .fieldset-fields-group:not(:has(.fields-group__content)) .field-box {
    margin-top: 1rem !important;
  }
  .custom-fieldset .fieldset-fields-group:not(:has(.fields-group__content)) .fieldBox:nth-of-type(1), .custom-fieldset .fieldset-fields-group:not(:has(.fields-group__content)) .field-box:nth-of-type(1), fieldset.module .fieldset-fields-group:not(:has(.fields-group__content)) .fieldBox:nth-of-type(1), fieldset.module .fieldset-fields-group:not(:has(.fields-group__content)) .field-box:nth-of-type(1), .detail-viewmodule .fieldset-fields-group:not(:has(.fields-group__content)) .fieldBox:nth-of-type(1), .detail-viewmodule .fieldset-fields-group:not(:has(.fields-group__content)) .field-box:nth-of-type(1) {
    margin-top: 0 !important;
  }
}
.custom-fieldset .input--editable--multiple, fieldset.module .input--editable--multiple, .detail-viewmodule .input--editable--multiple {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  padding: 0;
  column-gap: 1rem;
}
.custom-fieldset .input--editable--multiple .input--editable--multiple__title, fieldset.module .input--editable--multiple .input--editable--multiple__title, .detail-viewmodule .input--editable--multiple .input--editable--multiple__title {
  width: 100% !important;
  margin: 0 0 0.75rem 0 !important;
  padding: 0 !important;
  font-family: "Inter", sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.21 !important;
  letter-spacing: -0.03rem !important;
  text-transform: initial;
  font-weight: 600;
}
@media screen and (max-width: 601px) {
  .custom-fieldset .input--editable--multiple .input--editable--multiple__title, fieldset.module .input--editable--multiple .input--editable--multiple__title, .detail-viewmodule .input--editable--multiple .input--editable--multiple__title {
    line-height: 1.5;
  }
}
.custom-fieldset .input--editable--multiple .input--editable--multiple__content, fieldset.module .input--editable--multiple .input--editable--multiple__content, .detail-viewmodule .input--editable--multiple .input--editable--multiple__content {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  gap: 1rem;
}
@media screen and (max-width: 601px) {
  .custom-fieldset .input--editable--multiple .input--editable--multiple__content, fieldset.module .input--editable--multiple .input--editable--multiple__content, .detail-viewmodule .input--editable--multiple .input--editable--multiple__content {
    flex-direction: column;
  }
}
.custom-fieldset .input--editable--multiple .input--editable--multiple__content .fieldBox, .custom-fieldset .input--editable--multiple .input--editable--multiple__content .related-widget-wrapper, fieldset.module .input--editable--multiple .input--editable--multiple__content .fieldBox, fieldset.module .input--editable--multiple .input--editable--multiple__content .related-widget-wrapper, .detail-viewmodule .input--editable--multiple .input--editable--multiple__content .fieldBox, .detail-viewmodule .input--editable--multiple .input--editable--multiple__content .related-widget-wrapper {
  width: calc(50% - 1rem) !important;
  max-width: calc(35vw - 1rem) !important;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: 0.75rem !important;
  flex-grow: 1;
}
@media screen and (max-width: 1194px) and (orientation: portrait) {
  .custom-fieldset .input--editable--multiple .input--editable--multiple__content .fieldBox, .custom-fieldset .input--editable--multiple .input--editable--multiple__content .related-widget-wrapper, fieldset.module .input--editable--multiple .input--editable--multiple__content .fieldBox, fieldset.module .input--editable--multiple .input--editable--multiple__content .related-widget-wrapper, .detail-viewmodule .input--editable--multiple .input--editable--multiple__content .fieldBox, .detail-viewmodule .input--editable--multiple .input--editable--multiple__content .related-widget-wrapper {
    max-width: calc(50% - 1rem) !important;
  }
}
@media screen and (max-width: 835px) {
  .custom-fieldset .input--editable--multiple .input--editable--multiple__content .fieldBox, .custom-fieldset .input--editable--multiple .input--editable--multiple__content .related-widget-wrapper, fieldset.module .input--editable--multiple .input--editable--multiple__content .fieldBox, fieldset.module .input--editable--multiple .input--editable--multiple__content .related-widget-wrapper, .detail-viewmodule .input--editable--multiple .input--editable--multiple__content .fieldBox, .detail-viewmodule .input--editable--multiple .input--editable--multiple__content .related-widget-wrapper {
    max-width: calc(50% - 1rem) !important;
  }
}
@media screen and (max-width: 601px) {
  .custom-fieldset .input--editable--multiple .input--editable--multiple__content .fieldBox, .custom-fieldset .input--editable--multiple .input--editable--multiple__content .related-widget-wrapper, fieldset.module .input--editable--multiple .input--editable--multiple__content .fieldBox, fieldset.module .input--editable--multiple .input--editable--multiple__content .related-widget-wrapper, .detail-viewmodule .input--editable--multiple .input--editable--multiple__content .fieldBox, .detail-viewmodule .input--editable--multiple .input--editable--multiple__content .related-widget-wrapper {
    width: 100% !important;
    max-width: 100% !important;
  }
}
@media screen and (max-width: 601px) {
  .custom-fieldset .input--editable--multiple .input--editable--multiple__content .fieldBox, .custom-fieldset .input--editable--multiple .input--editable--multiple__content .related-widget-wrapper, fieldset.module .input--editable--multiple .input--editable--multiple__content .fieldBox, fieldset.module .input--editable--multiple .input--editable--multiple__content .related-widget-wrapper, .detail-viewmodule .input--editable--multiple .input--editable--multiple__content .fieldBox, .detail-viewmodule .input--editable--multiple .input--editable--multiple__content .related-widget-wrapper {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
  }
}
.custom-fieldset .input--editable--multiple .input--editable--multiple__content .fieldBox label, .custom-fieldset .input--editable--multiple .input--editable--multiple__content .related-widget-wrapper label, fieldset.module .input--editable--multiple .input--editable--multiple__content .fieldBox label, fieldset.module .input--editable--multiple .input--editable--multiple__content .related-widget-wrapper label, .detail-viewmodule .input--editable--multiple .input--editable--multiple__content .fieldBox label, .detail-viewmodule .input--editable--multiple .input--editable--multiple__content .related-widget-wrapper label {
  width: auto !important;
  padding: 0 !important;
}
.custom-fieldset .input--editable--multiple .input--editable--multiple__content .fieldBox .select2, .custom-fieldset .input--editable--multiple .input--editable--multiple__content .related-widget-wrapper .select2, fieldset.module .input--editable--multiple .input--editable--multiple__content .fieldBox .select2, fieldset.module .input--editable--multiple .input--editable--multiple__content .related-widget-wrapper .select2, .detail-viewmodule .input--editable--multiple .input--editable--multiple__content .fieldBox .select2, .detail-viewmodule .input--editable--multiple .input--editable--multiple__content .related-widget-wrapper .select2 {
  width: 100% !important;
}
.custom-fieldset .checkbox-row, fieldset.module .checkbox-row, .detail-viewmodule .checkbox-row {
  width: auto;
  display: inline-flex;
  position: relative;
  padding-right: 1.5rem;
}
.custom-fieldset .checkbox-row .tooltip-help::after, fieldset.module .checkbox-row .tooltip-help::after, .detail-viewmodule .checkbox-row .tooltip-help::after {
  left: 100%;
  right: auto;
}

.related-fields__wrapper {
  gap: 2rem !important;
}
.related-fields__wrapper .fields-group,
.related-fields__wrapper .fieldset-fields-group {
  column-gap: 2rem !important;
}
@media screen and (max-width: 601px) {
  .related-fields__wrapper .fields-group,
  .related-fields__wrapper .fieldset-fields-group {
    row-gap: 1.5rem;
  }
}
@media screen and (min-width: 601px) {
  .related-fields__wrapper .fields-group .related-fields__secondary:before,
  .related-fields__wrapper .fieldset-fields-group .related-fields__secondary:before {
    top: auto;
    bottom: 1rem;
  }
}
@media screen and (max-width: 601px) {
  .related-fields__wrapper .fields-group .related-fields__secondary:before,
  .related-fields__wrapper .fieldset-fields-group .related-fields__secondary:before {
    top: -1.1rem;
  }
}

.related-fields__secondary.disabled-field label, .related-fields__secondary.disabled-field input, .related-fields__secondary.disabled-field select, .related-fields__secondary.disabled-field .select2 {
  opacity: 0.3 !important;
  transition: opacity 0.3s ease;
}
.related-fields__secondary.disabled-field .related-widget-wrapper-link {
  opacity: 0.3 !important;
  pointer-events: none;
}
.related-fields__secondary.disabled-field:has(span[data-status=generic-other]) label, .related-fields__secondary.disabled-field:has(span[data-status=generic-other]) input, .related-fields__secondary.disabled-field:has(span[data-status=generic-other]) select, .related-fields__secondary.disabled-field:has(span[data-status=generic-other]) .select2 {
  opacity: 0.6 !important;
}

.related-fields__secondary {
  position: relative;
  overflow: visible;
}
.related-fields__secondary:before {
  content: "\f063";
  font-size: 1rem !important;
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  opacity: 0.8;
  color: var(--secondary) !important;
}
@media screen and (min-width: 601px) {
  .related-fields__secondary:before {
    top: 2.7rem;
    left: -1.25rem;
    transform: rotate(-90deg);
  }
}
@media screen and (max-width: 601px) {
  .related-fields__secondary:before {
    top: -1rem;
    left: calc(50% - 0.5rem);
  }
}

.breeding-related-fields__secondary {
  position: relative;
  overflow: visible;
}
.breeding-related-fields__secondary:before {
  content: "\f063";
  font-size: 1rem !important;
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  opacity: 0.8;
  color: var(--secondary) !important;
  top: -1rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}

div.tabular.inline-related fieldset.module {
  overflow-x: auto;
  overflow-y: visible;
}
div.tabular.inline-related fieldset.module::-webkit-scrollbar-track {
  background-color: #BFBFBF;
}
div.tabular.inline-related fieldset.module::-webkit-scrollbar {
  height: 0.4rem;
  background-color: #BFBFBF;
}
div.tabular.inline-related fieldset.module::-webkit-scrollbar-thumb {
  background-color: var(--primary);
  border-radius: 0.2rem;
}

.changeform-tabs ~ .module.selected {
  display: flex !important;
  border-radius: 0 0.75rem 0.75rem 0.75rem !important;
  min-height: 16rem;
}

.autosave__component {
  width: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
  align-content: center;
  gap: 1rem;
}
.autosave__component .autosave__status {
  width: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
  align-content: center;
  gap: 0.5rem;
  color: #FFFFFF;
}
.autosave__component .autosave__status i {
  color: #BFBFBF;
  font-size: 1rem !important;
}
.autosave__component--success .autosave__status i {
  color: #259543;
}
.autosave__component--error .autosave__status {
  color: #FF5757;
  font-weight: 600;
}
.autosave__component--error .autosave__status i {
  color: #FF5757;
  font-size: 1.1rem !important;
}

.sticky .autosave__component .autosave__status {
  color: #393843;
}
.sticky .autosave__component--error .autosave__status {
  color: #FF5757;
  font-weight: 600;
}

.autosave-field-error {
  border-color: #FF5757 !important;
  box-shadow: 0 0 0 2px rgba(255, 87, 87, 0.2) !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.autosave-field-error-row {
  background-color: #ffebeb;
  border-radius: 0.3rem;
  padding: 0.25rem 0.75rem !important;
}

.autosave-field-error-message {
  margin-top: 0.5rem;
  width: 100%;
}

.autosave__status--has-tooltip {
  position: relative;
  cursor: help;
  text-decoration: underline;
  text-decoration-style: dotted;
  text-underline-offset: 3px;
}
.autosave__status--has-tooltip:focus {
  outline: 2px solid #FFFFFF;
  outline-offset: 3px;
  border-radius: 2px;
}
.autosave__status--has-tooltip:hover .autosave__error-tooltip, .autosave__status--has-tooltip:focus-within .autosave__error-tooltip {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

.autosave__error-tooltip {
  position: absolute;
  top: calc(100% + 0.5rem);
  right: 0;
  background: #393843;
  color: #FFFFFF;
  border-radius: 0.3rem;
  padding: 0.5rem 0.75rem;
  min-width: 16rem;
  max-width: 24rem;
  z-index: 1000;
  font-size: 0.8rem;
  font-weight: normal;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-4px);
  transition: opacity 0.15s ease, transform 0.15s ease;
}
.autosave__error-tooltip__item {
  padding: 0.2rem 0;
}
.autosave__error-tooltip__item:not(:last-child) {
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  padding-bottom: 0.3rem;
  margin-bottom: 0.3rem;
}

div[id*=json_editor] {
  overflow-x: auto;
}
div[id*=json_editor]::-webkit-scrollbar-track {
  background-color: var(--base);
}
div[id*=json_editor]::-webkit-scrollbar {
  height: 0.5rem;
  width: 0.5rem;
  background-color: var(--base);
}
div[id*=json_editor]::-webkit-scrollbar-thumb {
  background-color: var(--primary);
}
div[id*=json_editor]:has(.card-body) {
  overflow-x: hidden;
}
div[id*=json_editor]:has(.card-body) .card-body {
  border: none !important;
}
div[id*=json_editor]:has(.card-body) .card-body:has(table) {
  overflow-x: auto;
}
div[id*=json_editor]:has(.card-body) .card-body:has(table)::-webkit-scrollbar-track {
  background-color: var(--base);
}
div[id*=json_editor]:has(.card-body) .card-body:has(table)::-webkit-scrollbar {
  height: 0.5rem;
  width: 0.5rem;
  background-color: var(--base);
}
div[id*=json_editor]:has(.card-body) .card-body:has(table)::-webkit-scrollbar-thumb {
  background-color: var(--primary);
}
div[id*=json_editor]:has(.card-body) .card-body .card-body {
  padding: 0 0 0.75rem;
}
div[id*=json_editor] table {
  box-shadow: none !important;
  border-collapse: separate;
  border-spacing: 0;
}
div[id*=json_editor] th {
  background: rgba(var(--base), 0.5);
  color: #393843;
  font-weight: 600;
  padding: 0.5rem 1rem 1rem;
  border-radius: 0;
  border-bottom: 1px solid rgba(141, 139, 159, 0.5) !important;
  border-top: none !important;
  text-transform: initial;
  font-family: "Inter", sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.21 !important;
  letter-spacing: -0.03rem !important;
}
@media screen and (max-width: 601px) {
  div[id*=json_editor] th {
    line-height: 1.5;
  }
}
div[id*=json_editor] th:first-child {
  border-radius: 0.75rem 0 0 0;
}
div[id*=json_editor] th:last-child {
  border-radius: 0 0.75rem 0 0;
}
@media (hover: hover) and (pointer: fine) {
  div[id*=json_editor] th a:hover {
    color: var(--secondary) !important;
    font-weight: 600 !important;
  }
}
div[id*=json_editor] th .sortoptions {
  color: var(--secondary) !important;
}
div[id*=json_editor] td {
  font-family: "Inter", sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.21 !important;
  letter-spacing: -0.03rem !important;
  padding: 1rem 1rem 0.5rem 1rem !important;
  border: none !important;
}
@media screen and (max-width: 601px) {
  div[id*=json_editor] td {
    line-height: 1.5;
  }
}
div[id*=json_editor] td:first-child {
  padding: 1.5rem;
}
div[id*=json_editor] td a {
  border-radius: 0.25rem !important;
  background: #E8F0FF !important;
  color: #4550B6 !important;
  padding: 0 0.5rem !important;
  font-family: "Inter", sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.21 !important;
  letter-spacing: -0.03rem !important;
  line-height: 1.5 !important;
  display: -webkit-inline-box !important;
  -webkit-line-clamp: 1 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-align: center;
}
@media screen and (max-width: 601px) {
  div[id*=json_editor] td a {
    line-height: 1.5;
  }
}
@media (hover: hover) and (pointer: fine) {
  div[id*=json_editor] td a:hover {
    background: rgba(232, 240, 255, 0.5) !important;
  }
}
div[id*=json_editor] td[data-schemapath*=value] {
  display: flex !important;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 0.75rem;
}
div[id*=json_editor] td[data-schemapath*=value] label {
  width: auto;
  padding: 0.5rem 0.5rem 0.5rem 0 !important;
}
div[id*=json_editor] td[data-schemapath*=value] select {
  height: 100% !important;
}
@media screen and (min-width: 601px) {
  div[id*=json_editor] td[data-schemapath*=value] .form-control {
    float: right;
    width: auto !important;
  }
}
div[id*=json_editor] td[data-schemapath*=value] div {
  width: auto !important;
}
div[id*=json_editor] table td {
  padding: 0.25rem 0.5rem 0.25rem 0.5rem !important;
}
div[id*=json_editor] table td:first-child {
  padding: 0.5rem;
}
div[id*=json_editor] table td[data-schemapath*=value] {
  gap: 0.25rem;
}
div[id*=json_editor] tr {
  border: none !important;
}
div[id*=json_editor] tr:last-child:not(:nth-child(2)) td {
  border-bottom: none;
}

.btn-group {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: 0.5rem;
}
.btn-group .btn-secondary {
  font-family: "Inter", sans-serif !important;
  background: none !important;
  color: inherit !important;
  border: none !important;
  outline: none !important;
  cursor: pointer !important;
  border-radius: 0.5rem !important;
  font-size: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  font-weight: 500 !important;
  position: relative !important;
  overflow: hidden !important;
  padding: 0.75rem 1rem !important;
  text-transform: initial !important;
  height: auto !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  background: none !important;
  color: var(--secondary) !important;
  border: 0.1rem solid var(--secondary) !important;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem !important;
}
.btn-group .btn-secondary[disabled] {
  opacity: 0.4;
  pointer-events: none !important;
}
@media (hover: hover) and (pointer: fine) {
  .btn-group .btn-secondary:hover:not(:disabled), .btn-group .btn-secondary:hover:not([disabled]) {
    color: var(--primary) !important;
    border-color: var(--primary) !important;
  }
}
.btn-group .btn-secondary:focus {
  box-shadow: none !important;
}

.json-editor-btn-collapse {
  display: none !important;
}

.custom-fieldset div[class*=json] .json-editor-btntype-deleteall, .custom-fieldset div[class*=json] .json-editor-btntype-deletelast, .inline-group div[class*=json] .json-editor-btntype-deleteall, .inline-group div[class*=json] .json-editor-btntype-deletelast {
  display: none !important;
}
.custom-fieldset div[class*=json] .json-editor-btn-edit, .custom-fieldset div[class*=json] .json-editor-btn-edit_properties, .inline-group div[class*=json] .json-editor-btn-edit, .inline-group div[class*=json] .json-editor-btn-edit_properties {
  display: none !important;
}
.custom-fieldset div[class*=json] .btn-secondary, .inline-group div[class*=json] .btn-secondary {
  flex: 0 1 auto !important;
}

.field-specifications .json-editor-btntype-deleteall, .field-specifications .json-editor-btntype-deletelast, .field-data_organization .json-editor-btntype-deleteall, .field-data_organization .json-editor-btntype-deletelast, .field-data_protocols .json-editor-btntype-deleteall, .field-data_protocols .json-editor-btntype-deletelast, .field-external_identifiers .json-editor-btntype-deleteall, .field-external_identifiers .json-editor-btntype-deletelast {
  display: none !important;
}

#specifications_editor {
  overflow-x: auto;
}
#specifications_editor::-webkit-scrollbar-track {
  background-color: #BFBFBF;
}
#specifications_editor::-webkit-scrollbar {
  height: 0.5rem;
  width: 0.5rem;
  background-color: #BFBFBF;
}
#specifications_editor::-webkit-scrollbar-thumb {
  background-color: var(--primary);
}

.related-widget-wrapper-link.change-related {
  order: 4;
  margin: 0;
}
.related-widget-wrapper-link.change-related .related-widget-wrapper-icon {
  color: var(--secondary) !important;
}
@media (hover: hover) and (pointer: fine) {
  .related-widget-wrapper-link.change-related .related-widget-wrapper-icon:hover {
    color: var(--secondary) !important;
  }
}

.ck-editor-container .ck-content {
  color: #393843 !important;
}
.ck-editor-container .ck-content p {
  display: block !important;
  color: inherit !important;
  padding: 0 !important;
  margin: 0.9em 0 1em;
}
.ck-editor-container .ck-content div:not([class]) {
  display: block !important;
}
.ck-editor-container .ck-content strong, .ck-editor-container .ck-content b {
  font-weight: 700 !important;
}
.ck-editor-container .ck-content em, .ck-editor-container .ck-content i {
  font-style: italic !important;
}
.ck-editor-container .ck-content sup {
  vertical-align: super !important;
  font-size: smaller !important;
}
.ck-editor-container .ck-content sub {
  vertical-align: sub !important;
  font-size: smaller !important;
}
.ck-editor-container .ck-content a {
  display: inline !important;
  padding: 0 !important;
  background: none !important;
  border-radius: 0 !important;
  color: var(--primary) !important;
  font: inherit !important;
  letter-spacing: inherit !important;
  text-align: inherit !important;
  text-decoration: underline !important;
  overflow: visible !important;
  -webkit-line-clamp: unset !important;
}
@media (hover: hover) and (pointer: fine) {
  .ck-editor-container .ck-content a:hover {
    color: var(--secondary) !important;
    background: none !important;
  }
}
.ck-editor-container .ck-content ul, .ck-editor-container .ck-content ol {
  margin: 0 0 1.5rem !important;
  padding-left: 3rem !important;
}
.ck-editor-container .ck-content ul, .ck-editor-container .ck-content ul li {
  list-style: disc !important;
}
.ck-editor-container .ck-content ul ul, .ck-editor-container .ck-content ul ul li {
  list-style: circle !important;
}
.ck-editor-container .ck-content ol, .ck-editor-container .ck-content ol li {
  list-style: decimal !important;
}
.ck-editor-container .ck-content li {
  display: list-item !important;
}
.ck-editor-container .ck-content h1, .ck-editor-container .ck-content h2 {
  font-size: 2rem !important;
}
.ck-editor-container .ck-content h3 {
  font-size: 1.5rem !important;
}
.ck-editor-container .ck-content h4 {
  font-size: 1.25rem !important;
}
.ck-editor-container .ck-content h5, .ck-editor-container .ck-content h6 {
  font-size: 1rem !important;
}
.ck-editor-container .ck-content h1, .ck-editor-container .ck-content h2, .ck-editor-container .ck-content h3, .ck-editor-container .ck-content h4, .ck-editor-container .ck-content h5, .ck-editor-container .ck-content h6 {
  display: block !important;
  width: auto !important;
  margin: 1em 0 0.5em !important;
  padding: 0 !important;
  border: 0 !important;
  font-family: "Inter", sans-serif !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  letter-spacing: -0.03em !important;
  text-transform: initial !important;
  color: inherit !important;
}
.ck-editor-container .ck-content > :first-child {
  margin-top: 0 !important;
}
.ck-editor-container .ck-content blockquote {
  quotes: initial;
  padding: 1rem;
  margin: 1rem 0 1.5rem 0;
  border-left: 5px solid var(--base);
  background: rgba(0, 0, 0, 0.025);
  font-style: oblique;
}

.vTextField {
  width: 100%;
}

.type-details-heading.type-details-heading--empty {
  display: none !important;
}

.type-details-heading {
  align-items: center;
  gap: 0.4rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid #ece8f3;
}
.type-details-heading .type-details-heading__title, .form-row .type-details-heading.flex-row > label.type-details-heading__title {
  display: block !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #292936 !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  text-transform: none;
}
.type-details-heading .tooltip-form-add {
  margin-left: 0;
}
.type-details-heading.type-details-heading--field {
  margin-bottom: 0.75rem;
}
.inline-related .type-details-heading {
  margin-top: 0.75rem;
}

.material-collection-inline {
  max-width: 70vw;
}
@media screen and (min-width: 835px) and (max-width: 1024px) and (orientation: portrait) {
  .material-collection-inline {
    max-width: 100%;
  }
}
@media screen and (max-width: 835px) {
  .material-collection-inline {
    max-width: 100%;
  }
}
@media screen and (max-width: 601px) {
  .material-collection-inline {
    max-width: 100%;
  }
}

.form-row[class*=json] .je-object__container, .material-field--details-json .je-object__container {
  width: 100%;
  min-width: 0;
}
.form-row[class*=json] .card.bg-light, .form-row[class*=json] .card-body.bg-light, .material-field--details-json .card.bg-light, .material-field--details-json .card-body.bg-light {
  background-color: #FFFFFF !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
}
.form-row[class*=json] .brainstem-object-panel, .material-field--details-json .brainstem-object-panel {
  border: 1px solid #BFBFBF;
  border-radius: 6px;
  padding: 0 0 1rem !important;
  margin: 0.5rem 0 1rem !important;
  overflow: hidden;
}
.form-row[class*=json] .brainstem-object-panel > .je-object__title, .material-field--details-json .brainstem-object-panel > .je-object__title {
  display: block !important;
  width: 100%;
  background: var(--base);
  color: #393843;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.4;
  margin: 0 0 1rem !important;
  padding: 0.5rem 1rem !important;
  border-bottom: 1px solid rgba(141, 139, 159, 0.6);
}
.form-row[class*=json] .brainstem-object-panel > .je-object__title > span, .material-field--details-json .brainstem-object-panel > .je-object__title > span {
  display: inline !important;
  white-space: nowrap;
}
.form-row[class*=json] .brainstem-object-panel > .je-object__title .jsoneditor-twbs4-text-button, .material-field--details-json .brainstem-object-panel > .je-object__title .jsoneditor-twbs4-text-button {
  position: static !important;
  display: inline-block !important;
  vertical-align: middle !important;
  margin-left: 0.5rem !important;
  top: auto !important;
  right: auto !important;
}
.form-row[class*=json] .brainstem-object-panel > .je-object__controls, .material-field--details-json .brainstem-object-panel > .je-object__controls {
  display: none;
}
.form-row[class*=json] .brainstem-object-panel > .card, .material-field--details-json .brainstem-object-panel > .card {
  border: 0 !important;
  padding: 0 1rem !important;
  margin: 0 !important;
  background-color: transparent !important;
}
.form-row[class*=json] .brainstem-object-panel > .card > div > div, .material-field--details-json .brainstem-object-panel > .card > div > div {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem 1rem;
}
.form-row[class*=json] .brainstem-object-panel > .card > div > div > .row, .material-field--details-json .brainstem-object-panel > .card > div > div > .row {
  width: 100% !important;
  max-width: 100% !important;
  flex: none !important;
  margin: 0 !important;
}
.form-row[class*=json] .brainstem-object-panel > .card > div > div > .row > [class*=col-], .material-field--details-json .brainstem-object-panel > .card > div > div > .row > [class*=col-] {
  padding: 0;
  max-width: 100%;
  flex: 0 0 100%;
}
.form-row[class*=json] .brainstem-object-panel > .card > div > div > .row .form-group, .form-row[class*=json] .brainstem-object-panel > .card > div > div > .row .form-control, .form-row[class*=json] .brainstem-object-panel > .card > div > div > .row select, .material-field--details-json .brainstem-object-panel > .card > div > div > .row .form-group, .material-field--details-json .brainstem-object-panel > .card > div > div > .row .form-control, .material-field--details-json .brainstem-object-panel > .card > div > div > .row select {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}
.form-row[class*=json] .brainstem-object-panel > .card > div > div > .row .form-group, .material-field--details-json .brainstem-object-panel > .card > div > div > .row .form-group {
  margin-bottom: 0;
}
.form-row[class*=json] .brainstem-list-count, .material-field--details-json .brainstem-list-count {
  margin: 0.125rem 0 0;
}
.form-row[class*=json] textarea.brainstem-list-input, .material-field--details-json textarea.brainstem-list-input {
  height: auto;
  min-height: calc(3.63em + 1.5rem + 2px);
  max-height: none;
  resize: vertical;
  overflow: auto;
  transition: border-color 0.3s ease !important;
  font-variant-numeric: tabular-nums;
  white-space: pre-wrap;
}
.form-row[class*=json] .card div:not([class]), .material-field--details-json .card div:not([class]) {
  container-type: inline-size;
  width: 100%;
}
.form-row[class*=json] .card div:not([class]) div:not([class]), .material-field--details-json .card div:not([class]) div:not([class]) {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: center;
  gap: 0.5rem;
}
.form-row[class*=json] .card div:not([class]) div:not([class]):has(input), .material-field--details-json .card div:not([class]) div:not([class]):has(input) {
  gap: 0.5rem 1rem;
}
.form-row[class*=json] .card div:not([class]) div:not([class]) .row, .material-field--details-json .card div:not([class]) div:not([class]) .row {
  width: calc(50% - 1rem) !important;
  max-width: calc(35vw - 1rem) !important;
  margin: 0;
}
@media screen and (max-width: 1194px) and (orientation: portrait) {
  .form-row[class*=json] .card div:not([class]) div:not([class]) .row, .material-field--details-json .card div:not([class]) div:not([class]) .row {
    max-width: calc(50% - 1rem) !important;
  }
}
@media screen and (max-width: 835px) {
  .form-row[class*=json] .card div:not([class]) div:not([class]) .row, .material-field--details-json .card div:not([class]) div:not([class]) .row {
    max-width: calc(50% - 1rem) !important;
  }
}
@media screen and (max-width: 601px) {
  .form-row[class*=json] .card div:not([class]) div:not([class]) .row, .material-field--details-json .card div:not([class]) div:not([class]) .row {
    width: 100% !important;
    max-width: 100% !important;
  }
}
.form-row[class*=json] .card div:not([class]) div:not([class]) .row > [data-schematype=boolean] > .form-group, .material-field--details-json .card div:not([class]) div:not([class]) .row > [data-schematype=boolean] > .form-group {
  display: block !important;
  width: 100%;
}
.form-row[class*=json] .card div:not([class]) div:not([class]) .row > [data-schematype=boolean] > .form-group > .form-check, .material-field--details-json .card div:not([class]) div:not([class]) .row > [data-schematype=boolean] > .form-group > .form-check {
  padding-left: 0 !important;
}
.form-row[class*=json] .card div:not([class]) div:not([class]) .row:has(> [data-schemapath][style*="display: none"]:only-child), .material-field--details-json .card div:not([class]) div:not([class]) .row:has(> [data-schemapath][style*="display: none"]:only-child) {
  display: none !important;
}
.form-row[class*=json] .card div:not([class]) div:not([class]) .row:has(table), .form-row[class*=json] .card div:not([class]) div:not([class]) .row:has(> [data-schematype=array]:not(:has(> .form-group > select[multiple]))), .form-row[class*=json] .card div:not([class]) div:not([class]) .row:has(> .brainstem-object-panel), .material-field--details-json .card div:not([class]) div:not([class]) .row:has(table), .material-field--details-json .card div:not([class]) div:not([class]) .row:has(> [data-schematype=array]:not(:has(> .form-group > select[multiple]))), .material-field--details-json .card div:not([class]) div:not([class]) .row:has(> .brainstem-object-panel) {
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
}
.form-row[class*=json] .card div:not([class]) div:not([class]) .row:has(> .form-group--units), .form-row[class*=json] .card div:not([class]) div:not([class]) .row:has(> .form-group--ratio), .material-field--details-json .card div:not([class]) div:not([class]) .row:has(> .form-group--units), .material-field--details-json .card div:not([class]) div:not([class]) .row:has(> .form-group--ratio) {
  min-width: 160px;
}
@container (min-width: 700px) {
  .form-row[class*=json] .card div:not([class]) div:not([class]) .row:has(> .form-group--units), .form-row[class*=json] .card div:not([class]) div:not([class]) .row:has(> .form-group--ratio), .material-field--details-json .card div:not([class]) div:not([class]) .row:has(> .form-group--units), .material-field--details-json .card div:not([class]) div:not([class]) .row:has(> .form-group--ratio) {
    width: calc(25% - 1rem) !important;
  }
}

.form-group--ratio {
  min-width: 150px;
}

.form-group--ratio__content {
  width: 100%;
  min-width: 150px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: 0.25rem;
}
.form-group--ratio__content input {
  flex: 1 1 0;
  width: auto !important;
  min-width: 3.5rem;
}

.form-group--ratio__separator {
  flex: 0 0 auto;
  font-weight: 700;
  line-height: 1;
}

.form-row[class*=json] input.vTimeField, .material-field--details-json input.vTimeField {
  background-image: url("https://public-images.brainstem.org/images/icons/icon_time.svg") !important;
  background-size: 1.4rem auto !important;
  background-position: 98% center !important;
  background-repeat: no-repeat !important;
}
.form-row[class*=json] input.vDateField, .material-field--details-json input.vDateField {
  background-image: url("https://public-images.brainstem.org/images/icons/icon_date.svg") !important;
  background-size: 1.4rem auto !important;
  background-position: 98% center !important;
  background-repeat: no-repeat !important;
}
.form-row[class*=json] .vTimeField-link, .form-row[class*=json] .vDateField-link, .material-field--details-json .vTimeField-link, .material-field--details-json .vDateField-link {
  display: none !important;
}

.form-row[class*=json] select.form-control:not([multiple]), .material-field--details-json select.form-control:not([multiple]) {
  padding-right: 2rem !important;
  cursor: pointer;
  background-image: url("https://public-images.brainstem.org/images/icons/icon-chevron-down.svg") !important;
  background-size: 1.75rem auto !important;
  background-position: right 0.375rem center !important;
  background-repeat: no-repeat !important;
}
.form-row[class*=json] .select2-container--jet .select2-selection.select2-selection--multiple:has(.select2-selection__choice), .material-field--details-json .select2-container--jet .select2-selection.select2-selection--multiple:has(.select2-selection__choice) {
  padding-right: 2rem !important;
  background-image: url("https://public-images.brainstem.org/images/icons/icon-chevron-down.svg") !important;
  background-size: 1.75rem auto !important;
  background-position: right 0.375rem center !important;
  background-repeat: no-repeat !important;
}

.form-row[class*=json] [data-schematype=array]:has(> .card .table-responsive) > .card, .material-field--details-json [data-schematype=array]:has(> .card .table-responsive) > .card {
  margin-top: 0;
  padding-top: 0;
  padding-left: 0 !important;
  padding-right: 0 !important;
  background-color: #FFFFFF !important;
  overflow: visible !important;
}
.form-row[class*=json] [data-schematype=array]:has(> .card .table-responsive) > .card > .btn-group:last-child, .material-field--details-json [data-schematype=array]:has(> .card .table-responsive) > .card > .btn-group:last-child {
  margin-top: 0.5rem;
}
.form-row[class*=json] .table-responsive, .material-field--details-json .table-responsive {
  border: 1px solid rgba(141, 139, 159, 0.35);
  border-radius: 0.75rem;
  background: #FFFFFF;
  overflow-x: auto;
  margin-top: 0;
}
.form-row[class*=json] .table-responsive:has(tbody:empty), .material-field--details-json .table-responsive:has(tbody:empty) {
  display: none;
}
.form-row[class*=json] table, .material-field--details-json table {
  table-layout: auto;
  width: max-content;
  min-width: 100%;
  margin-bottom: 0;
}
.form-row[class*=json] table thead th, .material-field--details-json table thead th {
  background: var(--base) !important;
  color: #393843;
  font-weight: 600;
  white-space: nowrap;
  vertical-align: middle;
  padding: 0.5rem 0.75rem !important;
  border: none !important;
  border-bottom: 1px solid rgba(141, 139, 159, 0.6) !important;
}
.form-row[class*=json] table thead th[aria-hidden=true], .material-field--details-json table thead th[aria-hidden=true] {
  display: table-cell !important;
  visibility: visible !important;
  color: transparent !important;
  text-shadow: none !important;
}
.form-row[class*=json] table tbody td, .material-field--details-json table tbody td {
  vertical-align: top;
  padding: 0.5rem 0.75rem !important;
  border: none !important;
}
.form-row[class*=json] table tbody tr + tr td, .material-field--details-json table tbody tr + tr td {
  border-top: 1px solid rgba(141, 139, 159, 0.35) !important;
}
.form-row[class*=json] table tbody tr:hover td, .material-field--details-json table tbody tr:hover td {
  background: rgba(var(--base), 0.35);
}
.form-row[class*=json] table td:last-child, .form-row[class*=json] table th:last-child, .material-field--details-json table td:last-child, .material-field--details-json table th:last-child {
  width: 6.5rem !important;
  white-space: nowrap;
}
.form-row[class*=json] table td:last-child, .material-field--details-json table td:last-child {
  padding-left: 0.25rem !important;
}
.form-row[class*=json] table td:last-child .btn-group, .material-field--details-json table td:last-child .btn-group {
  justify-content: flex-end;
  gap: 0.25rem;
}
.form-row[class*=json] table td:last-child .btn-secondary, .material-field--details-json table td:last-child .btn-secondary {
  flex: 0 0 2rem !important;
  width: 2rem !important;
  min-width: 2rem !important;
  height: 2rem !important;
  padding: 0 !important;
  color: var(--secondary) !important;
  background: var(--base) !important;
  border-color: rgba(141, 139, 159, 0.6) !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 0 !important;
  line-height: 1 !important;
}
.form-row[class*=json] table td:last-child .btn-secondary span, .material-field--details-json table td:last-child .btn-secondary span {
  display: none !important;
}
.form-row[class*=json] table td:last-child .btn-secondary::before, .form-row[class*=json] table td:last-child .btn-secondary::after, .form-row[class*=json] table td:last-child .btn-secondary i, .material-field--details-json table td:last-child .btn-secondary::before, .material-field--details-json table td:last-child .btn-secondary::after, .material-field--details-json table td:last-child .btn-secondary i {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100%;
  height: 100%;
  line-height: 1 !important;
}
@media (hover: hover) and (pointer: fine) {
  .form-row[class*=json] table td:last-child .btn-secondary:hover, .material-field--details-json table td:last-child .btn-secondary:hover {
    color: var(--primary) !important;
    border-color: var(--secondary) !important;
  }
}
.form-row[class*=json] table td, .form-row[class*=json] table th, .material-field--details-json table td, .material-field--details-json table th {
  width: auto;
  white-space: normal;
  min-width: 8rem;
}
.form-row[class*=json] table td:has(.form-group--units), .material-field--details-json table td:has(.form-group--units) {
  min-width: 10.5rem;
}
.form-row[class*=json] table td[data-schemapath*=".administrations."][data-schemapath$=".key"],
.form-row[class*=json] table td[data-schemapath*=".perfusionPhases."][data-schemapath$=".key"], .material-field--details-json table td[data-schemapath*=".administrations."][data-schemapath$=".key"],
.material-field--details-json table td[data-schemapath*=".perfusionPhases."][data-schemapath$=".key"] {
  display: none !important;
}
.form-row[class*=json] table .form-group--units, .form-row[class*=json] table .form-group--units__content, .material-field--details-json table .form-group--units, .material-field--details-json table .form-group--units__content {
  width: auto !important;
  min-width: 9.5rem !important;
}
.form-row[class*=json] table .form-group--units__content, .material-field--details-json table .form-group--units__content {
  display: inline-flex !important;
}
.form-row[class*=json] table .form-group--units__content, .material-field--details-json table .form-group--units__content {
  gap: 0.5rem !important;
}
.form-row[class*=json] table .form-group--units__content input, .material-field--details-json table .form-group--units__content input {
  flex: 1 1 4rem !important;
  min-width: 4.5rem !important;
}
.form-row[class*=json] table .form-group--units__content select, .material-field--details-json table .form-group--units__content select {
  min-width: 3.5rem !important;
  max-width: none !important;
}
.form-row[class*=json] table td .form-group > select, .material-field--details-json table td .form-group > select {
  width: max-content !important;
  min-width: 8rem !important;
  max-width: none !important;
}
.form-row[class*=json] table td .form-group > input[type=text], .material-field--details-json table td .form-group > input[type=text] {
  width: 100% !important;
  min-width: 8rem !important;
  max-width: 100%;
}
.form-row[class*=json] [id$=extra_content_json_editor] table thead th:nth-child(2), .material-field--details-json [id$=extra_content_json_editor] table thead th:nth-child(2) {
  display: grid;
  grid-template-columns: 8rem minmax(12rem, 1fr);
  gap: 0.75rem;
}
.form-row[class*=json] [id$=extra_content_json_editor] table thead th:nth-child(2)::before, .material-field--details-json [id$=extra_content_json_editor] table thead th:nth-child(2)::before {
  content: "type";
}
.form-row[class*=json] [id$=extra_content_json_editor] table tbody td[data-schemapath$=".value"], .material-field--details-json [id$=extra_content_json_editor] table tbody td[data-schemapath$=".value"] {
  display: grid !important;
  grid-template-columns: 8rem minmax(12rem, 1fr);
  align-items: start;
  gap: 0.75rem !important;
  min-width: 22rem;
}
.form-row[class*=json] [id$=extra_content_json_editor] table tbody td[data-schemapath$=".value"] > b, .form-row[class*=json] [id$=extra_content_json_editor] table tbody td[data-schemapath$=".value"] > label, .material-field--details-json [id$=extra_content_json_editor] table tbody td[data-schemapath$=".value"] > b, .material-field--details-json [id$=extra_content_json_editor] table tbody td[data-schemapath$=".value"] > label {
  display: none !important;
}
.form-row[class*=json] [id$=extra_content_json_editor] table tbody td[data-schemapath$=".value"] > .je-switcher, .material-field--details-json [id$=extra_content_json_editor] table tbody td[data-schemapath$=".value"] > .je-switcher {
  grid-column: 1;
  align-self: start;
  box-sizing: border-box;
  width: 100% !important;
  min-width: 8rem !important;
  max-width: 100% !important;
  height: 2.88rem !important;
}
.form-row[class*=json] [id$=extra_content_json_editor] table tbody td[data-schemapath$=".value"] > div, .material-field--details-json [id$=extra_content_json_editor] table tbody td[data-schemapath$=".value"] > div {
  grid-column: 2;
  width: 100% !important;
  min-width: 0;
  display: block !important;
}
.form-row[class*=json] [id$=extra_content_json_editor] table tbody td[data-schemapath$=".value"] .form-group, .material-field--details-json [id$=extra_content_json_editor] table tbody td[data-schemapath$=".value"] .form-group {
  width: 100% !important;
  margin-bottom: 0;
}
.form-row[class*=json] [id$=extra_content_json_editor] table tbody td[data-schemapath$=".value"] .form-control, .material-field--details-json [id$=extra_content_json_editor] table tbody td[data-schemapath$=".value"] .form-control {
  float: none !important;
  width: 100% !important;
  min-width: 8rem !important;
  max-width: 100% !important;
}
.form-row[class*=json] [id$=repository_links_json_editor] table th:nth-child(1), .form-row[class*=json] [id$=repository_links_json_editor] table td[data-schemapath$=".repository"], .material-field--details-json [id$=repository_links_json_editor] table th:nth-child(1), .material-field--details-json [id$=repository_links_json_editor] table td[data-schemapath$=".repository"] {
  width: 35%;
  min-width: 14rem;
}
.form-row[class*=json] [id$=repository_links_json_editor] table th:nth-child(2), .form-row[class*=json] [id$=repository_links_json_editor] table td[data-schemapath$=".url"], .material-field--details-json [id$=repository_links_json_editor] table th:nth-child(2), .material-field--details-json [id$=repository_links_json_editor] table td[data-schemapath$=".url"] {
  width: auto;
  min-width: 20rem;
}
.form-row[class*=json] [id$=repository_links_json_editor] table td[data-schemapath$=".repository"] .form-group, .form-row[class*=json] [id$=repository_links_json_editor] table td[data-schemapath$=".url"] .form-group, .material-field--details-json [id$=repository_links_json_editor] table td[data-schemapath$=".repository"] .form-group, .material-field--details-json [id$=repository_links_json_editor] table td[data-schemapath$=".url"] .form-group {
  width: 100% !important;
  margin-bottom: 0;
}
.form-row[class*=json] [id$=repository_links_json_editor] table td[data-schemapath$=".repository"] .form-control, .form-row[class*=json] [id$=repository_links_json_editor] table td[data-schemapath$=".url"] .form-control, .material-field--details-json [id$=repository_links_json_editor] table td[data-schemapath$=".repository"] .form-control, .material-field--details-json [id$=repository_links_json_editor] table td[data-schemapath$=".url"] .form-control {
  float: none !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

.form-group--units {
  min-width: 150px;
}

.form-group--units__content {
  width: 100%;
  min-width: 150px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: center;
  gap: 0.25rem;
}
.form-group--units__content input {
  flex: 1 1 auto;
  width: auto !important;
  min-width: 90px;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.form-group--units__content select {
  flex: 0 0 auto;
  width: auto !important;
  min-width: 60px;
  padding-right: 2rem !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  cursor: pointer;
  background-image: url("https://public-images.brainstem.org/images/icons/icon-chevron-down.svg") !important;
  background-size: 1.75rem auto !important;
  background-position: right 0.375rem center !important;
  background-repeat: no-repeat !important;
}
.form-group--units__content select option:checked, .form-group--units__content select option:hover {
  background: var(--secondary) !important;
  color: #FFFFFF !important;
}

.tabular-numberunit {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: center;
  gap: 0.25rem;
}
.tabular-numberunit > input {
  flex: 1 1 auto;
  width: auto !important;
  min-width: 3.5rem;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.tabular-numberunit > select {
  flex: 0 0 auto;
  width: auto !important;
  min-width: 3.5rem;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.tabular-numberunit .select2-container {
  flex: 0 0 auto;
  width: auto !important;
}
.tabular-numberunit .select2-container .select2-selection {
  width: auto !important;
  padding-right: 1.75rem !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

@media screen and (max-width: 601px) {
  body.change-form .object-tools, body.change-form .submit-row {
    top: auto !important;
    bottom: 0 !important;
    right: 0 !important;
    width: 100% !important;
    background: #FFFFFF !important;
    padding: 1rem !important;
    justify-content: flex-end !important;
    box-shadow: 0px -2px 20px 0 rgba(0, 0, 0, 0.15);
  }
  body.change-form .object-tools input, body.change-form .submit-row input {
    width: auto;
  }
  body.change-form .object-tools input.default, body.change-form .submit-row input.default {
    width: auto !important;
  }
}
@media screen and (max-width: 601px) {
  body.change-form .submit-row--bottom {
    background: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    flex-wrap: wrap !important;
  }
}

@media screen and (max-width: 601px) {
  .submit-row input {
    width: auto;
  }
  .submit-row input.default {
    width: auto !important;
  }
}

.confirmModalBtn {
  padding: 0 !important;
}

.recently-saved__wrapper {
  display: none;
  position: absolute;
  top: calc(100% - 1rem);
  right: -0.5rem;
  max-width: 35vw;
  z-index: 1;
}
@media screen and (max-width: 835px) {
  .recently-saved__wrapper {
    max-width: 50vw;
  }
}
@media screen and (max-width: 601px) {
  .recently-saved__wrapper {
    max-width: calc(100vw - 1rem);
    position: fixed;
    top: auto;
    bottom: 7rem;
    right: 0.5rem;
    z-index: 5;
  }
}

.recently-saved-message {
  display: none;
}

.subjectlog-quick-panel {
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 0 !important;
  padding: 0 !important;
  background: #FFFFFF !important;
}

.subjectlog-quick-panel > h2 {
  display: none;
}

.subjectlog-quick-panel .empty-state__wrapper {
  padding: 2.5rem 1rem;
}

.subjectlog-panel__header {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 0.75rem;
  padding: 0.75rem 1.25rem;
}

.subjectlog-quick-logs {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.subjectlog-quick-logs .subjectlog-quick-logs__label {
  color: #8D8B9F;
  font-size: 0.85rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-right: 0.25rem;
}
.subjectlog-quick-logs .subjectlog-quick-log-btn {
  white-space: nowrap;
}
.subjectlog-quick-logs .subjectlog-quick-log-btn i {
  margin-right: 0.35rem;
}

.subjectlog-quick-panel .empty-state__wrapper .add-row {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.75rem;
}

.subjectlog-log-section {
  margin: 0.75rem 1.5rem;
  border: 1px solid rgba(141, 139, 159, 0.2);
  border-radius: 4px;
  overflow: hidden;
}

.subjectlog-log-section__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.25rem;
  background: rgba(244, 242, 253, 0.9);
  border-bottom: 1px solid rgba(141, 139, 159, 0.15);
  gap: 1rem;
}

.subjectlog-log-section__title {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
  min-width: 0;
}

.subjectlog-log-section__type {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--primary);
}

.subjectlog-log-section__desc {
  color: #8D8B9F;
  font-size: 0.85rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.subjectlog-log-section__actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-shrink: 0;
}
.subjectlog-log-section__actions .button {
  padding: 0.3rem 0.85rem;
  font-size: 0.82rem;
}
.subjectlog-log-section__actions .button .fa {
  margin-right: 0.3rem;
}
.subjectlog-log-section__actions .button .fa-external-link {
  margin-right: 0;
  margin-left: 0.25rem;
  opacity: 0.55;
  font-size: 0.7em;
}

.subjectlog-log-section__table-wrap {
  padding: 0;
}

.subjectlog-log-section__empty {
  padding: 0.85rem 1.25rem 1rem;
  margin: 0;
  color: #8D8B9F;
  font-style: italic;
}

.subjectlog-log-section__unlinked {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.35rem 0.75rem;
}

.subjectlog-quick-panel .button,
.episode-link-entries-btn,
.episode-link-procedures-btn,
.episode-link-modal__save {
  align-items: center !important;
}
.subjectlog-quick-panel .button .fa,
.episode-link-entries-btn .fa,
.episode-link-procedures-btn .fa,
.episode-link-modal__save .fa {
  line-height: 1;
}

.episode-link-entries-btn .fa,
.episode-link-procedures-btn .fa,
.episode-link-modal__save .fa {
  margin-right: 0.35rem;
  font-size: inherit !important;
}

#procedures-group .new-content .add-row {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.75rem;
}

.episode-link-modal__wrapper {
  box-sizing: border-box;
  padding: 1.25rem;
  align-items: center;
  align-content: center;
  overflow: hidden;
  z-index: 10000;
}

.episode-link-modal__modal {
  width: min(1000px, 95vw);
  max-height: calc(100vh - 2.5rem);
  max-height: calc(100dvh - 2.5rem);
  box-sizing: border-box;
  overflow: hidden;
  min-height: 0;
}
.episode-link-modal__modal .generic-modal__header,
.episode-link-modal__modal .generic-modal__footer {
  flex: 0 0 auto;
}
.episode-link-modal__modal .episode-link-modal__body {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
}

.generic-modal__modal .episode-link-modal__footer {
  justify-content: space-between !important;
}

.episode-link-modal__count {
  color: #393843;
  font-size: 0.85rem;
  flex: 0 0 auto;
}

.episode-link-list__hint {
  margin: 0 0 0.75rem;
  color: #393843;
  font-size: 0.85rem;
}

.episode-link-list__empty {
  margin: 0;
  color: #8D8B9F;
  font-style: italic;
}

.episode-link-table-wrap {
  border: 1px solid rgba(141, 139, 159, 0.25);
  border-radius: 0.75rem;
  overflow: hidden;
}

.episode-link-table__check {
  width: 3rem;
}
.episode-link-table__check label {
  margin: 0;
  cursor: pointer;
}

.episode-link-table thead th {
  position: sticky;
  top: 0;
  z-index: 1;
  background: var(--base);
  border-bottom: 1px solid rgba(141, 139, 159, 0.25);
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
}
.episode-link-table th,
.episode-link-table td {
  padding-left: 0;
  padding-right: 1rem;
}
.episode-link-table th:first-child,
.episode-link-table td:first-child {
  padding-left: 1rem;
}
.episode-link-table th:last-child,
.episode-link-table td:last-child {
  padding-right: 1rem;
}
.episode-link-table td {
  vertical-align: middle;
}
.episode-link-table__primary {
  font-weight: 600;
  white-space: nowrap;
}
.episode-link-table__details {
  color: #393843;
}

.episode-link-table .episode-link-row {
  cursor: pointer;
  transition: background-color 0.12s ease;
}
@media (hover: hover) and (pointer: fine) {
  .episode-link-table .episode-link-row:hover {
    background: rgba(141, 139, 159, 0.12) !important;
  }
}
.episode-link-table .episode-link-row.is-selected {
  background: color-mix(in srgb, var(--primary) 7%, transparent) !important;
}
.episode-link-table .episode-link-row.is-selected td {
  color: #1A1B1C;
}

.subjectlog-entries-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.9rem;
}
.subjectlog-entries-table th {
  text-align: left;
  font-size: 0.9rem;
  font-weight: 700;
  color: #393843;
  padding: 0.75rem 1rem 0.6rem 0;
  border-bottom: 2px solid rgba(141, 139, 159, 0.2);
}
.subjectlog-entries-table th:first-child {
  width: 2.5rem;
  color: #8D8B9F;
  padding-left: 1.25rem;
  border-radius: 0;
}
.subjectlog-entries-table td {
  padding: 0.7rem 1rem 0.7rem 0;
  border-bottom: 1px solid rgba(141, 139, 159, 0.12);
  vertical-align: top;
  color: #1A1B1C;
}
.subjectlog-entries-table td:first-child {
  color: #8D8B9F;
  font-size: 0.85rem;
  padding-left: 1.25rem;
}
.subjectlog-entries-table tr:last-child td {
  border-bottom: none;
}
.subjectlog-entries-table__actions {
  width: 1%;
  white-space: nowrap;
  text-align: right;
  padding-right: 1.25rem;
}
.subjectlog-entries-table__actions .subjectlog-entries-table__action-group {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
  gap: 0.35rem;
}
.subjectlog-entries-table__actions .button {
  padding: 0.5rem 0.55rem !important;
  font-size: 1rem !important;
  line-height: 1;
  min-width: 0;
}
.subjectlog-entries-table__actions .button i {
  margin: 0;
}

.subjectlog-entry-form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 1rem;
  row-gap: 0.75rem;
  width: 100%;
}

.subjectlog-entry-form__row {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.subjectlog-entry-form__row--full {
  grid-column: 1/-1;
}
.subjectlog-entry-form__row.errors .subjectlog-entry-form__field input,
.subjectlog-entry-form__row.errors .subjectlog-entry-form__field select,
.subjectlog-entry-form__row.errors .subjectlog-entry-form__field textarea {
  border-color: #FF5757;
}

.subjectlog-entry-form__label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.875rem;
  font-weight: 600;
}
.subjectlog-entry-form__label label {
  color: #1A1B1C;
}

.subjectlog-entry-form__field {
  width: 100%;
  min-width: 0;
}
.subjectlog-entry-form__field input, .subjectlog-entry-form__field select, .subjectlog-entry-form__field textarea {
  width: 100%;
  box-sizing: border-box;
}
.subjectlog-entry-form__field select:not([multiple]) {
  padding-right: 2rem !important;
  cursor: pointer;
  background-image: url("https://public-images.brainstem.org/images/icons/icon-chevron-down.svg") !important;
  background-size: 1.75rem auto !important;
  background-position: right 0.375rem center !important;
  background-repeat: no-repeat !important;
}
.subjectlog-entry-form__field .errorlist {
  margin: 0.25rem 0 0;
  padding: 0;
  list-style: none;
}
.subjectlog-entry-form__field .errorlist li {
  color: #FF5757;
  font-size: 0.8rem;
}

.subjectlog-entry-form__field--numberunit {
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  gap: 0.25rem;
}
.subjectlog-entry-form__field--numberunit input[type=number] {
  flex: 1 1 auto;
  width: auto !important;
  min-width: 5rem;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.subjectlog-entry-form__field--numberunit select {
  flex: 0 0 auto;
  width: auto !important;
  min-width: 3.5rem;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.subjectlog-entry-form__field--datetime {
  display: flex;
  gap: 0.5rem;
  overflow: hidden;
}
.subjectlog-entry-form__field--datetime .vDateField, .subjectlog-entry-form__field--datetime .vTimeField {
  flex: 1;
  min-width: 0;
  width: 0;
  box-sizing: border-box;
}
.subjectlog-entry-form__field--datetime .datetime-now-link {
  font-size: 0.78rem;
  white-space: nowrap;
  flex-shrink: 0;
}

.episode-log-step-2__content > .subjectlog-entry-form__errornote {
  display: block !important;
  box-sizing: border-box;
  width: 100% !important;
  margin: 0 0 1rem !important;
}

#ui-datepicker-div.episode-log-datepicker-popup {
  z-index: 10001 !important;
}

.ui-timepicker.episode-log-timepicker-popup {
  z-index: 10001 !important;
}

body.modal-open .select2-container--jet.select2-container--open {
  z-index: 10001 !important;
}

.subjectlog-entry-form .has-tooltip::after {
  font-size: 0.78rem;
  white-space: normal;
  width: max-content;
  max-width: min(18rem, 80vw);
  top: 110%;
  right: 0;
  left: auto;
  bottom: auto;
  z-index: 1000;
}

.subjectlog-modal__wrapper,
.episode-log-modal__wrapper {
  box-sizing: border-box;
  padding: 1.25rem;
  align-items: center;
  align-content: center;
  overflow: hidden;
  z-index: 10000;
}

.subjectlog-modal__modal,
.episode-log-modal__modal {
  width: min(760px, 95vw);
  max-height: calc(100vh - 2.5rem);
  max-height: calc(100dvh - 2.5rem);
  box-sizing: border-box;
  overflow: hidden;
  min-height: 0;
}

.subjectlog-modal__modal .generic-modal__header,
.subjectlog-modal__modal .generic-modal__footer {
  flex: 0 0 auto;
}
.subjectlog-modal__modal .subjectlog-modal__body {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 0.35rem;
}

#subjectlog-modal .subjectlog-modal__footer button {
  align-items: center;
  gap: 0.35rem;
}
#subjectlog-modal .subjectlog-modal__footer button .fa {
  margin: 0;
}
#subjectlog-modal .subjectlog-modal__back,
#subjectlog-modal .subjectlog-modal__skip,
#subjectlog-modal .subjectlog-modal__next,
#subjectlog-modal .subjectlog-modal__save {
  display: none !important;
}
#subjectlog-modal[data-state=step1] .subjectlog-modal__next {
  display: inline-flex !important;
}
#subjectlog-modal[data-state=new-log-step2] .subjectlog-modal__back,
#subjectlog-modal[data-state=new-log-step2] .subjectlog-modal__skip,
#subjectlog-modal[data-state=new-log-step2] .subjectlog-modal__save {
  display: inline-flex !important;
}
#subjectlog-modal[data-state=add-entry] .subjectlog-modal__save {
  display: inline-flex !important;
}

.subjectlog-existing-logs-warning {
  grid-column: 1/-1;
  background: #f5e9c0;
  border: 1px solid #FFCF24;
  border-radius: 4px;
  padding: 0.75rem 1rem;
  font-size: 0.875rem;
}
.subjectlog-existing-logs-warning__message {
  font-weight: 600;
  margin-bottom: 0.35rem;
}
.subjectlog-existing-logs-warning__message strong {
  font-weight: 600;
}
.subjectlog-existing-logs-warning__list {
  margin: 0 0 0.5rem 1.25rem;
  padding: 0;
  list-style: disc;
}
.subjectlog-existing-logs-warning__list li {
  color: #1A1B1C;
  margin-bottom: 0.15rem;
}
.subjectlog-existing-logs-warning__actions {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  flex-wrap: wrap;
}
.subjectlog-existing-logs-warning__actions select {
  flex: 1 1 auto;
  min-width: 0;
}
.subjectlog-existing-logs-warning__or {
  color: #393843;
  font-size: 0.8rem;
}
.subjectlog-existing-logs-warning__create-new {
  font-size: 0.82rem;
  color: #393843;
  text-decoration: underline;
  cursor: pointer;
}
.subjectlog-existing-logs-warning__create-new:hover {
  color: #1A1B1C;
}

.generic-modal__modal .subjectlog-modal__footer {
  width: 100%;
  display: flex;
  justify-content: space-between !important;
  align-items: center;
}

.subjectlog-modal__footer-left {
  flex: 0 0 auto;
}

.episode-log-modal__modal .generic-modal__header,
.episode-log-modal__modal .generic-modal__footer {
  flex: 0 0 auto;
}
.episode-log-modal__modal .episode-log-modal__body {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 0.35rem;
}

#episode-log-modal .episode-log-modal__footer button {
  align-items: center;
  gap: 0.35rem;
}
#episode-log-modal .episode-log-modal__footer button .fa {
  margin: 0;
}
#episode-log-modal .episode-log-modal__back,
#episode-log-modal .episode-log-modal__next,
#episode-log-modal .episode-log-modal__save {
  display: none !important;
}
#episode-log-modal[data-state=step1] .episode-log-modal__next {
  display: inline-flex !important;
}
#episode-log-modal[data-state=step2] .episode-log-modal__back,
#episode-log-modal[data-state=step2] .episode-log-modal__save {
  display: inline-flex !important;
}
#episode-log-modal[data-state=add-entry] .episode-log-modal__save {
  display: inline-flex !important;
}

.generic-modal__modal .episode-log-modal__footer {
  width: 100%;
  display: flex;
  justify-content: space-between !important;
  align-items: center;
}

.episode-log-modal__footer-left {
  flex: 0 0 auto;
}

.fields-group .field-datastorage, .fields-group .field-name_used_in_storage {
  width: calc((100% - 1rem) / 2) !important;
}
@media screen and (max-width: 601px) {
  .fields-group .field-datastorage, .fields-group .field-name_used_in_storage {
    width: 100% !important;
  }
}

#session_form.edit-view__form .custom-fieldset .field-session_type_readonly {
  flex-grow: 0;
  min-width: 10rem;
}
#session_form.edit-view__form .custom-fieldset .field-session_type_readonly .readonly {
  min-height: 2.8rem;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
}
#session_form.edit-view__form .custom-fieldset .field-date_time {
  width: calc(50% - 1rem) !important;
  max-width: calc(35vw - 1rem) !important;
}
@media screen and (max-width: 1194px) and (orientation: portrait) {
  #session_form.edit-view__form .custom-fieldset .field-date_time {
    max-width: calc(50% - 1rem) !important;
  }
}
@media screen and (max-width: 835px) {
  #session_form.edit-view__form .custom-fieldset .field-date_time {
    max-width: calc(50% - 1rem) !important;
  }
}
@media screen and (max-width: 601px) {
  #session_form.edit-view__form .custom-fieldset .field-date_time {
    width: 100% !important;
    max-width: 100% !important;
  }
}
#session_form.edit-view__form .custom-fieldset .field-tags {
  width: calc(50% - 1rem) !important;
  max-width: calc(35vw - 1rem) !important;
}
@media screen and (max-width: 1194px) and (orientation: portrait) {
  #session_form.edit-view__form .custom-fieldset .field-tags {
    max-width: calc(50% - 1rem) !important;
  }
}
@media screen and (max-width: 835px) {
  #session_form.edit-view__form .custom-fieldset .field-tags {
    max-width: calc(50% - 1rem) !important;
  }
}
@media screen and (max-width: 601px) {
  #session_form.edit-view__form .custom-fieldset .field-tags {
    width: 100% !important;
    max-width: 100% !important;
  }
}
#session_form.edit-view__form .custom-fieldset .field-tags .selectize-input {
  max-width: 100% !important;
}
#session_form.edit-view__form .custom-fieldset .field-extra_content.field-extra_content_json .json-editor-btntype-deleteall, #session_form.edit-view__form .custom-fieldset .field-extra_content.field-extra_content_json .json-editor-btntype-deletelast {
  display: none !important;
}
#session_form.edit-view__form .custom-fieldset .field-custom_updated_at {
  display: none;
}
#session_form.edit-view__form .custom-fieldset .form-row.field-projects:not(.field-subjects):not(.field-specimen_sets) {
  width: calc(50% - 1rem) !important;
  max-width: calc(35vw - 1rem) !important;
}
@media screen and (max-width: 1194px) and (orientation: portrait) {
  #session_form.edit-view__form .custom-fieldset .form-row.field-projects:not(.field-subjects):not(.field-specimen_sets) {
    max-width: calc(50% - 1rem) !important;
  }
}
@media screen and (max-width: 835px) {
  #session_form.edit-view__form .custom-fieldset .form-row.field-projects:not(.field-subjects):not(.field-specimen_sets) {
    max-width: calc(50% - 1rem) !important;
  }
}
@media screen and (max-width: 601px) {
  #session_form.edit-view__form .custom-fieldset .form-row.field-projects:not(.field-subjects):not(.field-specimen_sets) {
    width: 100% !important;
    max-width: 100% !important;
  }
}
#session_form.edit-view__form .custom-fieldset .form-row.field-subjects:not(.field-projects) {
  width: calc(50% - 1rem) !important;
  max-width: calc(35vw - 1rem) !important;
}
@media screen and (max-width: 1194px) and (orientation: portrait) {
  #session_form.edit-view__form .custom-fieldset .form-row.field-subjects:not(.field-projects) {
    max-width: calc(50% - 1rem) !important;
  }
}
@media screen and (max-width: 835px) {
  #session_form.edit-view__form .custom-fieldset .form-row.field-subjects:not(.field-projects) {
    max-width: calc(50% - 1rem) !important;
  }
}
@media screen and (max-width: 601px) {
  #session_form.edit-view__form .custom-fieldset .form-row.field-subjects:not(.field-projects) {
    width: 100% !important;
    max-width: 100% !important;
  }
}
#session_form.edit-view__form .custom-fieldset .form-row.field-specimen_sets:not(.field-projects) {
  width: calc(50% - 1rem) !important;
  max-width: calc(35vw - 1rem) !important;
}
@media screen and (max-width: 1194px) and (orientation: portrait) {
  #session_form.edit-view__form .custom-fieldset .form-row.field-specimen_sets:not(.field-projects) {
    max-width: calc(50% - 1rem) !important;
  }
}
@media screen and (max-width: 835px) {
  #session_form.edit-view__form .custom-fieldset .form-row.field-specimen_sets:not(.field-projects) {
    max-width: calc(50% - 1rem) !important;
  }
}
@media screen and (max-width: 601px) {
  #session_form.edit-view__form .custom-fieldset .form-row.field-specimen_sets:not(.field-projects) {
    width: 100% !important;
    max-width: 100% !important;
  }
}
#session_form.edit-view__form .custom-fieldset .primary-fields--top {
  border-radius: 0.5rem 0.5rem 0 0;
  padding-bottom: 0;
  margin-bottom: 0;
  gap: 1.8rem;
}
#session_form.edit-view__form .custom-fieldset .primary-fields--bottom {
  border-radius: 0 0 0.5rem 0.5rem;
  padding-top: 0.75rem;
  margin-top: -2rem;
  gap: 1.8rem;
}
#session_form.edit-view__form .custom-fieldset .primary-fields--bottom .fieldBox.field-subjects,
#session_form.edit-view__form .custom-fieldset .primary-fields--bottom .fieldBox.field-specimen_sets {
  position: relative;
  padding-left: 2rem;
}

#result_list th.column-session_type_badge,
#result_list td.field-session_type_badge {
  width: 8rem;
  text-align: center;
}
#result_list td.field-session_type_badge .session-type-tag {
  display: inline-flex !important;
  justify-content: center;
  min-width: 5.25rem;
  padding: 0.25rem 0.5rem 0.15rem !important;
  font-size: 0.85rem !important;
  letter-spacing: -0.03rem !important;
  pointer-events: none !important;
}

#subject_form:not(.detail-view__form) fieldset.module .form-row h3 {
  width: 100% !important;
  font-family: "Inter", sans-serif !important;
  font-size: 1.125rem !important;
  letter-spacing: -0.03375rem !important;
  line-height: 1.35rem !important;
  font-weight: 700;
  color: #1A1B1C;
  margin: 0 0 0.75rem 0 !important;
  padding: 0 0 0.75rem 0 !important;
  border-bottom: 1px solid rgba(141, 139, 159, 0.5);
}
#subject_form:not(.detail-view__form) fieldset.module .field-name.field-projects .primary-fields {
  border-radius: 0.5rem 0.5rem 0 0;
  padding-bottom: 0.5rem;
}
@media screen and (min-width: 601px) {
  #subject_form:not(.detail-view__form) fieldset.module .field-name.field-projects .primary-fields {
    padding-bottom: 0;
  }
}
#subject_form:not(.detail-view__form) fieldset.module .field-name.field-projects .primary-fields .field-name, #subject_form:not(.detail-view__form) fieldset.module .field-name.field-projects .primary-fields .field-projects {
  width: calc(50% - 1rem) !important;
  max-width: calc(35vw - 1rem) !important;
}
@media screen and (max-width: 1194px) and (orientation: portrait) {
  #subject_form:not(.detail-view__form) fieldset.module .field-name.field-projects .primary-fields .field-name, #subject_form:not(.detail-view__form) fieldset.module .field-name.field-projects .primary-fields .field-projects {
    max-width: calc(50% - 1rem) !important;
  }
}
@media screen and (max-width: 835px) {
  #subject_form:not(.detail-view__form) fieldset.module .field-name.field-projects .primary-fields .field-name, #subject_form:not(.detail-view__form) fieldset.module .field-name.field-projects .primary-fields .field-projects {
    max-width: calc(50% - 1rem) !important;
  }
}
@media screen and (max-width: 601px) {
  #subject_form:not(.detail-view__form) fieldset.module .field-name.field-projects .primary-fields .field-name, #subject_form:not(.detail-view__form) fieldset.module .field-name.field-projects .primary-fields .field-projects {
    width: 100% !important;
    max-width: 100% !important;
  }
}
#subject_form:not(.detail-view__form) fieldset.module .field-sex.field-status.field-species.field-strain {
  margin-top: -2rem;
}
#subject_form:not(.detail-view__form) fieldset.module .field-sex.field-status.field-species.field-strain .primary-fields {
  border-radius: 0 0 0.5rem 0.5rem;
  padding-top: 0.5rem;
}
@media screen and (min-width: 601px) {
  #subject_form:not(.detail-view__form) fieldset.module .field-sex.field-status.field-species.field-strain .primary-fields {
    padding-top: 0;
  }
}
#subject_form:not(.detail-view__form) fieldset.module .field-sex.field-status.field-species.field-strain .primary-fields .field-strain {
  display: none !important;
}
@media screen and (min-width: 601px) {
  #subject_form:not(.detail-view__form) fieldset.module .field-sex.field-status.field-species.field-strain .field-sex {
    width: calc(25% - 0.5rem) !important;
  }
}
@media screen and (max-width: 601px) {
  #subject_form:not(.detail-view__form) fieldset.module .field-sex.field-status.field-species.field-strain .field-sex {
    max-width: 100% !important;
  }
}
@media screen and (min-width: 601px) {
  #subject_form:not(.detail-view__form) fieldset.module .field-sex.field-status.field-species.field-strain .field-status {
    width: calc(25% - 0.5rem) !important;
  }
}
@media screen and (max-width: 601px) {
  #subject_form:not(.detail-view__form) fieldset.module .field-sex.field-status.field-species.field-strain .field-status {
    max-width: 100% !important;
  }
}
#subject_form:not(.detail-view__form) fieldset.module .field-sex.field-status.field-species.field-strain .field-species {
  width: calc(50% - 1rem) !important;
  max-width: calc(35vw - 1rem) !important;
}
@media screen and (max-width: 1194px) and (orientation: portrait) {
  #subject_form:not(.detail-view__form) fieldset.module .field-sex.field-status.field-species.field-strain .field-species {
    max-width: calc(50% - 1rem) !important;
  }
}
@media screen and (max-width: 835px) {
  #subject_form:not(.detail-view__form) fieldset.module .field-sex.field-status.field-species.field-strain .field-species {
    max-width: calc(50% - 1rem) !important;
  }
}
@media screen and (max-width: 601px) {
  #subject_form:not(.detail-view__form) fieldset.module .field-sex.field-status.field-species.field-strain .field-species {
    width: 100% !important;
    max-width: 100% !important;
  }
}
@media screen and (max-width: 1194px) {
  #subject_form:not(.detail-view__form) fieldset.module .field-sex.field-status.field-species.field-strain .field-species {
    max-width: calc(50% - 0.5rem) !important;
  }
}
@media screen and (max-width: 601px) {
  #subject_form:not(.detail-view__form) fieldset.module .field-sex.field-status.field-species.field-strain .field-species {
    max-width: 100% !important;
  }
}
#subject_form:not(.detail-view__form) fieldset.module .field-birth_date.field-death_date.field-breeding .fields-group {
  border-top: 0;
}
@media screen and (max-width: 601px) {
  #subject_form:not(.detail-view__form) fieldset.module .field-birth_date.field-death_date.field-breeding .fields-group .field-birth_date {
    margin-top: 1.5rem !important;
  }
}
@media screen and (min-width: 601px) {
  #subject_form:not(.detail-view__form) fieldset.module .field-birth_date.field-death_date.field-breeding .fields-group .field-birth_date {
    width: calc(25% - 1rem) !important;
  }
}
@media screen and (max-width: 601px) {
  #subject_form:not(.detail-view__form) fieldset.module .field-birth_date.field-death_date.field-breeding .fields-group .field-death_date {
    margin-top: 1.5rem !important;
  }
}
@media screen and (min-width: 601px) {
  #subject_form:not(.detail-view__form) fieldset.module .field-birth_date.field-death_date.field-breeding .fields-group .field-death_date {
    width: calc(25% - 1rem) !important;
  }
}
@media screen and (max-width: 601px) {
  #subject_form:not(.detail-view__form) fieldset.module .field-birth_date.field-death_date.field-breeding .fields-group .field-breeding {
    margin-top: 1.5rem !important;
  }
}
@media screen and (min-width: 601px) {
  #subject_form:not(.detail-view__form) fieldset.module .field-birth_date.field-death_date.field-breeding .fields-group .field-breeding {
    width: calc(50% - 1rem) !important;
  }
}
#subject_form:not(.detail-view__form) fieldset.module .field-genetic_line.field-genotype .fields-group .field-genetic_line {
  width: calc(50% - 1rem) !important;
  max-width: calc(35vw - 1rem) !important;
}
@media screen and (max-width: 1194px) and (orientation: portrait) {
  #subject_form:not(.detail-view__form) fieldset.module .field-genetic_line.field-genotype .fields-group .field-genetic_line {
    max-width: calc(50% - 1rem) !important;
  }
}
@media screen and (max-width: 835px) {
  #subject_form:not(.detail-view__form) fieldset.module .field-genetic_line.field-genotype .fields-group .field-genetic_line {
    max-width: calc(50% - 1rem) !important;
  }
}
@media screen and (max-width: 601px) {
  #subject_form:not(.detail-view__form) fieldset.module .field-genetic_line.field-genotype .fields-group .field-genetic_line {
    width: 100% !important;
    max-width: 100% !important;
  }
}
#subject_form:not(.detail-view__form) fieldset.module .field-genetic_line.field-genotype .fields-group .field-genotype {
  width: calc(50% - 1rem) !important;
  max-width: calc(35vw - 1rem) !important;
}
@media screen and (max-width: 1194px) and (orientation: portrait) {
  #subject_form:not(.detail-view__form) fieldset.module .field-genetic_line.field-genotype .fields-group .field-genotype {
    max-width: calc(50% - 1rem) !important;
  }
}
@media screen and (max-width: 835px) {
  #subject_form:not(.detail-view__form) fieldset.module .field-genetic_line.field-genotype .fields-group .field-genotype {
    max-width: calc(50% - 1rem) !important;
  }
}
@media screen and (max-width: 601px) {
  #subject_form:not(.detail-view__form) fieldset.module .field-genetic_line.field-genotype .fields-group .field-genotype {
    width: 100% !important;
    max-width: 100% !important;
  }
}
#subject_form:not(.detail-view__form) fieldset.module .field-licenses.field-tags .fields-group .field-licenses {
  width: calc(50% - 1rem) !important;
  max-width: calc(35vw - 1rem) !important;
}
@media screen and (max-width: 1194px) and (orientation: portrait) {
  #subject_form:not(.detail-view__form) fieldset.module .field-licenses.field-tags .fields-group .field-licenses {
    max-width: calc(50% - 1rem) !important;
  }
}
@media screen and (max-width: 835px) {
  #subject_form:not(.detail-view__form) fieldset.module .field-licenses.field-tags .fields-group .field-licenses {
    max-width: calc(50% - 1rem) !important;
  }
}
@media screen and (max-width: 601px) {
  #subject_form:not(.detail-view__form) fieldset.module .field-licenses.field-tags .fields-group .field-licenses {
    width: 100% !important;
    max-width: 100% !important;
  }
}
#subject_form:not(.detail-view__form) fieldset.module .field-licenses.field-tags .fields-group .field-tags {
  width: calc(50% - 1rem) !important;
  max-width: calc(35vw - 1rem) !important;
}
@media screen and (max-width: 1194px) and (orientation: portrait) {
  #subject_form:not(.detail-view__form) fieldset.module .field-licenses.field-tags .fields-group .field-tags {
    max-width: calc(50% - 1rem) !important;
  }
}
@media screen and (max-width: 835px) {
  #subject_form:not(.detail-view__form) fieldset.module .field-licenses.field-tags .fields-group .field-tags {
    max-width: calc(50% - 1rem) !important;
  }
}
@media screen and (max-width: 601px) {
  #subject_form:not(.detail-view__form) fieldset.module .field-licenses.field-tags .fields-group .field-tags {
    width: 100% !important;
    max-width: 100% !important;
  }
}
#subject_form:not(.detail-view__form) fieldset.module .field-subject_identifier.field-supplier .fields-group {
  padding-bottom: 0;
}
#subject_form:not(.detail-view__form) fieldset.module .field-subject_identifier.field-supplier .fields-group .field-subject_identifier {
  width: calc(50% - 1rem) !important;
  max-width: calc(35vw - 1rem) !important;
}
@media screen and (max-width: 1194px) and (orientation: portrait) {
  #subject_form:not(.detail-view__form) fieldset.module .field-subject_identifier.field-supplier .fields-group .field-subject_identifier {
    max-width: calc(50% - 1rem) !important;
  }
}
@media screen and (max-width: 835px) {
  #subject_form:not(.detail-view__form) fieldset.module .field-subject_identifier.field-supplier .fields-group .field-subject_identifier {
    max-width: calc(50% - 1rem) !important;
  }
}
@media screen and (max-width: 601px) {
  #subject_form:not(.detail-view__form) fieldset.module .field-subject_identifier.field-supplier .fields-group .field-subject_identifier {
    width: 100% !important;
    max-width: 100% !important;
  }
}
#subject_form:not(.detail-view__form) fieldset.module .field-subject_identifier.field-supplier .fields-group .field-supplier {
  width: calc(50% - 1rem) !important;
  max-width: calc(35vw - 1rem) !important;
}
@media screen and (max-width: 1194px) and (orientation: portrait) {
  #subject_form:not(.detail-view__form) fieldset.module .field-subject_identifier.field-supplier .fields-group .field-supplier {
    max-width: calc(50% - 1rem) !important;
  }
}
@media screen and (max-width: 835px) {
  #subject_form:not(.detail-view__form) fieldset.module .field-subject_identifier.field-supplier .fields-group .field-supplier {
    max-width: calc(50% - 1rem) !important;
  }
}
@media screen and (max-width: 601px) {
  #subject_form:not(.detail-view__form) fieldset.module .field-subject_identifier.field-supplier .fields-group .field-supplier {
    width: 100% !important;
    max-width: 100% !important;
  }
}
#subject_form:not(.detail-view__form) fieldset.module .field-name_used_in_storage {
  width: calc(50% - 1rem) !important;
  max-width: calc(35vw - 1rem) !important;
}
@media screen and (max-width: 1194px) and (orientation: portrait) {
  #subject_form:not(.detail-view__form) fieldset.module .field-name_used_in_storage {
    max-width: calc(50% - 1rem) !important;
  }
}
@media screen and (max-width: 835px) {
  #subject_form:not(.detail-view__form) fieldset.module .field-name_used_in_storage {
    max-width: calc(50% - 1rem) !important;
  }
}
@media screen and (max-width: 601px) {
  #subject_form:not(.detail-view__form) fieldset.module .field-name_used_in_storage {
    width: 100% !important;
    max-width: 100% !important;
  }
}
#subject_form:not(.detail-view__form) fieldset.module .field-custom_updated_at {
  display: none;
}
#subject_form.detail-view__form .field-sex, #subject_form.detail-view__form .field-genetic_line, #subject_form.detail-view__form .field-genotype, #subject_form.detail-view__form .field-birth_date, #subject_form.detail-view__form .field-death_date, #subject_form.detail-view__form .field-subject_identifier, #subject_form.detail-view__form .field-supplier {
  width: calc(50% - 1rem) !important;
  max-width: calc(35vw - 1rem) !important;
}
@media screen and (max-width: 1194px) and (orientation: portrait) {
  #subject_form.detail-view__form .field-sex, #subject_form.detail-view__form .field-genetic_line, #subject_form.detail-view__form .field-genotype, #subject_form.detail-view__form .field-birth_date, #subject_form.detail-view__form .field-death_date, #subject_form.detail-view__form .field-subject_identifier, #subject_form.detail-view__form .field-supplier {
    max-width: calc(50% - 1rem) !important;
  }
}
@media screen and (max-width: 835px) {
  #subject_form.detail-view__form .field-sex, #subject_form.detail-view__form .field-genetic_line, #subject_form.detail-view__form .field-genotype, #subject_form.detail-view__form .field-birth_date, #subject_form.detail-view__form .field-death_date, #subject_form.detail-view__form .field-subject_identifier, #subject_form.detail-view__form .field-supplier {
    max-width: calc(50% - 1rem) !important;
  }
}
@media screen and (max-width: 601px) {
  #subject_form.detail-view__form .field-sex, #subject_form.detail-view__form .field-genetic_line, #subject_form.detail-view__form .field-genotype, #subject_form.detail-view__form .field-birth_date, #subject_form.detail-view__form .field-death_date, #subject_form.detail-view__form .field-subject_identifier, #subject_form.detail-view__form .field-supplier {
    width: 100% !important;
    max-width: 100% !important;
  }
}
#subject_form .form__wrapper .inline-group .inline-related fieldset.module .form-row {
  max-width: unset !important;
}
#subject_form .form__wrapper .inline-group .inline-related fieldset.module .form-row.field-type.field-date_time {
  width: 100% !important;
}

#subject_form #procedures-group.selected fieldset.module .field-type.field-date_time .field-type {
  width: 50% !important;
}
@media screen and (max-width: 601px) {
  #subject_form #procedures-group.selected fieldset.module .field-type.field-date_time .field-type {
    width: 100% !important;
  }
}
#subject_form #procedures-group.selected fieldset.module .field-type.field-date_time .field-type .select2 {
  width: 100% !important;
}
#subject_form #procedures-group.selected fieldset.module .field-type.field-date_time .field-date_time {
  width: 50% !important;
}
@media screen and (max-width: 601px) {
  #subject_form #procedures-group.selected fieldset.module .field-type.field-date_time .field-date_time {
    width: 100% !important;
  }
}
#subject_form #procedures-group.selected fieldset.module .field-type.field-date_time .field-date_time .vDateField {
  width: 50% !important;
}
#subject_form #procedures-group.selected fieldset.module .field-type.field-date_time .field-date_time .vTimeField {
  width: 50% !important;
}
#subject_form #procedures-group.selected fieldset.module .field-description {
  width: 100% !important;
  margin-bottom: 1rem;
}
#subject_form #procedures-group.selected fieldset.module .field-licenses.field-notes .fields-group {
  display: flex;
  gap: 1rem;
  margin-bottom: 1rem;
}
#subject_form #procedures-group.selected fieldset.module .field-licenses.field-notes .fields-group .field-licenses,
#subject_form #procedures-group.selected fieldset.module .field-licenses.field-notes .fields-group .field-notes {
  flex: 1;
  width: 50% !important;
}
#subject_form #procedures-group.selected fieldset.module .field-consumablestock_inventory.field-consumablestock {
  margin-bottom: 1rem;
}
#subject_form #procedures-group.selected fieldset.module .field-equipment_setup.field-equipment {
  margin-bottom: 1rem;
}
#subject_form #procedures-group.selected fieldset.module .field-type_json div:not([class]) {
  justify-content: space-between;
}
#subject_form #procedures-group.selected fieldset.module .field-type_json div:not([class]) .row {
  width: calc(50% - 1rem) !important;
  max-width: calc(35vw - 1rem) !important;
  max-width: 100% !important;
  flex-grow: 1;
}
@media screen and (max-width: 1194px) and (orientation: portrait) {
  #subject_form #procedures-group.selected fieldset.module .field-type_json div:not([class]) .row {
    max-width: calc(50% - 1rem) !important;
  }
}
@media screen and (max-width: 835px) {
  #subject_form #procedures-group.selected fieldset.module .field-type_json div:not([class]) .row {
    max-width: calc(50% - 1rem) !important;
  }
}
@media screen and (max-width: 601px) {
  #subject_form #procedures-group.selected fieldset.module .field-type_json div:not([class]) .row {
    width: 100% !important;
    max-width: 100% !important;
  }
}
@media screen and (max-width: 835px) {
  #subject_form #procedures-group.selected fieldset.module .field-type_json div:not([class]) .row {
    max-width: 100% !important;
  }
}
#subject_form #procedures-group.selected fieldset.module .field-type_json .card {
  margin-bottom: 0 !important;
  padding: 0 !important;
}
#subject_form #procedures-group.selected fieldset.module .field-coordinates_json div:not([class]) {
  justify-content: flex-start;
}
#subject_form #procedures-group.selected fieldset.module .field-coordinates_json .card {
  border: none !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
}

#consumablestock_form:not(.detail-view__form) fieldset.module .form-row.field-acquisition_date.field-expiration_date.field-status {
  border-top: 0;
}
@media screen and (min-width: 601px) {
  #consumablestock_form:not(.detail-view__form) fieldset.module .form-row.field-acquisition_date.field-expiration_date.field-status .field-box.field-acquisition_date,
  #consumablestock_form:not(.detail-view__form) fieldset.module .form-row.field-acquisition_date.field-expiration_date.field-status .field-box.field-expiration_date {
    flex: 1 1 0 !important;
    width: auto !important;
    max-width: none !important;
  }
}
@media screen and (min-width: 601px) {
  #consumablestock_form:not(.detail-view__form) fieldset.module .form-row.field-acquisition_date.field-expiration_date.field-status .field-box.field-status {
    flex: 2 2 0 !important;
    width: auto !important;
    max-width: none !important;
  }
}

@media screen and (min-width: 601px) {
  .model-consumablestock .form--create .form-row.field-acquisition_date.field-expiration_date.field-status .field-box.field-acquisition_date,
  .model-consumablestock .form--create .form-row.field-acquisition_date.field-expiration_date.field-status .field-box.field-expiration_date {
    flex: 1 1 0 !important;
    width: auto !important;
    max-width: none !important;
  }
}
@media screen and (min-width: 601px) {
  .model-consumablestock .form--create .form-row.field-acquisition_date.field-expiration_date.field-status .field-box.field-status {
    flex: 2 2 0 !important;
    width: auto !important;
    max-width: none !important;
  }
}

#collection_form.edit-view__form fieldset.module .field-project {
  width: calc(50% - 1rem) !important;
  max-width: calc(35vw - 1rem) !important;
}
@media screen and (max-width: 1194px) and (orientation: portrait) {
  #collection_form.edit-view__form fieldset.module .field-project {
    max-width: calc(50% - 1rem) !important;
  }
}
@media screen and (max-width: 835px) {
  #collection_form.edit-view__form fieldset.module .field-project {
    max-width: calc(50% - 1rem) !important;
  }
}
@media screen and (max-width: 601px) {
  #collection_form.edit-view__form fieldset.module .field-project {
    width: 100% !important;
    max-width: 100% !important;
  }
}
#collection_form.edit-view__form fieldset.module .field-sessions {
  width: calc(50% - 1rem) !important;
  max-width: calc(35vw - 1rem) !important;
}
@media screen and (max-width: 1194px) and (orientation: portrait) {
  #collection_form.edit-view__form fieldset.module .field-sessions {
    max-width: calc(50% - 1rem) !important;
  }
}
@media screen and (max-width: 835px) {
  #collection_form.edit-view__form fieldset.module .field-sessions {
    max-width: calc(50% - 1rem) !important;
  }
}
@media screen and (max-width: 601px) {
  #collection_form.edit-view__form fieldset.module .field-sessions {
    width: 100% !important;
    max-width: 100% !important;
  }
}

#cohort_form.edit-view__form fieldset.module .field-project {
  width: calc(50% - 1rem) !important;
  max-width: calc(35vw - 1rem) !important;
}
@media screen and (max-width: 1194px) and (orientation: portrait) {
  #cohort_form.edit-view__form fieldset.module .field-project {
    max-width: calc(50% - 1rem) !important;
  }
}
@media screen and (max-width: 835px) {
  #cohort_form.edit-view__form fieldset.module .field-project {
    max-width: calc(50% - 1rem) !important;
  }
}
@media screen and (max-width: 601px) {
  #cohort_form.edit-view__form fieldset.module .field-project {
    width: 100% !important;
    max-width: 100% !important;
  }
}
#cohort_form.edit-view__form fieldset.module .field-subjects {
  width: calc(50% - 1rem) !important;
  max-width: calc(35vw - 1rem) !important;
}
@media screen and (max-width: 1194px) and (orientation: portrait) {
  #cohort_form.edit-view__form fieldset.module .field-subjects {
    max-width: calc(50% - 1rem) !important;
  }
}
@media screen and (max-width: 835px) {
  #cohort_form.edit-view__form fieldset.module .field-subjects {
    max-width: calc(50% - 1rem) !important;
  }
}
@media screen and (max-width: 601px) {
  #cohort_form.edit-view__form fieldset.module .field-subjects {
    width: 100% !important;
    max-width: 100% !important;
  }
}

#dataacquisition_form.edit-view__form .custom-fieldset .field-image {
  width: calc(50% - 1rem) !important;
  max-width: calc(35vw - 1rem) !important;
}
@media screen and (max-width: 1194px) and (orientation: portrait) {
  #dataacquisition_form.edit-view__form .custom-fieldset .field-image {
    max-width: calc(50% - 1rem) !important;
  }
}
@media screen and (max-width: 835px) {
  #dataacquisition_form.edit-view__form .custom-fieldset .field-image {
    max-width: calc(50% - 1rem) !important;
  }
}
@media screen and (max-width: 601px) {
  #dataacquisition_form.edit-view__form .custom-fieldset .field-image {
    width: 100% !important;
    max-width: 100% !important;
  }
}
#dataacquisition_form.edit-view__form .custom-fieldset .field-description {
  width: calc(50% - 1rem) !important;
  max-width: calc(35vw - 1rem) !important;
}
@media screen and (max-width: 1194px) and (orientation: portrait) {
  #dataacquisition_form.edit-view__form .custom-fieldset .field-description {
    max-width: calc(50% - 1rem) !important;
  }
}
@media screen and (max-width: 835px) {
  #dataacquisition_form.edit-view__form .custom-fieldset .field-description {
    max-width: calc(50% - 1rem) !important;
  }
}
@media screen and (max-width: 601px) {
  #dataacquisition_form.edit-view__form .custom-fieldset .field-description {
    width: 100% !important;
    max-width: 100% !important;
  }
}
#dataacquisition_form.edit-view__form .custom-fieldset .field-notes {
  width: calc(50% - 1rem) !important;
  max-width: calc(35vw - 1rem) !important;
}
@media screen and (max-width: 1194px) and (orientation: portrait) {
  #dataacquisition_form.edit-view__form .custom-fieldset .field-notes {
    max-width: calc(50% - 1rem) !important;
  }
}
@media screen and (max-width: 835px) {
  #dataacquisition_form.edit-view__form .custom-fieldset .field-notes {
    max-width: calc(50% - 1rem) !important;
  }
}
@media screen and (max-width: 601px) {
  #dataacquisition_form.edit-view__form .custom-fieldset .field-notes {
    width: 100% !important;
    max-width: 100% !important;
  }
}

#behavior_form.edit-view__form .custom-fieldset .field-setup {
  width: calc(50% - 1rem) !important;
  max-width: calc(35vw - 1rem) !important;
}
@media screen and (max-width: 1194px) and (orientation: portrait) {
  #behavior_form.edit-view__form .custom-fieldset .field-setup {
    max-width: calc(50% - 1rem) !important;
  }
}
@media screen and (max-width: 835px) {
  #behavior_form.edit-view__form .custom-fieldset .field-setup {
    max-width: calc(50% - 1rem) !important;
  }
}
@media screen and (max-width: 601px) {
  #behavior_form.edit-view__form .custom-fieldset .field-setup {
    width: 100% !important;
    max-width: 100% !important;
  }
}
#behavior_form.edit-view__form .custom-fieldset .field-behavioralassay {
  width: calc(50% - 1rem) !important;
  max-width: calc(35vw - 1rem) !important;
}
@media screen and (max-width: 1194px) and (orientation: portrait) {
  #behavior_form.edit-view__form .custom-fieldset .field-behavioralassay {
    max-width: calc(50% - 1rem) !important;
  }
}
@media screen and (max-width: 835px) {
  #behavior_form.edit-view__form .custom-fieldset .field-behavioralassay {
    max-width: calc(50% - 1rem) !important;
  }
}
@media screen and (max-width: 601px) {
  #behavior_form.edit-view__form .custom-fieldset .field-behavioralassay {
    width: 100% !important;
    max-width: 100% !important;
  }
}

.form-row.field-equipment_setup.field-equipment, .form-row.field-consumablestock_inventory.field-consumablestock {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  gap: 2rem !important;
}
@media screen and (max-width: 601px) {
  .form-row.field-equipment_setup.field-equipment, .form-row.field-consumablestock_inventory.field-consumablestock {
    gap: 2rem !important;
  }
}
.form-row.field-equipment_setup.field-equipment .field-box, .form-row.field-consumablestock_inventory.field-consumablestock .field-box {
  width: calc(50% - 1rem) !important;
  max-width: calc(35vw - 1rem) !important;
  float: none !important;
  margin: 0 !important;
}
@media screen and (max-width: 1194px) and (orientation: portrait) {
  .form-row.field-equipment_setup.field-equipment .field-box, .form-row.field-consumablestock_inventory.field-consumablestock .field-box {
    max-width: calc(50% - 1rem) !important;
  }
}
@media screen and (max-width: 835px) {
  .form-row.field-equipment_setup.field-equipment .field-box, .form-row.field-consumablestock_inventory.field-consumablestock .field-box {
    max-width: calc(50% - 1rem) !important;
  }
}
@media screen and (max-width: 601px) {
  .form-row.field-equipment_setup.field-equipment .field-box, .form-row.field-consumablestock_inventory.field-consumablestock .field-box {
    width: 100% !important;
    max-width: 100% !important;
  }
}
@media screen and (max-width: 601px) {
  .form-row.field-equipment_setup.field-equipment .field-box .select2, .form-row.field-consumablestock_inventory.field-consumablestock .field-box .select2 {
    width: 100% !important;
  }
}
@media screen and (max-width: 601px) {
  .form-row.field-target_regions_atlas.field-target_regions .field-box .select2 {
    width: 100% !important;
  }
}

@media screen and (max-width: 601px) {
  #procedure_form .form-row.field-date_time .vDateField-link {
    right: auto;
    left: calc(50% - 3.2rem);
  }
}

.form-row.field-target_scope.field-specimen_targets.specimen-targets--hidden .field-box.field-target_scope {
  flex: 1 1 100% !important;
  width: 100% !important;
  max-width: none !important;
}

fieldset.search-module {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  gap: 2rem;
}
fieldset.search-module p {
  font-weight: 600;
}
fieldset.search-module p a {
  font-weight: 500;
  color: var(--secondary) !important;
  text-decoration: underline;
  padding-left: 0.5rem;
}
@media (hover: hover) and (pointer: fine) {
  fieldset.search-module p a:hover {
    color: var(--primary) !important;
  }
}
fieldset.search-module .popup1 .content-section4 {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
}
fieldset.search-module .popup1 .content-section4 div {
  flex-direction: row !important;
}
fieldset.search-module .popup1 .content-section4 a {
  text-decoration: none !important;
}
fieldset.search-module .popup1 .content-section3 .form-row {
  padding: 0.75rem;
}
fieldset.search-module .popup1 .content-section3 .form-row:has(a) {
  gap: 0.5rem;
}
fieldset.search-module .popup1 .content-section3 .form-row:has(a) a {
  border-radius: 0.25rem !important;
  background: #E8F0FF !important;
  color: #4550B6 !important;
  padding: 0 0.5rem !important;
  font-family: "Inter", sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.21 !important;
  letter-spacing: -0.03rem !important;
  line-height: 1.5 !important;
  display: -webkit-inline-box !important;
  -webkit-line-clamp: 1 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-align: center;
  padding: 0.25rem 0.5rem 0.15rem !important;
  font-size: 0.85rem !important;
  letter-spacing: -0.03rem !important;
  text-align: left !important;
  display: inline-block !important;
  text-decoration: none !important;
}
@media screen and (max-width: 601px) {
  fieldset.search-module .popup1 .content-section3 .form-row:has(a) a {
    line-height: 1.5;
  }
}
@media (hover: hover) and (pointer: fine) {
  fieldset.search-module .popup1 .content-section3 .form-row:has(a) a:hover {
    background: rgba(232, 240, 255, 0.5) !important;
  }
}
@media screen and (max-width: 601px) {
  fieldset.search-module .popup1 .content-section3 .form-row:has(a) a {
    white-space: nowrap;
  }
}
fieldset.search-module .popup1 .content-section3 .form-row:has(span) div {
  gap: 0.5rem;
}
fieldset.search-module .popup1 .content-section3 label {
  width: auto !important;
}
fieldset.search-module .popup1 a {
  display: inline-flex !important;
}

.user-list__wrapper #result_list thead th {
  padding: 1rem;
}
.user-list__wrapper #result_list tbody th.field-profile_image {
  padding: 1rem;
}

.form__wrapper .form-row.field-atlas_preference.field-photo {
  max-width: 100%;
}
.form__wrapper .form-box.field-atlas_preference:not(.field-email) {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  gap: 1.5rem;
}
.form__wrapper .form-box.field-atlas_preference:not(.field-email) a:not(:empty) {
  border-radius: 0.25rem !important;
  background: #E8F0FF !important;
  color: #4550B6 !important;
  padding: 0 0.5rem !important;
  font-family: "Inter", sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.21 !important;
  letter-spacing: -0.03rem !important;
  line-height: 1.5 !important;
  display: -webkit-inline-box !important;
  -webkit-line-clamp: 1 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-align: center;
}
@media screen and (max-width: 601px) {
  .form__wrapper .form-box.field-atlas_preference:not(.field-email) a:not(:empty) {
    line-height: 1.5;
  }
}
@media (hover: hover) and (pointer: fine) {
  .form__wrapper .form-box.field-atlas_preference:not(.field-email) a:not(:empty):hover {
    background: rgba(232, 240, 255, 0.5) !important;
  }
}

.field-request_access_link {
  gap: 0.5rem;
}
.field-request_access_link a {
  display: inline !important;
}
@media screen and (max-width: 601px) {
  .field-request_access_link a {
    display: inline-block !important;
  }
}

.changelist-form-container #changelist-form #result_list tbody td.field-request_access_link a {
  font-family: "Inter", sans-serif !important;
  background: none !important;
  color: inherit !important;
  border: none !important;
  outline: none !important;
  cursor: pointer !important;
  border-radius: 0.5rem !important;
  font-size: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  font-weight: 500 !important;
  position: relative !important;
  overflow: hidden !important;
  padding: 0.75rem 1rem !important;
  text-transform: initial !important;
  height: auto !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  background: none !important;
  color: var(--secondary) !important;
  border: 0.1rem solid var(--secondary) !important;
  display: inline !important;
  padding: 0.5rem !important;
}
.changelist-form-container #changelist-form #result_list tbody td.field-request_access_link a[disabled] {
  opacity: 0.4;
  pointer-events: none !important;
}
@media (hover: hover) and (pointer: fine) {
  .changelist-form-container #changelist-form #result_list tbody td.field-request_access_link a:hover:not(:disabled), .changelist-form-container #changelist-form #result_list tbody td.field-request_access_link a:hover:not([disabled]) {
    color: var(--primary) !important;
    border-color: var(--primary) !important;
  }
}
@media screen and (max-width: 601px) {
  .changelist-form-container #changelist-form #result_list tbody td.field-request_access_link a {
    display: inline-block !important;
  }
}

.app-users .list-view__header .breadcrumbs {
  display: block;
}
.app-users fieldset.module .form-row.field-email.field-photo, .app-users fieldset.module .form-box.field-email.field-photo {
  position: relative;
  padding-right: 400px;
}
@media screen and (max-width: 601px) {
  .app-users fieldset.module .form-row.field-email.field-photo, .app-users fieldset.module .form-box.field-email.field-photo {
    padding-right: 0;
  }
}
.app-users fieldset.module .form-row.field-email.field-photo input, .app-users fieldset.module .form-box.field-email.field-photo input {
  width: 100%;
}
.app-users fieldset.module .form-row.field-email.field-first_name, .app-users fieldset.module .form-box.field-email.field-first_name {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  gap: 1.5rem;
}
@media screen and (max-width: 601px) {
  .app-users fieldset.module .form-row.field-email.field-first_name, .app-users fieldset.module .form-box.field-email.field-first_name {
    flex-direction: column-normal;
  }
}
.app-users fieldset.module .form-row.field-atlas_preference:not(.field-email), .app-users fieldset.module .form-box.field-atlas_preference:not(.field-email) {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  gap: 0.5rem;
}
.app-users fieldset.module .form-row.field-image div:not([class]), .app-users fieldset.module .form-box.field-image div:not([class]) {
  flex-direction: column;
  font-weight: 500;
}
.app-users fieldset.module .form-row.field-image div:not([class]) a, .app-users fieldset.module .form-box.field-image div:not([class]) a {
  pointer-events: none;
  font-weight: 400;
  color: var(--secondary) !important;
}
.app-users fieldset.module .form-row:has(input[readonly]) input, .app-users fieldset.module .form-box:has(input[readonly]) input {
  width: auto !important;
}
.app-users fieldset.module .form-row:has(input[readonly]) label, .app-users fieldset.module .form-box:has(input[readonly]) label {
  width: auto;
}
.app-users fieldset.module .form-row:has(input:not([readonly])):not(.field-email).field-first_name, .app-users fieldset.module .form-row:has(input:not([readonly])):not(.field-email).field-last_name, .app-users fieldset.module .form-box:has(input:not([readonly])):not(.field-email).field-first_name, .app-users fieldset.module .form-box:has(input:not([readonly])):not(.field-email).field-last_name {
  width: calc(50% - 1rem) !important;
  max-width: calc(35vw - 1rem) !important;
}
@media screen and (max-width: 1194px) and (orientation: portrait) {
  .app-users fieldset.module .form-row:has(input:not([readonly])):not(.field-email).field-first_name, .app-users fieldset.module .form-row:has(input:not([readonly])):not(.field-email).field-last_name, .app-users fieldset.module .form-box:has(input:not([readonly])):not(.field-email).field-first_name, .app-users fieldset.module .form-box:has(input:not([readonly])):not(.field-email).field-last_name {
    max-width: calc(50% - 1rem) !important;
  }
}
@media screen and (max-width: 835px) {
  .app-users fieldset.module .form-row:has(input:not([readonly])):not(.field-email).field-first_name, .app-users fieldset.module .form-row:has(input:not([readonly])):not(.field-email).field-last_name, .app-users fieldset.module .form-box:has(input:not([readonly])):not(.field-email).field-first_name, .app-users fieldset.module .form-box:has(input:not([readonly])):not(.field-email).field-last_name {
    max-width: calc(50% - 1rem) !important;
  }
}
@media screen and (max-width: 601px) {
  .app-users fieldset.module .form-row:has(input:not([readonly])):not(.field-email).field-first_name, .app-users fieldset.module .form-row:has(input:not([readonly])):not(.field-email).field-last_name, .app-users fieldset.module .form-box:has(input:not([readonly])):not(.field-email).field-first_name, .app-users fieldset.module .form-box:has(input:not([readonly])):not(.field-email).field-last_name {
    width: 100% !important;
    max-width: 100% !important;
  }
}
.app-users fieldset.module .form-box.field-photo {
  padding: 0 !important;
  position: absolute;
  top: 0;
  right: 0;
}
@media screen and (max-width: 601px) {
  .app-users fieldset.module .form-box.field-photo {
    width: 100%;
    position: relative !important;
    top: auto;
    right: auto;
  }
  .app-users fieldset.module .form-box.field-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
.app-users .edit-view__form .form-row input {
  width: 100%;
}
.app-users .edit-view__form .form-row.field-password1, .app-users .edit-view__form .form-row.field-password2 {
  width: calc(50% - 1rem) !important;
  max-width: calc(35vw - 1rem) !important;
}
@media screen and (max-width: 1194px) and (orientation: portrait) {
  .app-users .edit-view__form .form-row.field-password1, .app-users .edit-view__form .form-row.field-password2 {
    max-width: calc(50% - 1rem) !important;
  }
}
@media screen and (max-width: 835px) {
  .app-users .edit-view__form .form-row.field-password1, .app-users .edit-view__form .form-row.field-password2 {
    max-width: calc(50% - 1rem) !important;
  }
}
@media screen and (max-width: 601px) {
  .app-users .edit-view__form .form-row.field-password1, .app-users .edit-view__form .form-row.field-password2 {
    width: 100% !important;
    max-width: 100% !important;
  }
}
.app-users .edit-view__form .form-row.field-password1 ul, .app-users .edit-view__form .form-row.field-password2 ul {
  margin: 0 !important;
}
.app-users .edit-view__form .form-row.field-password1 .help, .app-users .edit-view__form .form-row.field-password2 .help {
  margin: 0 !important;
}
.app-users #profile-group .dynamic-profile {
  margin-left: 0 !important;
}
.app-users #profile-group .dynamic-profile h3, .app-users #profile-group .dynamic-profile .inline-related__title {
  width: 75%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  gap: 0.5rem;
  font-family: "Inter", sans-serif !important;
  font-size: 1.25rem !important;
  letter-spacing: -0.0375rem !important;
  line-height: 1.5rem !important;
  font-weight: 700 !important;
  text-transform: initial;
  color: #1A1B1C;
  padding: 0 !important;
  margin-top: 0.5rem !important;
  background: none !important;
}
.app-users #profile-group .dynamic-profile h3 .inline_label, .app-users #profile-group .dynamic-profile .inline-related__title .inline_label {
  border-radius: 0.25rem !important;
  background: var(--base) !important;
  border: 1px solid var(--base) !important;
  color: var(--secondary) !important;
  padding: 0.25rem 0.5rem !important;
  font-family: "Inter", sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.21 !important;
  letter-spacing: -0.03rem !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 1 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  font-weight: 600;
  font-size: 0.9rem !important;
  margin: 0 !important;
}
@media screen and (max-width: 601px) {
  .app-users #profile-group .dynamic-profile h3 .inline_label, .app-users #profile-group .dynamic-profile .inline-related__title .inline_label {
    line-height: 1.5;
  }
}
.app-users #profile-group .dynamic-profile fieldset.module {
  padding: 1rem 0 !important;
}

.api-view__header .tag-component {
  background: var(--primary) !important;
  color: #FFFFFF !important;
  border: none !important;
  display: inline-block !important;
}
.api-view__header h1, .api-view__header .custom-content-title {
  margin-top: 1rem !important;
}

.api-view__content {
  max-width: 1440px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: space-between;
  align-content: space-between;
  gap: 0 1rem;
}
@media screen and (max-width: 835px) {
  .api-view__content {
    flex-direction: column;
    flex-wrap: nowrap;
  }
}

.api-view__description {
  width: auto;
  flex-grow: 1;
  flex-shrink: 1;
}
.api-view__description p {
  color: #F2F2F2;
  margin-bottom: 1rem;
  margin-top: -1rem;
  padding: 0 0.5rem;
}

.api-view__paginator {
  width: auto;
  flex-grow: 0;
  flex-shrink: 0;
  text-align: right;
}
.api-view__paginator .pagination {
  margin: 0 0 0.5rem 0;
}
@media (hover: hover) and (pointer: fine) {
  .api-view__paginator .pagination li:hover:not(:disabled) a, .api-view__paginator .pagination li:hover:not([disabled]) a, .api-view__paginator .pagination li:hover:not(.active) a {
    background: var(--base) !important;
  }
}
.api-view__paginator .pagination li.disabled {
  opacity: 0.6 !important;
}
.api-view__paginator .pagination li.active {
  pointer-events: none !important;
}
.api-view__paginator .pagination li.active a {
  background: var(--primary) !important;
  border-color: var(--primary) !important;
  color: #FFFFFF !important;
}

.api-view__request-info {
  width: 100%;
}

.api-view__request-info .prettyprint, .api-view__response-info .prettyprint {
  max-height: 65vh !important;
  background: #FFFFFF !important;
  border-radius: 0.75rem !important;
  padding: 2rem 1.5rem !important;
}
.api-view__request-info .prettyprint::-webkit-scrollbar-track, .api-view__response-info .prettyprint::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0.05);
}
.api-view__request-info .prettyprint::-webkit-scrollbar, .api-view__response-info .prettyprint::-webkit-scrollbar {
  width: 0.75rem;
  height: 0.75rem;
  background-color: rgba(0, 0, 0, 0.05);
}
.api-view__request-info .prettyprint::-webkit-scrollbar-thumb, .api-view__response-info .prettyprint::-webkit-scrollbar-thumb {
  background-color: var(--primary);
}

.api-view__request-info .prettyprint {
  background: var(--base) !important;
  border: 1px solid var(--primary) !important;
  padding: 1rem 1.5rem !important;
}

.api-view__response-info {
  width: 100%;
  position: relative !important;
}
.api-view__response-info #button__copy-code {
  position: absolute !important;
  top: 1rem;
  right: 3.5rem;
  font-size: 1.25rem !important;
  color: var(--primary) !important;
}

.api-view__header-actions {
  margin: 0 !important;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  align-content: flex-start;
  gap: 0.75rem;
  position: fixed;
  top: 7rem;
  right: 1.4rem;
  z-index: 3;
  transition: all 0.5s ease;
}
@media screen and (max-width: 835px) {
  .api-view__header-actions {
    top: 7.5rem;
  }
}
@media screen and (max-width: 601px) {
  .api-view__header-actions {
    top: 7rem;
  }
}
.api-view__header-actions.sticky {
  top: 6rem;
}
@media screen and (min-width: 601px) {
  .api-view__header-actions.sticky {
    padding: 1rem !important;
    background: #FFFFFF !important;
    top: 5.5rem !important;
    right: 0 !important;
    border-radius: 0.75rem 0 0 0.75rem;
    box-shadow: 0rem 0rem 1rem rgba(0, 0, 0, 0.25);
  }
}
.api-view__header-actions .button--secondary {
  background: var(--base) !important;
}
.api-view__header-actions .button-form {
  margin: 0 !important;
}
.api-view__header-actions .api-view__extra-actions {
  position: relative;
}
.api-view__header-actions .api-view__extra-actions .caret {
  margin-left: 0.25rem;
}
.api-view__header-actions .api-view__extra-actions .dropdown-menu {
  top: 100%;
  left: auto;
  right: 0;
  margin-top: 0.25rem;
  padding: 0.5rem 0;
  min-width: 18rem;
  background: #FFFFFF;
  border: 1px solid var(--base);
  border-radius: 0.5rem;
  box-shadow: 0 0.4rem 1rem rgba(0, 0, 0, 0.12);
}
.api-view__header-actions .api-view__extra-actions .dropdown-menu a {
  display: block;
  padding: 0.5rem 0.75rem;
  color: #393843;
  white-space: nowrap;
}
@media (hover: hover) and (pointer: fine) {
  .api-view__header-actions .api-view__extra-actions .dropdown-menu a:hover {
    background: var(--base) !important;
    color: var(--primary) !important;
  }
}
.api-view__header-actions .btn-group {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: stretch;
  align-content: stretch;
  gap: 0;
}
.api-view__header-actions .btn-group:has(.dropdown-toggle) .button--primary {
  border-radius: 0.5rem 0 0 0.5rem !important;
}
.api-view__header-actions .btn-group:has(.dropdown-toggle) .dropdown-toggle {
  border-radius: 0 0.5rem 0.5rem 0 !important;
  background: var(--primary) !important;
  color: #FFFFFF !important;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  padding: 0.5rem !important;
}
.api-view__header-actions .btn-group:has(.dropdown-toggle) .dropdown-toggle span {
  margin: 0 !important;
}
@media (hover: hover) and (pointer: fine) {
  .api-view__header-actions .btn-group:has(.dropdown-toggle) .dropdown-toggle:hover:not(:disabled), .api-view__header-actions .btn-group:has(.dropdown-toggle) .dropdown-toggle:hover:not([disabled]) {
    background: var(--secondary) !important;
  }
}

.api-view__forms__wrapper {
  max-width: 1440px;
}
.api-view__forms__wrapper .form-switcher li a {
  background: var(--base) !important;
}
.api-view__forms__wrapper .form-switcher li.active a {
  color: var(--primary) !important;
  background: #FFFFFF !important;
  font-weight: 700 !important;
}
.api-view__forms__wrapper .tab-content {
  background: #FFFFFF !important;
  border-radius: 0.75rem 0 0.75rem 0.75rem !important;
  border: none !important;
  padding: 2rem 1.5rem !important;
}
.api-view__forms__wrapper .form-actions {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  align-content: center;
  gap: 1rem;
}
.api-view__forms__wrapper textarea::-webkit-scrollbar-track {
  background-color: #BFBFBF;
}
.api-view__forms__wrapper textarea::-webkit-scrollbar {
  width: 0.5rem;
  background-color: #BFBFBF;
}
.api-view__forms__wrapper textarea::-webkit-scrollbar-thumb {
  background-color: var(--primary);
}

.api-view__modal--delete .modal-footer {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  gap: 1rem;
}

.com {
  color: #8D8B9F;
}

.lit {
  color: var(--secondary);
}

.pun, .opn, .clo {
  color: #8D8B9F;
}

.fun {
  color: var(--primary);
}

.str, .atv {
  color: var(--primary);
}

.kwd, .prettyprint .tag {
  color: #1A1B1C;
}

.typ, .atn, .dec, .var {
  color: #393843;
}

.pln {
  color: #1A1B1C;
}

.prettyprint {
  padding: 0.5rem;
  background-color: #FFFFFF;
  border: 1px solid var(--base);
}

.prettyprint.linenums {
  -webkit-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
  -moz-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
  box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
}

/* Specify class=linenums on a pre to get line numbering */
ol.linenums {
  margin: 0 0 0 33px;
}

ol.linenums li {
  padding-left: 12px;
  color: #BFBFBF;
  line-height: 20px;
  text-shadow: 0 1px 0 #1A1B1C;
}

#license_form:not(.detail-view__form) fieldset.module .form-row h3 {
  width: 100% !important;
  font-family: "Inter", sans-serif !important;
  font-size: 1.125rem !important;
  letter-spacing: -0.03375rem !important;
  line-height: 1.35rem !important;
  font-weight: 700;
  color: #1A1B1C;
  margin: 0 0 0.75rem 0 !important;
  padding: 0 !important;
}
#license_form:not(.detail-view__form) fieldset.module .field-name.field-type.field-status .primary-fields {
  background: #f5f5f5;
  border-radius: 0.75rem;
  padding: 1rem 1rem 0.75rem;
  margin-bottom: 0rem;
}
#license_form:not(.detail-view__form) fieldset.module .field-name.field-type.field-status .primary-fields .input--editable__wrapper.input--editable__wrapper--tinted {
  padding: 0.25rem 0rem 0.25rem;
}
#license_form:not(.detail-view__form) fieldset.module .field-name.field-type.field-status .primary-fields .field-name {
  flex: 2 1 0;
  min-width: 14rem;
}
#license_form:not(.detail-view__form) fieldset.module .field-name.field-type.field-status .primary-fields .field-type, #license_form:not(.detail-view__form) fieldset.module .field-name.field-type.field-status .primary-fields .field-status {
  flex: 1 1 0;
  min-width: 10rem;
}
#license_form:not(.detail-view__form) fieldset.module .field-license_number.field-license_holders .fields-group {
  border-top: 0;
  padding: 0 0 0;
}
#license_form:not(.detail-view__form) fieldset.module .field-license_number.field-license_holders .fields-group .field-license_number {
  width: calc(50% - 1rem) !important;
  max-width: calc(35vw - 1rem) !important;
}
@media screen and (max-width: 1194px) and (orientation: portrait) {
  #license_form:not(.detail-view__form) fieldset.module .field-license_number.field-license_holders .fields-group .field-license_number {
    max-width: calc(50% - 1rem) !important;
  }
}
@media screen and (max-width: 835px) {
  #license_form:not(.detail-view__form) fieldset.module .field-license_number.field-license_holders .fields-group .field-license_number {
    max-width: calc(50% - 1rem) !important;
  }
}
@media screen and (max-width: 601px) {
  #license_form:not(.detail-view__form) fieldset.module .field-license_number.field-license_holders .fields-group .field-license_number {
    width: 100% !important;
    max-width: 100% !important;
  }
}
#license_form:not(.detail-view__form) fieldset.module .field-license_number.field-license_holders .fields-group .field-license_holders {
  width: calc(50% - 1rem) !important;
  max-width: calc(35vw - 1rem) !important;
}
@media screen and (max-width: 1194px) and (orientation: portrait) {
  #license_form:not(.detail-view__form) fieldset.module .field-license_number.field-license_holders .fields-group .field-license_holders {
    max-width: calc(50% - 1rem) !important;
  }
}
@media screen and (max-width: 835px) {
  #license_form:not(.detail-view__form) fieldset.module .field-license_number.field-license_holders .fields-group .field-license_holders {
    max-width: calc(50% - 1rem) !important;
  }
}
@media screen and (max-width: 601px) {
  #license_form:not(.detail-view__form) fieldset.module .field-license_number.field-license_holders .fields-group .field-license_holders {
    width: 100% !important;
    max-width: 100% !important;
  }
}
#license_form:not(.detail-view__form) fieldset.module .field-country.field-regulatory_authority .fields-group {
  border-top: 0;
  padding: 0 0 0;
}
#license_form:not(.detail-view__form) fieldset.module .field-country.field-regulatory_authority .fields-group .field-country {
  width: calc(50% - 1rem) !important;
  max-width: calc(35vw - 1rem) !important;
}
@media screen and (max-width: 1194px) and (orientation: portrait) {
  #license_form:not(.detail-view__form) fieldset.module .field-country.field-regulatory_authority .fields-group .field-country {
    max-width: calc(50% - 1rem) !important;
  }
}
@media screen and (max-width: 835px) {
  #license_form:not(.detail-view__form) fieldset.module .field-country.field-regulatory_authority .fields-group .field-country {
    max-width: calc(50% - 1rem) !important;
  }
}
@media screen and (max-width: 601px) {
  #license_form:not(.detail-view__form) fieldset.module .field-country.field-regulatory_authority .fields-group .field-country {
    width: 100% !important;
    max-width: 100% !important;
  }
}
#license_form:not(.detail-view__form) fieldset.module .field-country.field-regulatory_authority .fields-group .field-regulatory_authority {
  width: calc(50% - 1rem) !important;
  max-width: calc(35vw - 1rem) !important;
}
@media screen and (max-width: 1194px) and (orientation: portrait) {
  #license_form:not(.detail-view__form) fieldset.module .field-country.field-regulatory_authority .fields-group .field-regulatory_authority {
    max-width: calc(50% - 1rem) !important;
  }
}
@media screen and (max-width: 835px) {
  #license_form:not(.detail-view__form) fieldset.module .field-country.field-regulatory_authority .fields-group .field-regulatory_authority {
    max-width: calc(50% - 1rem) !important;
  }
}
@media screen and (max-width: 601px) {
  #license_form:not(.detail-view__form) fieldset.module .field-country.field-regulatory_authority .fields-group .field-regulatory_authority {
    width: 100% !important;
    max-width: 100% !important;
  }
}
#license_form:not(.detail-view__form) fieldset.module .field-valid_from.field-valid_until .fields-group {
  border-top: 0;
  padding: 0 0 0;
}
#license_form:not(.detail-view__form) fieldset.module .field-valid_from.field-valid_until .fields-group .field-valid_from {
  width: calc(50% - 1rem) !important;
  max-width: calc(35vw - 1rem) !important;
}
@media screen and (max-width: 1194px) and (orientation: portrait) {
  #license_form:not(.detail-view__form) fieldset.module .field-valid_from.field-valid_until .fields-group .field-valid_from {
    max-width: calc(50% - 1rem) !important;
  }
}
@media screen and (max-width: 835px) {
  #license_form:not(.detail-view__form) fieldset.module .field-valid_from.field-valid_until .fields-group .field-valid_from {
    max-width: calc(50% - 1rem) !important;
  }
}
@media screen and (max-width: 601px) {
  #license_form:not(.detail-view__form) fieldset.module .field-valid_from.field-valid_until .fields-group .field-valid_from {
    width: 100% !important;
    max-width: 100% !important;
  }
}
#license_form:not(.detail-view__form) fieldset.module .field-valid_from.field-valid_until .fields-group .field-valid_until {
  width: calc(50% - 1rem) !important;
  max-width: calc(35vw - 1rem) !important;
}
@media screen and (max-width: 1194px) and (orientation: portrait) {
  #license_form:not(.detail-view__form) fieldset.module .field-valid_from.field-valid_until .fields-group .field-valid_until {
    max-width: calc(50% - 1rem) !important;
  }
}
@media screen and (max-width: 835px) {
  #license_form:not(.detail-view__form) fieldset.module .field-valid_from.field-valid_until .fields-group .field-valid_until {
    max-width: calc(50% - 1rem) !important;
  }
}
@media screen and (max-width: 601px) {
  #license_form:not(.detail-view__form) fieldset.module .field-valid_from.field-valid_until .fields-group .field-valid_until {
    width: 100% !important;
    max-width: 100% !important;
  }
}

#setup_form:not(.detail-view__form) fieldset.module .form-row h3 {
  width: 100% !important;
  font-family: "Inter", sans-serif !important;
  font-size: 1.125rem !important;
  letter-spacing: -0.03375rem !important;
  line-height: 1.35rem !important;
  font-weight: 700;
  color: #1A1B1C;
  margin: 0 0 0.75rem 0 !important;
  padding: 0 !important;
}
#setup_form:not(.detail-view__form) fieldset.module .field-name.field-setup_type_category.field-setup_type {
  gap: 2rem !important;
}
#setup_form:not(.detail-view__form) fieldset.module .field-name.field-setup_type_category.field-setup_type .primary-fields {
  background: #f5f5f5;
  border-radius: 0.75rem;
  padding: 0.75rem 0.75rem 0.5rem;
  margin-bottom: 0rem;
}
#setup_form:not(.detail-view__form) fieldset.module .field-name.field-setup_type_category.field-setup_type .primary-fields .input--editable__wrapper.input--editable__wrapper--tinted {
  padding: 0.25rem 0rem 0.25rem;
}
#setup_form:not(.detail-view__form) fieldset.module .field-name.field-setup_type_category.field-setup_type .primary-fields .field-name {
  width: calc(50% - 1rem) !important;
  max-width: calc(35vw - 1rem) !important;
}
@media screen and (max-width: 1194px) and (orientation: portrait) {
  #setup_form:not(.detail-view__form) fieldset.module .field-name.field-setup_type_category.field-setup_type .primary-fields .field-name {
    max-width: calc(50% - 1rem) !important;
  }
}
@media screen and (max-width: 835px) {
  #setup_form:not(.detail-view__form) fieldset.module .field-name.field-setup_type_category.field-setup_type .primary-fields .field-name {
    max-width: calc(50% - 1rem) !important;
  }
}
@media screen and (max-width: 601px) {
  #setup_form:not(.detail-view__form) fieldset.module .field-name.field-setup_type_category.field-setup_type .primary-fields .field-name {
    width: 100% !important;
    max-width: 100% !important;
  }
}
#setup_form:not(.detail-view__form) fieldset.module .field-name.field-setup_type_category.field-setup_type .primary-fields > .fieldBox.field-setup_type_category {
  width: calc(50% - 1rem) !important;
  max-width: calc(35vw - 1rem) !important;
}
@media screen and (max-width: 1194px) and (orientation: portrait) {
  #setup_form:not(.detail-view__form) fieldset.module .field-name.field-setup_type_category.field-setup_type .primary-fields > .fieldBox.field-setup_type_category {
    max-width: calc(50% - 1rem) !important;
  }
}
@media screen and (max-width: 835px) {
  #setup_form:not(.detail-view__form) fieldset.module .field-name.field-setup_type_category.field-setup_type .primary-fields > .fieldBox.field-setup_type_category {
    max-width: calc(50% - 1rem) !important;
  }
}
@media screen and (max-width: 601px) {
  #setup_form:not(.detail-view__form) fieldset.module .field-name.field-setup_type_category.field-setup_type .primary-fields > .fieldBox.field-setup_type_category {
    width: 100% !important;
    max-width: 100% !important;
  }
}
#setup_form:not(.detail-view__form) fieldset.module .field-name.field-setup_type_category.field-setup_type .primary-fields > .fieldBox.field-setup_type_category .input--editable--multiple .input--editable--multiple__content {
  display: flex;
  gap: 0.75rem;
}
#setup_form:not(.detail-view__form) fieldset.module .field-name.field-setup_type_category.field-setup_type .primary-fields > .fieldBox.field-setup_type_category .input--editable--multiple .input--editable--multiple__content .fieldBox.field-setup_type_category,
#setup_form:not(.detail-view__form) fieldset.module .field-name.field-setup_type_category.field-setup_type .primary-fields > .fieldBox.field-setup_type_category .input--editable--multiple .input--editable--multiple__content .fieldBox.field-setup_type {
  flex: 1 1 0;
  min-width: 0;
}
#setup_form:not(.detail-view__form) fieldset.module .field-name.field-setup_type_category.field-setup_type .primary-fields > .fieldBox.field-setup_type_category .input--editable--multiple .input--editable--multiple__content .fieldBox.field-setup_type_category select,
#setup_form:not(.detail-view__form) fieldset.module .field-name.field-setup_type_category.field-setup_type .primary-fields > .fieldBox.field-setup_type_category .input--editable--multiple .input--editable--multiple__content .fieldBox.field-setup_type select {
  width: 100% !important;
}
#setup_form:not(.detail-view__form) fieldset.module .field-name.field-setup_type_category.field-setup_type .primary-fields > .fieldBox.field-setup_type_category .input--editable--multiple .input--editable--multiple__content .fieldBox.field-setup_type_category .select2-container,
#setup_form:not(.detail-view__form) fieldset.module .field-name.field-setup_type_category.field-setup_type .primary-fields > .fieldBox.field-setup_type_category .input--editable--multiple .input--editable--multiple__content .fieldBox.field-setup_type .select2-container {
  width: 100% !important;
}

#behavioralassay_form:not(.detail-view__form) fieldset.module .form-row h3 {
  width: 100% !important;
  font-family: "Inter", sans-serif !important;
  font-size: 1.125rem !important;
  letter-spacing: -0.03375rem !important;
  line-height: 1.35rem !important;
  font-weight: 700;
  color: #1A1B1C;
  margin: 0 0 0.75rem 0 !important;
  padding: 0 !important;
}
#behavioralassay_form:not(.detail-view__form) fieldset.module .form-row:has(.field-box) {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  gap: 1.5rem;
}
@media screen and (max-width: 601px) {
  #behavioralassay_form:not(.detail-view__form) fieldset.module .form-row:has(.field-box) {
    flex-direction: column;
  }
}
#behavioralassay_form:not(.detail-view__form) fieldset.module .form-row:has(.field-box) .field-box {
  width: calc(50% - 1rem) !important;
  max-width: calc(35vw - 1rem) !important;
  margin: 0 !important;
}
@media screen and (max-width: 1194px) and (orientation: portrait) {
  #behavioralassay_form:not(.detail-view__form) fieldset.module .form-row:has(.field-box) .field-box {
    max-width: calc(50% - 1rem) !important;
  }
}
@media screen and (max-width: 835px) {
  #behavioralassay_form:not(.detail-view__form) fieldset.module .form-row:has(.field-box) .field-box {
    max-width: calc(50% - 1rem) !important;
  }
}
@media screen and (max-width: 601px) {
  #behavioralassay_form:not(.detail-view__form) fieldset.module .form-row:has(.field-box) .field-box {
    width: 100% !important;
    max-width: 100% !important;
  }
}
#behavioralassay_form:not(.detail-view__form) fieldset.module .form-row.field-name {
  background: #F2F2F2;
  border-radius: 0.75rem 0.75rem 0 0;
  padding: 1rem 1rem 0.5rem;
  margin-bottom: -0.5rem;
}
#behavioralassay_form:not(.detail-view__form) fieldset.module .form-row.field-setup_type_category.field-setup_type {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  gap: 1.5rem;
  background: #F2F2F2;
  border-radius: 0 0 0 0;
  padding: 1rem 1rem 0.5rem;
  margin-bottom: -2rem;
  margin-top: -2rem;
}
@media screen and (max-width: 601px) {
  #behavioralassay_form:not(.detail-view__form) fieldset.module .form-row.field-setup_type_category.field-setup_type {
    flex-direction: column;
    gap: 1rem;
  }
}
#behavioralassay_form:not(.detail-view__form) fieldset.module .form-row.field-setup_type_category.field-setup_type .flex-container.fieldBox.field-setup_type_category,
#behavioralassay_form:not(.detail-view__form) fieldset.module .form-row.field-setup_type_category.field-setup_type > div {
  width: calc(50% - 1rem) !important;
  max-width: calc(35vw - 1rem) !important;
  margin: 0;
}
@media screen and (max-width: 1194px) and (orientation: portrait) {
  #behavioralassay_form:not(.detail-view__form) fieldset.module .form-row.field-setup_type_category.field-setup_type .flex-container.fieldBox.field-setup_type_category,
  #behavioralassay_form:not(.detail-view__form) fieldset.module .form-row.field-setup_type_category.field-setup_type > div {
    max-width: calc(50% - 1rem) !important;
  }
}
@media screen and (max-width: 835px) {
  #behavioralassay_form:not(.detail-view__form) fieldset.module .form-row.field-setup_type_category.field-setup_type .flex-container.fieldBox.field-setup_type_category,
  #behavioralassay_form:not(.detail-view__form) fieldset.module .form-row.field-setup_type_category.field-setup_type > div {
    max-width: calc(50% - 1rem) !important;
  }
}
@media screen and (max-width: 601px) {
  #behavioralassay_form:not(.detail-view__form) fieldset.module .form-row.field-setup_type_category.field-setup_type .flex-container.fieldBox.field-setup_type_category,
  #behavioralassay_form:not(.detail-view__form) fieldset.module .form-row.field-setup_type_category.field-setup_type > div {
    width: 100% !important;
    max-width: 100% !important;
  }
}
@media screen and (max-width: 601px) {
  #behavioralassay_form:not(.detail-view__form) fieldset.module .form-row.field-setup_type_category.field-setup_type .flex-container.fieldBox.field-setup_type_category,
  #behavioralassay_form:not(.detail-view__form) fieldset.module .form-row.field-setup_type_category.field-setup_type > div {
    max-width: 100% !important;
  }
}
#behavioralassay_form:not(.detail-view__form) fieldset.module .form-row.field-setup_type_category.field-setup_type .flex-container.fieldBox {
  gap: 0 !important;
}
#behavioralassay_form:not(.detail-view__form) fieldset.module .form-row.field-setup_type_category.field-setup_type .flex-container.fieldBox select, #behavioralassay_form:not(.detail-view__form) fieldset.module .form-row.field-setup_type_category.field-setup_type .flex-container.fieldBox .select2-container {
  width: 100% !important;
}
#behavioralassay_form:not(.detail-view__form) fieldset.module .form-row.field-behavioral_category.field-behavioral_paradigm {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  gap: 1.5rem;
  background: #F2F2F2;
  border-radius: 0 0 0.75rem 0.75rem;
  padding: 0.5rem 1rem 1rem;
  margin-top: 0;
  margin-bottom: 0rem;
}
@media screen and (max-width: 601px) {
  #behavioralassay_form:not(.detail-view__form) fieldset.module .form-row.field-behavioral_category.field-behavioral_paradigm {
    flex-direction: column;
    gap: 1rem;
  }
}
#behavioralassay_form:not(.detail-view__form) fieldset.module .form-row.field-behavioral_category.field-behavioral_paradigm .flex-container.fieldBox.field-behavioral_category,
#behavioralassay_form:not(.detail-view__form) fieldset.module .form-row.field-behavioral_category.field-behavioral_paradigm > div {
  width: calc(50% - 1rem) !important;
  max-width: calc(35vw - 1rem) !important;
  margin: 0;
}
@media screen and (max-width: 1194px) and (orientation: portrait) {
  #behavioralassay_form:not(.detail-view__form) fieldset.module .form-row.field-behavioral_category.field-behavioral_paradigm .flex-container.fieldBox.field-behavioral_category,
  #behavioralassay_form:not(.detail-view__form) fieldset.module .form-row.field-behavioral_category.field-behavioral_paradigm > div {
    max-width: calc(50% - 1rem) !important;
  }
}
@media screen and (max-width: 835px) {
  #behavioralassay_form:not(.detail-view__form) fieldset.module .form-row.field-behavioral_category.field-behavioral_paradigm .flex-container.fieldBox.field-behavioral_category,
  #behavioralassay_form:not(.detail-view__form) fieldset.module .form-row.field-behavioral_category.field-behavioral_paradigm > div {
    max-width: calc(50% - 1rem) !important;
  }
}
@media screen and (max-width: 601px) {
  #behavioralassay_form:not(.detail-view__form) fieldset.module .form-row.field-behavioral_category.field-behavioral_paradigm .flex-container.fieldBox.field-behavioral_category,
  #behavioralassay_form:not(.detail-view__form) fieldset.module .form-row.field-behavioral_category.field-behavioral_paradigm > div {
    width: 100% !important;
    max-width: 100% !important;
  }
}
@media screen and (max-width: 601px) {
  #behavioralassay_form:not(.detail-view__form) fieldset.module .form-row.field-behavioral_category.field-behavioral_paradigm .flex-container.fieldBox.field-behavioral_category,
  #behavioralassay_form:not(.detail-view__form) fieldset.module .form-row.field-behavioral_category.field-behavioral_paradigm > div {
    max-width: 100% !important;
  }
}
#behavioralassay_form:not(.detail-view__form) fieldset.module .form-row.field-behavioral_category.field-behavioral_paradigm .flex-container.fieldBox {
  gap: 0 !important;
}
#behavioralassay_form:not(.detail-view__form) fieldset.module .form-row.field-behavioral_category.field-behavioral_paradigm .flex-container.fieldBox select, #behavioralassay_form:not(.detail-view__form) fieldset.module .form-row.field-behavioral_category.field-behavioral_paradigm .flex-container.fieldBox .select2-container {
  width: 100% !important;
}
#behavioralassay_form:not(.detail-view__form) fieldset.module .form-row.field-name.field-setup_type {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  background: #f5f5f5;
  border-radius: 0.75rem;
  padding: 1rem 1rem 0.75rem;
  margin-bottom: 0rem;
  gap: 1rem;
}
#behavioralassay_form:not(.detail-view__form) fieldset.module .form-row.field-name.field-setup_type .input--editable__wrapper.input--editable__wrapper--tinted {
  padding: 0.25rem 0rem 0.25rem;
  gap: 0rem;
}
#behavioralassay_form:not(.detail-view__form) fieldset.module .form-row.field-name.field-setup_type .fieldBox.field-name {
  flex: 1 1 0;
  min-width: 14rem;
  display: flex;
  flex-direction: column;
}
#behavioralassay_form:not(.detail-view__form) fieldset.module .form-row.field-name.field-setup_type .fieldBox.field-setup_type {
  flex: 1 1 0;
  min-width: 12rem;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
#behavioralassay_form:not(.detail-view__form) fieldset.module .form-row.field-name.field-setup_type .fieldBox.field-category {
  flex: 1 1 0;
  min-width: 12rem;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
#behavioralassay_form:not(.detail-view__form) fieldset.module .form-row.field-name.field-setup_type .fieldBox.field-behavioral_category {
  flex: 1 1 0;
  min-width: 12rem;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
#behavioralassay_form:not(.detail-view__form) fieldset.module .form-row.field-name.field-setup_type .fieldBox.field-behavioral_paradigm {
  flex: 1 1 0;
  min-width: 12rem;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
#behavioralassay_form:not(.detail-view__form) fieldset.module .form-row.field-name.field-setup_type .fieldBox label {
  flex-shrink: 0;
}
#behavioralassay_form:not(.detail-view__form) fieldset.module .form-row.field-name.field-setup_type .fieldBox input,
#behavioralassay_form:not(.detail-view__form) fieldset.module .form-row.field-name.field-setup_type .fieldBox select,
#behavioralassay_form:not(.detail-view__form) fieldset.module .form-row.field-name.field-setup_type .fieldBox .flex-container {
  margin-top: auto;
  gap: 0 !important;
}

#datastorage_form:not(.detail-view__form) fieldset.module .flex-container.fieldBox.field-name {
  background: #f5f5f5;
  border-radius: 0.75rem;
  padding: 1rem 1rem 0rem;
  margin-bottom: 2rem;
}

#inventory_form:not(.detail-view__form) fieldset.module .flex-container.fieldBox.field-name {
  background: #f5f5f5;
  border-radius: 0.75rem;
  padding: 1rem 1rem 1rem;
  margin-bottom: 2rem;
}

.export__wrapper form {
  max-width: 50%;
}
@media screen and (max-width: 835px) {
  .export__wrapper form {
    max-width: 100%;
  }
}
.export__wrapper form fieldset.module:has(.selectable-field-export-row) {
  flex-direction: column;
  gap: 0.5rem;
}
.export__wrapper form fieldset.module:has(.selectable-field-export-row) .selectable-field-export-row p {
  margin-bottom: 1rem;
}
.export__wrapper form fieldset.module:has(.selectable-field-export-row) .form-row:has(#id_format) {
  padding: 1rem;
}
.export__wrapper form fieldset.module:has(.selectable-field-export-row) .form-row:has(#id_format) .select2 {
  width: 100% !important;
}
@media screen and (max-width: 601px) {
  .export__wrapper form .submit-row {
    background: none !important;
    box-shadow: none !important;
  }
}

.add-group__wrapper form {
  max-width: 50%;
}
@media screen and (max-width: 835px) {
  .add-group__wrapper form {
    max-width: 100%;
  }
}

.invitations-view__wrapper .list-view__header {
  min-height: 0 !important;
}

.invitations__wrapper table {
  width: 100% !important;
}
.invitations__wrapper table td {
  padding: 0.5rem 0;
}
.invitations__wrapper table td a {
  color: var(--secondary) !important;
  font-weight: 500;
}
@media (hover: hover) and (pointer: fine) {
  .invitations__wrapper table td a:hover {
    color: var(--primary) !important;
  }
}

.delete-confirmation .list-view__header {
  min-height: 0 !important;
}
.delete-confirmation #content p {
  color: #FFFFFF !important;
}
.delete-confirmation #content h2 {
  font-family: "Inter", sans-serif !important;
  font-size: 1.125rem !important;
  letter-spacing: -0.03375rem !important;
  line-height: 1.35rem !important;
  font-weight: 700;
  background: #FFFFFF !important;
  border-radius: 0.75rem 0.75rem 0 0;
  margin-top: 1.5rem;
  padding: 1rem;
  border-bottom: 1px solid rgba(141, 139, 159, 0.5);
}
.delete-confirmation #content ul {
  background: #FFFFFF !important;
  border-radius: 0 0 0.75rem 0.75rem !important;
  margin-bottom: 0.75rem !important;
  padding: 1rem !important;
  box-shadow: none !important;
}
.delete-confirmation #content ul li {
  margin-bottom: 0.5rem;
}
.delete-confirmation #content ul a {
  color: var(--secondary) !important;
}
@media (hover: hover) and (pointer: fine) {
  .delete-confirmation #content ul a:hover {
    color: var(--primary) !important;
  }
}
.delete-confirmation #content form div:not([class]) {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  gap: 0.5rem;
}
.delete-confirmation #content form div:not([class]) .cancel-link {
  font-family: "Inter", sans-serif !important;
  background: none !important;
  color: inherit !important;
  border: none !important;
  outline: none !important;
  cursor: pointer !important;
  border-radius: 0.5rem !important;
  font-size: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  font-weight: 500 !important;
  position: relative !important;
  overflow: hidden !important;
  padding: 0.75rem 1rem !important;
  text-transform: initial !important;
  height: auto !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  background: none !important;
  color: var(--secondary) !important;
  border: 0.1rem solid var(--secondary) !important;
}
.delete-confirmation #content form div:not([class]) .cancel-link[disabled] {
  opacity: 0.4;
  pointer-events: none !important;
}
@media (hover: hover) and (pointer: fine) {
  .delete-confirmation #content form div:not([class]) .cancel-link:hover:not(:disabled), .delete-confirmation #content form div:not([class]) .cancel-link:hover:not([disabled]) {
    color: var(--primary) !important;
    border-color: var(--primary) !important;
  }
}
@media screen and (max-width: 601px) {
  .delete-confirmation #content form .button, .delete-confirmation #content form input[type=submit] {
    width: auto;
  }
}

.history-view__wrapper .list-view__header {
  min-height: 0 !important;
}
.history-view__wrapper .breadcrumbs {
  display: block !important;
}
.history-view__wrapper #content-main p:first-child {
  color: #FFFFFF;
  padding: 0 0.75rem 1.5rem 0.75rem;
}

#change-history {
  border-radius: 0.75rem;
}
#change-history thead th {
  background: rgba(var(--base), 0.5);
  color: rgba(57, 56, 67, 0.8);
  font-weight: 600;
  padding: 1.5rem;
  border-radius: 0;
  text-transform: initial;
  font-family: "Inter", sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.21 !important;
  letter-spacing: -0.03rem !important;
}
@media screen and (max-width: 601px) {
  #change-history thead th {
    line-height: 1.5;
  }
}
@media screen and (max-width: 601px) {
  #change-history thead th {
    padding: 1.5rem 0.75rem;
  }
}
#change-history thead th:first-child {
  border-radius: 0.75rem 0 0 0;
}
#change-history thead th:last-child {
  border-radius: 0 0.75rem 0 0;
}
#change-history thead th a {
  color: var(--secondary) !important;
  text-decoration: underline !important;
}
@media (hover: hover) and (pointer: fine) {
  #change-history thead th a:hover {
    color: var(--primary) !important;
    font-weight: 600 !important;
  }
}
#change-history thead th .sortoptions {
  color: var(--secondary) !important;
}
#change-history tbody th {
  padding: 1.5rem;
}
@media screen and (max-width: 601px) {
  #change-history tbody th {
    padding: 1.5rem 0.75rem;
  }
}
#change-history tbody td {
  font-family: "Inter", sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.21 !important;
  letter-spacing: -0.03rem !important;
  padding: 1.5rem;
  border-bottom: 1px solid rgba(141, 139, 159, 0.5);
  color: #8D8B9F;
}
@media screen and (max-width: 601px) {
  #change-history tbody td {
    line-height: 1.5;
  }
}
@media screen and (max-width: 601px) {
  #change-history tbody td {
    padding: 1.5rem 0.75rem;
  }
}
#change-history tbody td:first-child {
  padding: 1.5rem;
}
#change-history tbody td a:not(:empty) {
  border-radius: 0.25rem !important;
  background: #E8F0FF !important;
  color: #4550B6 !important;
  padding: 0 0.5rem !important;
  font-family: "Inter", sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.21 !important;
  letter-spacing: -0.03rem !important;
  line-height: 1.5 !important;
  display: -webkit-inline-box !important;
  -webkit-line-clamp: 1 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-align: center;
  max-width: 10rem !important;
  padding: 0.25rem 0.5rem 0.15rem !important;
  font-size: 0.9rem !important;
  line-height: 1.4 !important;
  letter-spacing: -0.03rem !important;
}
@media screen and (max-width: 601px) {
  #change-history tbody td a:not(:empty) {
    line-height: 1.5;
  }
}
@media (hover: hover) and (pointer: fine) {
  #change-history tbody td a:not(:empty):hover {
    background: rgba(232, 240, 255, 0.5) !important;
  }
}
#change-history tbody tr:last-child td, #change-history tbody tr:last-child th {
  border-bottom: none !important;
}
#change-history tbody th {
  border-bottom: 1px solid rgba(141, 139, 159, 0.5);
  color: #393843;
  font-weight: 500;
}
#change-history tbody th a {
  color: var(--secondary) !important;
  text-decoration: underline !important;
}
@media (hover: hover) and (pointer: fine) {
  #change-history tbody th a:hover {
    color: var(--primary) !important;
    font-weight: 500;
  }
}

.approvals-view__wrapper .list-view__header {
  min-height: 0 !important;
}

.approvals__wrapper table {
  width: 100% !important;
}
.approvals__wrapper table th {
  background: var(--base);
  color: #8D8B9F;
  font-weight: 600;
  padding: 0.5rem 1rem;
  border-radius: 0 !important;
  text-transform: initial;
  font-family: "Inter", sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.21 !important;
  letter-spacing: -0.03rem !important;
}
@media screen and (max-width: 601px) {
  .approvals__wrapper table th {
    line-height: 1.5;
  }
}
.approvals__wrapper table th:first-child {
  border-radius: 0.75rem 0 0 0;
}
.approvals__wrapper table th:last-child {
  border-radius: 0 0.75rem 0 0;
}
.approvals__wrapper table td {
  padding: 0.5rem 0;
}
.approvals__wrapper table td a {
  color: var(--secondary) !important;
  font-weight: 500;
}
@media (hover: hover) and (pointer: fine) {
  .approvals__wrapper table td a:hover {
    color: var(--primary) !important;
  }
}

.approval-review__wrapper .approval-review__breadcrumbs {
  display: block !important;
}
.approval-review__wrapper .list-view__header {
  min-height: 0 !important;
}

.approval-review__message {
  color: #F2F2F2;
  padding: 0 0.5rem 2rem !important;
}

.approval-review__content .form-row label {
  text-transform: capitalize;
}

.approval-was {
  background: #f5e9c0;
  border-radius: 0.25rem;
  padding: 0.25rem 0.5rem;
  margin-top: 0.25rem;
  display: inline-block;
}

.group-permissions__actions .button--primary i {
  margin-left: 0.75rem;
}
.group-permissions__actions .button--secondary {
  background: var(--base) !important;
  gap: 0.75rem;
  align-items: center;
}
.group-permissions__actions .button--secondary i {
  font-size: 1rem !important;
}
@media screen and (max-width: 601px) {
  .group-permissions__actions .button--secondary i {
    display: none !important;
  }
}
@media screen and (max-width: 601px) {
  .group-permissions__actions .button--main-action {
    padding-right: 1rem !important;
  }
}
.group-permissions__actions .button--main-action i {
  width: 1.75rem !important;
  height: 1.75rem !important;
  border-radius: 0.25rem !important;
  background-color: #393843 !important;
  color: #FFFFFF !important;
  position: absolute !important;
  right: 0.5rem !important;
  top: calc(50% - 0.875rem) !important;
  margin: 0 !important;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  display: flex !important;
  font-size: 1rem !important;
}
@media screen and (max-width: 601px) {
  .group-permissions__actions .button--main-action i {
    display: none !important;
  }
}

#group_form .field-users table td {
  word-break: break-all;
}

.manage-group__breadcrumbs {
  display: block !important;
}

.manage-group__wrapper {
  width: auto;
  max-width: 70%;
}
@media screen and (min-width: 835px) and (max-width: 1024px) and (orientation: portrait) {
  .manage-group__wrapper {
    max-width: 100%;
  }
}
@media screen and (max-width: 835px) {
  .manage-group__wrapper {
    max-width: 100%;
  }
}
.manage-group__wrapper form {
  width: 100%;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  gap: 1.5rem;
}
.manage-group__wrapper .form-group {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  gap: 0.5rem;
}
.manage-group__wrapper .buttons-group {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
  align-content: center;
  gap: 0.75rem;
}
.manage-group__wrapper .buttons-group .button--secondary {
  font-family: "Inter", sans-serif !important;
  background: none !important;
  color: inherit !important;
  border: none !important;
  outline: none !important;
  cursor: pointer !important;
  border-radius: 0.5rem !important;
  font-size: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  font-weight: 500 !important;
  position: relative !important;
  overflow: hidden !important;
  padding: 0.75rem 1rem !important;
  text-transform: initial !important;
  height: auto !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  background: none !important;
  color: var(--secondary) !important;
  border: 0.1rem solid var(--secondary) !important;
}
.manage-group__wrapper .buttons-group .button--secondary[disabled] {
  opacity: 0.4;
  pointer-events: none !important;
}
@media (hover: hover) and (pointer: fine) {
  .manage-group__wrapper .buttons-group .button--secondary:hover:not(:disabled), .manage-group__wrapper .buttons-group .button--secondary:hover:not([disabled]) {
    color: var(--primary) !important;
    border-color: var(--primary) !important;
  }
}
.manage-group__wrapper h3 {
  font-family: "Inter", sans-serif !important;
  font-size: 1.125rem !important;
  letter-spacing: -0.03375rem !important;
  line-height: 1.35rem !important;
  font-weight: 700;
}
.manage-group__wrapper table {
  width: 50% !important;
}
@media screen and (max-width: 601px) {
  .manage-group__wrapper table {
    width: 100% !important;
  }
}
.manage-group__wrapper table td {
  padding: 0.5rem 0;
}
.manage-group__wrapper table td a {
  color: var(--secondary) !important;
  font-weight: 500;
}
@media (hover: hover) and (pointer: fine) {
  .manage-group__wrapper table td a:hover {
    color: var(--primary) !important;
  }
}
@media screen and (max-width: 601px) {
  .manage-group__wrapper .form-row .select2 {
    width: 100% !important;
  }
}
.manage-group__wrapper .field-source-info {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  gap: 0.5rem;
  border-radius: 0.5rem;
  padding: 1rem;
  background: var(--base);
  color: #393843;
}
@media screen and (max-width: 601px) {
  .manage-group__wrapper .field-source-info {
    flex-direction: column;
    font-size: 0.875rem;
  }
}
.manage-group__wrapper .field-source-info label {
  width: auto;
  padding: 0 !important;
}
.manage-group__wrapper .field-source-info p {
  flex-grow: 1;
}

.permissions-manage__table {
  width: 100%;
  max-width: 1000px;
  table-layout: fixed;
}
.permissions-manage__table td, .permissions-manage__table th {
  vertical-align: middle;
}
.permissions-manage__table td:first-child > .permissions-manage__user-cell {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
}
.permissions-manage__table .permissions-manage__you-icon {
  color: #8D8B9F;
  font-size: 0.8em;
  line-height: 1;
}
.permissions-manage__table th:first-child {
  width: 25%;
  min-width: 200px;
}
.permissions-manage__table th.col-email {
  width: 35%;
  min-width: 200px;
}

.permissions-manage__current-user {
  background-color: rgba(141, 139, 159, 0.07);
}

.permissions-manage__resend-link {
  color: var(--secondary);
  text-decoration: underline;
  font-weight: 500;
  margin-right: 8px;
}

.model-experimentalinterface .form-row.field-name .fieldset-fields-group {
  justify-content: flex-start !important;
}
.model-experimentalinterface .form-row.field-name .field-box.field-name {
  flex: 0 0 calc(50% - 0.5rem) !important;
  width: auto !important;
  max-width: none !important;
}
@media screen and (max-width: 601px) {
  .model-experimentalinterface .form-row.field-name .field-box.field-name {
    flex: 1 1 100% !important;
  }
}
.model-experimentalinterface .form-row.field-name .field-box.field-target_type,
.model-experimentalinterface .form-row.field-name .field-box.field-target_type_readonly {
  flex: 1 1 0 !important;
  width: auto !important;
  max-width: none !important;
}
@media screen and (max-width: 601px) {
  .model-experimentalinterface .form-row.field-name .field-box.field-target_type,
  .model-experimentalinterface .form-row.field-name .field-box.field-target_type_readonly {
    flex: 1 1 100% !important;
  }
}
.model-experimentalinterface .form-row.field-subject.field-specimen_set.field-target_specimens .field-box {
  flex: 1 1 0 !important;
  width: 0 !important;
  min-width: 0;
  max-width: none !important;
}

#specimenset_form.edit-view__form .custom-fieldset .primary-fields--top {
  border-radius: 0.5rem 0.5rem 0 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
#specimenset_form.edit-view__form .custom-fieldset .primary-fields--bottom {
  border-radius: 0 0 0.5rem 0.5rem;
  padding-top: 0.75rem;
  margin-top: -2rem;
}
#specimenset_form.edit-view__form .custom-fieldset .related-fields__wrapper .fields-group {
  column-gap: 2rem !important;
}

.select2-results__option[data-filter-count] {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: 0.5rem;
}
.select2-results__option[data-filter-count]::before {
  order: 3;
}

.select2-results__option[data-status]:not([data-status=None i]), .select2-selection[data-status]:not([data-status=None i]) {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
  align-content: flex-start;
}
.select2-results__option[data-status]:not([data-status=None i])::before, .select2-selection[data-status]:not([data-status=None i])::before {
  content: attr(data-status);
  border-radius: 0.25rem;
  border: none;
  padding: 0.25rem;
  font-size: 0.75rem;
  line-height: 1;
  text-transform: uppercase;
  flex-shrink: 0;
  color: #FFFFFF;
  order: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 45%;
  white-space: nowrap;
}
@media screen and (max-width: 601px) {
  .select2-results__option[data-status]:not([data-status=None i])::before, .select2-selection[data-status]:not([data-status=None i])::before {
    max-width: 55%;
  }
}
.select2-results__option[data-status=Pending i]::before, .select2-selection[data-status=Pending i]::before {
  background: var(--gradient-color2);
}
.select2-results__option[data-status=Rejected i]::before, .select2-selection[data-status=Rejected i]::before {
  background: #FF5757;
}
.select2-results__option[data-status=Cancelled i]::before, .select2-selection[data-status=Cancelled i]::before {
  background: #FF5757;
}
.select2-results__option[data-status=Accepted i]::before, .select2-selection[data-status=Accepted i]::before {
  background: #259543;
}
.select2-results__option[data-status=Merged i]::before, .select2-selection[data-status=Merged i]::before {
  background: #1DCEDC;
}
.select2-results__option[data-status="Forcibly Merged" i]::before, .select2-results__option[data-status=ForciblyMerged i]::before, .select2-selection[data-status="Forcibly Merged" i]::before, .select2-selection[data-status=ForciblyMerged i]::before {
  content: "Forcibly Merged" !important;
  background: #4550B6;
}
.select2-results__option[data-status="Changes Required" i]::before, .select2-results__option[data-status=ChangesRequired i]::before, .select2-selection[data-status="Changes Required" i]::before, .select2-selection[data-status=ChangesRequired i]::before {
  content: "Changes Required (!)" !important;
  background: #FFEF39;
  color: #1A1B1C !important;
}
.select2-results__option[data-status="Hold for Rejection" i]::before, .select2-results__option[data-status=HoldForRejection i]::before, .select2-selection[data-status="Hold for Rejection" i]::before, .select2-selection[data-status=HoldForRejection i]::before {
  content: "Hold for Rejection (!)" !important;
  background: #FFAE00;
  color: #1A1B1C !important;
}
.select2-results__option[data-status="Hold for Merge" i]::before, .select2-results__option[data-status=HoldForMerge i]::before, .select2-selection[data-status="Hold for Merge" i]::before, .select2-selection[data-status=HoldForMerge i]::before {
  content: "Hold for Merge (!)" !important;
  background: #99F8FF;
  color: #1A1B1C !important;
}
.select2-results__option[data-status=generic-other i]::before, .select2-selection[data-status=generic-other i]::before {
  content: "\f06a" !important;
  background: #FFCF24 !important;
  color: #1A1B1C !important;
  border-radius: 100% !important;
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

.select2-results__option[data-filter-count] {
  justify-content: flex-start;
  align-items: center;
}
.select2-results__option[data-filter-count]::before {
  order: 3;
}

.select2-result-option-label {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-result-count-badge {
  order: 2;
  flex-shrink: 0;
  border-radius: 0.25rem;
  border: none;
  background: #E8F0FF;
  color: #4550B6;
  padding: 0.25rem 0.5rem;
  font-size: 0.72rem;
  line-height: 1;
  font-weight: 500;
  white-space: nowrap;
}

.select2-selection__choice[data-status]:not([data-status=None i]):not([data-status=Accepted i]) {
  position: relative;
}
.select2-selection__choice[data-status]:not([data-status=None i]):not([data-status=Accepted i])::after {
  content: attr(data-status);
  border-radius: 0.25rem;
  border: none;
  padding: 1px 0.25rem;
  font-size: 0.65rem;
  line-height: 1;
  text-transform: uppercase;
  color: #FFFFFF;
  margin-left: 0.25rem;
  vertical-align: middle;
}
.select2-selection__choice[data-status=Pending i]::after {
  background: var(--gradient-color2);
}
.select2-selection__choice[data-status=ChangesRequired i]::after, .select2-selection__choice[data-status="Changes Required" i]::after {
  content: "Changes Required" !important;
  background: #FFEF39;
  color: #1A1B1C !important;
}
.select2-selection__choice[data-status=HoldForRejection i]::after, .select2-selection__choice[data-status="Hold for Rejection" i]::after {
  content: "Hold for Rejection" !important;
  background: #FFAE00;
  color: #1A1B1C !important;
}
.select2-selection__choice[data-status=HoldForMerge i]::after, .select2-selection__choice[data-status="Hold for Merge" i]::after {
  content: "Hold for Merge" !important;
  background: #99F8FF;
  color: #1A1B1C !important;
}

.select2-selection[data-status]:not([data-status=None i]) {
  padding-right: 2rem !important;
}

.select2-selection.tooltip-status::after {
  display: none !important;
}

#result_list .field-status:has(.tag--status) {
  text-align: center;
}

.tag--status[data-status]:not([data-status=None i]) {
  position: relative;
  display: inline-block;
  border-radius: 0.25rem;
  border: none;
  padding: 0.25rem 0.5rem;
  font-size: 0.85rem;
  line-height: 1;
  text-transform: uppercase;
  flex-shrink: 0;
  color: #FFFFFF;
  order: 2;
  cursor: help;
}
.tag--status[data-status=Pending i] {
  background: var(--gradient-color2);
}
.tag--status[data-status=Rejected i] {
  background: #FF5757;
}
.tag--status[data-status=Cancelled i] {
  background: #FF5757;
}
.tag--status[data-status=Accepted i] {
  background: #259543;
}
.tag--status[data-status=Merged i] {
  background: #1DCEDC;
}
.tag--status[data-status="Forcibly Merged" i], .tag--status[data-status=ForciblyMerged i] {
  content: "Forcibly Merged" !important;
  background: #4550B6;
}
.tag--status[data-status="Changes Required" i], .tag--status[data-status=ChangesRequired i] {
  content: attr(data-status) " (!)" !important;
  background: #FFEF39;
  color: #1A1B1C !important;
}
.tag--status[data-status="Hold for Rejection" i], .tag--status[data-status=HoldForRejection i] {
  content: "Hold for Rejection (!)" !important;
  background: #FFAE00;
  color: #1A1B1C !important;
}
.tag--status[data-status="Hold for Merge" i], .tag--status[data-status=HoldForMerge i] {
  content: "Hold for Merge (!)" !important;
  background: #99F8FF;
  color: #1A1B1C !important;
}

#result_list .field-action_badge {
  text-align: center;
}

.tag--action[data-action] {
  position: relative;
  display: inline-block;
  border-radius: 0.25rem;
  border: none;
  padding: 0.25rem 0.5rem;
  font-size: 0.85rem;
  line-height: 1;
  text-transform: uppercase;
  flex-shrink: 0;
  color: #FFFFFF;
  order: 2;
}
.tag--action[data-action=Add i] {
  background: #259543;
}
.tag--action[data-action=Change i] {
  background: #4550B6;
}

.tooltip-status::after {
  bottom: -35% !important;
  width: 24rem !important;
  max-width: 70vw !important;
  font-size: 0.85rem !important;
  white-space: normal !important;
}
@media screen and (max-width: 601px) {
  .tooltip-status::after {
    bottom: auto !important;
    top: 80% !important;
    font-size: 0.9rem !important;
  }
}
.tooltip-status--dropdown::after {
  width: auto !important;
  max-width: 90% !important;
  min-width: 40% !important;
  bottom: auto !important;
  top: 100% !important;
  right: 5% !important;
  left: auto !important;
}
.tooltip-status.tooltip-right::after {
  right: 45% !important;
}
@media screen and (max-width: 601px) {
  .tooltip-status.tooltip-right::after {
    right: 0.25rem !important;
  }
}

.approval-review__content .form__wrapper .module label[for=id_user_id_hide] {
  display: none;
}
.approval-review__content .form__wrapper .module label[for=id_user_id_hide] + p {
  display: none;
}

.page-template__wrapper .page__hero {
  padding-left: 20%;
  padding-top: 3rem;
  padding-bottom: 4rem;
}
.page-template__wrapper .page__hero::before {
  content: "";
  width: 31rem;
  height: 73rem;
  border-radius: 100%;
  background: #8D8B9F;
  position: absolute;
  top: 10rem;
  left: 45rem;
  z-index: -1;
  transform: rotate(105deg);
  filter: blur(30rem);
}
.page-template__wrapper .page__hero .page__hero__wrapper {
  width: 100%;
  padding: 2.4rem 0 2.4rem 2.4rem;
}
.page-template__wrapper .page__hero .page__hero__wrapper .page__hero__header {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  gap: 35rem;
}
.page-template__wrapper .page__hero .page__hero__wrapper .page__hero__header p {
  width: auto;
  max-width: 55%;
}
.page-template__wrapper .page__hero .page__hero__wrapper .page__hero__header p:nth-of-type(1) {
  font-size: 4rem;
  line-height: 4.8rem;
  letter-spacing: -0.28rem;
}
.page-template__wrapper .page__hero .page__hero__wrapper .page__hero__content {
  width: 100%;
  margin-top: 5rem;
  border-radius: 3.2rem;
  background: #F2F2F2;
  box-shadow: inset 0.8rem 0.4rem 10rem rgba(0, 0, 0, 0.07);
  padding: 10rem 4rem;
  position: relative;
  overflow: hidden;
}
.page-template__wrapper .page__hero .page__hero__wrapper .page__hero__content .page__hero__title {
  width: calc(100% - 73rem);
}
.page-template__wrapper .page__hero .page__hero__wrapper .page__hero__content .page__hero__graphics {
  width: 73rem;
  height: 100%;
  position: absolute;
  top: 0;
  right: -12rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
}

.page__wrapper.login-signup__wrapper {
  font-family: "Inter", sans-serif;
  letter-spacing: -0.054rem;
}
.page__wrapper.login-signup__wrapper .login__wrapper {
  width: 100%;
  height: auto;
  min-height: 100vh;
  position: relative;
  padding: 16rem 0;
}
@media screen and (max-width: 601px) {
  .page__wrapper.login-signup__wrapper .login__wrapper {
    padding: 24rem 0;
  }
}
.page__wrapper.login-signup__wrapper .login__wrapper .login-signup__wrapper__background {
  width: 100%;
  height: calc(100% + 2rem);
  position: fixed;
  top: 0;
  left: 0;
  background-image: url("https://public-images.brainstem.org/images/brainstem/login-signup_bg_2x.webp");
  background-size: cover;
  background-position: center right;
  background-repeat: no-repeat;
  z-index: 0;
  animation: floatY 7s ease infinite;
}
@media screen and (max-width: 1919px) {
  .page__wrapper.login-signup__wrapper .login__wrapper .login-signup__wrapper__background {
    background-image: url("https://public-images.brainstem.org/images/brainstem/login-signup_bg_1x.webp");
  }
}
@media screen and (min-width: 1194px) and (orientation: portrait) {
  .page__wrapper.login-signup__wrapper .login__wrapper .login-signup__wrapper__background {
    background-image: url("https://public-images.brainstem.org/images/brainstem/login-signup_bg_md.webp");
  }
}
@media screen and (min-width: 835px) and (max-width: 1024px) and (orientation: portrait) {
  .page__wrapper.login-signup__wrapper .login__wrapper .login-signup__wrapper__background {
    background-image: url("https://public-images.brainstem.org/images/brainstem/login-signup_bg_md.webp");
  }
}
@media screen and (max-width: 835px) {
  .page__wrapper.login-signup__wrapper .login__wrapper .login-signup__wrapper__background {
    background-image: url("https://public-images.brainstem.org/images/brainstem/login-signup_bg_md.webp");
  }
}
@media screen and (max-width: 601px) {
  .page__wrapper.login-signup__wrapper .login__wrapper .login-signup__wrapper__background {
    background-image: url("https://public-images.brainstem.org/images/brainstem/login-signup_bg_sm.webp");
  }
}
.page__wrapper.login-signup__wrapper .login__wrapper .login-signup__wrapper__content {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: flex-start;
  align-content: flex-start;
  gap: 2.4rem;
}
@media screen and (min-width: 1194px) and (orientation: portrait) {
  .page__wrapper.login-signup__wrapper .login__wrapper .login-signup__wrapper__content {
    align-items: center;
    align-content: center;
    padding-left: 10rem;
  }
}
@media screen and (min-width: 835px) and (max-width: 1024px) and (orientation: portrait) {
  .page__wrapper.login-signup__wrapper .login__wrapper .login-signup__wrapper__content {
    align-items: center;
    align-content: center;
  }
}
@media screen and (max-width: 835px) {
  .page__wrapper.login-signup__wrapper .login__wrapper .login-signup__wrapper__content {
    align-items: center;
    align-content: center;
  }
}
@media screen and (max-width: 601px) {
  .page__wrapper.login-signup__wrapper .login__wrapper .login-signup__wrapper__content {
    gap: 3.2rem;
  }
}
.page__wrapper.login-signup__wrapper .login__wrapper .login-signup__form__wrapper {
  width: 75rem;
  height: auto;
  min-height: 32rem;
  border-radius: 1.2rem;
  background: #FFFFFF;
  box-shadow: 0px 0px 20px rgba(179, 179, 179, 0.15);
  padding: 2.4rem;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  gap: 3.2rem;
}
@media screen and (min-width: 1194px) and (orientation: portrait) {
  .page__wrapper.login-signup__wrapper .login__wrapper .login-signup__form__wrapper {
    width: 80vw;
  }
}
@media screen and (min-width: 835px) and (max-width: 1024px) and (orientation: portrait) {
  .page__wrapper.login-signup__wrapper .login__wrapper .login-signup__form__wrapper {
    width: 85vw;
  }
}
@media screen and (max-width: 835px) {
  .page__wrapper.login-signup__wrapper .login__wrapper .login-signup__form__wrapper {
    width: 85vw;
  }
}
@media screen and (max-width: 601px) {
  .page__wrapper.login-signup__wrapper .login__wrapper .login-signup__form__wrapper {
    width: 90vw;
    gap: 4rem;
    padding: 4rem 3.2rem;
  }
}
.page__wrapper.login-signup__wrapper .login__wrapper .login-signup__form__wrapper .login-signup__form__header {
  width: 100%;
  padding: 1.6rem 0;
  border-bottom: 0.1rem solid color-mix(in srgb, var(--secondary) 50%, transparent);
}
@media screen and (max-width: 601px) {
  .page__wrapper.login-signup__wrapper .login__wrapper .login-signup__form__wrapper .login-signup__form__header {
    padding: 2.4rem 0;
  }
}
.page__wrapper.login-signup__wrapper .login__wrapper .login-signup__form__wrapper .login-signup__form__header h1 {
  color: #4b4864 !important;
}
@media screen and (max-width: 601px) {
  .page__wrapper.login-signup__wrapper .login__wrapper .login-signup__form__wrapper .login-signup__form__header h1 {
    font-size: 4rem;
    letter-spacing: -0.12rem;
    line-height: 4.8rem;
  }
}
.page__wrapper.login-signup__wrapper .login__wrapper .login-signup__form__wrapper .login-signup__form__body {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  gap: 2rem;
}
@media screen and (max-width: 601px) {
  .page__wrapper.login-signup__wrapper .login__wrapper .login-signup__form__wrapper .login-signup__form__body {
    gap: 4rem;
  }
}
.page__wrapper.login-signup__wrapper .login__wrapper .login-signup__form__wrapper .login-signup__form__text {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  gap: 1.6rem;
}
@media screen and (min-width: 1194px) and (orientation: portrait) {
  .page__wrapper.login-signup__wrapper .login__wrapper .login-signup__form__wrapper .login-signup__form__text h5, .page__wrapper.login-signup__wrapper .login__wrapper .login-signup__form__wrapper .login-signup__form__text p {
    font-family: "Inter", sans-serif !important;
    font-size: 1.5rem;
    line-height: 1.75rem;
    letter-spacing: -0.045rem;
  }
}
@media screen and (max-width: 601px) {
  .page__wrapper.login-signup__wrapper .login__wrapper .login-signup__form__wrapper .login-signup__form__text {
    gap: 2.4rem;
  }
  .page__wrapper.login-signup__wrapper .login__wrapper .login-signup__form__wrapper .login-signup__form__text h5, .page__wrapper.login-signup__wrapper .login__wrapper .login-signup__form__wrapper .login-signup__form__text p {
    font-family: "Inter", sans-serif !important;
    font-size: 0.875rem;
    letter-spacing: -0.02625rem;
    line-height: 1rem;
  }
}
.page__wrapper.login-signup__wrapper .login__wrapper .login-signup__form__wrapper form {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  gap: 2.4rem;
}
@media screen and (max-width: 601px) {
  .page__wrapper.login-signup__wrapper .login__wrapper .login-signup__form__wrapper form {
    gap: 4rem;
  }
}
.page__wrapper.login-signup__wrapper .login__wrapper .login-signup__form__wrapper .form-row {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  gap: 1.6rem;
}
@media screen and (max-width: 601px) {
  .page__wrapper.login-signup__wrapper .login__wrapper .login-signup__form__wrapper .form-row {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
    gap: 2.4rem;
  }
}
.page__wrapper.login-signup__wrapper .login__wrapper .login-signup__form__wrapper .form-row .form-group {
  flex-shrink: 1;
}
@media screen and (max-width: 601px) {
  .page__wrapper.login-signup__wrapper .login__wrapper .login-signup__form__wrapper .form-row .form-group {
    flex-shrink: 0;
  }
}
.page__wrapper.login-signup__wrapper .login__wrapper .login-signup__form__wrapper .form-group {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  gap: 0.8rem;
}
@media screen and (max-width: 601px) {
  .page__wrapper.login-signup__wrapper .login__wrapper .login-signup__form__wrapper .form-group {
    gap: 1.6rem;
  }
}
.page__wrapper.login-signup__wrapper .login__wrapper .login-signup__form__wrapper .form-group.flex-spaced {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  gap: 1.6rem;
  gap: 2.4rem;
}
.page__wrapper.login-signup__wrapper .login__wrapper .login-signup__form__wrapper .form-group.flex-end {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  align-content: center;
  gap: 1.6rem;
  gap: 2.4rem;
}
.page__wrapper.login-signup__wrapper .login__wrapper .login-signup__form__wrapper label {
  width: 100%;
  font-weight: 700;
  color: #4b4864;
}
.page__wrapper.login-signup__wrapper .login__wrapper .login-signup__form__wrapper input {
  width: 100%;
}
@media screen and (max-width: 601px) {
  .page__wrapper.login-signup__wrapper .login__wrapper .login-signup__form__wrapper button {
    width: 100%;
  }
}
.page__wrapper.login-signup__wrapper .login__wrapper .login-signup__form__wrapper .input__text {
  font-family: "Inter", sans-serif !important;
  font-size: 1rem;
  letter-spacing: -0.03rem;
  line-height: 1.25rem;
  color: #393843;
}
.page__wrapper.login-signup__wrapper .login__wrapper .login-signup__form__wrapper ul {
  list-style: initial;
  padding-left: 2.4rem;
}
.page__wrapper.login-signup__wrapper .login__wrapper .login-signup__form__wrapper .form__messages {
  width: 100%;
}
.page__wrapper.login-signup__wrapper .login__wrapper .login-signup__form__wrapper .form__messages .form__message {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: flex-start;
  align-content: flex-start;
  gap: 0.8rem;
  border-radius: 0.8rem;
  padding: 1.2rem;
  font-family: "Inter", sans-serif !important;
  font-size: 0.875rem;
  letter-spacing: -0.02625rem;
  line-height: 1rem;
  letter-spacing: -0.048rem;
  font-weight: 500;
}
@media screen and (max-width: 601px) {
  .page__wrapper.login-signup__wrapper .login__wrapper .login-signup__form__wrapper .form__messages .form__message {
    gap: 1.6rem;
    padding: 2.4rem;
  }
}
.page__wrapper.login-signup__wrapper .login__wrapper .login-signup__form__wrapper .form__messages .form__message img {
  width: 2.4rem;
}
@media screen and (max-width: 601px) {
  .page__wrapper.login-signup__wrapper .login__wrapper .login-signup__form__wrapper .form__messages .form__message img {
    width: 4rem;
  }
}
.page__wrapper.login-signup__wrapper .login__wrapper .login-signup__form__wrapper .form__messages .form__message--error {
  border: 0.1rem solid #FF5757;
  background: rgba(255, 87, 87, 0.2);
  color: #FF5757;
}
.page__wrapper.login-signup__wrapper .login__wrapper .login-signup__form__wrapper .login-signup__form__footer {
  width: 100%;
  padding: 2.4rem 0 1.6rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  gap: 1.2rem;
  border-top: 0.1rem solid color-mix(in srgb, var(--secondary) 50%, transparent);
}
@media screen and (max-width: 601px) {
  .page__wrapper.login-signup__wrapper .login__wrapper .login-signup__form__wrapper .login-signup__form__footer {
    gap: 1.6rem;
  }
}

.home__hero {
  min-height: 108rem;
  padding-top: 8rem;
  padding-bottom: 8rem;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: flex-start;
  align-content: flex-start;
  gap: 2.4rem;
  background-image: url("https://public-images.brainstem.org/images/home/hero_bg_2x.webp");
  background-size: auto 90rem;
  background-position: center right;
  background-repeat: no-repeat;
}
@media screen and (max-width: 1919px) {
  .home__hero {
    background-image: url("https://public-images.brainstem.org/images/home/hero_bg_1x.webp");
  }
}
@media screen and (max-width: 1194px) {
  .home__hero {
    background-size: 120% auto;
    background-position: right 4rem;
  }
}
@media screen and (min-width: 835px) and (max-width: 1024px) and (orientation: portrait) {
  .home__hero {
    background-size: 160% auto;
    background-position: right 20%;
  }
}
@media screen and (max-width: 835px) {
  .home__hero {
    background-size: 160% auto;
    background-position: right 20%;
  }
}
@media screen and (max-width: 601px) {
  .home__hero {
    min-height: 130rem;
    background-image: url("https://public-images.brainstem.org/images/home/hero_bg_sm.webp");
    background-size: 100% auto;
    background-position: center 10rem;
    background-repeat: no-repeat;
  }
}
.home__hero .home__hero__label {
  animation: slideInLeft 1s ease-out forwards;
}
.home__hero .home__hero__title {
  width: 55%;
  animation: slideInLeft 1.5s ease-out forwards;
}
@media screen and (min-width: 1194px) and (orientation: portrait) {
  .home__hero .home__hero__title {
    width: 75%;
  }
}
@media screen and (min-width: 835px) and (max-width: 1024px) and (orientation: portrait) {
  .home__hero .home__hero__title {
    width: 100%;
  }
}
@media screen and (max-width: 835px) {
  .home__hero .home__hero__title {
    width: 100%;
  }
}
@media screen and (min-width: 835px) and (max-width: 1024px) and (orientation: portrait) {
  .home__hero .home__hero__title span:nth-of-type(3) {
    display: block;
  }
}
@media screen and (max-width: 835px) {
  .home__hero .home__hero__title span:nth-of-type(3) {
    display: block;
  }
}
.home__hero .home__hero__text {
  width: 47%;
  margin: 1rem 0 1.6rem;
  animation: slideInLeft 2s ease-out forwards;
}
@media screen and (min-width: 1194px) and (orientation: portrait) {
  .home__hero .home__hero__text {
    width: 65%;
  }
}
@media screen and (min-width: 835px) and (max-width: 1024px) and (orientation: portrait) {
  .home__hero .home__hero__text {
    width: 65%;
  }
}
@media screen and (max-width: 835px) {
  .home__hero .home__hero__text {
    width: 65%;
  }
}
@media screen and (max-width: 601px) {
  .home__hero .home__hero__text {
    width: 98%;
    margin: 1.2rem 0;
  }
}
.home__hero .home__hero__button {
  animation: slideInLeft 2.5s ease-out forwards;
}

.home__about {
  padding-top: 10rem;
  padding-bottom: 20rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  align-content: flex-start;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
}
@media screen and (max-width: 601px) {
  .home__about {
    padding-top: 20rem;
  }
}
@media screen and (max-width: 601px) {
  .home__about {
    padding-bottom: 16rem;
  }
}
.home__about .home__about__images {
  width: 41%;
  position: relative;
}
@media screen and (min-width: 835px) and (max-width: 1024px) and (orientation: portrait) {
  .home__about .home__about__images {
    width: 100%;
  }
}
@media screen and (max-width: 835px) {
  .home__about .home__about__images {
    width: 100%;
  }
}
.home__about .home__about__images .home__about__image--back {
  width: 80%;
}
@media screen and (min-width: 835px) and (max-width: 1024px) and (orientation: portrait) {
  .home__about .home__about__images .home__about__image--back {
    width: 70%;
  }
}
@media screen and (max-width: 835px) {
  .home__about .home__about__images .home__about__image--back {
    width: 70%;
  }
}
@media screen and (max-width: 601px) {
  .home__about .home__about__images .home__about__image--back {
    width: 80%;
  }
}
.home__about .home__about__images .home__about__image--front {
  width: 94%;
  position: absolute;
  right: 0;
  top: 18rem;
  filter: drop-shadow(0px 4px 20px rgba(0, 0, 0, 0.15));
}
@media screen and (min-width: 835px) and (max-width: 1024px) and (orientation: portrait) {
  .home__about .home__about__images .home__about__image--front {
    width: 65%;
  }
}
@media screen and (max-width: 835px) {
  .home__about .home__about__images .home__about__image--front {
    width: 65%;
  }
}
@media screen and (max-width: 601px) {
  .home__about .home__about__images .home__about__image--front {
    width: 90%;
    right: 0;
    top: 17rem;
  }
}
.home__about .home__about__text {
  width: 54%;
  margin-top: 14rem;
  overflow: hidden;
}
@media screen and (min-width: 835px) and (max-width: 1024px) and (orientation: portrait) {
  .home__about .home__about__text {
    width: 90%;
    margin-top: 32rem;
  }
}
@media screen and (max-width: 835px) {
  .home__about .home__about__text {
    width: 90%;
    margin-top: 32rem;
  }
}
@media screen and (max-width: 601px) {
  .home__about .home__about__text {
    width: 100%;
  }
}
.home__about .home__about__text .home__about__highlight {
  width: 89%;
  padding-bottom: 3.2rem;
  margin-bottom: 8.6rem;
  position: relative;
}
@media screen and (min-width: 1194px) and (orientation: portrait) {
  .home__about .home__about__text .home__about__highlight {
    width: 100%;
  }
}
@media screen and (max-width: 601px) {
  .home__about .home__about__text .home__about__highlight {
    padding-bottom: 5.4rem;
    margin-bottom: 8rem;
  }
}
.home__about .home__about__text .home__about__highlight::before {
  content: "";
  width: 27rem;
  height: 0.2rem;
  background: var(--primary);
  position: absolute;
  bottom: 0;
  left: 0;
}
@media screen and (max-width: 601px) {
  .home__about .home__about__text .home__about__highlight::before {
    width: 34rem;
  }
}
.home__about .home__about__text .home__about__paragraph {
  width: 89%;
  transition: opacity 0.6s 0.1s ease-out, transform 0.8s 0.1s ease-out;
}
@media screen and (min-width: 1194px) and (orientation: portrait) {
  .home__about .home__about__text .home__about__paragraph {
    width: 100%;
  }
}
@media screen and (max-width: 601px) {
  .home__about .home__about__text .home__about__paragraph {
    width: 100%;
  }
}

.home__advantages {
  padding-top: 12rem;
  padding-bottom: 12rem;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  text-align: center;
}
@media screen and (min-width: 835px) and (max-width: 1024px) and (orientation: portrait) {
  .home__advantages {
    padding: 12rem 4rem;
  }
}
@media screen and (max-width: 835px) {
  .home__advantages {
    padding: 12rem 4rem;
  }
}
@media screen and (max-width: 601px) {
  .home__advantages {
    text-align: left;
    align-items: flex-start;
    align-content: flex-start;
    padding: 16rem 3.2rem;
  }
}
.home__advantages .home__advantages__highlight {
  width: 40%;
  margin-top: 4rem;
  padding-bottom: 0.4rem;
  overflow: hidden;
}
@media screen and (min-width: 1194px) and (orientation: portrait) {
  .home__advantages .home__advantages__highlight {
    width: 65%;
  }
}
@media screen and (min-width: 835px) and (max-width: 1024px) and (orientation: portrait) {
  .home__advantages .home__advantages__highlight {
    width: 65%;
  }
}
@media screen and (max-width: 835px) {
  .home__advantages .home__advantages__highlight {
    width: 65%;
  }
}
@media screen and (max-width: 601px) {
  .home__advantages .home__advantages__highlight {
    width: 100%;
  }
}
.home__advantages .home__advantages__highlight span {
  display: block;
}
.home__advantages .home__advantages__highlight span:nth-of-type(2) {
  transition: opacity 0.4s 0.1s ease-out, transform 0.6s 0.1s ease-out;
}
.home__advantages .home__advantages__paragraph {
  width: 48%;
  margin-top: 3.2rem;
}
@media screen and (min-width: 1194px) and (orientation: portrait) {
  .home__advantages .home__advantages__paragraph {
    width: 70%;
  }
}
@media screen and (min-width: 835px) and (max-width: 1024px) and (orientation: portrait) {
  .home__advantages .home__advantages__paragraph {
    width: 70%;
  }
}
@media screen and (max-width: 835px) {
  .home__advantages .home__advantages__paragraph {
    width: 70%;
  }
}
@media screen and (max-width: 601px) {
  .home__advantages .home__advantages__paragraph {
    width: 100%;
    margin-top: 8rem;
  }
}
.home__advantages .home__advantages__cards__wrapper {
  width: 82%;
  margin-top: 5.4rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  align-content: flex-start;
  gap: 2rem;
}
@media screen and (min-width: 835px) and (max-width: 1024px) and (orientation: portrait) {
  .home__advantages .home__advantages__cards__wrapper {
    width: 100%;
  }
}
@media screen and (max-width: 835px) {
  .home__advantages .home__advantages__cards__wrapper {
    width: 100%;
  }
}
@media screen and (max-width: 601px) {
  .home__advantages .home__advantages__cards__wrapper {
    margin-top: 8rem;
    gap: 5.4rem;
  }
}
.home__advantages .home__advantages__cards__wrapper .card--advantage {
  width: calc((100% - 4rem) / 3);
}
@media screen and (min-width: 1194px) and (orientation: portrait) {
  .home__advantages .home__advantages__cards__wrapper .card--advantage {
    min-height: 28rem;
  }
}
@media screen and (min-width: 835px) and (max-width: 1024px) and (orientation: portrait) {
  .home__advantages .home__advantages__cards__wrapper .card--advantage {
    min-height: 28rem;
  }
}
@media screen and (max-width: 835px) {
  .home__advantages .home__advantages__cards__wrapper .card--advantage {
    min-height: 28rem;
  }
}
@media screen and (max-width: 601px) {
  .home__advantages .home__advantages__cards__wrapper .card--advantage {
    width: 100%;
    min-height: 0;
  }
}
.home__advantages .home__advantages__cards__wrapper .card--advantage:nth-of-type(2), .home__advantages .home__advantages__cards__wrapper .card--advantage:nth-of-type(5) {
  transition: opacity 0.6s 0.1s ease-out, transform 0.8s 0.1s ease-out;
}
.home__advantages .home__advantages__cards__wrapper .card--advantage:nth-of-type(3), .home__advantages .home__advantages__cards__wrapper .card--advantage:nth-of-type(6) {
  transition: opacity 0.6s 0.2s ease-out, transform 0.8s 0.2s ease-out;
}

.home__pilot {
  padding-top: 12rem;
  padding-bottom: 12rem;
  background-color: #FFFFFF;
  background-image: url("https://public-images.brainstem.org/images/home/pilot_bg_2x.webp");
  background-size: cover;
  background-position: bottom right;
  background-repeat: no-repeat;
}
@media screen and (max-width: 1919px) {
  .home__pilot {
    background-image: url("https://public-images.brainstem.org/images/home/pilot_bg_1x.webp");
  }
}
@media screen and (min-width: 835px) and (max-width: 1024px) and (orientation: portrait) {
  .home__pilot {
    background-image: url("https://public-images.brainstem.org/images/home/pilot_bg_md.webp");
  }
}
@media screen and (max-width: 835px) {
  .home__pilot {
    background-image: url("https://public-images.brainstem.org/images/home/pilot_bg_md.webp");
  }
}
@media screen and (max-width: 601px) {
  .home__pilot {
    min-height: 140rem;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: flex-start;
    align-content: flex-start;
    background-image: url("https://public-images.brainstem.org/images/home/pilot_bg_sm.webp");
    background-size: 100% auto;
    background-position: center top;
    background-repeat: no-repeat;
  }
}
.home__pilot .home__pilot__text {
  width: 48%;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  align-content: flex-start;
  gap: 2.4rem;
  overflow: hidden;
}
@media screen and (min-width: 1194px) and (orientation: portrait) {
  .home__pilot .home__pilot__text {
    width: 60%;
  }
}
@media screen and (min-width: 835px) and (max-width: 1024px) and (orientation: portrait) {
  .home__pilot .home__pilot__text {
    width: 60%;
  }
}
@media screen and (max-width: 835px) {
  .home__pilot .home__pilot__text {
    width: 60%;
  }
}
@media screen and (max-width: 601px) {
  .home__pilot .home__pilot__text {
    width: 100%;
    gap: 3.2rem;
  }
}
.home__pilot .home__pilot__text .home__pilot__paragraph {
  transition: opacity 0.6s 0.1s ease-out, transform 0.8s 0.1s ease-out;
}
.home__pilot .home__pilot__button {
  margin-top: 2.4rem;
  transition: opacity 0.6s 0.2s ease-out, transform 0.8s 0.2s ease-out;
}
@media screen and (max-width: 601px) {
  .home__pilot .home__pilot__button {
    min-width: 50%;
  }
}

.home__team {
  padding-top: 12rem;
  padding-bottom: 12rem;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  gap: 1.6rem;
}
@media screen and (max-width: 601px) {
  .home__team {
    gap: 3.2rem;
  }
}
.home__team .home__team__text {
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  gap: 1.6rem;
}
@media screen and (max-width: 601px) {
  .home__team .home__team__text {
    gap: 3.2rem;
  }
}

.home__team__title {
  width: 40%;
}
@media screen and (min-width: 1194px) and (orientation: portrait) {
  .home__team__title {
    width: 50%;
  }
}
@media screen and (min-width: 835px) and (max-width: 1024px) and (orientation: portrait) {
  .home__team__title {
    width: 50%;
  }
}
@media screen and (max-width: 835px) {
  .home__team__title {
    width: 50%;
  }
}
@media screen and (max-width: 601px) {
  .home__team__title {
    width: 100%;
  }
}
.home__team__title span {
  display: block;
}

.home__team__paragraph {
  width: 53%;
  transition: opacity 0.6s 0.1s ease-out, transform 0.8s 0.1s ease-out;
}
@media screen and (min-width: 1194px) and (orientation: portrait) {
  .home__team__paragraph {
    width: 80%;
  }
}
@media screen and (min-width: 835px) and (max-width: 1024px) and (orientation: portrait) {
  .home__team__paragraph {
    width: 80%;
  }
}
@media screen and (max-width: 835px) {
  .home__team__paragraph {
    width: 80%;
  }
}
@media screen and (max-width: 601px) {
  .home__team__paragraph {
    width: 100%;
  }
}
.home__team__paragraph a {
  text-decoration: underline !important;
}
@media (hover: hover) and (pointer: fine) {
  .home__team__paragraph a:hover {
    color: #393843;
  }
}

.home__team__cards__wrapper {
  width: 82%;
  margin-top: 3.8rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: stretch;
  gap: 2.4rem;
}
@media screen and (min-width: 835px) and (max-width: 1024px) and (orientation: portrait) {
  .home__team__cards__wrapper {
    width: 100%;
  }
}
@media screen and (max-width: 835px) {
  .home__team__cards__wrapper {
    width: 100%;
  }
}
@media screen and (max-width: 601px) {
  .home__team__cards__wrapper {
    gap: 8rem;
  }
}
.home__team__cards__wrapper .card--team {
  width: calc((100% - 4.8rem) / 3);
}
@media screen and (max-width: 601px) {
  .home__team__cards__wrapper .card--team {
    width: 100%;
  }
}
.home__team__cards__wrapper .card--team:nth-of-type(2) {
  transition: opacity 0.6s 0.1s ease-out, transform 0.8s 0.1s ease-out;
}
.home__team__cards__wrapper .card--team:nth-of-type(3) {
  transition: opacity 0.6s 0.2s ease-out, transform 0.8s 0.2s ease-out;
}

.home__contact {
  padding-top: 9rem;
  padding-bottom: 12rem;
  background-color: var(--secondary);
  color: #FFFFFF;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  gap: 2.4rem;
}
@media screen and (max-width: 601px) {
  .home__contact {
    padding-top: 16rem;
  }
}
.home__contact .home__contact__text {
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  text-align: center;
  gap: 2.4rem;
}
.home__contact .home__contact__title {
  width: 50%;
}
@media screen and (max-width: 601px) {
  .home__contact .home__contact__title {
    width: 100%;
  }
}
.home__contact .home__contact__paragraph {
  width: 38%;
}
@media screen and (min-width: 835px) and (max-width: 1024px) and (orientation: portrait) {
  .home__contact .home__contact__paragraph {
    width: 60%;
  }
}
@media screen and (max-width: 835px) {
  .home__contact .home__contact__paragraph {
    width: 60%;
  }
}
@media screen and (max-width: 601px) {
  .home__contact .home__contact__paragraph {
    width: 100%;
  }
}
.home__contact .home__contact__form__wrapper {
  width: 82%;
  margin-top: 2.4rem;
}
@media screen and (min-width: 835px) and (max-width: 1024px) and (orientation: portrait) {
  .home__contact .home__contact__form__wrapper {
    width: 100%;
  }
}
@media screen and (max-width: 835px) {
  .home__contact .home__contact__form__wrapper {
    width: 100%;
  }
}

.rich-text {
  display: block;
  width: 100%;
}
.rich-text > :first-child {
  margin-top: 0;
}
.rich-text > :last-child {
  margin-bottom: 0;
}
.rich-text::after {
  content: "";
  display: block;
  clear: both;
}

.form-row.field-description img, .rich-text img {
  max-width: 100%;
  height: auto;
}
.form-row.field-description figure.image:not(.ck-widget), .rich-text figure.image:not(.ck-widget) {
  display: table;
  clear: both;
  max-width: 100%;
  min-width: 50px;
  margin: 0.9em auto;
  text-align: center;
}
.form-row.field-description figure.image:not(.ck-widget) > img, .rich-text figure.image:not(.ck-widget) > img {
  display: block;
  height: auto;
  max-width: 100%;
  margin: 0 auto;
}
.form-row.field-description figure.image:not(.ck-widget) > figcaption, .rich-text figure.image:not(.ck-widget) > figcaption {
  display: table-caption;
  caption-side: bottom;
  padding: 0.5rem;
  font-size: 0.75em;
  color: #8D8B9F;
  word-break: break-word;
}
.form-row.field-description figure.image:not(.ck-widget).image_resized, .rich-text figure.image:not(.ck-widget).image_resized {
  display: block;
  box-sizing: border-box;
}
.form-row.field-description figure.image:not(.ck-widget).image_resized > img, .rich-text figure.image:not(.ck-widget).image_resized > img {
  width: 100%;
}
.form-row.field-description figure.image:not(.ck-widget).image_resized > figcaption, .rich-text figure.image:not(.ck-widget).image_resized > figcaption {
  display: block;
}
.form-row.field-description figure.image:not(.ck-widget).image-style-align-center, .rich-text figure.image:not(.ck-widget).image-style-align-center {
  margin-left: auto;
  margin-right: auto;
}
.form-row.field-description figure.image:not(.ck-widget).image-style-align-left, .rich-text figure.image:not(.ck-widget).image-style-align-left {
  clear: none;
  float: left;
  margin-left: 0;
  margin-right: 1rem;
}
.form-row.field-description figure.image:not(.ck-widget).image-style-align-right, .rich-text figure.image:not(.ck-widget).image-style-align-right {
  clear: none;
  float: right;
  margin-left: 1rem;
  margin-right: 0;
}
.form-row.field-description figure.image:not(.ck-widget).image-style-block-align-left, .rich-text figure.image:not(.ck-widget).image-style-block-align-left {
  max-width: calc(100% - 1rem);
  margin-left: 0;
  margin-right: auto;
}
.form-row.field-description figure.image:not(.ck-widget).image-style-block-align-right, .rich-text figure.image:not(.ck-widget).image-style-block-align-right {
  max-width: calc(100% - 1rem);
  margin-left: auto;
  margin-right: 0;
}
.form-row.field-description figure.image:not(.ck-widget).image-style-side, .rich-text figure.image:not(.ck-widget).image-style-side {
  float: right;
  max-width: 50%;
  margin-left: 1rem;
  margin-right: 0;
}

/*# sourceMappingURL=styles.css.32955d5089d8.map */