@charset 'UTF-8';:root {
  --toastify-color-light: #fff;
  --toastify-color-dark: #121212;
  --toastify-color-info: #3498db;
  --toastify-color-success: #07bc0c;
  --toastify-color-warning: #f1c40f;
  --toastify-color-error: #e74c3c;
  --toastify-color-transparent: rgba(255, 255, 255, 0.7);
  --toastify-icon-color-info: var(--toastify-color-info);
  --toastify-icon-color-success: var(--toastify-color-success);
  --toastify-icon-color-warning: var(--toastify-color-warning);
  --toastify-icon-color-error: var(--toastify-color-error);
  --toastify-toast-width: 320px;
  --toastify-toast-offset: 16px;
  --toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));
  --toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));
  --toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));
  --toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));
  --toastify-toast-background: #fff;
  --toastify-toast-min-height: 64px;
  --toastify-toast-max-height: 800px;
  --toastify-toast-bd-radius: 6px;
  --toastify-font-family: sans-serif;
  --toastify-z-index: 9999;
  --toastify-text-color-light: #757575;
  --toastify-text-color-dark: #fff;
  --toastify-text-color-info: #fff;
  --toastify-text-color-success: #fff;
  --toastify-text-color-warning: #fff;
  --toastify-text-color-error: #fff;
  --toastify-spinner-color: #616161;
  --toastify-spinner-color-empty-area: #e0e0e0;
  --toastify-color-progress-light: linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  --toastify-color-progress-dark: #bb86fc;
  --toastify-color-progress-info: var(--toastify-color-info);
  --toastify-color-progress-success: var(--toastify-color-success);
  --toastify-color-progress-warning: var(--toastify-color-warning);
  --toastify-color-progress-error: var(--toastify-color-error);
  --toastify-color-progress-bgo: 0.2;
}

.Toastify__toast-container {
  z-index: var(--toastify-z-index);
  -webkit-transform: translate3d(0, 0, var(--toastify-z-index));
  position: fixed;
  padding: 4px;
  width: var(--toastify-toast-width);
  box-sizing: border-box;
  color: #fff;
}
.Toastify__toast-container--top-left {
  top: var(--toastify-toast-top);
  left: var(--toastify-toast-left);
}
.Toastify__toast-container--top-center {
  top: var(--toastify-toast-top);
  left: 50%;
  transform: translateX(-50%);
}
.Toastify__toast-container--top-right {
  top: var(--toastify-toast-top);
  right: var(--toastify-toast-right);
}
.Toastify__toast-container--bottom-left {
  bottom: var(--toastify-toast-bottom);
  left: var(--toastify-toast-left);
}
.Toastify__toast-container--bottom-center {
  bottom: var(--toastify-toast-bottom);
  left: 50%;
  transform: translateX(-50%);
}
.Toastify__toast-container--bottom-right {
  bottom: var(--toastify-toast-bottom);
  right: var(--toastify-toast-right);
}

@media only screen and (max-width : 480px) {
  .Toastify__toast-container {
    width: 100vw;
    padding: 0;
    left: env(safe-area-inset-left);
    margin: 0;
  }
  .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right {
    top: env(safe-area-inset-top);
    transform: translateX(0);
  }
  .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right {
    bottom: env(safe-area-inset-bottom);
    transform: translateX(0);
  }
  .Toastify__toast-container--rtl {
    right: env(safe-area-inset-right);
    left: initial;
  }
}
.Toastify__toast {
  --y: 0;
  position: relative;
  -ms-touch-action: none;
      touch-action: none;
  min-height: var(--toastify-toast-min-height);
  box-sizing: border-box;
  margin-bottom: 1rem;
  padding: 8px;
  border-radius: var(--toastify-toast-bd-radius);
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  max-height: var(--toastify-toast-max-height);
  font-family: var(--toastify-font-family);
  cursor: default;
  direction: ltr;
  /* webkit only issue #791 */
  z-index: 0;
  overflow: hidden;
}
.Toastify__toast--stacked {
  position: absolute;
  width: 100%;
  transform: translate3d(0, var(--y), 0) scale(var(--s));
  transition: transform 0.3s;
}
.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body, .Toastify__toast--stacked[data-collapsed] .Toastify__close-button {
  transition: opacity 0.1s;
}
.Toastify__toast--stacked[data-collapsed=false] {
  overflow: visible;
}
.Toastify__toast--stacked[data-collapsed=true]:not(:last-child) > * {
  opacity: 0;
}
.Toastify__toast--stacked:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: calc(var(--g) * 1px);
  bottom: 100%;
}
.Toastify__toast--stacked[data-pos=top] {
  top: 0;
}
.Toastify__toast--stacked[data-pos=bot] {
  bottom: 0;
}
.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before {
  transform-origin: top;
}
.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before {
  transform-origin: bottom;
}
.Toastify__toast--stacked:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  transform: scaleY(3);
  z-index: -1;
}
.Toastify__toast--rtl {
  direction: rtl;
}
.Toastify__toast--close-on-click {
  cursor: pointer;
}
.Toastify__toast-body {
  margin: auto 0;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  padding: 6px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.Toastify__toast-body > div:last-child {
  word-break: break-word;
  -ms-flex: 1;
      flex: 1;
}
.Toastify__toast-icon {
  -webkit-margin-end: 10px;
          margin-inline-end: 10px;
  width: 20px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -ms-flexbox;
  display: flex;
}

.Toastify--animate {
  animation-fill-mode: both;
  animation-duration: 0.5s;
}

.Toastify--animate-icon {
  animation-fill-mode: both;
  animation-duration: 0.3s;
}

@media only screen and (max-width : 480px) {
  .Toastify__toast {
    margin-bottom: 0;
    border-radius: 0;
  }
}
.Toastify__toast-theme--dark {
  background: var(--toastify-color-dark);
  color: var(--toastify-text-color-dark);
}
.Toastify__toast-theme--light {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}
.Toastify__toast-theme--colored.Toastify__toast--default {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}
.Toastify__toast-theme--colored.Toastify__toast--info {
  color: var(--toastify-text-color-info);
  background: var(--toastify-color-info);
}
.Toastify__toast-theme--colored.Toastify__toast--success {
  color: var(--toastify-text-color-success);
  background: var(--toastify-color-success);
}
.Toastify__toast-theme--colored.Toastify__toast--warning {
  color: var(--toastify-text-color-warning);
  background: var(--toastify-color-warning);
}
.Toastify__toast-theme--colored.Toastify__toast--error {
  color: var(--toastify-text-color-error);
  background: var(--toastify-color-error);
}

.Toastify__progress-bar-theme--light {
  background: var(--toastify-color-progress-light);
}
.Toastify__progress-bar-theme--dark {
  background: var(--toastify-color-progress-dark);
}
.Toastify__progress-bar--info {
  background: var(--toastify-color-progress-info);
}
.Toastify__progress-bar--success {
  background: var(--toastify-color-progress-success);
}
.Toastify__progress-bar--warning {
  background: var(--toastify-color-progress-warning);
}
.Toastify__progress-bar--error {
  background: var(--toastify-color-progress-error);
}
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--success, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
  background: var(--toastify-color-transparent);
}

.Toastify__close-button {
  color: #fff;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  cursor: pointer;
  opacity: 0.7;
  transition: 0.3s ease;
  -ms-flex-item-align: start;
      align-self: flex-start;
  z-index: 1;
}
.Toastify__close-button--light {
  color: #000;
  opacity: 0.3;
}
.Toastify__close-button > svg {
  fill: currentColor;
  height: 16px;
  width: 14px;
}
.Toastify__close-button:hover, .Toastify__close-button:focus {
  opacity: 1;
}

@keyframes Toastify__trackProgress {
  0% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(0);
  }
}
.Toastify__progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: var(--toastify-z-index);
  opacity: 0.7;
  transform-origin: left;
  border-bottom-left-radius: var(--toastify-toast-bd-radius);
}
.Toastify__progress-bar--animated {
  animation: Toastify__trackProgress linear 1 forwards;
}
.Toastify__progress-bar--controlled {
  transition: transform 0.2s;
}
.Toastify__progress-bar--rtl {
  right: 0;
  left: initial;
  transform-origin: right;
  border-bottom-left-radius: initial;
  border-bottom-right-radius: var(--toastify-toast-bd-radius);
}
.Toastify__progress-bar--wrp {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  border-bottom-left-radius: var(--toastify-toast-bd-radius);
}
.Toastify__progress-bar--wrp[data-hidden=true] {
  opacity: 0;
}
.Toastify__progress-bar--bg {
  opacity: var(--toastify-color-progress-bgo);
  width: 100%;
  height: 100%;
}

.Toastify__spinner {
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  border: 2px solid;
  border-radius: 100%;
  border-color: var(--toastify-spinner-color-empty-area);
  border-right-color: var(--toastify-spinner-color);
  animation: Toastify__spin 0.65s linear infinite;
}

@keyframes Toastify__bounceInRight {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, var(--y), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, var(--y), 0);
  }
}
@keyframes Toastify__bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, var(--y), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, var(--y), 0);
  }
}
@keyframes Toastify__bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__bounceOutUp {
  20% {
    transform: translate3d(0, calc(var(--y) - 10px), 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, calc(var(--y) + 20px), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes Toastify__bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutDown {
  20% {
    transform: translate3d(0, calc(var(--y) - 10px), 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, calc(var(--y) + 20px), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left {
  animation-name: Toastify__bounceInLeft;
}
.Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right {
  animation-name: Toastify__bounceInRight;
}
.Toastify__bounce-enter--top-center {
  animation-name: Toastify__bounceInDown;
}
.Toastify__bounce-enter--bottom-center {
  animation-name: Toastify__bounceInUp;
}

.Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left {
  animation-name: Toastify__bounceOutLeft;
}
.Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right {
  animation-name: Toastify__bounceOutRight;
}
.Toastify__bounce-exit--top-center {
  animation-name: Toastify__bounceOutUp;
}
.Toastify__bounce-exit--bottom-center {
  animation-name: Toastify__bounceOutDown;
}

@keyframes Toastify__zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes Toastify__zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: translate3d(0, var(--y), 0) scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.Toastify__zoom-enter {
  animation-name: Toastify__zoomIn;
}

.Toastify__zoom-exit {
  animation-name: Toastify__zoomOut;
}

@keyframes Toastify__flipIn {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}
@keyframes Toastify__flipOut {
  from {
    transform: translate3d(0, var(--y), 0) perspective(400px);
  }
  30% {
    transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.Toastify__flip-enter {
  animation-name: Toastify__flipIn;
}

.Toastify__flip-exit {
  animation-name: Toastify__flipOut;
}

@keyframes Toastify__slideInRight {
  from {
    transform: translate3d(110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}
@keyframes Toastify__slideInLeft {
  from {
    transform: translate3d(-110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}
@keyframes Toastify__slideInUp {
  from {
    transform: translate3d(0, 110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}
@keyframes Toastify__slideInDown {
  from {
    transform: translate3d(0, -110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}
@keyframes Toastify__slideOutRight {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(110%, var(--y), 0);
  }
}
@keyframes Toastify__slideOutLeft {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-110%, var(--y), 0);
  }
}
@keyframes Toastify__slideOutDown {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 500px, 0);
  }
}
@keyframes Toastify__slideOutUp {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -500px, 0);
  }
}
.Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left {
  animation-name: Toastify__slideInLeft;
}
.Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right {
  animation-name: Toastify__slideInRight;
}
.Toastify__slide-enter--top-center {
  animation-name: Toastify__slideInDown;
}
.Toastify__slide-enter--bottom-center {
  animation-name: Toastify__slideInUp;
}

.Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left {
  animation-name: Toastify__slideOutLeft;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}
.Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right {
  animation-name: Toastify__slideOutRight;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}
.Toastify__slide-exit--top-center {
  animation-name: Toastify__slideOutUp;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}
.Toastify__slide-exit--bottom-center {
  animation-name: Toastify__slideOutDown;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}

@keyframes Toastify__spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/*# sourceMappingURL=ReactToastify.css.map *//* --------------------------------- TYPOGRAPHY --------------------------------- */
/* 
    Typography Classes
    ==========
    The typography classes are used to define the font-family, font-size, line-height, and font-weight of the text elements.

    Headings - have the font-weight defined.
    Body - Do not have a font-weight defined, since it can be regular or semi-bold.
    Captions - Do not have a font-weight defined, since it can be regular or semi-bold.
*/
:root {
  --font-family-red-hat-text: "Red Hat Text", "Red Hat Mono", "Arial",
    "Arial Black";
  --font-family-red-hat-display: "Red Hat Display", "Red Hat Mono", "Arial",
    "Arial Black";
  --font-family-default: var(--font-family-red-hat-text);

  --font-typesize-01: 0.5rem; /* 8px */
  --font-typesize-02: 0.75rem; /* 12px */
  --font-typesize-03: 1rem; /* 16px; base text size */
  --font-typesize-04: 1.25rem; /* 20px */
  --font-typesize-05: 1.5rem; /* 24px */
  --font-typesize-06: 2rem; /* 32px */
  --font-typesize-07: 2.25rem; /* 36px */
  --font-typesize-08: 3rem; /* 48px */
  --font-typesize-09: 4rem; /* 64px */
  --font-typesize-10: 5.25rem; /* 84px */

  --font-weight-regular: 400;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
}
.heading-01 {
  font-family: var(--font-family-red-hat-display);
  font-size: var(--font-typesize-04); /* 20px */
  line-height: 1.5rem;
  font-weight: 700;
  color: var(--text-primary);

  @media only screen and (max-width: 1023px) {
    font-size: var(--font-typesize-03); /* 16px */
    line-height: 1.25rem;
  }
}
.heading-02 {
  font-family: var(--font-family-red-hat-display);
  font-size: var(--font-typesize-05); /* 24px */
  line-height: 2rem;
  font-weight: 700;
  color: var(--text-primary);

  @media (max-width: 1023px) {
    font-size: var(--font-typesize-04); /* 20px */
    line-height: 1.5rem;
  }
}
.heading-03 {
  font-family: var(--font-family-red-hat-display);
  font-size: var(--font-typesize-06); /* 32px */
  line-height: 2.25rem;
  font-weight: 700;
  color: var(--text-primary);

  @media only screen and (max-width: 600px) {
    font-size: var(--font-typesize-05); /* 24px */
    line-height: 2rem;
  }
}
.heading-04 {
  font-family: var(--font-family-red-hat-display);
  font-size: var(--font-typesize-07); /* 36px */
  line-height: 2.75rem;
  font-weight: 700;
  color: var(--text-primary);

  @media only screen and (max-width: 1023px) {
    font-size: var(--font-typesize-06); /* 32px */
    line-height: 2.25rem;
  }
}
.heading-05 {
  font-family: var(--font-family-red-hat-display);
  font-size: var(--font-typesize-08); /* 48px */
  line-height: 3.75rem;
  font-weight: 700;

  @media only screen and (max-width: 1023px) {
    font-size: var(--font-typesize-07); /* 36px */
    line-height: 2.75rem;
  }
}
.heading-06 {
  font-family: var(--font-family-red-hat-display);
  font-size: var(--font-typesize-09); /* 64px */
  line-height: 5rem;
  font-weight: 700;
  color: var(--text-primary);

  @media only screen and (max-width: 1023px) {
    font-size: var(--font-typesize-08); /* 48px */
    line-height: 3.75rem;
  }
}
.heading-07 {
  font-family: var(--font-family-red-hat-display);
  font-size: var(--font-typesize-10); /* 84px */
  line-height: 6.25rem;
  font-weight: 700;
  color: var(--text-primary);

  @media only screen and (max-width: 1023px) {
    font-size: var(--font-typesize-09); /* 64px */
    line-height: 5rem;
  }
}
.heading-longform-01 {
  font-family: var(--font-family-red-hat-text);
  font-size: var(--font-typesize-04); /* 20px */
  line-height: 1.5rem;
  font-weight: 700;

  @media only screen and (max-width: 1023px) {
    font-size: var(--font-typesize-03); /* 16px */
    line-height: 1.25rem;
  }
}
.heading-longform-02 {
  font-family: var(--font-family-red-hat-text);
  font-size: var(--font-typesize-05); /* 24px */
  line-height: 2rem;
  font-weight: 700;
  color: var(--text-primary);

  @media only screen and (max-width: 1023px) {
    font-size: var(--font-typesize-04); /* 20px */
    line-height: 1.5rem;
  }
}
.heading-longform-03 {
  font-family: var(--font-family-red-hat-text);
  font-size: var(--font-typesize-06); /* 32px */
  line-height: 2.25rem;
  font-weight: 700;
  color: var(--text-primary);

  @media only screen and (max-width: 600px) {
    font-size: var(--font-typesize-05); /* 24px */
    line-height: 2rem;
  }
}
.heading-longform-04 {
  font-family: var(--font-family-red-hat-text);
  font-size: var(--font-typesize-07); /* 36px */
  line-height: 2.75rem;
  font-weight: 700;
  color: var(--text-primary);

  @media only screen and (max-width: 1023px) {
    font-size: var(--font-typesize-06); /* 32px */
    line-height: 2.25rem;
  }
}
.body-01 {
  font-family: var(--font-family-red-hat-text);
  font-size: var(--font-typesize-02); /* 12px */
  line-height: 1rem;
  color: var(--text-primary);
}
.body-02 {
  font-family: var(--font-family-red-hat-text);
  font-size: var(--font-typesize-03); /* 16px */
  line-height: 1.25rem;
  color: var(--text-primary);
}
.body-longform-01 {
  font-family: var(--font-family-red-hat-text);
  font-size: var(--font-typesize-02); /* 12px */
  line-height: 1.25rem;
  color: var(--text-primary);
}
.body-longform-02 {
  font-family: var(--font-family-red-hat-text);
  font-size: var(--font-typesize-03); /* 16px */
  line-height: 1.5rem;
  color: var(--text-primary);
}
.caption-01 {
  font-family: var(--font-family-red-hat-text);
  font-size: var(--font-typesize-01); /* 8px */
  line-height: 0.75rem;
  color: var(--text-primary);
}
.caption-longform-01 {
  font-family: var(--font-family-red-hat-text);
  font-size: var(--font-typesize-01); /* 8px */
  line-height: 0.75rem;
  color: var(--text-primary);
}
/* RED HAT MONO */
@font-face {
  font-family: "Red Hat Mono";
  src: url("/assets/RedHatMono-Italic-CVBrBoes.ttf");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Red Hat Mono";
  src: url("/assets/RedHatMono-SemiBoldItalic-CuEpNr4T.ttf");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "Red Hat Mono";
  src: url("/assets/RedHatMono-BoldItalic-SD7p06zj.ttf");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "Red Hat Mono";
  src: url("/assets/RedHatMono-Bold-1B5FFUJZ.ttf");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Red Hat Mono";
  src: url("/assets/RedHatMono-SemiBold-BBRrObtj.ttf");
  font-weight: 600;
  font-style: normal;
}
/* RED HAT TEXT */
@font-face {
  font-family: "Red Hat Text";
  src: url("/assets/RedHatText-Italic-C8TkRutM.ttf");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Red Hat Text";
  src: url("/assets/RedHatText-SemiBoldItalic-B3pvw90l.ttf");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "Red Hat Text";
  src: url("/assets/RedHatText-BoldItalic-2vHYtujY.ttf");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "Red Hat Text";
  src: url("/assets/RedHatText-Bold-D83OuVb8.ttf");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Red Hat Text";
  src: url("/assets/RedHatText-SemiBold-BTVbbNOX.ttf");
  font-weight: 600;
  font-style: normal;
}
/* RED HAT DISPLAY */
@font-face {
  font-family: "Red Hat Display";
  src: url("/assets/RedHatDisplay-Italic-CuvapF43.ttf");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Red Hat Display";
  src: url("/assets/RedHatDisplay-SemiBoldItalic-BUZjkbpd.ttf");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "Red Hat Display";
  src: url("/assets/RedHatDisplay-BoldItalic-QF5ITyaf.ttf");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "Red Hat Display";
  src: url("/assets/RedHatDisplay-Bold-M99Tq1al.ttf");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Red Hat Display";
  src: url("/assets/RedHatDisplay-SemiBold-B-2xYJhO.ttf");
  font-weight: 600;
  font-style: normal;
}
/* Default fonts */
@font-face {
  font-family: "Red Hat Text";
  src: url("/assets/RedHatText-Regular-B197i5lD.ttf");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Red Hat Display";
  src: url("/assets/RedHatDisplay-Regular-BcOIBnLz.ttf");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Red Hat Mono";
  src: url("/assets/RedHatMono-Regular-DSwihvyi.ttf");
  font-weight: 400;
  font-style: normal;
}
/* --------------------------------- TOKENS --------------------------------- */
/** DEPRECATED FILE, TO BE REMOVED IN VERSION 4 */
:root {
  /* ----------------------------- Primary palette ---------------------------- */
  --black: hsl(0 0% 0%);
  --white: hsl(0 0% 100%);

  --blue-025: hsl(230 81% 6%); /* #03071c */
  --blue-050: hsl(229 83% 9%); /* #040b2b */
  --blue-075: hsl(229 82% 13%); /* #06103d */
  --blue-100: hsl(221 71% 20%); /* #0f2658 */
  --blue-200: hsl(221 71% 30%); /* #163984 */
  --blue-300: hsl(221 71% 45%); /* #2256c6 */
  --blue-400: hsl(221 89% 55%); /* #2969f2 */
  --blue-500: hsl(221 87% 67%); /* #608ff4 */
  --blue-600: hsl(221 87% 82%); /* #a7c1f9 */
  --blue-700: hsl(222 83% 91%); /* #d3dffb */
  --blue-750: hsl(221 79% 95%); /* #e6edfc */
  --blue-800: hsl(222 76% 97%); /* #f0f4fd */
  --blue-900: hsl(223 78% 98%); /* #f7f9fe */
  --blue-primary: var(--blue-400);
  --blue-subtle: light-dark(var(--blue-700), var(--blue-100));
  --blue-weak: light-dark(var(--blue-800), var(--blue-075));

  /* ---------------------------- Semantic palette ---------------------------- */
  --green-025: hsl(153 64% 5%); /* #05170f*/
  --green-050: hsl(153 64% 9%); /* #082518 */
  --green-075: hsl(153 63% 13%); /* #0c3422 */
  --green-100: hsl(153 62% 17%); /* #10452d */
  --green-200: hsl(153 63% 25%); /* #186844 */
  --green-300: hsl(153 62% 37%); /* #249b65 */
  --green-400: hsl(153 62% 46%); /* #2cbe7c */
  --green-500: hsl(153 53% 56%); /* #52ca94 */
  --green-600: hsl(153 53% 71%); /* #8cdcb8 */
  --green-700: hsl(153 53% 85%); /* #c5eddb */
  --green-750: hsl(153 52% 92%); /* #dff5eb */
  --green-800: hsl(152 52% 95%); /* #ecf9f3 */
  --green-900: hsl(154 54% 97%); /* #f5fcf9 */
  --green-primary: var(--green-400);
  --green-subtle: light-dark(var(--green-700), var(--green-100));
  --green-weak: light-dark(var(--green-800), var(--green-075));

  --yellow-025: hsl(41 100% 6%); /* #201600 */
  --yellow-050: hsl(40 100% 10%); /* #312100 */
  --yellow-075: hsl(40 100% 14%); /* #462f00 */
  --yellow-100: hsl(40 100% 18%); /* #5d3e00 */
  --yellow-200: hsl(40 100% 27%); /* #8b5d00 */
  --yellow-300: hsl(40 100% 41%); /* #d18c00 */
  --yellow-400: hsl(40 100% 50%); /* #ffab00 */
  --yellow-500: hsl(40 100% 59%); /* #ffba2e */
  --yellow-600: hsl(40 100% 73%); /* #ffd174 */
  --yellow-700: hsl(40 100% 86%); /* #ffe8b9 */
  --yellow-750: hsl(40 100% 92%); /* #fff2d8 */
  --yellow-800: hsl(39 100% 95%); /* #fff7e8 */
  --yellow-900: hsl(40 100% 98%); /* #fffbf3 */
  --yellow-primary: var(--yellow-400);
  --yellow-subtle: light-dark(var(--yellow-700), var(--yellow-100));
  --yellow-weak: light-dark(var(--yellow-800), var(--yellow-075));

  --orange-025: hsl(26 78% 7%); /* #201004 */
  --orange-050: hsl(27 81% 11%); /* #311905 */
  --orange-075: hsl(27 82% 15%); /* #462307 */
  --orange-100: hsl(27 82% 20%); /* #5d2f09 */
  --orange-200: hsl(27 83% 30%); /* #8b460d */
  --orange-300: hsl(27 83% 45%); /* #d16a14 */
  --orange-400: hsl(27 100% 55%); /* #ff8118 */
  --orange-500: hsl(30 90% 61%); /* #f59b40 */
  --orange-600: hsl(27 100% 75%); /* #ffba81 */
  --orange-700: hsl(28 100% 88%); /* #ffddc0 */
  --orange-750: hsl(27 100% 93%); /* #ffecdc */
  --orange-800: hsl(29 100% 96%); /* #fff4ea */
  --orange-900: hsl(27 100% 98%); /* #fff9f4 */
  --orange-primary: var(--orange-400);
  --orange-subtle: light-dark(var(--orange-700), var(--orange-100));
  --orange-weak: light-dark(var(--orange-800), var(--orange-075));

  --red-025: hsl(13 63% 7%); /* #1f0c07 */
  --red-050: hsl(12 62% 11%); /* #2f120b */
  --red-075: hsl(12 63% 16%); /* #43190f */
  --red-100: hsl(11 63% 21%); /* #592114 */
  --red-200: hsl(11 62% 32%); /* #86321f */
  --red-300: hsl(11 63% 48%); /* #c84b2e */
  --red-400: hsl(11 90% 59%); /* #f55c38 */
  --red-500: hsl(12 91% 66%); /* #f77a5c */
  --red-600: hsl(12 91% 78%); /* #faa692 */
  --red-700: hsl(12 89% 89%); /* #fcd3c9 */
  --red-750: hsl(11 88% 94%); /* #fde6e1 */
  --red-800: hsl(11 89% 96%); /* #fef0ed */
  --red-900: hsl(7 80% 98%); /* #fef7f6 */
  --red-primary: var(--red-400);
  --red-subtle: light-dark(var(--red-700), var(--red-100));
  --red-weak: light-dark(var(--red-800), var(--red-075));

  /* ---------------------------- Supporting colors --------------------------- */

  --turquoise-025: hsl(191 65% 7%); /* #06181c */
  --turquoise-050: hsl(189 65% 10%); /* #09262b */
  --turquoise-075: hsl(189 65% 15%); /* #0d363d */
  --turquoise-100: hsl(189 64% 19%); /* #124851 */
  --turquoise-200: hsl(188 64% 29%); /* #1b6c79 */
  --turquoise-300: hsl(188 64% 44%); /* #28a2b6 */
  --turquoise-400: hsl(188 72% 53%); /* #31c6de */
  --turquoise-500: hsl(188 72% 62%); /* #56d0e4 */
  --turquoise-600: hsl(188 72% 75%); /* #8fe0ed */
  --turquoise-700: hsl(189 72% 87%); /* #c7eff6 */
  --turquoise-750: hsl(189 72% 93%); /* #e0f6fa */
  --turquoise-800: hsl(188 73% 96%); /* #ecfafc */
  --turquoise-900: hsl(188 67% 98%); /* #f5fcfd */
  --turquoise-primary: var(--turquoise-400);
  --turquoise-subtle: light-dark(var(--turquoise-700), var(--turquoise-100));

  --pink-025: hsl(330 56% 7%); /* #1c0812 */
  --pink-050: hsl(330 57% 11%); /* #2c0c1c */
  --pink-075: hsl(331 57% 15%); /* #3e1127 */
  --pink-100: hsl(331 56% 21%); /* #521734 */
  --pink-200: hsl(330 57% 31%); /* #7b224f */
  --pink-300: hsl(330 57% 46%); /* #b93376 */
  --pink-400: hsl(330 74% 56%); /* #e23e90 */
  --pink-500: hsl(330 74% 64%); /* #e761a4 */
  --pink-600: hsl(330 74% 76%); /* #ef96c2 */
  --pink-700: hsl(329 74% 88%); /* #f7cae1 */
  --pink-750: hsl(329 71% 93%); /* #fae1ee */
  --pink-800: hsl(328 71% 96%); /* #fcedf5 */
  --pink-900: hsl(326 64% 98%); /* #fdf6fa */
  --pink-primary: var(--pink-400);
  --pink-subtle: light-dark(var(--pink-700), var(--pink-100));

  --teal-025: hsl(172 73% 6%); /* #041a17 */
  --teal-050: hsl(170 74% 9%); /* #062923 */
  --teal-075: hsl(169 76% 13%); /* #083a31 */
  --teal-100: hsl(169 75% 17%); /* #0b4d41 */
  --teal-200: hsl(169 76% 26%); /* #107461 */
  --teal-300: hsl(169 75% 39%); /* #19ad92 */
  --teal-400: hsl(169 75% 47%); /* #1ed4b2 */
  --teal-500: hsl(169 68% 57%); /* #47dcc0 */
  --teal-600: hsl(169 68% 71%); /* #84e8d5 */
  --teal-700: hsl(169 67% 86%); /* #c2f3ea */
  --teal-750: hsl(169 66% 92%); /* #ddf8f3 */
  --teal-800: hsl(169 67% 95%); /* #ebfbf8 */
  --teal-900: hsl(165 67% 98%); /* #f5fdfb */
  --teal-primary: var(--teal-400);
  --teal-subtle: light-dark(var(--teal-700), var(--teal-100));

  --purple-025: hsl(248 48% 6%); /* #0a0817 */
  --purple-050: hsl(245 47% 10%); /* #0f0d24 */
  --purple-075: hsl(245 48% 14%); /* #151233 */
  --purple-100: hsl(245 48% 18%); /* #1c1844 */
  --purple-200: hsl(245 49% 27%); /* #292366 */
  --purple-300: hsl(245 49% 40%); /* #3e3599 */
  --purple-400: hsl(245 48% 49%); /* #4c41bb */
  --purple-500: hsl(245 47% 60%); /* #7169c9 */
  --purple-600: hsl(245 48% 72%); /* #9d97da */
  --purple-700: hsl(245 46% 86%); /* #cecbec */
  --purple-750: hsl(247 45% 92%); /* #e4e2f4 */
  --purple-800: hsl(245 48% 95%); /* #efeef9 */
  --purple-900: hsl(250 50% 98%); /* #f7f6fc */
  --purple-primary: var(--purple-400);
  --purple-subtle: light-dark(var(--purple-700), var(--purple-100));

  --lime-025: oklch(19.45% 0.036 119.14); /* #131704 */
  --lime-050: oklch(24.94% 0.052 120.73); /* #1e2505 */
  --lime-075: oklch(30.54% 0.066 121.49); /* #2a3407 */
  --lime-100: oklch(36.64% 0.081 121.7); /* #38450a */
  --lime-200: oklch(48.21% 0.109 121.3); /* #55670f */
  --lime-300: oklch(64.52% 0.15 121.94); /* #7f9b16 */
  --lime-400: oklch(74.68% 0.175 122.02); /* #9bbd1b */
  --lime-500: oklch(78.99% 0.159 120.42); /* #adc944 */
  --lime-600: oklch(85.74% 0.114 118.84); /* #c8db83 */
  --lime-700: oklch(92.81% 0.059 116.94); /* #e4edc1 */
  --lime-750: oklch(95.97% 0.033 116.21); /* #f0f5dc */
  --lime-800: oklch(97.58% 0.02 115.95); /* #f6f9ea */
  --lime-900: oklch(98.74% 0.011 118.02); /* #fafcf4 */
  --lime-primary: var(--lime-400);
  --lime-subtle: light-dark(var(--lime-700), var(--lime-100));

  /* ----------------------------- Neutral colors ----------------------------- */

  --neutral-025: hsl(200 12% 5%); /* #0b0d0e */
  --neutral-050: hsl(200 7% 8%); /* #131516 */
  --neutral-075: hsl(200 11% 11%); /* #181c1e */
  --neutral-100: hsl(203 11% 14%); /* #202528 */
  --neutral-200: hsl(202 10% 21%); /* #31383c */
  --neutral-300: hsl(205 10% 32%); /* #49535a */
  --neutral-400: hsl(203 11% 39%); /* #59666e */
  --neutral-500: hsl(201 7% 50%); /* #778288 */
  --neutral-600: hsl(200 7% 67%); /* #a4acb0 */
  --neutral-700: hsl(204 6% 83%); /* #d2d5d7 */
  --neutral-750: hsl(200 6% 91%); /* #e6e8e9 */
  --neutral-800: hsl(210 5% 93%); /* #ebeced */
  --neutral-900: hsl(0 0% 97%); /* #f7f7f7 */
  --neutral-primary: var(--neutral-400);
  --neutral-subtle: light-dark(var(--neutral-700), var(--neutral-100));

  /* ----------------- SEMANTIC COLOR NAMES (Work in progress) ---------------- */

  --primary-color: var(--blue-400);
  --primary-hover-color: var(--blue-300);
  --primary-active-color: var(--blue-200);

  accent-color: var(--primary-color);

  --surface-bg-color: light-dark(var(--neutral-900), var(--neutral-050));
  --surface-fg-color: light-dark(var(--neutral-075), var(--white));
  --surface-hover-bg-color: light-dark(var(--neutral-800), var(--neutral-100));
  --surface-hover-fg-color: light-dark(var(--neutral-075), var(--white));
  --surface-active-bg-color: light-dark(var(--neutral-700), var(--neutral-200));
  --surface-active-fg-color: light-dark(var(--neutral-075), var(--white));

  --surface-primary-bg-color: light-dark(var(--white), var(--neutral-075));
  --surface-primary-fg-color: light-dark(var(--neutral-075), var(--white));

  --surface-secondary-bg-color: light-dark(
    var(--neutral-900),
    var(--neutral-075)
  );
  --surface-secondary-fg-color: light-dark(
    var(--neutral-075),
    var(--neutral-900)
  );
  --surface-tertiary-bg-color: light-dark(
    var(--neutral-800),
    var(--neutral-100)
  );
  --surface-tertiary-fg-color: light-dark(
    var(--neutral-075),
    var(--neutral-800)
  );

  --surface-contrast-bg-color: var(--surface-fg-color);
  --surface-contrast-fg-color: var(--surface-bg-color);

  --top-surface-hover-bg-color: light-dark(
    var(--neutral-800),
    var(--neutral-200)
  );
  --top-surface-active-bg-color: light-dark(
    var(--neutral-700),
    var(--neutral-300)
  );

  /* ------------------------------ Status colors ----------------------------- */

  --info-color: var(--blue-primary);
  --info-hover-color: light-dark(var(--blue-300), var(--blue-500));
  --info-active-color: light-dark(var(--blue-200), var(--blue-600));
  --info-weak-color: var(--blue-weak);

  --warning-color: var(--yellow-primary);
  --warning-hover-color: light-dark(var(--yellow-300), var(--yellow-500));
  --warning-active-color: light-dark(var(--yellow-200), var(--yellow-600));
  --warning-weak-color: var(--yellow-weak);

  --warning-major-color: var(--orange-primary);
  --warning-major-hover-color: light-dark(var(--orange-300), var(--orange-500));
  --warning-major-active-color: light-dark(
    var(--orange-200),
    var(--orange-600)
  );
  --warning-major-weak-color: var(--orange-weak);

  --danger-color: var(--red-primary);
  --danger-hover-color: light-dark(var(--red-300), var(--red-500));
  --danger-active-color: light-dark(var(--red-200), var(--red-600));
  --danger-weak-color: var(--red-weak);

  --success-color: var(--green-primary);
  --success-hover-color: light-dark(var(--green-300), var(--green-500));
  --success-active-color: light-dark(var(--green-200), var(--green-600));
  --success-weak-color: var(--green-weak);

  --outline-color: light-dark(var(--blue-400), var(--blue-500));

  --disabled-color: light-dark(var(--neutral-600), var(--neutral-600));
  --disabled-bg-color: light-dark(var(--neutral-800), var(--neutral-200));

  /* ------------------------------ Border colors ----------------------------- */

  --stroke-color: var(--neutral-600);
  --stroke-hover-color: light-dark(var(--neutral-400), var(--neutral-700));
  --stroke-subtle-color: light-dark(var(--neutral-750), var(--neutral-200));
  --stroke-strong-color: light-dark(var(--neutral-200), var(--neutral-750));
  --stroke-disabled-color: light-dark(var(--neutral-700), var(--neutral-400));

  /* ------------------------------- Text colors ------------------------------ */

  --text-primary-color: var(--surface-fg-color);
  --text-primary-inverted-color: var(--surface-bg-color);
  --text-secondary-color: light(var(--neutral-200), var(--neutral-600));
  --text-tertiary-color: light-dark(var(--neutral-400), var(--neutral-700));

  /* -------------------------- Field control colors -------------------------- */

  /* Main field control colors */
  --field-label-color: var(--text-tertiary-color);
  --field-input-color: var(--text-primary-color);
  --field-option-color: var(--text-primary-color);
  --field-placeholder-color: var(--neutral-500);
  --field-helper-text-color: var(--text-tertiary-color);

  /* Field option */
  --field-option-hover-bg-color: light-dark(
    var(--neutral-800),
    var(--neutral-200)
  );
  --field-option-active-bg-color: light-dark(
    var(--neutral-700),
    var(--neutral-300)
  );
  --field-option-active-color: light-dark(
    var(--surface-fg-color),
    var(--white)
  );
  --field-option-focus-bg-color: light-dark(var(--blue-400), var(--blue-400));
  --field-option-focus-color: light-dark(var(--white), var(--white));

  /* Field chip */
  --field-chip-bd-color: light-dark(var(--blue-700), var(--blue-200));
  --field-chip-bg-hover-color: light-dark(var(--blue-600), var(--blue-300));
  --field-chip-bg-active-color: light-dark(var(--blue-500), var(--blue-400));
  --field-chip-color: light-dark(var(--blue-100), var(--blue-900));
  --field-chip-hover-color: light-dark(var(--blue-100), var(--blue-900));
  --field-chip-active-color: light-dark(var(--blue-900), var(--blue-900));

  /* ----------------------- Interactive control colors ----------------------- */

  --tab-bg-color: light-dark(var(--neutral-800), var(--neutral-100));
  --tab-hover-bg-color: light-dark(var(--neutral-700), var(--neutral-200));
  --tab-pressed-bg-color: light-dark(var(--neutral-600), var(--neutral-300));
  --tab-active-bg-color: var(--surface-primary-bg-color);

  --btn-primary-color: var(--white);
  --btn-primary-bg-color: var(--primary-color);
  --btn-primary-hover-bg-color: light-dark(var(--blue-300), var(--blue-500));
  --btn-primary-active-bg-color: light-dark(var(--blue-200), var(--blue-600));

  --btn-secondary-color: light-dark(var(--blue-100), var(--white));
  --btn-secondary-bg-color: light-dark(var(--blue-800), var(--neutral-300));
  --btn-secondary-hover-bg-color: light-dark(
    var(--blue-700),
    var(--neutral-400)
  );
  --btn-secondary-active-bg-color: light-dark(
    var(--blue-600),
    var(--neutral-500)
  );

  --btn-tertiary-color: light-dark(var(--blue-400), var(--blue-500));
  --btn-tertiary-hover-color: light-dark(var(--blue-300), var(--blue-400));
  --btn-tertiary-active-color: light-dark(var(--blue-200), var(--blue-300));
  --btn-tertiary-bg-color: var(--surface-bg-color);

  --btn-ghost-color: light-dark(var(--blue-400), var(--blue-500));
  --btn-ghost-hover-bg-color: light-dark(
    var(--neutral-800),
    var(--neutral-200)
  );
  --btn-ghost-active-bg-color: light-dark(
    var(--neutral-700),
    var(--neutral-300)
  );
}
:root {
  /* ----------------------------- Cobalt regular palette ---------------------------- */

  --color-white: #ffffff;
  --color-black: #000000;

  --color-blue-025: #03071c;
  --color-blue-050: #040b2b;
  --color-blue-075: #06103d;
  --color-blue-100: #0f2658;
  --color-blue-200: #163984;
  --color-blue-300: #2256c6;
  --color-blue-400: #2969f2;
  --color-blue-500: #608ff4;
  --color-blue-600: #a7c1f9;
  --color-blue-700: #d3dffb;
  --color-blue-750: #e6edfc;
  --color-blue-800: #f0f4fd;
  --color-blue-900: #f7f9fe;
  --color-primary-blue: var(--color-blue-400);

  --color-red-025: #1f0c07;
  --color-red-050: #2f120b;
  --color-red-075: #43190f;
  --color-red-100: #592114;
  --color-red-200: #86321f;
  --color-red-300: #c84b2e;
  --color-red-400: #f55c38;
  --color-red-500: #f77a5c;
  --color-red-600: #faa692;
  --color-red-700: #fcd3c9;
  --color-red-750: #fde6e1;
  --color-red-800: #fef0ed;
  --color-red-900: #fef7f6;
  --color-semantic-red: var(--color-red-400);

  --color-neutral-025: #0b0d0e;
  --color-neutral-050: #131516;
  --color-neutral-075: #181c1e;
  --color-neutral-100: #202528;
  --color-neutral-200: #31383c;
  --color-neutral-300: #49535a;
  --color-neutral-400: #59666e;
  --color-neutral-500: #778288;
  --color-neutral-600: #a4acb0;
  --color-neutral-700: #d2d5d7;
  --color-neutral-750: #e6e8e9;
  --color-neutral-800: #ebeced;
  --color-neutral-900: #f7f7f7;

  --color-turquoise-025: #06181c;
  --color-turquoise-050: #09262b;
  --color-turquoise-075: #0d363d;
  --color-turquoise-100: #124851;
  --color-turquoise-200: #1b6c79;
  --color-turquoise-300: #28a2b6;
  --color-turquoise-400: #31c6de;
  --color-turquoise-500: #56d0e4;
  --color-turquoise-600: #8fe0ed;
  --color-turquoise-700: #c7eff6;
  --color-turquoise-750: #e0f6fa;
  --color-turquoise-800: #ecfafc;
  --color-turquoise-900: #f5fcfd;
  --color-supporting-turquoise: var(--color-turquoise-400);

  --color-teal-025: #041a17;
  --color-teal-050: #062923;
  --color-teal-075: #083a31;
  --color-teal-100: #0b4d41;
  --color-teal-200: #107461;
  --color-teal-300: #19ad92;
  --color-teal-400: #1ed4b2;
  --color-teal-500: #47dcc0;
  --color-teal-600: #84e8d5;
  --color-teal-700: #c2f3ea;
  --color-teal-750: #ddf8f3;
  --color-teal-800: #ebfbf8;
  --color-teal-900: #f5fdfb;
  --color-supporting-teal: var(--color-teal-400);

  --color-green-025: #05170f;
  --color-green-050: #082518;
  --color-green-075: #0c3422;
  --color-green-100: #10452d;
  --color-green-200: #186844;
  --color-green-300: #249b65;
  --color-green-400: #2cbe7c;
  --color-green-500: #52ca94;
  --color-green-600: #8cdcb8;
  --color-green-700: #c5eddb;
  --color-green-750: #dff5eb;
  --color-green-800: #ecf9f3;
  --color-green-900: #f5fcf9;
  --color-semantic-green: var(--color-green-400);

  --color-lime-025: #131704;
  --color-lime-050: #1e2505;
  --color-lime-075: #2a3407;
  --color-lime-100: #38450a;
  --color-lime-200: #55670f;
  --color-lime-300: #7f9b16;
  --color-lime-400: #9bbd1b;
  --color-lime-500: #adc944;
  --color-lime-600: #c8db83;
  --color-lime-700: #e4edc1;
  --color-lime-750: #f0f5dc;
  --color-lime-800: #f6f9ea;
  --color-lime-900: #fafcf4;
  --color-supporting-lime: var(--color-lime-400);

  --color-yellow-025: #201600;
  --color-yellow-050: #312100;
  --color-yellow-075: #462f00;
  --color-yellow-100: #5d3e00;
  --color-yellow-200: #8b5d00;
  --color-yellow-300: #d18c00;
  --color-yellow-400: #ffab00;
  --color-yellow-500: #ffba2e;
  --color-yellow-600: #ffd174;
  --color-yellow-700: #ffe8b9;
  --color-yellow-750: #fff2d8;
  --color-yellow-800: #fff7e8;
  --color-yellow-900: #fffbf3;
  --color-semantic-yellow: var(--color-yellow-400);

  --color-orange-025: #201004;
  --color-orange-050: #311905;
  --color-orange-075: #462307;
  --color-orange-100: #5d2f09;
  --color-orange-200: #8b460d;
  --color-orange-300: #d16a14;
  --color-orange-400: #ff8118;
  --color-orange-500: #f59b40;
  --color-orange-600: #ffba81;
  --color-orange-700: #ffddc0;
  --color-orange-750: #ffecdc;
  --color-orange-800: #fff4ea;
  --color-orange-900: #fff9f4;
  --color-semantic-orange: var(--color-orange-400);

  --color-pink-025: #1c0812;
  --color-pink-050: #2c0c1c;
  --color-pink-075: #3e1127;
  --color-pink-100: #521734;
  --color-pink-200: #7b224f;
  --color-pink-300: #b93376;
  --color-pink-400: #e23e90;
  --color-pink-500: #e761a4;
  --color-pink-600: #ef96c2;
  --color-pink-700: #f7cae1;
  --color-pink-750: #fae1ee;
  --color-pink-800: #fcedf5;
  --color-pink-900: #fdf6fa;
  --color-supporting-pink: var(--color-pink-400);

  --color-purple-025: #0a0817;
  --color-purple-050: #0f0d24;
  --color-purple-075: #151233;
  --color-purple-100: #1c1844;
  --color-purple-200: #292366;
  --color-purple-300: #3e3599;
  --color-purple-400: #4c41bb;
  --color-purple-500: #7169c9;
  --color-purple-600: #9d97da;
  --color-purple-700: #cecbec;
  --color-purple-750: #e4e2f4;
  --color-purple-800: #efeef9;
  --color-purple-900: #f7f6fc;
  --color-supporting-purple: var(--color-purple-400);
}
/* --------------------------------- THEMES --------------------------------- */
/* ============================================
  Color Tokens
============================================ */
:root {
  /* Button */
  --button-primary-default: var(--button-primary-default);
  --button-primary-hover: var(--button-primary-hover);
  --button-primary-pressed: var(--button-primary-pressed);
  --button-secondary-default: var(--button-secondary-default);
  --button-secondary-hover: var(--button-secondary-hover);
  --button-secondary-pressed: var(--button-secondary-pressed);
  --button-tertiary-default: var(--button-tertiary-default);
  --button-tertiary-hover: var(--button-tertiary-hover);
  --button-tertiary-pressed: var(--button-tertiary-pressed);
  --button-ghost-default: var(--button-ghost-default);
  --button-ghost-hover: var(--button-ghost-hover);
  --button-ghost-pressed: var(--button-ghost-pressed);
  --button-danger-default: var(--button-danger-default);
  --button-danger-hover: var(--button-danger-hover);
  --button-danger-pressed: var(--button-danger-pressed);
  --button-disabled-default: var(--button-disabled-default);
  --button-disabled-tertiary: var(--button-disabled-tertiary);
  --button-text-secondary: var(--button-text-secondary);

  /* Text */
  --text-primary: var(--text-primary);
  --text-secondary: var(--text-secondary);
  --text-tertiary: var(--text-tertiary);
  --text-on-color: var(--text-on-color);
  --text-on-color-inverse: var(--text-on-color-inverse);
  --text-disabled: var(--text-disabled);
  --text-danger: var(--text-danger);
  --text-interactive: var(--text-interactive);

  /* Support */
  --support-info-background: var(--support-info-background);
  --support-danger-background: var(--support-danger-background);
  --support-success-background: var(--support-success-background);
  --support-warning-background: var(--support-warning-background);
  --support-info-subtle-background: var(--support-info-subtle-background);
  --support-danger-subtle-background: var(--support-danger-subtle-background);
  --support-warning-subtle-background: var(--support-warning-subtle-background);
  --support-success-subtle-background: var(--support-success-subtle-background);
  --support-text-alert-success: var(--support-text-alert-success);
  --support-text-alert-warning: var(--support-text-alert-warning);
  --support-text-alert-danger: var(--support-text-alert-danger);
  --support-text-alert-info: var(--support-text-alert-info);

  /* Icons */
  --icon-primary: var(--icon-primary);
  --icon-primary-hover: var(--icon-primary-hover);
  --icon-primary-pressed: var(--icon-primary-pressed);
  --icon-secondary: var(--icon-secondary);
  --icon-secondary-hover: var(--icon-secondary-hover);
  --icon-secondary-pressed: var(--icon-secondary-pressed);
  --icon-tertiary: var(--icon-tertiary);
  --icon-on-color: var(--icon-on-color);
  --icon-on-color-inverse: var(--icon-on-color-inverse);
  --icon-disabled: var(--icon-disabled);
  --icon-danger: var(--icon-danger);
  --icon-link: var(--icon-link);
  --icon-hover: var(--icon-hover);
  --icon-pressed: var(--icon-pressed);
  --icon-inverse: var(--icon-inverse);

  /* Surface */
  --surface-background: var(--surface-background);
  --surface-primary: var(--surface-primary);
  --surface-secondary: var(--surface-secondary);
  --surface-tertiary: var(--surface-tertiary);
  --surface-scrim: var(--surface-scrim);
  --surface-overlay: var(--surface-overlay);

  /* Link */
  --link-on-color: var(--link-on-color);
  --link-interactive: var(--link-interactive);
  --link-hover: var(--link-hover);
  --link-pressed: var(--link-pressed);
  --link-secondary: var(--link-secondary);
  --link-secondary-hover: var(--link-secondary-hover);
  --link-secondary-pressed: var(--link-secondary-pressed);
  --link-disabled: var(--link-disabled);

  /* Stroke */
  --stroke-default: var(--stroke-default);
  --stroke-hover: var(--stroke-hover);
  --stroke-danger: var(--stroke-danger);
  --stroke-danger-hover: var(--stroke-danger-hover);
  --stroke-focus: var(--stroke-focus);
  --stroke-focus-on-color: var(--stroke-focus-on-color);
  --stroke-disabled: var(--stroke-disabled);
  --stroke-subtle: var(--stroke-subtle);

  /* Input */
  --input-default: var(--input-default);
  --input-disabled: var(--input-disabled);

  /* Chips */
  --chips-background-disabled: var(--chips-background-disabled);
  --chips-text-disabled: var(--chips-text-disabled);
  --chips-icon-disabled: var(--chips-icon-disabled);
  --chips-background-off-default: var(--chips-background-off-default);
  --chips-background-off-hover: var(--chips-background-off-hover);
  --chips-background-off-pressed: var(--chips-background-off-pressed);
  --chips-background-off-disabled: var(--chips-background-off-disabled);
  --chips-background-on-default: var(--chips-background-on-default);
  --chips-background-on-hover: var(--chips-background-on-hover);
  --chips-background-on-pressed: var(--chips-background-on-pressed);

  /* Miscellaneous tokens */
  --toggle-off-default: var(--toggle-off-default);
  --toggle-off-hover: var(--toggle-off-hover);
  --content-switcher-default: var(--content-switcher-default);
  --tab-default: var(--tab-default);
  --tab-off-disabled: var(--tab-off-disabled);
  --tab-hover: var(--tab-hover);
  --tab-pressed: var(--tab-pressed);
  --nav-selected-default: var(--nav-selected-default);
  --nav-selected-hover: var(--nav-selected-hover);
  --nav-selected-pressed: var(--nav-selected-pressed);
  --nav-selected-icons: var(--nav-selected-icons);
  --nav-selected-text: var(--nav-selected-text);
  --nav-group-active-default: var(--nav-group-active-default);
  --nav-group-active-hover: var(--nav-group-active-hover);
  --nav-group-active-pressed: var(--nav-group-active-pressed);
  --table-active-default: var(--table-active-default);
  --table-active-hover: var(--table-active-hover);
  --table-active-pressed: var(--table-active-pressed);
  --table-button-inactive-hover: var(--table-button-inactive-hover);
  --table-button-inactive-pressed: var(--table-button-inactive-pressed);
  --table-button-active-hover: var(--table-button-active-hover);
  --table-button-active-pressed: var(--table-button-active-pressed);
  --skeleton-background: var(--skeleton-background);
  --skeleton-subtle: var(--skeleton-subtle);

  /* Tags */
  --tag-background-bold-blue: var(--tag-background-bold-blue);
  --tag-background-bold-turquoise: var(--tag-background-bold-turquoise);
  --tag-background-bold-teal: var(--tag-background-bold-teal);
  --tag-background-bold-lime: var(--tag-background-bold-lime);
  --tag-background-bold-green: var(--tag-background-bold-green);
  --tag-background-bold-yellow: var(--tag-background-bold-yellow);
  --tag-background-bold-orange: var(--tag-background-bold-orange);
  --tag-background-bold-red: var(--tag-background-bold-red);
  --tag-background-bold-pink: var(--tag-background-bold-pink);
  --tag-background-bold-purple: var(--tag-background-bold-purple);
  --tag-background-bold-neutral: var(--tag-background-bold-neutral);
  --tag-background-subtle-blue: var(--tag-background-subtle-blue);
  --tag-background-subtle-turquoise: var(--tag-background-subtle-turquoise);
  --tag-background-subtle-teal: var(--tag-background-subtle-teal);
  --tag-background-subtle-lime: var(--tag-background-subtle-lime);
  --tag-background-subtle-green: var(--tag-background-subtle-green);
  --tag-background-subtle-yellow: var(--tag-background-subtle-yellow);
  --tag-background-subtle-orange: var(--tag-background-subtle-orange);
  --tag-background-subtle-red: var(--tag-background-subtle-red);
  --tag-background-subtle-pink: var(--tag-background-subtle-pink);
  --tag-background-subtle-purple: var(--tag-background-subtle-purple);
  --tag-background-subtle-neutral: var(--tag-background-subtle-neutral);
  --tag-text-neutral: var(--tag-text-neutral);
  --tag-text-blue: var(--tag-text-blue);
  --tag-text-turquoise: var(--tag-text-turquoise);
  --tag-text-teal: var(--tag-text-teal);
  --tag-text-lime: var(--tag-text-lime);
  --tag-text-green: var(--tag-text-green);
  --tag-text-yellow: var(--tag-text-yellow);
  --tag-text-orange: var(--tag-text-orange);
  --tag-text-red: var(--tag-text-red);
  --tag-text-pink: var(--tag-text-pink);
  --tag-text-purple: var(--tag-text-purple);
  --tag-text-on-color: var(--tag-text-on-color);
}
/* ============================================
  Theme Light
============================================ */
:root,
:root[data-theme="light"] {
  /* Button */
  --button-primary-default: var(--color-blue-400);
  --button-primary-hover: var(--color-blue-300);
  --button-primary-pressed: var(--color-blue-200);
  --button-secondary-default: var(--color-blue-700);
  --button-secondary-hover: var(--color-blue-600);
  --button-secondary-pressed: var(--color-blue-500);
  --button-tertiary-default: var(--color-blue-400);
  --button-tertiary-hover: var(--color-blue-300);
  --button-tertiary-pressed: var(--color-blue-200);
  --button-ghost-default: rgba(255, 255, 255, 0);
  --button-ghost-hover: var(--color-neutral-800);
  --button-ghost-pressed: var(--color-neutral-700);
  --button-danger-default: var(--color-red-400);
  --button-danger-hover: var(--color-red-300);
  --button-danger-pressed: var(--color-red-200);
  --button-disabled-default: var(--color-neutral-700);
  --button-disabled-tertiary: var(--color-neutral-600);
  --button-text-secondary: var(--color-blue-100);

  /* Text */
  --text-primary: var(--color-neutral-075);
  --text-secondary: var(--color-neutral-400);
  --text-tertiary: var(--color-neutral-600);
  --text-on-color: var(--color-white);
  --text-on-color-inverse: var(--color-neutral-075);
  --text-disabled: var(--color-neutral-600);
  --text-danger: var(--color-red-400);
  --text-interactive: var(--color-blue-400);

  /* Support */
  --support-info-background: var(--color-primary-blue);
  --support-danger-background: var(--color-semantic-red);
  --support-success-background: var(--color-semantic-green);
  --support-warning-background: var(--color-semantic-yellow);
  --support-info-subtle-background: var(--color-blue-800);
  --support-danger-subtle-background: var(--color-red-800);
  --support-warning-subtle-background: var(--color-yellow-800);
  --support-success-subtle-background: var(--color-green-800);
  --support-text-alert-success: var(--color-neutral-075);
  --support-text-alert-warning: var(--color-neutral-075);
  --support-text-alert-danger: var(--color-neutral-075);
  --support-text-alert-info: var(--color-neutral-075);

  /* Icons */
  --icon-primary: var(--color-neutral-075);
  --icon-primary-hover: var(--color-neutral-025);
  --icon-primary-pressed: var(--color-neutral-075);
  --icon-secondary: var(--color-neutral-400);
  --icon-secondary-hover: var(--color-neutral-300);
  --icon-secondary-pressed: var(--color-neutral-400);
  --icon-tertiary: var(--color-neutral-600);
  --icon-on-color: var(--color-white);
  --icon-on-color-inverse: var(--color-neutral-075);
  --icon-disabled: var(--color-neutral-600);
  --icon-danger: var(--color-red-400);
  --icon-link: var(--color-blue-400);
  --icon-hover: var(--color-blue-300);
  --icon-pressed: var(--color-blue-400);
  --icon-inverse: var(--color-white);

  /* Surface */
  --surface-background: var(--color-neutral-900);
  --surface-primary: var(--color-white);
  --surface-secondary: var(--color-white);
  --surface-tertiary: var(--color-neutral-900);
  --surface-scrim: rgba(0, 0, 0, 0.7);
  --surface-overlay: rgba(255, 255, 255, 0.8);

  /* Link */
  --link-on-color: var(--color-white);
  --link-interactive: var(--color-blue-400);
  --link-hover: var(--color-blue-300);
  --link-pressed: var(--color-blue-400);
  --link-secondary: var(--color-neutral-400);
  --link-secondary-hover: var(--color-neutral-300);
  --link-secondary-pressed: var(--color-neutral-400);
  --link-disabled: var(--color-neutral-600);

  /* Stroke */
  --stroke-default: var(--color-neutral-600);
  --stroke-hover: var(--color-neutral-400);
  --stroke-danger: var(--color-semantic-red);
  --stroke-danger-hover: var(--color-red-300);
  --stroke-focus: var(--color-primary-blue);
  --stroke-focus-on-color: var(--color-white);
  --stroke-disabled: var(--color-neutral-700);
  --stroke-subtle: var(--color-neutral-750);

  /* Input */
  --input-default: var(--color-white);
  --input-disabled: var(--color-neutral-800);

  /* Chips */
  --chips-background-disabled: var(--color-neutral-700);
  --chips-text-disabled: var(--color-neutral-600);
  --chips-icon-disabled: var(--color-neutral-600);
  --chips-background-off-default: var(--color-neutral-800);
  --chips-background-off-hover: var(--color-neutral-700);
  --chips-background-off-pressed: var(--color-neutral-600);
  --chips-background-off-disabled: var(--color-neutral-800);
  --chips-background-on-default: var(--color-blue-700);
  --chips-background-on-hover: var(--color-blue-600);
  --chips-background-on-pressed: var(--color-blue-500);

  /* Miscellaneous tokens */
  --toggle-off-default: var(--color-neutral-500);
  --toggle-off-hover: var(--color-neutral-400);
  --content-switcher-default: var(--color-white);
  --tab-default: var(--color-white);
  --tab-off-disabled: var(--color-neutral-800);
  --tab-hover: var(--color-neutral-700);
  --tab-pressed: var(--color-neutral-600);
  --nav-selected-default: var(--color-blue-700);
  --nav-selected-hover: var(--color-blue-600);
  --nav-selected-pressed: var(--color-blue-700);
  --nav-selected-icons: var(--color-blue-400);
  --nav-selected-text: var(--color-blue-400);
  --nav-group-active-default: var(--color-blue-800);
  --nav-group-active-hover: var(--color-blue-700);
  --nav-group-active-pressed: var(--color-blue-600);
  --table-active-default: var(--color-blue-900);
  --table-active-hover: var(--color-blue-800);
  --table-active-pressed: var(--color-blue-700);
  --table-button-inactive-hover: var(--color-neutral-700);
  --table-button-inactive-pressed: var(--color-neutral-600);
  --table-button-active-hover: var(--color-blue-750);
  --table-button-active-pressed: var(--color-blue-700);
  --skeleton-background: var(--color-neutral-700);
  --skeleton-subtle: var(--color-neutral-800);

  /* Tags */
  --tag-background-bold-blue: var(--color-primary-blue);
  --tag-background-bold-turquoise: var(--color-turquoise-400);
  --tag-background-bold-teal: var(--color-teal-400);
  --tag-background-bold-lime: var(--color-lime-400);
  --tag-background-bold-green: var(--color-semantic-green);
  --tag-background-bold-yellow: var(--color-semantic-yellow);
  --tag-background-bold-orange: var(--color-semantic-orange);
  --tag-background-bold-red: var(--color-red-300);
  --tag-background-bold-pink: var(--color-pink-400);
  --tag-background-bold-purple: var(--color-purple-400);
  --tag-background-bold-neutral: var(--color-neutral-200);
  --tag-background-subtle-blue: var(--color-blue-700);
  --tag-background-subtle-turquoise: var(--color-turquoise-700);
  --tag-background-subtle-teal: var(--color-teal-700);
  --tag-background-subtle-lime: var(--color-lime-700);
  --tag-background-subtle-green: var(--color-green-700);
  --tag-background-subtle-yellow: var(--color-yellow-700);
  --tag-background-subtle-orange: var(--color-orange-700);
  --tag-background-subtle-red: var(--color-red-700);
  --tag-background-subtle-pink: var(--color-pink-700);
  --tag-background-subtle-purple: var(--color-purple-700);
  --tag-background-subtle-neutral: var(--color-neutral-700);
  --tag-text-neutral: var(--color-neutral-200);
  --tag-text-blue: var(--color-blue-200);
  --tag-text-turquoise: var(--color-turquoise-100);
  --tag-text-teal: var(--color-teal-100);
  --tag-text-lime: var(--color-lime-100);
  --tag-text-green: var(--color-green-100);
  --tag-text-yellow: var(--color-yellow-100);
  --tag-text-orange: var(--color-orange-100);
  --tag-text-red: var(--color-red-100);
  --tag-text-pink: var(--color-pink-100);
  --tag-text-purple: var(--color-purple-200);
  --tag-text-on-color: var(--color-white);
}
/* ============================================
  Theme Dark
============================================ */
:root[data-theme="dark"] {
  /* Button */
  --button-primary-default: var(--color-blue-400);
  --button-primary-hover: var(--color-blue-300);
  --button-primary-pressed: var(--color-blue-200);
  --button-secondary-default: var(--color-neutral-300);
  --button-secondary-hover: var(--color-neutral-400);
  --button-secondary-pressed: var(--color-neutral-500);
  --button-tertiary-default: var(--color-blue-500);
  --button-tertiary-hover: var(--color-blue-400);
  --button-tertiary-pressed: var(--color-blue-300);
  --button-ghost-default: rgba(255, 255, 255, 0);
  --button-ghost-hover: var(--color-neutral-100);
  --button-ghost-pressed: var(--color-neutral-200);
  --button-danger-default: var(--color-red-400);
  --button-danger-hover: var(--color-red-300);
  --button-danger-pressed: var(--color-red-200);
  --button-disabled-default: var(--color-neutral-300);
  --button-disabled-tertiary: var(--color-neutral-300);
  --button-text-secondary: var(--color-white);

  /* Text */
  --text-primary: var(--color-white);
  --text-secondary: var(--color-neutral-500);
  --text-tertiary: var(--color-neutral-400);
  --text-on-color: var(--color-white);
  --text-on-color-inverse: var(--color-neutral-075);
  --text-disabled: var(--color-neutral-500);
  --text-danger: var(--color-red-400);
  --text-interactive: var(--color-blue-500);

  /* Support */
  --support-info-background: var(--color-primary-blue);
  --support-danger-background: var(--color-semantic-red);
  --support-success-background: var(--color-green-500);
  --support-warning-background: var(--color-yellow-500);
  --support-info-subtle-background: var(--color-blue-200);
  --support-danger-subtle-background: var(--color-red-100);
  --support-warning-subtle-background: var(--color-yellow-100);
  --support-success-subtle-background: var(--color-green-100);
  --support-text-alert-success: var(--color-green-700);
  --support-text-alert-warning: var(--color-yellow-700);
  --support-text-alert-danger: var(--color-red-700);
  --support-text-alert-info: var(--color-blue-700);

  /* Icons */
  --icon-primary: var(--color-white);
  --icon-primary-hover: var(--color-neutral-700);
  --icon-primary-pressed: var(--color-white);
  --icon-secondary: var(--color-neutral-500);
  --icon-secondary-hover: var(--color-neutral-600);
  --icon-secondary-pressed: var(--color-neutral-500);
  --icon-tertiary: var(--color-neutral-400);
  --icon-on-color: var(--color-white);
  --icon-on-color-inverse: var(--color-neutral-075);
  --icon-disabled: var(--color-neutral-500);
  --icon-danger: var(--color-red-400);
  --icon-link: var(--color-blue-500);
  --icon-hover: var(--color-blue-400);
  --icon-pressed: var(--color-blue-500);
  --icon-inverse: var(--color-neutral-100);

  /* Surface */
  --surface-background: var(--color-black);
  --surface-primary: var(--color-neutral-050);
  --surface-secondary: var(--color-neutral-075);
  --surface-tertiary: var(--color-neutral-100);
  --surface-scrim: rgba(0, 0, 0, 0.7);
  --surface-overlay: rgba(0, 0, 0, 0.7);

  /* Link */
  --link-on-color: var(--color-white);
  --link-interactive: var(--color-blue-500);
  --link-hover: var(--color-blue-400);
  --link-pressed: var(--color-blue-500);
  --link-secondary: var(--color-neutral-500);
  --link-secondary-hover: var(--color-neutral-600);
  --link-secondary-pressed: var(--color-neutral-500);
  --link-disabled: var(--color-neutral-500);

  /* Stroke */
  --stroke-default: var(--color-neutral-300);
  --stroke-hover: var(--color-neutral-700);
  --stroke-danger: var(--color-red-400);
  --stroke-danger-hover: var(--color-red-300);
  --stroke-focus: var(--color-white);
  --stroke-focus-on-color: var(--color-white);
  --stroke-disabled: var(--color-neutral-400);
  --stroke-subtle: var(--color-neutral-200);

  /* Input */
  --input-default: var(--color-neutral-100);
  --input-disabled: var(--color-neutral-300);

  /* Chips */
  --chips-background-disabled: var(--color-neutral-500);
  --chips-text-disabled: var(--color-neutral-600);
  --chips-icon-disabled: var(--color-neutral-600);
  --chips-background-off-default: var(--color-neutral-100);
  --chips-background-off-hover: var(--color-neutral-200);
  --chips-background-off-pressed: var(--color-neutral-300);
  --chips-background-off-disabled: var(--color-neutral-600);
  --chips-background-on-default: var(--color-blue-100);
  --chips-background-on-hover: var(--color-blue-200);
  --chips-background-on-pressed: var(--color-blue-300);

  /* Miscellaneous tokens */
  --toggle-off-default: var(--color-neutral-400);
  --toggle-off-hover: var(--color-neutral-500);
  --content-switcher-default: var(--color-neutral-300);
  --tab-default: var(--color-neutral-050);
  --tab-off-disabled: var(--color-neutral-100);
  --tab-hover: var(--color-neutral-200);
  --tab-pressed: var(--color-neutral-300);
  --nav-selected-default: var(--color-neutral-075);
  --nav-selected-hover: var(--color-neutral-100);
  --nav-selected-pressed: var(--color-neutral-200);
  --nav-selected-icons: var(--color-white);
  --nav-selected-text: var(--color-white);
  --nav-group-active-default: var(--color-neutral-025);
  --nav-group-active-hover: var(--color-neutral-100);
  --nav-group-active-pressed: var(--color-neutral-200);
  --table-active-default: var(--color-neutral-075);
  --table-active-hover: var(--color-neutral-100);
  --table-active-pressed: var(--color-neutral-075);
  --table-button-inactive-hover: var(--color-neutral-200);
  --table-button-inactive-pressed: var(--color-neutral-300);
  --table-button-active-hover: var(--color-blue-100);
  --table-button-active-pressed: var(--color-blue-200);
  --skeleton-background: var(--color-neutral-300);
  --skeleton-subtle: var(--color-neutral-200);

  /* Tags */
  --tag-background-bold-blue: var(--color-primary-blue);
  --tag-background-bold-turquoise: var(--color-turquoise-400);
  --tag-background-bold-teal: var(--color-teal-400);
  --tag-background-bold-lime: var(--color-lime-400);
  --tag-background-bold-green: var(--color-green-400);
  --tag-background-bold-yellow: var(--color-yellow-500);
  --tag-background-bold-orange: var(--color-orange-500);
  --tag-background-bold-red: var(--color-red-400);
  --tag-background-bold-pink: var(--color-pink-400);
  --tag-background-bold-purple: var(--color-purple-400);
  --tag-background-bold-neutral: var(--color-neutral-700);
  --tag-background-subtle-neutral: var(--color-neutral-200);
  --tag-background-subtle-blue: var(--color-blue-200);
  --tag-background-subtle-turquoise: var(--color-turquoise-100);
  --tag-background-subtle-teal: var(--color-teal-100);
  --tag-background-subtle-lime: var(--color-lime-100);
  --tag-background-subtle-green: var(--color-green-100);
  --tag-background-subtle-yellow: var(--color-yellow-100);
  --tag-background-subtle-orange: var(--color-orange-100);
  --tag-background-subtle-red: var(--color-red-100);
  --tag-background-subtle-pink: var(--color-pink-100);
  --tag-background-subtle-purple: var(--color-purple-100);
  --tag-text-neutral: var(--color-neutral-700);
  --tag-text-blue: var(--color-blue-700);
  --tag-text-turquoise: var(--color-turquoise-700);
  --tag-text-teal: var(--color-teal-700);
  --tag-text-lime: var(--color-lime-700);
  --tag-text-green: var(--color-green-700);
  --tag-text-yellow: var(--color-yellow-700);
  --tag-text-orange: var(--color-orange-700);
  --tag-text-red: var(--color-red-700);
  --tag-text-pink: var(--color-pink-700);
  --tag-text-purple: var(--color-purple-700);
  --tag-text-on-color: var(--color-neutral-075);
}
/* -------------------------------- PROPERTIES ------------------------------- */
/* ============================================
  Radius variables
============================================ */
:root {
  --radius-04: 0.25rem;
  --radius-08: 0.5rem;
  --radius-12: 0.75rem;
}
/* ============================================
  Space variables
============================================ */
:root {
  --space: 1rem;
  --space-01: calc(var(--space) * 0.0625); /* 1px */
  --space-04: calc(var(--space) / 4); /* 4px */
  --space-08: calc(var(--space) / 2 ); /* 8px */
  --space-12: calc(var(--space) * 0.75); /* 12px; */
  --space-16: var(--space); /* 16px */
  --space-20: calc(var(--space) * 1.25); /* 20px */
  --space-24: calc(var(--space) * 1.5); /* 24px */
  --space-32: calc(var(--space) * 2); /* 32px */
  --space-40: calc(var(--space) * 2.5); /* 40px */
  --space-48: calc(var(--space) * 3); /* 48px */
  --space-56: calc(var(--space) * 3.5); /* 56px */
  --space-64: calc(var(--space) * 4); /* 64px */
  --space-80: calc(var(--space) * 5); /* 80px */
  --space-96: calc(var(--space) * 6); /* 96px */
  --space-112: calc(var(--space) * 7); /* 112 */
  --space-128: calc(var(--space) * 8); /* 128px */
  --space-160: calc(var(--space) * 10); /* 160px */
  --space-240: calc(var(--space) * 15); /* 240px */
}
/* ============================================

  DEPRECATED: This file is no longer in use.
  IT WILL BE DELETED ON VERSION 4.0.0
  
  PLEASE REFER TO typography.css

  Font variables
============================================ */
:root {
  --font-typesize-01: 0.5rem; /* 8px */
  --font-typesize-02: 0.75rem; /* 12px */
  --font-typesize-03: 1rem; /* 16px; base text size */
  --font-typesize-04: 1.25rem; /* 20px */
  --font-typesize-05: 1.5rem; /* 24px */
  --font-typesize-06: 2rem; /* 32px */
  --font-typesize-07: 2.25em; /* 36px */
  --font-typesize-08: 3rem; /* 48px */
  --font-typesize-09: 4rem; /* 64px */
  --font-typesize-10: 5.25rem; /* 84px */

  --font-family-red-hat-text:
    "Red Hat Text", "Red Hat Mono", "Arial", "Arial Black";
  --font-family-red-hat-display:
    "Red Hat Display", "Red Hat Mono", "Arial", "Arial Black";
  --font-family-default: var(--font-family-red-hat-text);

  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-semibold: 500;
  --font-weight-bold: 600;
  --font-weight-bolder: 700;
  --font-weight-extra-bolder: 800;
}
/** DEPRECATED FILE, TO BE REMOVED IN VERSION 4 */
:root {
  --border-width-1: 1px;
  --border-width-2: 2px;
  --border-width-3: 5px;
  --border-width-4: 7px;
  --border-width-5: 10px;
  --radius-1: 0.1rem;
  --radius-2: 0.25rem;
  --radius-3: 0.5rem;
  --radius-3-5: 0.75rem;
  --radius-4: 1rem;
  --radius-4-5: 1.25rem;
  --radius-5: 1.5rem;
  --radius-5-5: 1.75rem;
  --radius-6: 2rem;
  --radius-round: 1e5px;
  --radius-blob-1: 30% 70% 70% 30% / 53% 30% 70% 47%;
  --radius-blob-2: 53% 47% 34% 66% / 63% 46% 54% 37%;
  --radius-blob-3: 37% 63% 56% 44% / 49% 56% 44% 51%;
  --radius-blob-4: 63% 37% 37% 63% / 43% 37% 63% 57%;
  --radius-blob-5: 49% 51% 48% 52% / 57% 44% 56% 43%;
  --radius-conditional-1: clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-1));
  --radius-conditional-2: clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-2));
  --radius-conditional-3: clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-3));
  --radius-conditional-4: clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-4));
  --radius-conditional-5: clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-5));
  --radius-conditional-6: clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-6));

  --form-input--bd-radius: var(--radius-3);
}
/** DEPRECATED FILE, TO BE REMOVED IN VERSION 4 */
:root {
  --shadow--color-16: hsla(0 0% 0% / 0.16);
  --shadow--skim-16: 0 1px 8px 0 var(--shadow--color-16);
  --shadow--lifted-16: 0 2px 16px 0 var(--shadow--color-16);
  --shadow--raised-16: 0 3px 24px 0 var(--shadow--color-16);
  --shadow--floating-16: 0 4px 32px 0 var(--shadow--color-16);

  --shadow--color-08: hsla(0 0% 0% / 0.08);
  --shadow--skim-08: 0 1px 8px 0 var(--shadow--color-08);
  --shadow--lifted-08: 0 2px 16px 0 var(--shadow--color-08);
  --shadow--raised-08: 0 3px 24px 0 var(--shadow--color-08);
  --shadow--floating-08: 0 4px 32px 0 var(--shadow--color-08);

  --shadow--color-06: hsla(0 0% 0% / 0.06);
  --shadow--skim-06: 0 1px 8px 0 var(--shadow--color-06);
  --shadow--lifted-06: 0 2px 16px 0 var(--shadow--color-06);
  --shadow--raised-06: 0 3px 24px 0 var(--shadow--color-06);
  --shadow--floating-06: 0 4px 32px 0 var(--shadow--color-06);

  --shadow--color-04: hsla(0 0% 0% / 0.04);
  --shadow--skim-04: 0 1px 8px 0 var(--shadow--color-04);
  --shadow--lifted-04: 0 2px 16px 0 var(--shadow--color-04);
  --shadow--raised-04: 0 3px 24px 0 var(--shadow--color-04);
  --shadow--floating-04: 0 4px 32px 0 var(--shadow--color-04);
}
/** DEPRECATED FILE, TO BE REMOVED IN VERSION 4 */
/** DEPRECATED FILE, TO BE REMOVED IN VERSION 4 */
:root {
  /* --------------------------------- STATIC --------------------------------- */
  --size-02: -0.5rem;
  --size-01: -0.25rem;
  --size-1: 0.25rem;
  --size-2: 0.5rem;
  --size-3: 1rem;
  --size-4: 1.25rem;
  --size-5: 1.5rem;
  --size-6: 1.75rem;
  --size-7: 2rem;
  --size-8: 3rem;
  --size-9: 4rem;
  --size-10: 5rem;
  --size-11: 7.5rem;
  --size-12: 10rem;
  --size-13: 15rem;
  --size-14: 20rem;
  --size-15: 30rem;

  /* ---------------------------------- FLUID --------------------------------- */
  --size-fluid-1: clamp(0.5rem, 1vw, 1rem);
  --size-fluid-2: clamp(1rem, 2vw, 1.5rem);
  --size-fluid-3: clamp(1.5rem, 3vw, 2rem);
  --size-fluid-4: clamp(2rem, 4vw, 3rem);
  --size-fluid-5: clamp(4rem, 5vw, 5rem);
  --size-fluid-6: clamp(5rem, 7vw, 7.5rem);
  --size-fluid-7: clamp(7.5rem, 10vw, 10rem);
  --size-fluid-8: clamp(10rem, 20vw, 15rem);
  --size-fluid-9: clamp(15rem, 30vw, 20rem);
  --size-fluid-10: clamp(20rem, 40vw, 30rem);

  /* Shortcuts */
  --size-xxs: 240px;
  --size-xs: 360px;
  --size-sm: 480px;
  --size-md: 768px;
  --size-lg: 1024px;
  --size-xl: 1440px;
  --size-xxl: 1920px;

  --padding-xs: var(--size-01);
  --padding-sm: var(--size-1);
  --padding-md: var(--size-2);
  --padding-lg: var(--size-3);
  --padding-xl: var(--size-6);
  --padding-xxl: var(--size-9);

  --app-header-height: 4rem;

  --form-input--padding: var(--size-2);
}
/** DEPRECATED FILE, TO BE REMOVED IN VERSION 4 */
:root {
  /* DEPRECATED VARIABLES, IT WILL BE REMOVED ON VERSION 4 */
  --text-size-xs: var(--text-size-02);
  --text-size-sm: var(--text-size-01);
  --text-size-md: var(--text-size-1);
  --text-size-lg: var(--text-size-6);
  --text-size-xl: var(--text-size-9);
  --text-size-xxl: var(--text-size-12);

  /* -------------------------------- DEPRECATED VARIABLES, IT WILL BE REMOVED ON VERSION 4 -------------------------------- */
  --font-family-text: "Red Hat Text", sans-serif;
  --font-family-text-italic: "Red Hat Text Italic", sans-serif;
  --font-family-display: "Red Hat Display", sans-serif;
  --font-family-display-italic: "Red Hat Display Italic", sans-serif;
  --font-family-sans: sans-serif;
  --font-family-serif: serif;
  --font-family-monospace: monospace;

  /* ---------------------------------- 
    SCALES DEPRECATED, IT WILL BE REMOVED ON VERSION 4 
  ------------------------------------- */
  --text-size-02: 0.75rem; /*---- 12px */
  --text-size-01: 0.875rem; /*--- 14px */
  --text-size-1: 1rem; /*-------- 16px; base text size */
  --text-size-2: 1.125rem; /*---- 18px */
  --text-size-3: 1.25rem; /*----- 20px */
  --text-size-4: 1.5rem; /*------ 24px */
  --text-size-5: 1.75rem; /*----- 28px */
  --text-size-6: 2rem; /*-------- 32px */
  --text-size-7: 2.25rem; /*----- 36px */
  --text-size-8: 2.625rem; /*---- 42px */
  --text-size-9: 3rem; /*-------- 48px */
  --text-size-10: 3.375rem; /*--- 54px */
  --text-size-11: 3.75rem; /*---- 60px */
  --text-size-11-5: 4rem; /*---- 64px */
  --text-size-12: 4.25rem; /*---- 68px */
  --text-size-13: 4.75rem; /*---- 76px */
  --text-size-14: 5.25rem; /*---- 84px */
  --text-size-15: 5.75rem; /*---- 92px */
}
/** DEPRECATED FILE, TO BE REMOVED IN VERSION 4 */
/*  Attention: If you change those values update enum core/models/mediaQuery.enum.ts */
@custom-media --mediaquery-tablet-and-desktop (~'only screen and (min-width: 600px)');
@custom-media --mediaquery-mobile-and-tablet (~'only screen and (max-width: 1023px)');
@custom-media --mediaquery-desktop (~'only screen and (min-width: 1440px)');
@custom-media --mediaquery-desktop-large (~'only screen and (min-width: 1801px)');
@custom-media --mediaquery-laptop (~'only screen and (min-width: 1024px) and (max-width: 1439px)');
@custom-media --mediaquery-mobile (~'only screen and (max-width: 599px)');
@custom-media --mediaquery-mobile-small (~'only screen and (max-width: 319px)');
@custom-media --mediaquery-mobile-landscape (~'only screen and (max-device-height: 414px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape)');
@custom-media --mediaquery-mobile-portrait (~'only screen and (max-device-height: 812px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait)');
@custom-media --mediaquery-tablet (~'only screen and (min-width: 600px) and (max-width: 1023px)');
/* DEPRECATED MEDIA QUERIES, IT WILL BE REMOVED ON VERSION 4 */
@custom-media --motionOK (prefers-reduced-motion: no-preference);
@custom-media --motionNotOK (prefers-reduced-motion: reduce);
@custom-media --opacityOK (prefers-reduced-transparency: no-preference);
@custom-media --opacityNotOK (prefers-reduced-transparency: reduce);
@custom-media --useDataOK (prefers-reduced-data: no-preference);
@custom-media --useDataNotOK (prefers-reduced-data: reduce);
@custom-media --OSdark (prefers-color-scheme: dark);
@custom-media --OSlight (prefers-color-scheme: light);
@custom-media --highContrast (prefers-contrast: more);
@custom-media --lowContrast (prefers-contrast: less);
@custom-media --portrait (orientation: portrait);
@custom-media --landscape (orientation: landscape);
@custom-media --HDcolor (dynamic-range: high);
@custom-media --touch (hover: none) and (pointer: coarse);
@custom-media --stylus (hover: none) and (pointer: fine);
@custom-media --pointer (hover) and (pointer: coarse);
@custom-media --mouse (hover) and (pointer: fine);
@custom-media --xxs-only (0px <= width <= 240px);
@custom-media --xxs-n-above (width >= 240px);
@custom-media --xxs-n-below (width <= 240px);
@custom-media --xxs-phone (--xxs-only) and (--portrait);
@custom-media --xs-only (240px <= width <= 360px);
@custom-media --xs-n-above (width >= 360px);
@custom-media --xs-n-below (width <= 360px);
@custom-media --xs-phone (--xs-only) and (--portrait);
@custom-media --sm-only (360px <= width <= 480px);
@custom-media --sm-n-above (width >= 480px);
@custom-media --sm-n-below (width <= 480px);
@custom-media --sm-phone (--sm-only) and (--portrait);
@custom-media --md-only (480px <= width <= 768px);
@custom-media --md-n-above (width >= 768px);
@custom-media --md-n-below (width <= 768px);
@custom-media --md-phone (--md-only) and (--portrait);
@custom-media --lg-only (768px <= width <= 1024px);
@custom-media --lg-n-above (width >= 1024px);
@custom-media --lg-n-below (width <= 1024px);
@custom-media --lg-phone (--lg-only) and (--portrait);
@custom-media --xl-only (1024px <= width <= 1440px);
@custom-media --xl-n-above (width >= 1440px);
@custom-media --xl-n-below (width <= 1440px);
@custom-media --xxl-only (1440px <= width <= 1920px);
@custom-media --xxl-n-above (width >= 1920px);
@custom-media --xxl-n-below (width <= 1920px);
/** DEPRECATED FILE, TO BE REMOVED IN VERSION 4 */
/** DEPRECATED FILE, TO BE REMOVED IN VERSION 4 */
:root {
  --ease-1: cubic-bezier(0.25, 0, 0.5, 1);
  --ease-2: cubic-bezier(0.25, 0, 0.4, 1);
  --ease-3: cubic-bezier(0.25, 0, 0.3, 1);
  --ease-4: cubic-bezier(0.25, 0, 0.2, 1);
  --ease-5: cubic-bezier(0.25, 0, 0.1, 1);
  --ease-in-1: cubic-bezier(0.25, 0, 1, 1);
  --ease-in-2: cubic-bezier(0.5, 0, 1, 1);
  --ease-in-3: cubic-bezier(0.7, 0, 1, 1);
  --ease-in-4: cubic-bezier(0.9, 0, 1, 1);
  --ease-in-5: cubic-bezier(1, 0, 1, 1);
  --ease-out-1: cubic-bezier(0, 0, 0.75, 1);
  --ease-out-2: cubic-bezier(0, 0, 0.5, 1);
  --ease-out-3: cubic-bezier(0, 0, 0.3, 1);
  --ease-out-4: cubic-bezier(0, 0, 0.1, 1);
  --ease-out-5: cubic-bezier(0, 0, 0, 1);
  --ease-in-out-1: cubic-bezier(0.1, 0, 0.9, 1);
  --ease-in-out-2: cubic-bezier(0.3, 0, 0.7, 1); /* default */
  --ease-in-out-3: cubic-bezier(0.5, 0, 0.5, 1);
  --ease-in-out-4: cubic-bezier(0.7, 0, 0.3, 1);
  --ease-in-out-5: cubic-bezier(0.9, 0, 0.1, 1);
  --ease-elastic-1: cubic-bezier(0.5, 0.75, 0.75, 1.25);
  --ease-elastic-2: cubic-bezier(0.5, 1, 0.75, 1.25);
  --ease-elastic-3: cubic-bezier(0.5, 1.25, 0.75, 1.25);
  --ease-elastic-4: cubic-bezier(0.5, 1.5, 0.75, 1.25);
  --ease-elastic-5: cubic-bezier(0.5, 1.75, 0.75, 1.25);
  --ease-squish-1: cubic-bezier(0.5, -0.1, 0.1, 1.5);
  --ease-squish-2: cubic-bezier(0.5, -0.3, 0.1, 1.5);
  --ease-squish-3: cubic-bezier(0.5, -0.5, 0.1, 1.5);
  --ease-squish-4: cubic-bezier(0.5, -0.7, 0.1, 1.5);
  --ease-squish-5: cubic-bezier(0.5, -0.9, 0.1, 1.5);
  --ease-step-1: steps(2);
  --ease-step-2: steps(3);
  --ease-step-3: steps(4);
  --ease-step-4: steps(7);
  --ease-step-5: steps(10);
}
:root {
  --animation-fade-in: fade-in 0.5s var(--ease-3);
  --animation-fade-in-bloom: fade-in-bloom 2s var(--ease-3);
  --animation-fade-out: fade-out 0.5s var(--ease-3);
  --animation-fade-out-bloom: fade-out-bloom 2s var(--ease-3);
  --animation-scale-up: scale-up 0.5s var(--ease-3);
  --animation-scale-down: scale-down 0.5s var(--ease-3);
  --animation-slide-out-up: slide-out-up 0.5s var(--ease-3);
  --animation-slide-out-down: slide-out-down 0.5s var(--ease-3);
  --animation-slide-out-right: slide-out-right 0.5s var(--ease-3);
  --animation-slide-out-left: slide-out-left 0.5s var(--ease-3);
  --animation-slide-in-up: slide-in-up 0.5s var(--ease-3);
  --animation-slide-in-down: slide-in-down 0.5s var(--ease-3);
  --animation-slide-in-right: slide-in-right 0.5s var(--ease-3);
  --animation-slide-in-left: slide-in-left 0.5s var(--ease-3);
  --animation-shake-x: shake-x 0.75s var(--ease-out-5);
  --animation-shake-y: shake-y 0.75s var(--ease-out-5);
  --animation-spin: spin 2s linear infinite;
  --animation-ping: ping 5s var(--ease-out-3) infinite;
  --animation-blink: blink 1s var(--ease-out-3) infinite;
  --animation-float: float 3s var(--ease-in-out-3) infinite;
  --animation-bounce: bounce 2s var(--ease-squish-2) infinite;
  --animation-pulse: pulse 2s var(--ease-out-3) infinite;
}
@keyframes fade-in {
  to {
    opacity: 1;
  }
}
@keyframes fade-in-bloom {
  0% {
    opacity: 0;
    filter: brightness(1) blur(20px);
  }
  10% {
    opacity: 1;
    filter: brightness(2) blur(10px);
  }
  100% {
    opacity: 1;
    filter: brightness(1) blur(0);
  }
}
@keyframes fade-out {
  to {
    opacity: 0;
  }
}
@keyframes fade-out-bloom {
  100% {
    opacity: 0;
    filter: brightness(1) blur(20px);
  }
  10% {
    opacity: 1;
    filter: brightness(2) blur(10px);
  }
  0% {
    opacity: 1;
    filter: brightness(1) blur(0);
  }
}
@keyframes scale-up {
  to {
    transform: scale(1.25);
  }
}
@keyframes scale-down {
  to {
    transform: scale(0.75);
  }
}
@keyframes slide-out-up {
  to {
    transform: translateY(-100%);
  }
}
@keyframes slide-out-down {
  to {
    transform: translateY(100%);
  }
}
@keyframes slide-out-right {
  to {
    transform: translateX(100%);
  }
}
@keyframes slide-out-left {
  to {
    transform: translateX(-100%);
  }
}
@keyframes slide-in-up {
  from {
    transform: translateY(100%);
  }
}
@keyframes slide-in-down {
  from {
    transform: translateY(-100%);
  }
}
@keyframes slide-in-right {
  from {
    transform: translateX(-100%);
  }
}
@keyframes slide-in-left {
  from {
    transform: translateX(100%);
  }
}
@keyframes shake-x {
  0%,
  100% {
    transform: translateX(0%);
  }
  20% {
    transform: translateX(-5%);
  }
  40% {
    transform: translateX(5%);
  }
  60% {
    transform: translateX(-5%);
  }
  80% {
    transform: translateX(5%);
  }
}
@keyframes shake-y {
  0%,
  100% {
    transform: translateY(0%);
  }
  20% {
    transform: translateY(-5%);
  }
  40% {
    transform: translateY(5%);
  }
  60% {
    transform: translateY(-5%);
  }
  80% {
    transform: translateY(5%);
  }
}
@keyframes spin {
  to {
    transform: rotate(1turn);
  }
}
@keyframes ping {
  90%,
  100% {
    transform: scale(2);
    opacity: 0;
  }
}
@keyframes blink {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
@keyframes float {
  50% {
    transform: translateY(-25%);
  }
}
@keyframes bounce {
  25% {
    transform: translateY(-20%);
  }
  40% {
    transform: translateY(-3%);
  }
  0%,
  60%,
  100% {
    transform: translateY(0);
  }
}
@keyframes pulse {
  50% {
    transform: scale(0.9, 0.9);
  }
}
@media (--OSdark) {
  @keyframes fade-in-bloom {
    0% {
      opacity: 0;
      filter: brightness(1) blur(20px);
    }
    10% {
      opacity: 1;
      filter: brightness(0.5) blur(10px);
    }
    100% {
      opacity: 1;
      filter: brightness(1) blur(0);
    }
  }
}
@media (--OSdark) {
  @keyframes fade-out-bloom {
    100% {
      opacity: 0;
      filter: brightness(1) blur(20px);
    }
    10% {
      opacity: 1;
      filter: brightness(0.5) blur(10px);
    }
    0% {
      opacity: 1;
      filter: brightness(1) blur(0);
    }
  }
}
:root {
  --z-index-page-content: 0;
  --z-index-action-bar: 1000;
  --z-index-flag-message: 2000;
  --z-index-side-navigation: 3000;
  --z-index-global-header: 4000;
  --z-index-side-panel: 5000;
  --z-index-modal: 6000;
  --z-index-popover: 7000;
}
/* --------------------------------- LAYERS --------------------------------- 

  THE LAYERS APPROACH IS NOW DEPRECATED.
  ALL THE COMPONENTS SHOULD HAVE THEIR OWN CSS FILE.
  THIS FILE IS JUST FOR THE GLOBAL STYLES.
  THE LAYERS WILL BE REMOVED IN THE NEXT RELEASE.
  PLEASE, DO NOT USE THE LAYERS IN YOUR CSS FILES.
  THANK YOU!
*/
@layer reset;
@layer element;
@layer third-party;
@layer component;
@layer utility;
@layer override;
@layer app;
/* ------------------------------ End of layers ----------------------------- */
@layer reset {
  * {
    box-sizing: border-box;
  }
  button {
    -webkit-appearance: none;
    border-radius: 0;
    text-align: inherit;
    background: none;
    box-shadow: none;
    padding: 0;
    cursor: pointer;
    border: none;
    color: inherit;
    font: inherit;
    display: flex;
    align-items: center;
    &:disabled {
      cursor: not-allowed;
    }
  }

  :focus {
    outline: 0;
  }

  :focus-visible {
    outline: 2px solid var(--blue-400);
  }

  :disabled {
    cursor: not-allowed !important;
  }
  .disabled {
    cursor: not-allowed !important;
  }

  ::placeholder {
    color: var(--field-placeholder-color);
    font-weight: var(--font-weight-light);
    opacity: 0.54;
  }
  .placeholder {
    color: var(--field-placeholder-color);
    font-weight: var(--font-weight-light);
    opacity: 0.54;
  }
}
@layer element {
  * {
    font-family: var(--font-family-text);
  }

  body {
    background-color: var(--surface--primary);
    color: var(--text-color);
    text-size-adjust: 100%;
  }

  input,
  select,
  button {
    font-size: var(--text-size-md);
    line-height: 1.25;
  }

  i,
  em {
    font-family: var(--font-family-text-italic);
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-family: var(--font-family-display);
  }
  h1 i,
  h1 em,
  h2 i,
  h2 em,
  h3 i,
  h3 em,
  h4 i,
  h4 em,
  h5 i,
  h5 em,
  h6 i,
  h6 em {
    font-family: var(--font-family-display-italic);
  }

  p {
    margin: 0 0 1rem 0;
  }
  p:last-of-type {
    margin: 0;
  }

  dialog {
    overflow: visible;
    transition: opacity 0.5s var(--ease-3);
  }
  dialog::backdrop {
    background-color: light-dark(hsla(0, 0%, 0%, 0.7), hsla(0, 0%, 100%, 0.3));
  }

  code {
    font-family: var(--font-family-monospace);
    font-size: var(--text-size-1);
  }
}
[hidden],
.visually-hidden {
  height: 0;
  margin: 0;
  opacity: 0;
  padding: 0;
  width: 0;
  border: 0;
}
@layer app {
  body {
    margin: 0;
    overscroll-behavior: none;
    background-color: var(--surface-primary);
  }

  h1,
  h2,
  h3,
  h4,
  h5 {
    margin: 0;
  }

  dialog:modal {
    overflow: visible;
  }

  button.anchor {
    color: var(--blue-4);
    display: inline;
    text-decoration: underline;
    &:active,
    &:hover {
      color: var(--blue-3);
      text-decoration: underline;
    }
  }

  .co-alert {
    & button.anchor {
      text-decoration: unset;
    }
  }

  textarea {
    resize: vertical;
  }

  .page {
    display: flex;
    overflow-y: auto;
    height: calc(100dvh - var(--app-header-height, 4rem));

    & .page-wrapper {
      flex: 1;
      overflow: auto;
      overscroll-behavior: none;
    }
  }

  /* TO DO remove this after all pages are updated with Cobalt Header */
  .co-screen__header {
    & hgroup {
      display: grid;
      column-gap: 1rem;

      & h3 {
        font-size: var(--text-size-1);
      }
    }

    @media (--sm-n-above) {
      & h2 {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
      }
    }

    @media (--sm-n-below) {
      & h2 {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
      }
    }

    & .toolbar {
      position: relative;
      align-items: center;
      display: flex;
      gap: 1rem;
    }

    & .search-input {
      & .input-layout {
        border-radius: var(--radius-3);
        padding-left: 0.75rem;
        & > svg:nth-of-type(1) {
          color: var(--neutral-7);
          flex: 0 0 1.5rem;
        }
      }
    }

    & .btn-filters {
      & .span.label {
        display: inline-block;
      }
    }

    @media (--md-n-below) {
      & .btn-filters {
        & span.label {
          display: none;
        }
      }
    }

    & .main-cta {
      white-space: nowrap;
    }

    @media (--sm-n-above) {
      & .main-cta {
        margin: 0 0 0 auto;
      }
    }

    @media (--sm-n-below) {
      & .main-cta {
        background: var(--white);
        bottom: 0;
        box-shadow: 0 -0.5rem 1rem hsla(0, 0%, 0%, 0.05);
        display: block;
        left: 0;
        margin: 0;
        place-content: center;
        position: fixed;
        right: 0;
        z-index: 2;

        & .co-btn {
          justify-content: center;
          margin: 1.5rem;
          width: calc(100% - 3rem);
        }
      }
    }

    & .card-list {
      display: flex;
      gap: 1.5rem;
      margin: 2.25rem 0 0 0;
      padding: 0;
      & > .co-card {
        flex: 0 1 21.25rem;
      }
    }
    @media (--md-n-below) {
      & .card-list {
        flex-direction: column;
        & > .co-card {
          flex: 1;
        }
      }
    }
  }

  .scroll-horizontal {
    overflow-y: auto;
  }

  /* TO DO remove this after all pages are updated with new Cobalt Library */
  a {
    :not([disabled]) {
      cursor: pointer;
    }

    &:link,
    &:active {
      color: var(--link-interactive);
    }
    &:visited {
      color: var(--link-hover);
    }
    &:focus-visible {
      outline: 2px solid var(--link-interactive);
    }

    &:link,
    &:visited,
    &:focus,
    &:focus-visible {
      text-decoration: none;
    }

    &:has(> svg) {
      align-items: center;
      display: flex;
      gap: 0.25rem;
    }
  }
  /* END TO DO */

  .co-form__field {
    & .input-layout {
      & button.btn--clear {
        color: var(--neutral-6);
        margin-right: 0.25rem;
        &:active,
        &:hover {
          color: var(--neutral-5);
        }
      }
    }
  }

  .ws-nowrap {
    white-space: nowrap;
  }

  /* --------------------------------- Filters -------------------------------- */

  .filter-list {
    display: flex;
    flex-direction: column;
    height: max-content;
    min-height: 100dvh;
    padding: 0;

    & h3 {
      background-color: var(--white);
      border-radius: var(--radius-3) var(--radius-3) 0 0;
      box-shadow: 0 1rem 0.5rem var(--white);
      position: sticky;
      margin: -1rem 0 1rem 0;
      padding: 1rem 1.5rem 0.5rem 1.5rem;
      top: 0;
      z-index: 1;
    }

    & .filter-sections {
      flex: 1;
      margin-bottom: 1rem;
      padding: 0 1.5rem;

      & .co-form__checkbox-group {
        margin: 0;
        padding: 0;
      }
    }

    & .actions {
      background-color: var(--white);
      border-radius: 0 0 var(--radius-3) var(--radius-3);
      border-top: 1px solid var(--neutral-8);
      bottom: 0;
      box-shadow: 0 -0.5rem 0.5rem var(--neutral-9);
      display: flex;
      justify-content: space-between;
      left: 0;
      margin: 0;
      padding: 1rem 1.5rem;
      position: sticky;
      right: 0;
      width: 100%;
    }
  }

  /* --------------------------- Dialog Details Page -------------------------- */

  .dialog-details__page {
    padding: 1.5rem;

    & a {
      display: inline-flex;
      align-items: center;
      gap: 0.25rem;
    }

    & > nav {
      font-size: var(--text-size-02);
      font-weight: var(--font-weight-semibold);
      margin: 0 0 1.5rem 0;
      & button {
        font-size: inherit;
      }
    }
    & > header {
      margin: 0 0 1.5rem 0;
    }

    & .empty-state {
      display: grid;
      place-items: center;
      padding: 2.5rem;
      text-align: center;

      & h5 {
        font-size: var(--text-size-2);
        font-weight: var(--font-weight-semibold);
        margin: 1.5rem auto 0.5rem auto;
      }

      & p {
        color: var(--neutral-5);
        font-size: var(--text-size-01);
      }
    }
  }

  /* ------------------------- Dialog Details Fragment ------------------------ */

  .dialog-details__fragment {
    margin: 0 0 3rem 0;
    & h2,
    & h3,
    & h4,
    & h5 {
      margin: 0;
    }
    & > header {
      margin: 0 0 0.5rem 0;
    }

    & fieldset {
      border: 0;
      display: flex;
      flex-direction: column;
      row-gap: 2rem;
      padding: 1rem 0;

      & textarea {
        min-height: 12rem;
      }
    }

    & .actions {
      align-items: center;
      display: flex;
      gap: 0.5rem;
      justify-content: flex-end;
      & button,
      & a {
        color: var(--blue-4);
        display: flex;
        font-weight: var(--font-weight-semibold);
        gap: 0.25rem;
        padding: 0 0.5rem;
      }
    }

    &.contact-info {
      background-color: var(--blue-8);
      background-image: url('/img/swirls-4-cropped.svg');
      background-position: 50% 50%;
      background-repeat: no-repeat;
      background-size: cover;
      border-radius: var(--radius-3);
      color: var(--blue-1);
      margin: 0;
      padding: 1.5rem;

      & h4 {
        font-weight: var(--font-weight-normal);
        margin: 1.5rem 0 0.5rem 0;
        & b {
          font-weight: var(--font-weight-semibold);
        }
      }
      & p {
        margin: 0;
      }
    }
  }

  /* ------------------------------ Empty States ------------------------------ */

  .co-empty-state {
    display: grid;
    height: auto;
    margin-top: var(--space-08);
    place-items: center;
    text-align: center;

    & > div {
      display: grid;
      place-items: center;
      gap: 1rem;
      margin: 3rem auto;
    }

    & h4 {
      font-size: var(--text-size-4);
      margin: 0;
    }

    & p {
      margin: 0;
    }
  }

  .loading-mask {
    animation: blink 1.5s cubic-bezier(0, 0, 0.3, 1) infinite;
    background-color: var(--neutral-8);
    border-radius: var(--radius-1);
    display: block;
    height: 1rem;
    width: 100%;
  }

  @keyframes blink {
    0%,
    100% {
      opacity: 1;
    }
    50% {
      opacity: 0.5;
    }
  }

  /* --------------------------- End of empty states -------------------------- */
}

/* ----------------------- @cae/cobalt-react overrides ---------------------- */
/* ------ Will use these to review styles supplied by @cae/cobalt-react ----- */

@layer override {
  .co-tooltip {
    font-size: var(--text-size-02);
    font-weight: 600;
  }

  .co-card {
    border-radius: var(--radius-3-5);
    box-shadow: 0 1px 16px 0 var(--skeleton-subtle);
  }

  .co-table {
    & .co-tag--compact {
      font-size: var(--text-size-02);
      font-weight: 450;
    }

    & thead th {
      color: var(--neutral-0);
      font-size: var(--text-size-02);
      font-weight: var(--font-weight-semibold);
      & .label {
        align-items: center;
        display: flex;
        gap: 0.25rem;
      }
      & .label--sort {
        display: inline-flex;
        cursor: pointer;

        &:focus-visible {
          outline: 2px solid var(--outline-color);
          outline-offset: 0.25rem;
        }
      }
    }
    & thead ~ tbody tr:first-of-type {
      background: linear-gradient(
        to top,
        var(--white) 0,
        var(--white) 85%,
        var(--neutral-9) 100%
      );
      &:hover {
        background: linear-gradient(
          to top,
          var(--blue-9) 0,
          var(--blue-9) 85%,
          hsla(221, 83%, 91%, 0.5) 100%
        );
      }
    }
    & tbody th,
    & tbody td {
      border-bottom: 1px solid var(--neutral-8);
      font-size: var(--text-size-1);
      padding-top: 1.5rem;
      padding-bottom: 1.5rem;
    }
  }

  .co-form__calendar {
    & article {
      width: auto;
    }
    & aside.shortcut-frame {
      padding: 0.5rem;
      & .co-btn--ghost {
        color: var(--blue-4);
        font-size: var(--text-size-1);
      }
    }
  }
}

@layer overrides {
  :where(html) {
    --font-weight-semibold: 500 !important;
    --font-weight-bold: 600 !important;
  }

  .cae-connect--main-frame
    .co-app__content
    .co-side-panel--left
    .co-side-panel__content {
    overflow-y: auto;
    overflow-x: hidden;
  }
  .co-pagination {
    border-top: 1px solid var(--neutral-7);
    border-bottom: 1px solid var(--neutral-7);
    box-shadow: 0 -0.5rem 0.5rem var(--neutral-9);
    margin-top: 0.5rem;
    padding: 0.5rem 0;
    & select {
      /* appearance: none; */
      background: transparent;
    }
  }

  :not(.co-form__toggle)&:not(.cobalt-checkbox) {
    & > input[type='checkbox'] {
      /* reset styles */
      appearance: none;
      margin: 0;
      /* end of reset styles */
      background-color: transparent;
      border: 1px solid var(--neutral-4);
      border-radius: var(--radius-2);
      cursor: pointer;
      display: grid;
      height: 1rem;
      place-content: center;
      width: 1rem;

      &::after {
        background-color: white;
        content: '';
        width: 0.6rem;
        height: 0.6rem;
        transform: scale(0);
        transition: 120ms transform ease-in-out;
        /* checkbox shape */
        transform-origin: bottom left;
        clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
      }
      &:checked {
        border-color: var(--primary-color);
        background-color: var(--primary-color);
      }
      &:checked::after {
        transform: scale(1);
      }
      &:focus {
        outline: max(0.125rem, 0.0625rem) solid var(--blue-4);
        outline-offset: max(0.125rem, 0.0625rem);
      }
      &:disabled {
        background-color: var(--disabled-bg-color, var(--neutral-8));
        border-color: var(--disabled-color, var(--neutral-6));
        cursor: not-allowed;
      }
    }
  }

  .co-screen__header {
    background-color: var(--surface-background);
    min-height: fit-content;

    @media (--xl-n-above) {
      padding: 2.25rem;
    }
    @media (--xl-only) {
      padding: 2rem;
    }
    @media (--lg-n-below) {
      padding: 1.5rem;
    }
  }

  .co-tabs {
    & nav[role='tablist'] {
      /* DO NOT cut off drop-shadow, adjust adjacent element spacing above :) */
      padding-top: 0.25rem;
      background-color: var(--surface-background);
      z-index: unset;

      & > button,
      & > span {
        padding: 1rem 1.5rem;
        white-space: nowrap;
      }

      & .count {
        color: var(--neutral-2);
        font-family: var(--font-family-text);
        font-style: normal;
        font-weight: var(--font-weight-normal);
      }
    }

    /* Hide horizontal scroll but allow swiping left/right */
    & nav[role='tablist'] {
      overflow-x: auto;
      padding-right: 1rem;
    }
    & nav[role='tablist'] {
      scrollbar-width: none; /* Firefox */
    }
    & nav[role='tablist']::-webkit-scrollbar {
      display: none; /* Safari, Chrome */
    }

    & [role='tab'] * {
      pointer-events: none;
    }

    &.co-tabs--contained {
      & [role='tab'] {
        &[aria-selected='true'] {
          background: var(--surface-primary);
        }
      }
    }
  }

  .co-alert--message {
    font-weight: var(--font-weight-semibold);

    &.co-alert--info {
      background-color: var(--blue-8);
    }
    &.co-alert--warning {
      background-color: var(--yellow-8);
    }
    &.co-alert--success {
      background-color: var(--green-8);
    }
    &.co-alert--error,
    &.co-alert--danger {
      background-color: var(--red-8);
    }
  }

  .input-layout {
    border-radius: var(--radius-3);
  }

  .co-form__textarea {
    & .input-layout {
      position: relative;
      & svg.co-icon--error {
        position: absolute;
        top: 0.75rem;
        right: 0.75rem;
      }
    }
  }

  .co-btn--md {
    height: 2.5rem;
  }
  .co-btn[disabled] {
    --disabled-bg-color: var(--neutral-7);
  }

  .co-form--invalid {
    & .input-layout {
      border: 2px solid var(--danger-color);

      &:focus-within {
        outline: 0;
      }
    }

    & .co-form__error {
      font-weight: var(--font-weight-semibold);
    }
  }

  .co-tag {
    display: inline-block;
    font-weight: 450;
    line-height: 1.6666;
    white-space: nowrap;
  }
  .co-tag--compact {
    line-height: 1.25rem;
  }

  .co-pagination {
    & .co-btn--md {
      height: auto;
    }
    & .divider {
      display: block;
      flex: 0 0 1px;
      height: 1.5rem;
      margin: 0 0.5rem;
      border-left: 1px solid var(--neutral-7);
    }
  }
}

:where(.co-modal) {
  & .co-modal__content {
    margin: 0;
    overscroll-behavior: none;
    padding: 0;
  }
  & .co-modal__close {
    top: 1.5rem;
    right: 1.5rem;
    z-index: 3;
  }

  &.co-modal--md {
    --size-md: 45rem; /* 720px */
    min-width: var(--size-md);
    @media (--sm-n-below) {
      & {
        --size-md: 22.5rem; /* 360px */
        & .co-modal__close {
          top: 1rem;
          right: 1rem;
        }
      }
    }
  }

  &.co-modal--sm {
    --size-sm: 22.5rem; /* 360px */
    min-width: var(--size-sm);
    & .co-modal__close {
      top: 1rem;
      right: 1rem;
    }
  }

  @media (--sm-n-below) {
    &.co-modal--xl,
    &.co-modal--lg,
    &.co-modal--md,
    &.co-modal--sm {
      --size-md: calc(100% - 4rem);
      --size-sm: calc(100% - 4rem);
      border-radius: var(--radius-3);
      min-height: var(--size-md);
      min-width: var(--size-md);
      max-width: calc(100% - 1rem);
      left: 0.5rem;
      right: 0.5rem;
      top: 3.5rem;
      bottom: 0.5rem;
    }
  }
}

:where(.co-split-panel) {
  & .co-split-panel__content {
    overscroll-behavior: none;
  }
  & .co-split-panel__close {
    border-radius: var(--radius-3);
    margin: 1rem;
  }

  &.co-split-panel--sm {
    --split-panel-width--sm: 22.5rem;
    --split-panel-width--md: 40rem;
  }
}

/* ************************************************************************************************
                                        GLOBAL CSS - Cobalt React
************************************************************************************************ */
/* TO DO: Remove this after CobaltSectionMessage is updated in Cobalt Library */
.cobalt-section-message {
  & h2 {
    font-size: var(--text-size-03);
    font-weight: var(--font-weight-semibold) !important;
  }
}

/* This two classes needs to be overritten in order to make the divider visible */
.cobalt-global-header {
  & .cobalt-global-header-actions {
    align-items: normal !important;
    .cobalt-button-icon-only {
      margin: auto;
    }
    & .cobalt-divider.cobalt-divider-vertical {
      height: auto;
    }
  }
  /* TO DO: overwrite remove when cobalt library values are updated */
  & .cobalt-global-header-left-content {
    .header-title-container {
      .header-title {
        font-weight: var(--font-weight-semibold) !important;
      }
    }
  }
}

.filter-side-panel .cobalt-side-panel-content {
  padding: initial;
}

.cobalt-side-panel-content,
.cobalt-modal-content {
  /* padding: 0 var(--space-24) var(--space-24);
    gap: var(--space-56); */
  & .empty-state {
    display: grid;
    place-items: center;
    padding: 2.5rem;
    text-align: center;

    & h5 {
      font-weight: var(--font-weight-semibold);
      margin-top: var(--space-32);
    }

    & p {
      color: var(--text-secondary);
      font-size: var(--font-typesize-02);
    }
  }

  & .side-panel-fragment {
    /* padding: 0 var(--space-24) var(--space-24); */
    gap: var(--space-24);
    &.contact-info {
      background-color: var(--support-info-subtle-background);
      background-image: url('/img/swirls-4-cropped.svg');
      background-position: 50% 50%;
      background-repeat: no-repeat;
      background-size: cover;
      border-radius: var(--radius-08);
      color: var(--text-primary);
      margin: 0;
      padding: var(--space-24);

      & h3 {
        margin: 0;
      }

      & h4 {
        font-weight: var(--font-weight-normal);
        margin: var(--space-16) 0 var(--space-08);
        & b {
          font-weight: var(--font-weight-semibold);
        }
      }
      & p {
        margin: 0;
      }
    }
  }
}

@media only screen and (max-width: 1024px) {
  & .cobalt-page-header__main {
    flex-direction: column !important;
    gap: var(--space-16) !important;
    & .cobalt-page-header__actions {
      margin-left: initial !important;
    }
  }
}

/* Tabs - the tablist scrolling should be handled by the component itself, but for now we can add this style to make it scrollable */
.cobalt-tab-group div[role='tablist'] {
  overflow-x: auto;
  padding-right: 1rem;
  scrollbar-width: none;
}
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* Slider */
.slick-loading .slick-list
{
    background: #fff url('/assets/ajax-loader-BcnMEykj.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('data:application/vnd.ms-fontobject;base64,AAgAAGQHAAABAAIAAAAAAAIABQkAAAAAAAABAJABAAAAAExQAQAAgCAAAAAAAAAAAAAAAAEAAAAAAAAATxDE8AAAAAAAAAAAAAAAAAAAAAAAAAoAcwBsAGkAYwBrAAAADgBSAGUAZwB1AGwAYQByAAAAFgBWAGUAcgBzAGkAbwBuACAAMQAuADAAAAAKAHMAbABpAGMAawAAAAAAAAEAAAANAIAAAwBQRkZUTW3RyK8AAAdIAAAAHEdERUYANAAGAAAHKAAAACBPUy8yT/b9sgAAAVgAAABWY21hcCIPRb0AAAHIAAABYmdhc3D//wADAAAHIAAAAAhnbHlmP5u2YAAAAzwAAAIsaGVhZAABMfsAAADcAAAANmhoZWED5QIFAAABFAAAACRobXR4BkoASgAAAbAAAAAWbG9jYQD2AaIAAAMsAAAAEG1heHAASwBHAAABOAAAACBuYW1lBSeBwgAABWgAAAFucG9zdC+zMgMAAAbYAAAARQABAAAAAQAA8MQQT18PPPUACwIAAAAAAM9xeH8AAAAAz3F4fwAlACUB2wHbAAAACAACAAAAAAAAAAEAAAHbAAAALgIAAAAAAAHbAAEAAAAAAAAAAAAAAAAAAAAEAAEAAAAHAEQAAgAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQIAAZAABQAIAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAIABQkAAAAAAACAAAABAAAAIAAAAAAAAAAAUGZFZABAAGEhkgHg/+AALgHb/9sAAAABAAAAAAAAAgAAAAAAAAACAAAAAgAAJQAlACUAJQAAAAAAAwAAAAMAAAAcAAEAAAAAAFwAAwABAAAAHAAEAEAAAAAMAAgAAgAEAAAAYSAiIZAhkv//AAAAAABhICIhkCGS//8AAP+l3+PedN5xAAEAAAAAAAAAAAAAAAAAAAEGAAABAAAAAAAAAAECAAAAAgAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGAIwAsAEWAAIAJQAlAdsB2wAYACwAAD8BNjQvASYjIg8BBhUUHwEHBhUUHwEWMzI2FAcGBwYiJyYnJjQ3Njc2MhcWF/GCBgaCBQcIBR0GBldXBgYdBQgH7x0eMjB8MDIeHR0eMjB8MDIecYIGDgaCBQUeBQcJBFhYBAkHBR4F0nwwMh4dHR4yMHwwMh4dHR4yAAAAAgAlACUB2wHbABgALAAAJTc2NTQvATc2NTQvASYjIg8BBhQfARYzMjYUBwYHBiInJicmNDc2NzYyFxYXASgdBgZXVwYGHQUIBwWCBgaCBQcIuB0eMjB8MDIeHR0eMjB8MDIecR4FBwkEWFgECQcFHgUFggYOBoIF0nwwMh4dHR4yMHwwMh4dHR4yAAABACUAJQHbAdsAEwAAABQHBgcGIicmJyY0NzY3NjIXFhcB2x0eMjB8MDIeHR0eMjB8MDIeAT58MDIeHR0eMjB8MDIeHR0eMgABACUAJQHbAdsAQwAAARUUBisBIicmPwEmIyIHBgcGBwYUFxYXFhcWMzI3Njc2MzIfARYVFAcGBwYjIicmJyYnJjQ3Njc2NzYzMhcWFzc2FxYB2woIgAsGBQkoKjodHBwSFAwLCwwUEhwcHSIeIBMGAQQDJwMCISspNC8mLBobFBERFBsaLCYvKicpHSUIDAsBt4AICgsLCScnCwwUEhwcOhwcEhQMCw8OHAMDJwMDAgQnFBQRFBsaLCZeJiwaGxQRDxEcJQgEBgAAAAAAAAwAlgABAAAAAAABAAUADAABAAAAAAACAAcAIgABAAAAAAADACEAbgABAAAAAAAEAAUAnAABAAAAAAAFAAsAugABAAAAAAAGAAUA0gADAAEECQABAAoAAAADAAEECQACAA4AEgADAAEECQADAEIAKgADAAEECQAEAAoAkAADAAEECQAFABYAogADAAEECQAGAAoAxgBzAGwAaQBjAGsAAHNsaWNrAABSAGUAZwB1AGwAYQByAABSZWd1bGFyAABGAG8AbgB0AEYAbwByAGcAZQAgADIALgAwACAAOgAgAHMAbABpAGMAawAgADoAIAAxADQALQA0AC0AMgAwADEANAAARm9udEZvcmdlIDIuMCA6IHNsaWNrIDogMTQtNC0yMDE0AABzAGwAaQBjAGsAAHNsaWNrAABWAGUAcgBzAGkAbwBuACAAMQAuADAAAFZlcnNpb24gMS4wAABzAGwAaQBjAGsAAHNsaWNrAAAAAAIAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAABwAAAAEAAgECAQMAhwBECmFycm93cmlnaHQJYXJyb3dsZWZ0AAAAAAAAAf//AAIAAQAAAA4AAAAYAAAAAAACAAEAAwAGAAEABAAAAAIAAAAAAAEAAAAAzu7XsAAAAADPcXh/AAAAAM9xeH8=');
    src: url('data:application/vnd.ms-fontobject;base64,AAgAAGQHAAABAAIAAAAAAAIABQkAAAAAAAABAJABAAAAAExQAQAAgCAAAAAAAAAAAAAAAAEAAAAAAAAATxDE8AAAAAAAAAAAAAAAAAAAAAAAAAoAcwBsAGkAYwBrAAAADgBSAGUAZwB1AGwAYQByAAAAFgBWAGUAcgBzAGkAbwBuACAAMQAuADAAAAAKAHMAbABpAGMAawAAAAAAAAEAAAANAIAAAwBQRkZUTW3RyK8AAAdIAAAAHEdERUYANAAGAAAHKAAAACBPUy8yT/b9sgAAAVgAAABWY21hcCIPRb0AAAHIAAABYmdhc3D//wADAAAHIAAAAAhnbHlmP5u2YAAAAzwAAAIsaGVhZAABMfsAAADcAAAANmhoZWED5QIFAAABFAAAACRobXR4BkoASgAAAbAAAAAWbG9jYQD2AaIAAAMsAAAAEG1heHAASwBHAAABOAAAACBuYW1lBSeBwgAABWgAAAFucG9zdC+zMgMAAAbYAAAARQABAAAAAQAA8MQQT18PPPUACwIAAAAAAM9xeH8AAAAAz3F4fwAlACUB2wHbAAAACAACAAAAAAAAAAEAAAHbAAAALgIAAAAAAAHbAAEAAAAAAAAAAAAAAAAAAAAEAAEAAAAHAEQAAgAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQIAAZAABQAIAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAIABQkAAAAAAACAAAABAAAAIAAAAAAAAAAAUGZFZABAAGEhkgHg/+AALgHb/9sAAAABAAAAAAAAAgAAAAAAAAACAAAAAgAAJQAlACUAJQAAAAAAAwAAAAMAAAAcAAEAAAAAAFwAAwABAAAAHAAEAEAAAAAMAAgAAgAEAAAAYSAiIZAhkv//AAAAAABhICIhkCGS//8AAP+l3+PedN5xAAEAAAAAAAAAAAAAAAAAAAEGAAABAAAAAAAAAAECAAAAAgAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGAIwAsAEWAAIAJQAlAdsB2wAYACwAAD8BNjQvASYjIg8BBhUUHwEHBhUUHwEWMzI2FAcGBwYiJyYnJjQ3Njc2MhcWF/GCBgaCBQcIBR0GBldXBgYdBQgH7x0eMjB8MDIeHR0eMjB8MDIecYIGDgaCBQUeBQcJBFhYBAkHBR4F0nwwMh4dHR4yMHwwMh4dHR4yAAAAAgAlACUB2wHbABgALAAAJTc2NTQvATc2NTQvASYjIg8BBhQfARYzMjYUBwYHBiInJicmNDc2NzYyFxYXASgdBgZXVwYGHQUIBwWCBgaCBQcIuB0eMjB8MDIeHR0eMjB8MDIecR4FBwkEWFgECQcFHgUFggYOBoIF0nwwMh4dHR4yMHwwMh4dHR4yAAABACUAJQHbAdsAEwAAABQHBgcGIicmJyY0NzY3NjIXFhcB2x0eMjB8MDIeHR0eMjB8MDIeAT58MDIeHR0eMjB8MDIeHR0eMgABACUAJQHbAdsAQwAAARUUBisBIicmPwEmIyIHBgcGBwYUFxYXFhcWMzI3Njc2MzIfARYVFAcGBwYjIicmJyYnJjQ3Njc2NzYzMhcWFzc2FxYB2woIgAsGBQkoKjodHBwSFAwLCwwUEhwcHSIeIBMGAQQDJwMCISspNC8mLBobFBERFBsaLCYvKicpHSUIDAsBt4AICgsLCScnCwwUEhwcOhwcEhQMCw8OHAMDJwMDAgQnFBQRFBsaLCZeJiwaGxQRDxEcJQgEBgAAAAAAAAwAlgABAAAAAAABAAUADAABAAAAAAACAAcAIgABAAAAAAADACEAbgABAAAAAAAEAAUAnAABAAAAAAAFAAsAugABAAAAAAAGAAUA0gADAAEECQABAAoAAAADAAEECQACAA4AEgADAAEECQADAEIAKgADAAEECQAEAAoAkAADAAEECQAFABYAogADAAEECQAGAAoAxgBzAGwAaQBjAGsAAHNsaWNrAABSAGUAZwB1AGwAYQByAABSZWd1bGFyAABGAG8AbgB0AEYAbwByAGcAZQAgADIALgAwACAAOgAgAHMAbABpAGMAawAgADoAIAAxADQALQA0AC0AMgAwADEANAAARm9udEZvcmdlIDIuMCA6IHNsaWNrIDogMTQtNC0yMDE0AABzAGwAaQBjAGsAAHNsaWNrAABWAGUAcgBzAGkAbwBuACAAMQAuADAAAFZlcnNpb24gMS4wAABzAGwAaQBjAGsAAHNsaWNrAAAAAAIAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAABwAAAAEAAgECAQMAhwBECmFycm93cmlnaHQJYXJyb3dsZWZ0AAAAAAAAAf//AAIAAQAAAA4AAAAYAAAAAAACAAEAAwAGAAEABAAAAAIAAAAAAAEAAAAAzu7XsAAAAADPcXh/AAAAAM9xeH8=') format('embedded-opentype'), url('data:font/woff;base64,d09GRk9UVE8AAAVkAAsAAAAAB1wAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAABCAAAAi4AAAKbH/pWDkZGVE0AAAM4AAAAGgAAABxt0civR0RFRgAAA1QAAAAcAAAAIAAyAARPUy8yAAADcAAAAFIAAABgUBj/rmNtYXAAAAPEAAAAUAAAAWIiC0SwaGVhZAAABBQAAAAuAAAANgABMftoaGVhAAAERAAAABwAAAAkA+UCA2htdHgAAARgAAAADgAAAA4ESgBKbWF4cAAABHAAAAAGAAAABgAFUABuYW1lAAAEeAAAANwAAAFuBSeBwnBvc3QAAAVUAAAAEAAAACAAAwABeJw9ks9vEkEUx2cpWyeUoFYgNkHi2Wt7N3rVm3cTs3UVLC4LxIWEQvi1P3i7O1tYLJDAmlgKGEhQrsajf0j7J3jYTXrQWUrMJG+++b55n5e8NwwKBhHDMLv5kxT3ATEBxKBn3qOAl9zxHgb1MAPhHQgHkyF08Gr/L8B/Eb6zWnmCJ7AJVLubQOheArXvJ1A4EXi6j4I+Zg9F0QFKvsnlBCmXeve+sFEnb/nCptdtQ4QYhVFRAT1HrF8UQK/RL/SbmUbclsvGVFXRZKDHUE38cc4qpkbAAsuwiImvro+ufcfaOIQ6szlrmjRJDaKZKnbjN3GWKIbiIzRFUfCffuxxKOL+3LDlDVvx2TdxN84qZEsnhNBa6pgm2dAsnzbLsETdsmRFxUeHV4e+I2/ptN8TyqV8T3Dt29t7EYOuajVIw2y1Wy3M86w0zg/Fz2IvawmQAUHOVrPVfLkoScVynsqsTG0MGUs4z55nh3mnOJa+li+rl9WpPIcFfDubDeaDC+fLBdYN3QADzLauGfj4B6sZmq6CCpqmtSvF0qlUl2qf5AJIUCSlTqlb7lUG+LRfGzZGzZEyBgccMu6MuqPecNDvD4Y9Kjtj4gD+DsvKVMTcMdtqtZtmkzQstQvYje7Syep0PDSAhSOeHYXYWThEF//A/0YvYV1fSQtpKU5STtrhbQ444OtpKSWJIg3pOg8cBs7maTY1EZf07aq+hjWs7IWzdCYTGhb2CtZ47x+Uhx28AAB4nGNgYGBkAIJz765vANHnCyvqYTQAWnkHswAAeJxjYGRgYOADYgkGEGBiYARCFjAG8RgABHYAN3icY2BmYmCcwMDKwMHow5jGwMDgDqW/MkgytDAwMDGwcjKAQQMDAyOQUmCAgoA01xQGB4ZExUmMD/4/YNBjvP3/NgNEDQPjbbBKBQZGADfLDgsAAHicY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQzMCQqKClOUJz0/z9YHRLv/+L7D+8V3cuHmgAHjGwM6ELUByxUMIOZCmbgAAA5LQ8XeJxjYGRgYABiO68w73h+m68M3EwMIHC+sKIeTqsyqDLeZrwN5HIwgKUB/aYJUgAAeJxjYGRgYLzNwMCgx8QAAkA2IwMqYAIAMGIB7QIAAAACAAAlACUAJQAlAAAAAFAAAAUAAHicbY49asNAEIU/2ZJDfkiRIvXapUFCEqpcptABUrg3ZhEiQoKVfY9UqVLlGDlADpAT5e16IUWysMz3hjfzBrjjjQT/EjKpCy+4YhN5yZoxcirPe+SMWz4jr6S+5UzSa3VuwpTnBfc8RF7yxDZyKs9r5IxHPiKv1P9iZqDnyAvMQ39UecbScVb/gJO03Xk4CFom3XYK1clhMdQUlKo7/d9NF13RkIdfy+MV7TSe2sl11tRFaXYmJKpWTd7kdVnJ8veevZKc+n3I93t9Jnvr5n4aTVWU/0z9AI2qMkV4nGNgZkAGjAxoAAAAjgAF') format('woff'), url('data:font/ttf;base64,AAEAAAANAIAAAwBQRkZUTW3RyK8AAAdIAAAAHEdERUYANAAGAAAHKAAAACBPUy8yT/b9sgAAAVgAAABWY21hcCIPRb0AAAHIAAABYmdhc3D//wADAAAHIAAAAAhnbHlmP5u2YAAAAzwAAAIsaGVhZAABMfsAAADcAAAANmhoZWED5QIFAAABFAAAACRobXR4BkoASgAAAbAAAAAWbG9jYQD2AaIAAAMsAAAAEG1heHAASwBHAAABOAAAACBuYW1lBSeBwgAABWgAAAFucG9zdC+zMgMAAAbYAAAARQABAAAAAQAA8MQQT18PPPUACwIAAAAAAM9xeH8AAAAAz3F4fwAlACUB2wHbAAAACAACAAAAAAAAAAEAAAHbAAAALgIAAAAAAAHbAAEAAAAAAAAAAAAAAAAAAAAEAAEAAAAHAEQAAgAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQIAAZAABQAIAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAIABQkAAAAAAACAAAABAAAAIAAAAAAAAAAAUGZFZABAAGEhkgHg/+AALgHb/9sAAAABAAAAAAAAAgAAAAAAAAACAAAAAgAAJQAlACUAJQAAAAAAAwAAAAMAAAAcAAEAAAAAAFwAAwABAAAAHAAEAEAAAAAMAAgAAgAEAAAAYSAiIZAhkv//AAAAAABhICIhkCGS//8AAP+l3+PedN5xAAEAAAAAAAAAAAAAAAAAAAEGAAABAAAAAAAAAAECAAAAAgAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGAIwAsAEWAAIAJQAlAdsB2wAYACwAAD8BNjQvASYjIg8BBhUUHwEHBhUUHwEWMzI2FAcGBwYiJyYnJjQ3Njc2MhcWF/GCBgaCBQcIBR0GBldXBgYdBQgH7x0eMjB8MDIeHR0eMjB8MDIecYIGDgaCBQUeBQcJBFhYBAkHBR4F0nwwMh4dHR4yMHwwMh4dHR4yAAAAAgAlACUB2wHbABgALAAAJTc2NTQvATc2NTQvASYjIg8BBhQfARYzMjYUBwYHBiInJicmNDc2NzYyFxYXASgdBgZXVwYGHQUIBwWCBgaCBQcIuB0eMjB8MDIeHR0eMjB8MDIecR4FBwkEWFgECQcFHgUFggYOBoIF0nwwMh4dHR4yMHwwMh4dHR4yAAABACUAJQHbAdsAEwAAABQHBgcGIicmJyY0NzY3NjIXFhcB2x0eMjB8MDIeHR0eMjB8MDIeAT58MDIeHR0eMjB8MDIeHR0eMgABACUAJQHbAdsAQwAAARUUBisBIicmPwEmIyIHBgcGBwYUFxYXFhcWMzI3Njc2MzIfARYVFAcGBwYjIicmJyYnJjQ3Njc2NzYzMhcWFzc2FxYB2woIgAsGBQkoKjodHBwSFAwLCwwUEhwcHSIeIBMGAQQDJwMCISspNC8mLBobFBERFBsaLCYvKicpHSUIDAsBt4AICgsLCScnCwwUEhwcOhwcEhQMCw8OHAMDJwMDAgQnFBQRFBsaLCZeJiwaGxQRDxEcJQgEBgAAAAAAAAwAlgABAAAAAAABAAUADAABAAAAAAACAAcAIgABAAAAAAADACEAbgABAAAAAAAEAAUAnAABAAAAAAAFAAsAugABAAAAAAAGAAUA0gADAAEECQABAAoAAAADAAEECQACAA4AEgADAAEECQADAEIAKgADAAEECQAEAAoAkAADAAEECQAFABYAogADAAEECQAGAAoAxgBzAGwAaQBjAGsAAHNsaWNrAABSAGUAZwB1AGwAYQByAABSZWd1bGFyAABGAG8AbgB0AEYAbwByAGcAZQAgADIALgAwACAAOgAgAHMAbABpAGMAawAgADoAIAAxADQALQA0AC0AMgAwADEANAAARm9udEZvcmdlIDIuMCA6IHNsaWNrIDogMTQtNC0yMDE0AABzAGwAaQBjAGsAAHNsaWNrAABWAGUAcgBzAGkAbwBuACAAMQAuADAAAFZlcnNpb24gMS4wAABzAGwAaQBjAGsAAHNsaWNrAAAAAAIAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAABwAAAAEAAgECAQMAhwBECmFycm93cmlnaHQJYXJyb3dsZWZ0AAAAAAAAAf//AAIAAQAAAA4AAAAYAAAAAAACAAEAAwAGAAEABAAAAAIAAAAAAAEAAAAAzu7XsAAAAADPcXh/AAAAAM9xeH8=') format('truetype'), url('/assets/slick-BlzDm7g2.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}
@layer component{.co-icon{pointer-events:none}.co-icon.co-icon--xs{height:.75rem;width:.75rem}.co-icon.co-icon--sm{height:1rem;width:1rem}.co-icon.co-icon--md{height:1.5rem;width:1.5rem}.co-icon.co-icon--lg{height:2rem;width:2rem}.co-icon.co-icon--xl{height:3rem;width:3rem}.co-icon.co-icon--xxl{height:4rem;width:4rem}.co-icon.co-icon--info{color:var(--info-color)}.co-icon.co-icon--warning{color:var(--warning-color)}.co-icon.co-icon--error{color:var(--danger-color)}.co-icon.co-icon--success{color:var(--success-color)}}
@layer element{input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=hidden]){text-overflow:ellipsis}input[type=radio],input[type=checkbox]{align-self:start;font-size:var(--text-size-sm);height:1.25rem;justify-self:center;margin:0;outline-offset:1px;width:1.25rem}input[type=radio]:hover,input[type=checkbox]:hover{cursor:pointer}input[type=radio]:not(:checked),input[type=checkbox]:not(:checked){-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--surface-primary-bg-color);border:1px solid var(--stroke-color)}input[type=radio]:focus-visible,input[type=checkbox]:focus-visible{outline:2px solid var(--outline-color)}input[type=radio]{border-radius:100%}input[type=radio][aria-invalid=true],input[type=checkbox][aria-invalid=true]{accent-color:var(--danger-color)}}@layer component{.co-form{display:block}.co-form__control{display:flex}.co-form__control--vertical{flex-direction:column;justify-content:flex-start}.co-form__control--horizontal{flex-direction:row;align-items:center;column-gap:1rem}.co-form__label{color:var(--field-label-color);display:flex;font-weight:var(--font-weight-semibold);justify-content:space-between;line-height:1rem;margin:0;padding:0}.co-form__label .extra{font-weight:var(--font-weight-regular)}.co-form__label .danger{color:var(--danger-color)}.co-form__control--vertical .co-form__label{margin:0 0 .25rem;white-space:nowrap}.co-form__control--vertical .co-form__helper-text,.co-form__control--vertical .co-form__error{margin:.25rem 0 0}.co-form__control--horizontal .co-form__label{margin:0 .5rem 0 0}.co-form__control--horizontal .co-form__helper-text,.co-form__control--horizontal .co-form__error{margin:0 0 0 .5rem}.co-form__label.required{font-weight:var(--font-weight-bold)}.co-form__helper-text{color:var(--field-helper-text-color);font-weight:var(--font-weight-regular)}.co-form__label,.co-form__helper-text{font-size:var(--text-size-xs)}.co-form__control.disabled .co-form__helper-text,.co-form__control.disabled .input-layout{color:var(--disabled-color)}.co-form__control.disabled .input-layout{background-color:var(--disabled-bg-color);border-color:var(--stroke-disabled-color)}.co-form__control.disabled :focus,.co-form__control.disabled :focus-visible,.co-form__control.disabled :focus-within{outline:0}.co-form__control.disabled .value-display .value-chip{background-color:var(--surface-active-bg-color);color:var(--stroke-color)}.co-form__control.disabled .value-display .value-chip:hover{background-color:var(--surface-active-bg-color);color:var(--stroke-color)}.co-form__control.disabled .value-display .value-chip button:hover{background:transparent;color:inherit}.co-form__radio-group,.co-form__checkbox-group{display:flex;align-items:flex-start}.co-form__radio-group--vertical,.co-form__checkbox-group--vertical{flex-direction:column;row-gap:1rem}.co-form__radio-group--horizontal,.co-form__checkbox-group--horizontal{flex-direction:row;column-gap:1rem}.co-form__radio-group .input-list,.co-form__checkbox-group .input-list{display:flex;margin:0;padding:0}.co-form__radio-group--vertical .input-list,.co-form__checkbox-group--vertical .input-list{flex-direction:column;gap:.5rem}.co-form__radio-group--horizontal .input-list,.co-form__checkbox-group--horizontal .input-list{flex-direction:row;flex-wrap:wrap;column-gap:1rem;row-gap:.5rem}.co-form__control.co-form__checkbox,.co-form__control.co-form__radio{display:grid;grid-template-columns:1.25rem auto;row-gap:0rem;column-gap:.5rem}.co-form__checkbox .co-form__field,.co-form__radio .co-form__field{position:unset}.co-form__control.co-form__checkbox .co-form__label,.co-form__control.co-form__radio .co-form__label{align-self:center;font-size:var(--text-size-sm);font-weight:var(--font-weight-regular);grid-column:2/3;grid-row:1/2;margin:0;padding:0}.co-form__control.co-form__checkbox .co-form__helper-text,.co-form__control.co-form__radio .co-form__helper-text{grid-column:2/3;grid-row:2/3}.co-form__field{display:flex;flex-direction:column;font-family:inherit;margin:0;position:relative}.co-form__field .select-options{display:block;list-style:none;margin:0;padding:0}.co-form__field dialog{border:0;border-radius:var(--radius-2);background-color:var(--surface-primary-bg-color);box-shadow:var(--shadow--lifted-16);left:0;position:absolute;padding:0;top:0;width:max-content;z-index:1}.co-form__field .co-form__error{color:var(--danger-color)}.co-form__control--horizontal .co-form__field{flex:1}.input-layout{align-items:center;background-color:var(--surface-primary-bg-color);border-radius:var(--radius-2);border:1px solid var(--stroke-color);color:var(--text-primary-color);display:flex;flex:1;column-gap:.5rem;line-height:1;padding:var(--padding-sm) .75rem;min-height:2.5rem}.input-layout:hover{border:1px solid var(--stroke-hover-color)}.input-layout:focus-within{border:1px solid var(--outline-color);outline:1px solid var(--outline-color)}.input-layout input,.input-layout textarea,.input-layout select{background:transparent;border:0;color:inherit;flex:1;outline:0;width:100%}.input-layout button{align-items:center;border:0;border-radius:var(--radius-2);background:transparent;justify-content:center;line-height:1;margin:0 calc(var(--padding-sm) * -1) 0 0;padding:var(--padding-sm)}.input-layout button:hover{background-color:var(--surface-hover-bg-color)}.input-layout button:active{background-color:var(--surface-active-bg-color)}.input-layout button.btn-clear{color:var(--neutral-primary)}.input-layout button.btn-clear:hover,.input-layout button.btn-clear:focus{color:var(--stroke-hover-color)}.input-layout button.btn-clear:focus-visible{outline:1px solid var(--outline-color)}.input-layout button.btn-clear:active{color:var(--stroke-hover-color)}.input-layout button.listbox-trigger{margin:0}.input-layout svg{flex:0 0 1rem}.input-layout svg.co-icon--error{margin-left:auto}.input-layout:has(svg.co-icon--error){border:1px solid var(--danger-color)}.with-error-icon .input-layout{border:1px solid var(--danger-color)}.with-error-icon .input-layout:focus-within,.with-error-icon .input-layout:focus-visible,.input-layout:has(svg.co-icon--error):focus-within,.input-layout:has(svg.co-icon--error):focus-visible{border:1px solid var(--outline-color);outline:1px solid var(--outline-color)}.co-form__message{font-size:var(--text-size-xs)}.co-form__control .co-form__message{display:block}.co-form__error{color:var(--danger-color)}.co-form__checkbox.co-form--invalid .co-form__label,.co-form__radio.co-form--invalid .co-form__label{color:var(--field-label-color)}.co-form--with-listbox{flex:1;position:relative}.co-form--with-listbox .valuebox{display:flex;flex:1;flex-wrap:wrap;gap:.25rem;min-width:4rem}.co-form--with-listbox .valuebox.has-value{padding-left:.25rem}.co-form--with-listbox .valuebox.has-value.chips{padding-left:0}.co-form--with-listbox .valuebox.has-value .placeholder{display:none}.co-form--with-listbox .valuebox .value-display{align-items:center;background-color:transparent;display:flex;flex:1;flex-wrap:wrap;gap:.25rem;line-height:1}.co-form--with-listbox .valuebox .value-display.basic,.co-form--with-listbox .valuebox .value-display .value-basic{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.co-form--with-listbox .valuebox.has-filter .value-display{flex:unset}.co-form--with-listbox .valuebox .value-chips{align-items:center;background:var(--field-chip-bd-color);border-radius:var(--radius-2);color:var(--field-chip-color);display:flex;font-size:var(--text-size-01);gap:.25rem;line-height:1;margin:0;padding:.1rem .1rem .1rem .375rem;white-space:nowrap}.co-form--with-listbox .valuebox .value-chips:last-of-type{margin-right:.25rem}.co-form--with-listbox .valuebox .value-chips:hover{background-color:var(--field-chip-bg-hover-color);color:var(--field-chip-hover-color)}.co-form--with-listbox .valuebox .value-chips button{border-radius:var(--radius-1);margin:0;padding:0}.co-form--with-listbox .valuebox .value-chips button:focus-visible{outline:1px solid var(--outline-color)}.co-form--with-listbox .valuebox .value-chips button:hover,.co-form--with-listbox .valuebox .value-chips button:active{background-color:var(--field-chip-bg-active-color);color:var(--field-chip-active-color)}.co-form--with-listbox .valuebox .value-chips svg{display:block;margin:0;padding:0;pointer-events:none}.co-form--with-listbox .placeholder,.co-form--with-listbox input[type=search]{flex:1;margin:0 .25rem 0 0;padding:0;min-width:4rem}.co-form--with-listbox .listbox{background:var(--surface-primary-bg-color);box-shadow:var(--shadow--raised-16);border-radius:var(--radius-2);display:none;margin:0;padding:0;position:absolute}.co-form--with-listbox .listbox.listbox-open{display:block;z-index:9999;width:100%}.co-form--with-listbox .listbox input[type=checkbox]{width:1rem;height:1rem}.co-form--with-listbox .listbox svg{height:16px;width:16px}.co-form--with-listbox .listbox .enhanced{background:linear-gradient(to top,var(--surface-hover-bg-color) 0%,var(--surface-active-bg-color) 20%);border-bottom:1px solid var(--stroke-color);border-radius:var(--radius-3) var(--radius-3) 0 0;color:var(--surface-fg-color);display:flex;flex-wrap:wrap;font-size:var(--text-size-01);gap:.5rem;justify-content:space-between;line-height:1;margin:0;padding:.25rem .5rem}.co-form--with-listbox .listbox .enhanced label,.co-form--with-listbox .listbox .enhanced button{display:flex;gap:.5rem;font-size:var(--text-size-01);white-space:nowrap}.co-form--with-listbox .listbox .enhanced button{background:transparent;align-items:center;display:flex;margin:0 0 0 auto}.co-form--with-listbox .listbox .enhanced button:hover{color:var(--surface-hover-fg-color)}.co-form--with-listbox .listbox .enhanced button:active{color:var(--surface-active-fg-color)}.co-form--with-listbox .listbox .options{display:flex;flex-direction:column;margin:0;max-height:12rem;overflow-y:auto;padding:0}.co-form--with-listbox .listbox [role=option]{background:transparent;border-bottom:0;color:var(--field-option-color);display:flex;flex:1;font-size:var(--text-size-01);gap:.5rem;line-height:1;margin:0;padding:.25rem 0}.co-form--with-listbox .listbox [role=option] input[type=checkbox]{margin:0 0 0 .5rem}.co-form--with-listbox .listbox [role=option]:hover{background-color:var(--field-option-hover-bg-color)}.co-form--with-listbox .listbox [role=option]:active{background-color:var(--field-option-active-bg-color);color:var(--field-option-active-color)}.co-form--with-listbox .listbox [role=option]:focus-visible,.co-form--with-listbox .listbox [role=option][aria-selected=true]{background:var(--field-option-focus-bg-color);color:var(--field-option-focus-color)}}
@layer component{.co-avatar{background-color:var(--blue-400);background-position:50% 50%;background-repeat:no-repeat;background-size:cover;display:flex;align-items:center;justify-content:center;color:var(--white);font-weight:var(--font-weight-bold)}.co-avatar--xxl{height:12rem;width:12rem;font-size:var(--text-size-15)}.co-avatar--xl{height:8rem;width:8rem;font-size:var(--text-size-11-5)}.co-avatar--lg{height:5rem;width:5rem;font-size:var(--text-size-7)}.co-avatar--md{height:3rem;width:3rem;font-size:var(--text-size-3)}.co-avatar--sm{height:2rem;width:2rem;font-size:var(--text-size-01)}.co-avatar--xs{height:1rem;width:1rem;font-size:var(--text-size-02);font-weight:var(--font-weight-light)}.co-avatar--round{border-radius:100vh}.co-avatar--base{box-shadow:none}.co-avatar--skim{box-shadow:var(--shadow--skim-16)}.co-avatar--lifted{box-shadow:var(--shadow--lifted-16)}.co-avatar--raised{box-shadow:var(--shadow--raised-16)}.co-avatar--floating{box-shadow:var(--shadow--floating-16)}}
@layer component{.co-btn{align-items:center;cursor:pointer;border-style:solid;border-width:2px;display:flex;font-weight:var(--font-weight-semibold);gap:.5rem}.co-btn:focus-visible{outline:2px solid var(--outline-color);outline-offset:1px}.co-btn--xl{border-radius:var(--radius-5);font-size:var(--text-size-4);padding:1.5rem 3rem}.co-btn--xl svg{height:var(--text-size-7);width:var(--text-size-7)}.co-btn--xl.co-btn--icon{padding:1rem}.co-btn--xl.co-btn--icon svg{height:4rem;width:4rem}.co-btn--lg{border-radius:var(--radius-4);font-size:var(--text-size-3);padding:1rem 2rem}.co-btn--lg svg{height:var(--text-size-6);width:var(--text-size-6)}.co-btn--lg.co-btn--icon{padding:.75rem}.co-btn--lg.co-btn--icon svg{height:3rem;width:3rem}.co-btn--md{border-radius:var(--radius-3);font-size:var(--text-size-1);padding:.5rem 1rem}.co-btn--md svg{height:var(--text-size-4);width:var(--text-size-4)}.co-btn--md.co-btn--icon{padding:.5rem}.co-btn--md.co-btn--icon svg{height:1.5rem;width:1.5rem}.co-btn--sm{border-radius:var(--radius-2);font-size:var(--text-size-01);padding:.25rem .5rem}.co-btn--sm svg{height:var(--text-size-1);width:var(--text-size-1)}.co-btn--sm.co-btn--icon{padding:.075rem}.co-btn--sm.co-btn--icon svg{height:1rem;width:1rem}.co-btn--xs{border-radius:var(--radius-2);font-size:var(--text-size-02);padding:.15rem .25rem}.co-btn--xs svg{height:var(--text-size-02);width:var(--text-size-02)}.co-btn--xs.co-btn--icon{padding:.05rem}.co-btn--xs.co-btn--icon svg{height:.75rem;width:.75rem}.co-btn--primary{background-color:var(--primary-color);border-color:var(--primary-color);color:var(--white)}.co-btn--primary:hover{background-color:var(--primary-hover-color);border-color:var(--primary-hover-color)}.co-btn--primary:active{background-color:var(--primary-active-color);border-color:var(--primary-active-color)}.co-btn--primary.co-btn--danger{background-color:var(--danger-color);border-color:var(--danger-color)}.co-btn--primary.co-btn--danger:hover:not(:disabled){background-color:var(--danger-hover-color);border-color:var(--danger-hover-color)}.co-btn--primary.co-btn--danger:active:not(:disabled){background-color:var(--danger-active-color);border-color:var(--danger-active-color)}.co-btn--secondary{background-color:var(--btn-secondary-bg-color);border-color:var(--btn-secondary-bg-color);color:var(--btn-secondary-color)}.co-btn--secondary:hover{background-color:var(--btn-secondary-hover-bg-color);border-color:var(--btn-secondary-hover-bg-color)}.co-btn--secondary:active{background-color:var(--btn-secondary-active-bg-color);border-color:var(--btn-secondary-active-bg-color)}.co-btn--tertiary{background-color:var(--btn-tertiary-bg-color);border-color:var(--btn-tertiary-color);color:var(--btn-tertiary-color)}.co-btn--tertiary:hover{border-color:var(--btn-tertiary-hover-color)}.co-btn--tertiary:active{border-color:var(--btn-tertiary-active-color)}.co-btn--tertiary.co-btn--danger{border-color:var(--danger-color);color:var(--danger-color)}.co-btn--tertiary.co-btn--danger:hover:not(:disabled){border-color:var(--danger-hover-color);color:var(--danger-hover-color)}.co-btn--tertiary.co-btn--danger:active:not(:disabled){border-color:var(--danger-active-color);color:var(--danger-active-color)}.co-btn--primary:disabled,.co-btn--secondary:disabled,.co-btn--tertiary:disabled{background-color:var(--disabled-bg-color);border-color:var(--disabled-bg-color)}.co-btn--ghost{color:var(--btn-ghost-color)}.co-btn--ghost.co-btn--danger{color:var(--danger-color)}.co-btn--ghost.co-btn--danger:hover:not(:disabled){color:var(--danger-hover-color)}.co-btn--ghost.co-btn--danger:active:not(:disabled){color:var(--danger-active-color)}.co-btn--ghost,.co-btn--icon{background-color:transparent;border-color:transparent}.co-btn--ghost:hover,.co-btn--icon:hover{background-color:var(--btn-ghost-hover-bg-color);border-color:var(--btn-ghost-hover-bg-color)}.co-btn--ghost:active,.co-btn--icon:active{background-color:var(--btn-ghost-active-bg-color);border-color:var(--btn-ghost-active-bg-color)}.co-btn--ghost:disabled,.co-btn--icon:disabled{background:transparent;border-color:transparent}.co-btn--icon{color:var(--surface-fg-color)}.co-btn--icon.co-btn--danger{color:var(--danger-color)}.co-btn--icon.co-btn--danger:hover:not(:disabled){background-color:var(--danger-hover-color);border-color:var(--danger-hover-color);color:var(--white)}.co-btn--icon.co-btn--danger:active:not(:disabled){background-color:var(--danger-active-color);border-color:var(--danger-active-color);color:var(--white)}.co-btn--primary:disabled,.co-btn--secondary:disabled,.co-btn--tertiary:disabled,.co-btn--ghost:disabled,.co-btn--icon:disabled{color:var(--disabled-color)}.co-btn--transparent{border-color:transparent}.co-btn--transparent:active:not(:disabled),.co-btn--transparent:hover:not(:disabled){text-decoration:underline}}
@layer component{.co-card{background-color:var(--surface-primary-bg-color);border-radius:var(--radius-3);color:var(--text-primary-color);padding:1rem}.co-card .co-card__inner{display:flex;flex-direction:column;height:100%;position:relative}.co-card.co-card--bg-wave1,.co-card.co-card--bg-wave2,.co-card.co-card--bg-wave3{background-blend-mode:hard-light;background-position:bottom center;background-repeat:no-repeat;background-size:auto auto}.co-card.co-card--bg-wave1{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='100%25' width='100%25' viewBox='0 0 1440 320'%3E%3Cpath fill='hsla(0,0%,0%, 0.05)' d='M0 192L80 170.7C160 149 320 107 480 117.3C640 128 800 192 960 192C1120 192 1280 128 1360 96L1440 64L1440 320L1360 320C1280 320 1120 320 960 320C800 320 640 320 480 320C320 320 160 320 80 320L0 320Z' /%3E%3C/svg%3E")}:where(.co-card){--card-secondary-bg-color: var(--neutral-800);--card-secondary-fg-color: var(--neutral-075)}.co-card--primary{background-color:var(--primary-color);color:var(--white)}.co-card--secondary{background-color:var(--blue-subtle);color:var(--text-primary-color)}.co-card--neutral-out,.co-card--info-out,.co-card--warning-out,.co-card--danger-out,.co-card--success-out{border-style:solid;border-width:0 0 0 .5rem}.co-card--neutral-out.co-card--vertical .co-card__image,.co-card--info-out.co-card--vertical .co-card__image,.co-card--warning-out.co-card--vertical .co-card__image,.co-card--danger-out.co-card--vertical .co-card__image,.co-card--success-out.co-card--vertical .co-card__image{border-radius:0 var(--radius-3) 0 0}.co-card--neutral-out.co-card--horizontal .co-card__image,.co-card--info-out.co-card--horizontal .co-card__image,.co-card--warning-out.co-card--horizontal .co-card__image,.co-card--danger-out.co-card--horizontal .co-card__image,.co-card--success-out.co-card--horizontal .co-card__image{border-radius:0}.co-card--neutral-out .co-card__background svg,.co-card--info-out .co-card__background svg,.co-card--warning-out .co-card__background svg,.co-card--danger-out .co-card__background svg,.co-card--success-out .co-card__background svg{border-radius:0 0 var(--radius-3 0)}.co-card--neutral-in,.co-card--info-in,.co-card--warning-in,.co-card--danger-in,.co-card--success-in{padding:1rem 1rem 1rem .75rem}.co-card--neutral-in .co-card__inner:before,.co-card--info-in .co-card__inner:before,.co-card--warning-in .co-card__inner:before,.co-card--danger-in .co-card__inner:before,.co-card--success-in .co-card__inner:before{border-radius:.375rem;content:"";display:block;height:auto;margin:0;position:absolute;top:0;left:0;bottom:0;width:.375rem}.co-card--neutral-in .co-card__inner>*,.co-card--info-in .co-card__inner>*,.co-card--warning-in .co-card__inner>*,.co-card--danger-in .co-card__inner>*,.co-card--success-in .co-card__inner>*{position:relative;margin-left:1.25rem}.co-card--neutral-out{border-color:var(--neutral-600)}.co-card--neutral-in .co-card__inner:before{background-color:var(--neutral-600)}.co-card--info-out{border-color:var(--info-color)}.co-card--info-in .co-card__inner:before{background-color:var(--info-color)}.co-card--warning-out{border-color:var(--warning-color)}.co-card--warning-in .co-card__inner:before{background-color:var(--warning-color)}.co-card--danger-out{border-color:var(--danger-color)}.co-card--danger-in .co-card__inner:before{background-color:var(--danger-color)}.co-card--success-out{border-color:var(--success-color)}.co-card--success-in .co-card__inner:before{background-color:var(--success-color)}.co-card--contrast{background-color:var(--text-primary-color);color:var(--surface-primary-bg-color)}.co-card--red{background-color:var(--red-subtle);color:var(--text-primary-color)}.co-card--green{background-color:var(--green-subtle);color:var(--text-primary-color)}.co-card--blue{background-color:var(--blue-subtle);color:var(--text-primary-color)}.co-card--yellow{background-color:var(--yellow-subtle);color:var(--text-primary-color)}.co-card--orange{background-color:var(--orange-subtle);color:var(--text-primary-color)}.co-card--pink{background-color:var(--pink-subtle);color:var(--text-primary-color)}.co-card--purple{background-color:var(--purple-subtle);color:var(--text-primary-color)}.co-card--turquoise{background-color:var(--turquoise-subtle);color:var(--text-primary-color)}.co-card--teal{background-color:var(--teal-subtle);color:var(--text-primary-color)}.co-card--lime{background-color:var(--lime-subtle);color:var(--text-primary-color)}.co-card--base{box-shadow:none}.co-card--skim{box-shadow:var(--shadow--skim-16)}.co-card--lifted{box-shadow:var(--shadow--lifted-16)}.co-card--raised{box-shadow:var(--shadow--raised-16)}.co-card--floating{box-shadow:var(--shadow--floating-16)}.co-card__image{background-size:cover;background-position:center center}.co-card--vertical{display:flex;flex-direction:column}.co-card--vertical .co-card__image{border-radius:var(--radius-3) var(--radius-3) 0 0;margin:-1rem -1rem 1rem}.co-card--vertical.co-card--neutral-in .co-card__image,.co-card--vertical.co-card--info-in .co-card__image,.co-card--vertical.co-card--warning-in .co-card__image,.co-card--vertical.co-card--danger-in .co-card__image,.co-card--vertical.co-card--success-in .co-card__image{margin:-1rem -1rem 1rem -.75rem}.co-card--horizontal{display:flex;flex-direction:row}.co-card--horizontal .co-card__image{border-radius:var(--radius-3) 0 0 var(--radius-3);margin:-1rem 1rem -1rem -1rem}.co-card__header{display:flex;justify-content:space-between;padding:0 0 1rem;position:relative;width:100%}.co-card__footer{align-items:center;align-self:flex-end;display:flex;gap:1rem;justify-content:flex-end;margin:auto 0 0;padding:1rem 0 0;width:100%}.co-card__header h1,.co-card__header h2,.co-card__header h3,.co-card__header h4,.co-card__header h5,.co-card__header h6{margin:0 auto 0 0;padding:0}.co-card__header .title{font-size:var(--text-size-4);font-weight:650;line-height:1.2}.co-card__header .subtitle{font-size:var(--text-size-1);font-weight:var(--font-weight--normal);line-height:1.2}}
@layer component{:where(.co-context-switch){--button-height: 4rem;--button-width: 16rem}.co-context-switch{position:relative}.co-context-switch button{display:flex;margin:0;width:100%}.co-context-switch button span,.co-context-switch button svg{pointer-events:none}.co-context-switch button .co-context-icon{align-self:center;display:grid;font-size:var(--text-size-01);place-items:center}.co-context-switch button .co-context-icon>svg{display:grid;place:center}.co-context-switch button .co-context-icon span{background-color:var(--surface-hover-bg-color);border-radius:100%;display:grid;height:2.5rem;width:2.5rem;place-items:center}.co-context-switch button>p{display:block;line-height:1;margin:0;padding:0}.co-context-switch button:hover{background:var(--surface-hover-bg-color)}.co-context-switch button:active{background:var(--surface-active-bg-color)}.co-context-switch button:not(.current-option){color:var(--text-primary-color);height:2.5rem;line-height:2.5rem;overflow:hidden;padding:0 .75rem;text-overflow:ellipsis;white-space:nowrap}.co-context-switch button:not(.current-option):hover .co-context-icon span{background-color:var(--surface-active-bg-color)}.co-context-switch button:not(.current-option)[aria-selected=true]{background:var(--field-chip-bd-color);font-weight:var(--font-weight-semibold)}.co-context-switch button:not(.current-option)[aria-selected=true] .co-context-icon span{background-color:var(--outline-color);color:var(--field-chip-active-color)}.co-context-switch button:not(.current-option)[aria-selected=true]:disabled{color:var(--surface-fg-color)}.co-context-switch button:not(.current-option):focus-visible{background:var(--outline-color);color:var(--field-chip-active-color)}.co-context-switch button:not(.current-option):disabled{color:var(--disabled-color)}.co-context-switch button.current-option{color:var(--text-primary-color);display:grid;grid-template-columns:var(--button-height) 1fr calc(var(--button-height) / 2);grid-template-rows:1.75rem 2.25rem}.co-context-switch button.current-option>.co-context-icon{grid-column:1/2;grid-row:1/3;font-weight:var(--font-weight-semibold)}.co-context-switch button.current-option:hover>.co-context-icon span{background-color:var(--surface-hover-bg-color)}.co-context-switch button.current-option>p:first-of-type{align-self:end;color:var(--stroke-color);font-size:var(--text-size-02);grid-column:2/3;grid-row:1/2;padding-block:0}.co-context-switch button.current-option>p:last-of-type{align-self:start;font-size:var(--text-size-01);font-weight:var(--font-weight-semibold);grid-column:2/3;grid-row:2/3;line-height:1.4rem;padding-block:0;max-width:calc(var(--button-width) - var(--button-height) - var(--button-height) / 2));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.co-context-switch button.current-option>.chevron{grid-column:3/4;grid-row:1/3}.co-context-switch div.filter{background:linear-gradient(to bottom,var(--surface-primary-bg-color) 0%,var(--surface-primary-bg-color) 90%,hsla(0,0%,0%,0) 100%);position:sticky;top:0rem;width:100%}.co-context-switch input[type=search]{border:1px solid var(--stroke-color);border-radius:var(--radius-2);height:2.5rem;margin:.5rem .75rem;padding-inline:.75rem;width:calc(100% - 1.5rem)}.co-context-switch input[type=search]:focus-visible{border-color:var(--stroke-color);outline:2px solid var(--outline-color)}.co-context-switch div[role=listbox]{background:var(--surface-primary-bg-color);display:none;position:absolute;left:0;padding-block:0 1rem;right:0;top:var(--button-height);width:100%}.co-context-switch div[role=listbox] span.label{display:block;overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}.co-context-switch div[role=listbox][aria-expanded=true]{border-bottom:1px solid var(--stroke-subtle-color);display:block;overflow-x:hidden;overflow-y:auto}.co-side-navigation[data-open=false] .co-context-switch{width:var(--button-height)}.co-side-navigation[data-open=false] .co-context-switch div.filter{display:none}.co-side-navigation[data-open=false] .co-context-switch div[role=listbox][aria-expanded=true]{scrollbar-width:none}.co-side-navigation[data-open=false] .co-context-switch div[role=listbox][aria-expanded=true] ::-webkit-scrollbar{width:0;background:transparent}.co-side-navigation[data-open=false] .co-context-switch button{display:grid;place-items:center}.co-side-navigation[data-open=false] .co-context-switch button:not(.current-option){height:var(--button-height)}.co-side-navigation[data-open=false] .co-context-switch button>p,.co-side-navigation[data-open=false] .co-context-switch button>.chevron,.co-side-navigation[data-open=false] .co-context-switch button span.label{display:none}.co-side-navigation[data-open=false] .co-context-switch button:focus-visible .co-context-icon span{background:var(--btn-tertiary-active-color)}.co-side-navigation[data-open=true] .co-context-switch{width:var(--button-width)}.co-side-navigation[data-open=true] .co-context-switch button:not(.current-option){height:2.5rem;line-height:2.5rem}.co-side-navigation[data-open=true] .co-context-switch button:not(.current-option)>.co-context-icon{display:none}.co-side-navigation--compact .co-side-navigation .co-context-switch button:not(.current-option) .co-context-icon{display:none}}
@layer component{.co-alert{border-radius:var(--radius-3);color:var(--surface-fg-color);display:grid;grid-template-columns:min-content repeat(10,1fr) min-content;position:relative}.co-alert .co-alert__icon{grid-column:1/2;grid-row:1/3;align-self:start;justify-self:center}.co-alert .co-alert__content{align-items:flex-start;display:flex;flex-direction:column;gap:.5rem;grid-column:2/12;grid-row:1/3;justify-content:flex-start;margin:0}.co-alert .co-alert__content h6,.co-alert .co-alert__content p,.co-alert .co-alert__content ul,.co-alert .co-alert__content ol,.co-alert .co-alert__content li{margin:0}.co-alert .co-alert__actions{display:flex;gap:1rem;align-items:center;justify-content:flex-start}.co-alert .co-alert__actions button:first-of-type{margin-left:-.75rem}.co-alert .co-alert__dismiss{background:transparent;border:0;grid-column:12/13;margin:0 0 0 1.5rem;padding:0}.co-alert--notification,.co-alert--dialog{z-index:9999}.co-alert--notification,.co-alert--banner{align-items:flex-start}.co-alert--xl{padding:1rem 1rem 1rem 0}.co-alert--xl .co-alert__icon{margin:0 1rem;height:64px;width:64px}.co-alert--xl h6{font-size:var(--text-size-4);font-weight:var(--font-weight-bold)}.co-alert--xl p,.co-alert--xl li,.co-alert--xl button,.co-alert--xl a{font-size:var(--text-size-2)}.co-alert--lg{padding:1rem 1rem 1rem 0}.co-alert--lg .co-alert__icon{margin:0 1rem;height:48px;width:48px}.co-alert--lg h6{font-size:var(--text-size-3);font-weight:var(--font-weight-bold)}.co-alert--lg p,.co-alert--lg li,.co-alert--lg button,.co-alert--lg a{font-size:var(--text-size-2)}.co-alert--md{padding:1rem 1rem 1rem 0}.co-alert--md .co-alert__icon{margin:0 1rem;height:24px;width:24px}.co-alert--md h6{font-size:var(--text-size-2);font-weight:var(--font-weight-bold)}.co-alert--md p,.co-alert--md li,.co-alert--md button,.co-alert--md a{font-size:var(--text-size-1)}.co-alert--sm{padding:.5rem .5rem .5rem 0}.co-alert--sm .co-alert__icon{margin:0 .5rem;height:16px;width:16px}.co-alert--sm h6{font-size:var(--text-size-01);font-weight:var(--font-weight-semibold);line-height:1}.co-alert--sm p,.co-alert--sm li,.co-alert--sm button,.co-alert--sm a{font-size:var(--text-size-02)}.co-alert--message.co-alert--info{background-color:var(--blue-weak);color:var(--text-primary-color)}.co-alert--message.co-alert--info button,.co-alert--message.co-alert--info button[className^=co-btn]{background-color:light-dark(var(--blue-700),var(--blue-200));border-color:light-dark(var(--blue-700),var(--blue-200));color:var(--text-primary-color)}.co-alert--message.co-alert--info button:hover,.co-alert--message.co-alert--info button[className^=co-btn]:hover{background-color:light-dark(var(--blue-600),var(--blue-300));border-color:light-dark(var(--blue-600),var(--blue-300))}.co-alert--message.co-alert--info button:active,.co-alert--message.co-alert--info button[className^=co-btn]:active{background-color:light-dark(var(--blue-500),var(--blue-400));border-color:light-dark(var(--blue-500),var(--blue-400))}.co-alert--message.co-alert--info .co-alert__icon{color:var(--info-color)}.co-alert--message.co-alert--warning{background-color:var(--warning-weak-color);color:var(--text-primary-color)}.co-alert--message.co-alert--warning button,.co-alert--message.co-alert--warning button[className^=co-btn]{background-color:light-dark(var(--yellow-700),var(--yellow-100));border-color:light-dark(var(--yellow-700),var(--yellow-100));color:var(--text-primary-color)}.co-alert--message.co-alert--warning button:hover,.co-alert--message.co-alert--warning button[className^=co-btn]:hover{background-color:light-dark(var(--yellow-600),var(--yellow-200));border-color:light-dark(var(--yellow-600),var(--yellow-200))}.co-alert--message.co-alert--warning button:active,.co-alert--message.co-alert--warning button[className^=co-btn]:active{background-color:light-dark(var(--yellow-500),var(--yellow-300));border-color:light-dark(var(--yellow-500),var(--yellow-300))}.co-alert--message.co-alert--warning .co-alert__icon{color:var(--warning-color)}.co-alert--message.co-alert--warning-major{background-color:var(--warning-major-weak-color);color:var(--text-primary-color)}.co-alert--message.co-alert--warning-major button,.co-alert--message.co-alert--warning-major button[className^=co-btn]{background-color:light-dark(var(--orange-700),var(--orange-100));border-color:light-dark(var(--orange-700),var(--orange-100));color:var(--text-primary-color)}.co-alert--message.co-alert--warning-major button:hover,.co-alert--message.co-alert--warning-major button[className^=co-btn]:hover{background-color:light-dark(var(--orange-600),var(--orange-200));border-color:light-dark(var(--orange-600),var(--orange-200))}.co-alert--message.co-alert--warning-major button:active,.co-alert--message.co-alert--warning-major button[className^=co-btn]:active{background-color:light-dark(var(--orange-500),var(--orange-300));border-color:light-dark(var(--orange-500),var(--orange-300))}.co-alert--message.co-alert--warning-major .co-alert__icon{color:var(--warning-major-color)}.co-alert--message.co-alert--error{background-color:var(--red-weak);color:var(--text-primary-color)}.co-alert--message.co-alert--error button,.co-alert--message.co-alert--error button[className^=co-btn]{background-color:light-dark(var(--red-700),var(--red-100));border-color:light-dark(var(--red-700),var(--red-100));color:var(--text-primary-color)}.co-alert--message.co-alert--error button:hover,.co-alert--message.co-alert--error button[className^=co-btn]:hover{background-color:light-dark(var(--red-600),var(--red-200));border-color:light-dark(var(--red-600),var(--red-200))}.co-alert--message.co-alert--error button:active,.co-alert--message.co-alert--error button[className^=co-btn]:active{background-color:light-dark(var(--red-500),var(--red-300));border-color:light-dark(var(--red-500),var(--red-300))}.co-alert--message.co-alert--error .co-alert__icon{color:var(--danger-color)}.co-alert--message.co-alert--success{background-color:var(--green-weak);color:var(--text-primary-color)}.co-alert--message.co-alert--success button,.co-alert--message.co-alert--success button[className^=co-btn]{background-color:light-dark(var(--green-700),var(--green-100));border-color:light-dark(var(--green-700),var(--green-100));color:var(--text-primary-color)}.co-alert--message.co-alert--success button:hover,.co-alert--message.co-alert--success button[className^=co-btn]:hover{background-color:light-dark(var(--green-600),var(--green-200));border-color:light-dark(var(--green-600),var(--green-200))}.co-alert--message.co-alert--success button:active,.co-alert--message.co-alert--success button[className^=co-btn]:active{background-color:light-dark(var(--green-500),var(--green-300));border-color:light-dark(var(--green-500),var(--green-300))}.co-alert--message.co-alert--success .co-alert__icon{color:var(--success-color)}.co-alert--banner.co-alert--info,.co-alert--dialog.co-alert--info,.co-alert--notification.co-alert--info{background-color:var(--info-color)}.co-alert--banner.co-alert--info button,.co-alert--banner.co-alert--info button[className^=co-btn],.co-alert--dialog.co-alert--info button,.co-alert--dialog.co-alert--info button[className^=co-btn],.co-alert--notification.co-alert--info button,.co-alert--notification.co-alert--info button[className^=co-btn]{background-color:transparent;border-color:transparent}.co-alert--banner.co-alert--info button:hover,.co-alert--banner.co-alert--info button[className^=co-btn]:hover,.co-alert--dialog.co-alert--info button:hover,.co-alert--dialog.co-alert--info button[className^=co-btn]:hover,.co-alert--notification.co-alert--info button:hover,.co-alert--notification.co-alert--info button[className^=co-btn]:hover{background-color:light-dark(var(--blue-200),var(--blue-600));border-color:light-dark(var(--blue-200),var(--blue-600))}.co-alert--banner.co-alert--info button:active,.co-alert--banner.co-alert--info button[className^=co-btn]:active,.co-alert--dialog.co-alert--info button:active,.co-alert--dialog.co-alert--info button[className^=co-btn]:active,.co-alert--notification.co-alert--info button:active,.co-alert--notification.co-alert--info button[className^=co-btn]:active{background-color:light-dark(var(--blue-100),var(--blue-700));border-color:light-dark(var(--blue-100),var(--blue-700))}.co-alert--banner.co-alert--warning,.co-alert--dialog.co-alert--warning,.co-alert--notification.co-alert--warning{background-color:var(--warning-color)}.co-alert--banner.co-alert--warning button,.co-alert--banner.co-alert--warning button[className^=co-btn],.co-alert--dialog.co-alert--warning button,.co-alert--dialog.co-alert--warning button[className^=co-btn],.co-alert--notification.co-alert--warning button,.co-alert--notification.co-alert--warning button[className^=co-btn]{background-color:transparent;border-color:transparent}.co-alert--banner.co-alert--warning button:hover,.co-alert--banner.co-alert--warning button[className^=co-btn]:hover,.co-alert--dialog.co-alert--warning button:hover,.co-alert--dialog.co-alert--warning button[className^=co-btn]:hover,.co-alert--notification.co-alert--warning button:hover,.co-alert--notification.co-alert--warning button[className^=co-btn]:hover{background-color:light-dark(var(--yellow-700),var(--yellow-700));border-color:light-dark(var(--yellow-700),var(--yellow-700))}.co-alert--banner.co-alert--warning button:active,.co-alert--banner.co-alert--warning button[className^=co-btn]:active,.co-alert--dialog.co-alert--warning button:active,.co-alert--dialog.co-alert--warning button[className^=co-btn]:active,.co-alert--notification.co-alert--warning button:active,.co-alert--notification.co-alert--warning button[className^=co-btn]:active{background-color:light-dark(var(--yellow-800),var(--yellow-800));border-color:light-dark(var(--yellow-800),var(--yellow-800))}.co-alert--banner.co-alert--warning .co-alert__icon,.co-alert--banner.co-alert--warning .co-alert__content,.co-alert--banner.co-alert--warning .co-alert__dismiss,.co-alert--banner.co-alert--warning button,.co-alert--banner.co-alert--warning a:link,.co-alert--banner.co-alert--warning a:visited,.co-alert--dialog.co-alert--warning .co-alert__icon,.co-alert--dialog.co-alert--warning .co-alert__content,.co-alert--dialog.co-alert--warning .co-alert__dismiss,.co-alert--dialog.co-alert--warning button,.co-alert--dialog.co-alert--warning a:link,.co-alert--dialog.co-alert--warning a:visited,.co-alert--notification.co-alert--warning .co-alert__icon,.co-alert--notification.co-alert--warning .co-alert__content,.co-alert--notification.co-alert--warning .co-alert__dismiss,.co-alert--notification.co-alert--warning button,.co-alert--notification.co-alert--warning a:link,.co-alert--notification.co-alert--warning a:visited{color:light-dark(var(--neutral-075),var(--neutral-075))}.co-alert--banner.co-alert--warning-major,.co-alert--dialog.co-alert--warning-major,.co-alert--notification.co-alert--warning-major{background-color:var(--warning-major-color)}.co-alert--banner.co-alert--warning-major button,.co-alert--banner.co-alert--warning-major button[className^=co-btn],.co-alert--dialog.co-alert--warning-major button,.co-alert--dialog.co-alert--warning-major button[className^=co-btn],.co-alert--notification.co-alert--warning-major button,.co-alert--notification.co-alert--warning-major button[className^=co-btn]{background-color:transparent;border-color:transparent}.co-alert--banner.co-alert--warning-major button:hover,.co-alert--banner.co-alert--warning-major button[className^=co-btn]:hover,.co-alert--dialog.co-alert--warning-major button:hover,.co-alert--dialog.co-alert--warning-major button[className^=co-btn]:hover,.co-alert--notification.co-alert--warning-major button:hover,.co-alert--notification.co-alert--warning-major button[className^=co-btn]:hover{background-color:light-dark(var(--orange-700),var(--orange-700));border-color:light-dark(var(--orange-700),var(--orange-700))}.co-alert--banner.co-alert--warning-major button:active,.co-alert--banner.co-alert--warning-major button[className^=co-btn]:active,.co-alert--dialog.co-alert--warning-major button:active,.co-alert--dialog.co-alert--warning-major button[className^=co-btn]:active,.co-alert--notification.co-alert--warning-major button:active,.co-alert--notification.co-alert--warning-major button[className^=co-btn]:active{background-color:light-dark(var(--orange-800),var(--orange-800));border-color:light-dark(var(--orange-800),var(--orange-800))}.co-alert--banner.co-alert--warning-major .co-alert__icon,.co-alert--banner.co-alert--warning-major .co-alert__content,.co-alert--banner.co-alert--warning-major .co-alert__dismiss,.co-alert--banner.co-alert--warning-major button,.co-alert--banner.co-alert--warning-major a:link,.co-alert--banner.co-alert--warning-major a:visited,.co-alert--dialog.co-alert--warning-major .co-alert__icon,.co-alert--dialog.co-alert--warning-major .co-alert__content,.co-alert--dialog.co-alert--warning-major .co-alert__dismiss,.co-alert--dialog.co-alert--warning-major button,.co-alert--dialog.co-alert--warning-major a:link,.co-alert--dialog.co-alert--warning-major a:visited,.co-alert--notification.co-alert--warning-major .co-alert__icon,.co-alert--notification.co-alert--warning-major .co-alert__content,.co-alert--notification.co-alert--warning-major .co-alert__dismiss,.co-alert--notification.co-alert--warning-major button,.co-alert--notification.co-alert--warning-major a:link,.co-alert--notification.co-alert--warning-major a:visited{color:light-dark(var(--neutral-075),var(--neutral-075))}.co-alert--banner.co-alert--success,.co-alert--dialog.co-alert--success,.co-alert--notification.co-alert--success{background-color:var(--success-color)}.co-alert--banner.co-alert--success button,.co-alert--banner.co-alert--success button[className^=co-btn],.co-alert--dialog.co-alert--success button,.co-alert--dialog.co-alert--success button[className^=co-btn],.co-alert--notification.co-alert--success button,.co-alert--notification.co-alert--success button[className^=co-btn]{background-color:transparent;border-color:transparent}.co-alert--banner.co-alert--success button:hover,.co-alert--banner.co-alert--success button[className^=co-btn]:hover,.co-alert--dialog.co-alert--success button:hover,.co-alert--dialog.co-alert--success button[className^=co-btn]:hover,.co-alert--notification.co-alert--success button:hover,.co-alert--notification.co-alert--success button[className^=co-btn]:hover{background-color:light-dark(var(--green-200),var(--green-700));border-color:light-dark(var(--green-200),var(--green-700))}.co-alert--banner.co-alert--success button:active,.co-alert--banner.co-alert--success button[className^=co-btn]:active,.co-alert--dialog.co-alert--success button:active,.co-alert--dialog.co-alert--success button[className^=co-btn]:active,.co-alert--notification.co-alert--success button:active,.co-alert--notification.co-alert--success button[className^=co-btn]:active{background-color:light-dark(var(--green-100),var(--green-800));border-color:light-dark(var(--green-100),var(--green-800))}.co-alert--banner.co-alert--error,.co-alert--dialog.co-alert--error,.co-alert--notification.co-alert--error{background-color:var(--danger-color)}.co-alert--banner.co-alert--error button,.co-alert--banner.co-alert--error button[className^=co-btn],.co-alert--dialog.co-alert--error button,.co-alert--dialog.co-alert--error button[className^=co-btn],.co-alert--notification.co-alert--error button,.co-alert--notification.co-alert--error button[className^=co-btn]{background-color:transparent;border-color:transparent}.co-alert--banner.co-alert--error button:hover,.co-alert--banner.co-alert--error button[className^=co-btn]:hover,.co-alert--dialog.co-alert--error button:hover,.co-alert--dialog.co-alert--error button[className^=co-btn]:hover,.co-alert--notification.co-alert--error button:hover,.co-alert--notification.co-alert--error button[className^=co-btn]:hover{background-color:light-dark(var(--red-200),var(--red-700))!important;border-color:light-dark(var(--red-200),var(--red-700))}.co-alert--banner.co-alert--error button:active,.co-alert--banner.co-alert--error button[className^=co-btn]:active,.co-alert--dialog.co-alert--error button:active,.co-alert--dialog.co-alert--error button[className^=co-btn]:active,.co-alert--notification.co-alert--error button:active,.co-alert--notification.co-alert--error button[className^=co-btn]:active{background-color:light-dark(var(--red-100),var(--red-800))!important;border-color:light-dark(var(--red-100),var(--red-800))}.co-alert--banner.co-alert--info .co-alert__icon,.co-alert--banner.co-alert--info .co-alert__content,.co-alert--banner.co-alert--info .co-alert__dismiss,.co-alert--banner.co-alert--info button,.co-alert--banner.co-alert--info a:link,.co-alert--banner.co-alert--info a:visited,.co-alert--banner.co-alert--success .co-alert__icon,.co-alert--banner.co-alert--success .co-alert__content,.co-alert--banner.co-alert--success .co-alert__dismiss,.co-alert--banner.co-alert--success button,.co-alert--banner.co-alert--success a:link,.co-alert--banner.co-alert--success a:visited,.co-alert--banner.co-alert--error .co-alert__icon,.co-alert--banner.co-alert--error .co-alert__content,.co-alert--banner.co-alert--error .co-alert__dismiss,.co-alert--banner.co-alert--error button,.co-alert--banner.co-alert--error a:link,.co-alert--banner.co-alert--error a:visited,.co-alert--dialog.co-alert--info .co-alert__icon,.co-alert--dialog.co-alert--info .co-alert__content,.co-alert--dialog.co-alert--info .co-alert__dismiss,.co-alert--dialog.co-alert--info button,.co-alert--dialog.co-alert--info a:link,.co-alert--dialog.co-alert--info a:visited,.co-alert--dialog.co-alert--success .co-alert__icon,.co-alert--dialog.co-alert--success .co-alert__content,.co-alert--dialog.co-alert--success .co-alert__dismiss,.co-alert--dialog.co-alert--success button,.co-alert--dialog.co-alert--success a:link,.co-alert--dialog.co-alert--success a:visited,.co-alert--dialog.co-alert--error .co-alert__icon,.co-alert--dialog.co-alert--error .co-alert__content,.co-alert--dialog.co-alert--error .co-alert__dismiss,.co-alert--dialog.co-alert--error button,.co-alert--dialog.co-alert--error a:link,.co-alert--dialog.co-alert--error a:visited,.co-alert--notification.co-alert--info .co-alert__icon,.co-alert--notification.co-alert--info .co-alert__content,.co-alert--notification.co-alert--info .co-alert__dismiss,.co-alert--notification.co-alert--info button,.co-alert--notification.co-alert--info a:link,.co-alert--notification.co-alert--info a:visited,.co-alert--notification.co-alert--success .co-alert__icon,.co-alert--notification.co-alert--success .co-alert__content,.co-alert--notification.co-alert--success .co-alert__dismiss,.co-alert--notification.co-alert--success button,.co-alert--notification.co-alert--success a:link,.co-alert--notification.co-alert--success a:visited,.co-alert--notification.co-alert--error .co-alert__icon,.co-alert--notification.co-alert--error .co-alert__content,.co-alert--notification.co-alert--error .co-alert__dismiss,.co-alert--notification.co-alert--error button,.co-alert--notification.co-alert--error a:link,.co-alert--notification.co-alert--error a:visited{color:var(--text-primary-inverted-color)}.co-alert--dialog{background-color:var(--surface-primary-bg-color);box-shadow:var(--shadow--floating-16)}.co-alert--dialog .co-alert__icon{color:var(--text-primary-color)}.co-alert__dismiss svg{width:24px;height:24px}.co-alert--sm .co-alert__dismiss svg{width:16px;height:16px}}@layer component{.co-app__frame{width:100%;height:100%}.co-app__header{background-color:var(--surface-primary-bg-color);border-bottom:1px solid var(--shadow--color-16);color:var(--text-primary-color);display:flex;align-items:center;justify-content:space-between;height:var(--app-header-height);padding:0;position:relative;top:0;left:0;right:0;z-index:1}.co-app__header.co-app__header--base{box-shadow:none}.co-app__header.co-app__header--skim{box-shadow:var(--shadow--skim-16)}.co-app__header.co-app__header--raised{box-shadow:var(--shadow--raised-16)}.co-app__header.co-app__header--lifted{box-shadow:var(--shadow--lifted-16)}.co-app__header.co-app__header--floating{box-shadow:var(--shadow--floating-16)}.co-app__header .logo{display:inline-block;margin:0 .3rem 0 1rem}.co-app__header .co-burger-menu{display:flex;margin:0 .375rem 0 1rem}.co-app__header h1{display:inline-block;flex:1;font-size:clamp(var(--text-size-2),var(--text-size-3),var(--text-size-4));font-weight:var(--font-weight-regular);line-height:1.25;margin:0 .25rem;overflow:hidden;padding:0;text-overflow:ellipsis}.co-app__header h1 button{color:var(--text-primary-color);font-size:var(--text-size-3);margin:0;padding:0}.co-app__header h1 span{font-weight:var(--font-weight-light)}.co-app__header h1 b{font-weight:var(--font-weight-semibold)}.co-app__header .user-menu{position:absolute;top:var(--app-header-height);right:0;background-color:var(--white);margin:1rem;border-radius:var(--radius-3);box-shadow:var(--shadow--lifted-16);min-width:15rem}.co-app__header .user-menu .user-name{border-bottom:1px solid var(--stroke-subtle-color);padding:1rem;display:flex;gap:.5rem;align-items:baseline}.co-app__header .user-menu .log-out{padding:1rem;width:100%}.co-app__extensions,.co-app__user-navigation{display:flex;align-items:center;justify-content:flex-end;gap:1.5rem;height:var(--app-header-height)}.co-app__extensions a,.co-app__user-navigation a{display:block;margin:0;padding:0;text-decoration:none}.co-app__extensions a svg,.co-app__user-navigation a svg{display:block;margin:0;padding:0}.co-app__extensions a:link,.co-app__extensions a:visited,.co-app__user-navigation a:link,.co-app__user-navigation a:visited{color:var(--neutral-075)}.co-app__extensions a:hover,.co-app__extensions a:active,.co-app__user-navigation a:hover,.co-app__user-navigation a:active{color:var(--blue-400)}.co-app__extensions{margin-left:auto;padding:0 1.5rem}.co-app__user-navigation{border-left:1px solid var(--stroke-subtle-color);padding:1.5rem}.co-app__content{display:flex;height:calc(100vh - var(--app-header-height));overflow:hidden;padding:0;position:relative;z-index:0}.co-app__main{flex:1;height:100%;overflow-x:hidden;overflow-y:auto;padding:0;position:relative}}@layer component{.co-form__calendar{display:grid;grid-template-rows:auto 1fr;padding:0;row-gap:.5rem;text-align:center}.co-form__calendar .nav{align-items:center;display:flex;font-size:var(--text-size-xs);gap:.1rem;grid-row:1/2;justify-content:flex-end;padding:.5rem .5rem .5rem 1rem}.co-form__calendar.with-shortcut-frame .nav{grid-column:2/3}.co-form__calendar .nav button{background-color:transparent;border-color:transparent;border-radius:var(--radius-2);color:var(--outline-color);font-size:inherit!important;outline-offset:1px;padding:0 .25rem!important}.co-form__calendar .nav button:first-of-type{font-size:var(--text-size-1)!important;margin:0 auto 0 0;text-align:left}.co-form__calendar .nav button:first-of-type:after{content:"";display:block;flex:1}.co-form__calendar .nav button:active,.co-form__calendar .nav button:focus-visible{outline:2px solid var(--outline-color)}.co-form__calendar .nav button svg{height:24px;width:24px;margin:0;padding:0;pointer-events:none}.co-form__calendar article{display:flex;flex-direction:column;column-gap:.1rem;grid-row:2/3;width:18.375rem}.co-form__calendar article header{border-bottom:var(--border-width-1) solid var(--stroke-subtle-color);color:var(--neutral-primary);display:flex;font-size:var(--text-size-xs);grid-template-columns:repeat(7,1fr);margin-bottom:.5rem;padding-bottom:.5rem;width:100%}.co-form__calendar article header span{flex:1}.co-form__calendar.with-shortcut-frame article{grid-column:2/3}.co-form__calendar aside.shortcut-frame{border-right:var(--border-width-1) solid var(--stroke-subtle-color);grid-column:1/2;grid-row:1/3;text-align:left}.co-form__calendar aside.time-frame{border-left:var(--border-width-1) solid var(--stroke-subtle-color);display:grid;gap:1rem;grid-column:3/4;grid-row:1/3;grid-template-rows:2.5rem 1fr;padding:1rem;text-align:left}.co-form__calendar aside ul{margin:.5rem;padding:0;list-style:none;width:fit-content}.co-form__calendar aside ul button{border-radius:var(--radius-2);margin:0;white-space:nowrap}.co-form__calendar aside.time-frame input[type=time]{border:1px solid var(--surface-active-bg-color);border-radius:var(--radius-2);grid-column:1/3;padding:0 .5rem}.co-form__calendar aside.time-frame input[type=time]::-webkit-calendar-picker-indicator{background:none;display:none}.co-form__calendar .co-form__calendar.with-shortcut-frame aside.time-frame{grid-column:3/4}.co-form__calendar ul{padding:0 0 .5rem}.co-form__calendar ul li{border-top:1px solid transparent;border-bottom:1px solid transparent;margin:0 auto}.co-form__calendar ul button{margin:auto;padding:.5rem;text-align:center}.co-form__calendar ul.week,.co-form__calendar ul.months,.co-form__calendar ul.years,.co-form__calendar ul.decades{display:grid;margin:0;list-style:none;width:100%}.co-form__calendar ul.week{grid-template-columns:repeat(7,1fr)}.co-form__calendar ul.months{grid-template-columns:repeat(4,1fr)}.co-form__calendar ul.years{grid-template-columns:repeat(5,1fr)}.co-form__calendar ul.decades{grid-template-columns:repeat(3,1fr)}.co-form__calendar ul button{border-radius:var(--radius-5)}.co-form__calendar ul.week{row-gap:.125rem;column-gap:0}.co-form__calendar ul.week button{border-radius:50%;display:block;height:2.5rem;margin:0;padding:0;width:2.5rem}.co-form__calendar ul.week li{display:flex;justify-content:center;line-height:2;margin:0;padding:0}.co-form__calendar ul.week li.today{color:var(--outline-color)}.co-form__calendar ul.week li.today button:after{content:"●";display:block;position:absolute;bottom:.2rem;font-size:var(--text-size-xs);font-weight:var(--font-weight-bold);left:0;text-align:center;width:100%}.co-form__calendar ul.week li.selected.today button:after{color:var(--surface-contrast-fg-color)}.co-form__calendar ul.week li.today button,.co-form__calendar ul.week li.selected button{font-weight:var(--font-weight-bold)}.co-form__calendar ul.week li.faded button{color:var(--neutral-primary)}.co-form__calendar ul.week li.weekend{background-image:repeating-linear-gradient(90deg,transparent 0,var(--surface-active-bg-color) 1px,transparent 0,transparent 50%);background-size:.75rem .75rem}.co-form__calendar ul button,.co-form__calendar aside button{background:transparent;border:0;color:inherit;display:block;font-size:.8125rem;position:relative}.co-form__calendar ul button:hover,.co-form__calendar ul li.faded button:hover,.co-form__calendar aside button:hover{background-color:var(--top-surface-hover-bg-color);color:var(--outline-color)}.co-form__calendar ul button:active,.co-form__calendar ul li.faded button:active,.co-form__calendar ul button:focus-visible{outline:2px solid var(--outline-color);outline-offset:1px}.co-form__calendar li.within-range{background-color:light-dark(var(--blue-750),var(--blue-100));border-top:1px dashed var(--field-chip-bg-hover-color);border-bottom:1px dashed var(--field-chip-bg-hover-color);height:calc(100% - 2px)}.co-form__calendar li.within-range:not(.selected) button:hover{background-color:var(--field-chip-bd-color);color:var(--field-chip-color)}.co-form__calendar li.first-within-range{background-color:transparent;background:linear-gradient(90deg,transparent 50%,light-dark(var(--blue-750),var(--blue-100)) 50%);border:0;position:relative}.co-form__calendar li.first-within-range:before{border-top:1px dashed var(--field-chip-bg-hover-color);border-bottom:1px dashed var(--field-chip-bg-hover-color);content:"";display:block;position:absolute;width:50%;left:50%;top:0;bottom:0}.co-form__calendar li.last-within-range{background-color:transparent;background:linear-gradient(90deg,light-dark(var(--blue-750),var(--blue-100)) 50%,transparent 50%);border:0;position:relative}.co-form__calendar li.last-within-range:before{border-top:1px dashed var(--field-chip-bg-hover-color);border-bottom:1px dashed var(--field-chip-bg-hover-color);content:"";display:block;position:absolute;width:50%;left:0;top:0;bottom:0}.co-form__calendar li.first-within-range.last-within-range{background:transparent}.co-form__calendar li.first-within-range.last-within-range:before{border-top:0;border-bottom:0}.co-form__calendar aside button:active,.co-form__calendar aside button:focus-visible,.co-form__calendar li.selected button,.co-form__calendar li.faded.selected button{background-color:var(--outline-color)!important;color:var(--surface-contrast-fg-color)!important}.co-form__calendar button:disabled{background-color:transparent!important;color:var(--disabled-color)!important;cursor:not-allowed;outline:0!important}.co-form__calendar button:disabled:hover{color:var(--disabled-color)!important}.co-form__calendar button:disabled:active{color:var(--disabled-color)!important}}@layer component{.co-carousel{display:block;height:var(--carousel-height);position:relative;scrollbar-width:none;-ms-overflow-style:none;width:var(--carousel-width)}.co-carousel::-webkit-scrollbar{display:none}.co-carousel>ol{display:flex;margin:0;padding:0;overflow:hidden;scroll-behavior:smooth;width:100%;height:100%;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.co-carousel>ol::-webkit-scrollbar{display:none}.co-carousel>ol li{display:block;margin:0;padding:0;scroll-snap-align:start;width:100%;height:100%}.co-carousel>ol li div.co-slide{width:var(--carousel-width);height:var(--carousel-height)}.co-carousel nav{display:flex;gap:.5rem;margin:auto;position:absolute;width:min-content;z-index:2}.co-carousel nav button{color:inherit}.co-carousel nav button:focus-visible{outline:0}.co-carousel nav button[aria-current=true]{color:var(--blue-400);cursor:normal}.co-carousel .arrow-previous,.co-carousel .arrow-next{position:absolute;z-index:2}.co-carousel.co-carousel--horizontal>ol{overflow-y:hidden;overflow-x:auto;scroll-snap-type:x mandatory}.co-carousel.co-carousel--horizontal>ol,.co-carousel.co-carousel--horizontal>nav{flex-direction:row}.co-carousel.co-carousel--horizontal>nav{bottom:.5rem;left:0;right:0;margin:auto}.co-carousel.co-carousel--horizontal>.arrow-previous{left:0}.co-carousel.co-carousel--horizontal>.arrow-next{right:0}.co-carousel.co-carousel--horizontal>.arrow-previous,.co-carousel.co-carousel--horizontal>.arrow-next{top:calc(50% - .5rem);height:1rem}.co-carousel.co-carousel--horizontal.with-areas>.arrow-previous,.co-carousel.co-carousel--horizontal.with-areas>.arrow-next{bottom:0;display:flex;top:0;height:100%;width:min-content}.co-carousel.co-carousel--horizontal.with-areas>.arrow-previous svg,.co-carousel.co-carousel--horizontal.with-areas>.arrow-next svg{align-items:center;justify-content:center}.co-carousel.co-carousel--vertical>ol{overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory}.co-carousel.co-carousel--vertical>ol,.co-carousel.co-carousel--vertical>nav{flex-direction:column}.co-carousel.co-carousel--vertical>nav{margin:auto 0}.co-carousel.co-carousel--vertical>.arrow-previous{top:0}.co-carousel.co-carousel--vertical>.arrow-next{bottom:0}.co-carousel.co-carousel--vertical.with-arrows>.arrow-previous,.co-carousel.co-carousel--vertical.with-arrows>.arrow-next{left:calc(50% - .5rem)}.co-carousel .empty-arrow{display:block;height:2rem;width:2rem}}@layer component{.co-chip__wrapper{display:block;height:1.5rem;position:relative}.co-chip__wrapper dialog{border:0;border-radius:var(--radius-2);background-color:var(--surface-primary-bg-color);box-shadow:var(--shadow--lifted-16);left:0;padding:0;position:absolute;top:0;width:max-content;z-index:1}.co-chip{align-items:center;display:flex;flex-wrap:nowrap;gap:0;padding:0;position:relative}.co-chip .co-chip__label{align-items:center;border-radius:var(--radius-5);display:flex;font-size:var(--text-size-02);font-weight:var(--font-weight-semibold);line-height:2;padding:0 .75rem}.co-chip .co-chip--combined{padding-right:1.725rem}.co-chip .btn--combined{border-radius:100vh;margin-left:-1.375rem;padding:.125rem}.co-chip .btn--combined svg{height:1rem;width:1rem}.co-chip .co-chip__label:focus-visible{outline:.125rem solid var(--outline-color);outline-offset:.0625rem}.co-chip .co-chip--primary{background-color:var(--btn-primary-bg-color);color:var(--white)}.co-chip .co-chip--primary~.btn--combined{background-color:var(--btn-primary-bg-color);color:var(--white)}.co-chip .co-chip--primary~.btn--combined:hover{background-color:var(--btn-primary-hover-bg-color)}.co-chip .co-chip--primary~.btn--combined:focus-visible{outline:.125rem solid var(--white)}.co-chip .co-chip--primary~.btn--combined:active{background-color:var(--btn-primary-active-bg-color)}.co-chip button.co-chip--primary:hover{background-color:var(--btn-primary-hover-bg-color)}.co-chip button.co-chip--primary:hover~.btn--combined{background-color:var(--btn-primary-hover-bg-color)}.co-chip button.co-chip--primary:active{background-color:var(--btn-primary-active-bg-color)}.co-chip button.co-chip--primary:active~.btn--combined{background-color:var(--btn-primary-active-bg-color)}.co-chip .co-chip--secondary{background-color:var(--btn-secondary-bg-color);color:var(--btn-secondary-color)}.co-chip .co-chip--secondary~.btn--combined{background-color:var(--btn-primary-bg-color);color:var(--white)}.co-chip .co-chip--secondary~.btn--combined:hover{background-color:var(--btn-primary-hover-bg-color)}.co-chip .co-chip--secondary~.btn--combined:focus-visible{outline:.125rem solid var(--white);outline-offset:1px}.co-chip .co-chip--secondary~.btn--combined:active{background-color:var(--btn-primary-active-bg-color)}.co-chip button.co-chip--secondary:hover{background-color:var(--btn-secondary-hover-bg-color)}.co-chip button.co-chip--secondary:hover~.btn--combined{background-color:var(--btn-primary-bg-color)}.co-chip button.co-chip--secondary:active{background-color:var(--btn-secondary-active-bg-color)}.co-chip button.co-chip--secondary:active~.btn--combined{background-color:var(--btn-primary-active-bg-color)}.co-chip .co-chip--off{background-color:var(--neutral-subtle);color:var(--text-primary-color)}.co-chip .co-chip--off:hover{background-color:light-dark(var(--neutral-600),var(--neutral-200))}.co-chip .co-chip--off:active{background-color:light-dark(var(--neutral-500),var(--neutral-300))}.co-chip svg.co-chip__icon{color:inherit;height:1rem;margin:0 .5rem 0 -.25rem;width:1rem}.co-chip .co-avatar{font-size:.625rem;margin:0 .5rem 0 -.5rem}}:where(.co-dialog){--dialog-height--sm: 33dvh;--dialog-width--sm: 33dvw;--dialog-height--md: 50dvh;--dialog-width--md: 50dvw;--dialog-height--lg: 66dvh;--dialog-width--lg: 66dvw;--dialog-height--xl: 80dvh;--dialog-width--xl: 80dvw}@layer component{.co-dialog{background-color:var(--surface-primary-bg-color);border:0;border-radius:var(--radius-3);box-shadow:var(--shadow--floating-16);color:var(--surface-fg-color);margin:auto;padding:0}.co-dialog:not([open]){pointer-events:none;opacity:0}.co-dialog .co-dialog__toolbar{align-items:center;background-color:var(--surface-primary-bg-color);border-color:var(--stroke-subtle-color);border-style:solid;border-width:0 0 1px 1px;border-radius:0 var(--radius-3) 0 var(--radius-3);color:var(--text-primary-color);display:flex;flex-direction:row;height:min-content;width:fit-content;padding:.25rem;position:absolute;top:0;right:0}.co-dialog .co-dialog__toolbar button{border-radius:var(--radius-2);font-size:var(--text-size-01);line-height:1.25rem;margin:0;padding:.25rem}.co-dialog .co-dialog__toolbar button svg{margin:0;padding:0}.co-dialog .co-dialog__toolbar button:hover,.co-dialog .co-dialog__toolbar button:active{background:var(--surface-active-bg-color)}.co-dialog .co-dialog__toolbar button:focus-visible{outline:1px solid var(--outline-color)}.co-dialog button.co-dialog__close{border-radius:var(--radius-3);display:flex;position:absolute;top:.275rem;right:.275rem;color:var(--surface-fg-color);z-index:1}.co-dialog button.co-dialog__close:focus-visible{outline:2px solid var(--outline-color)}.co-dialog button.co-dialog__close:hover{color:var(--surface-hover-fg-color)}.co-dialog button.co-dialog__close:active{color:var(--surface-active-fg-color)}.co-dialog button.co-dialog__close svg{height:1.5rem;width:1.5rem}.co-dialog>div{display:flex;flex-direction:column;height:100%;width:100%}.co-dialog header.co-dialog__header,.co-dialog article,.co-dialog footer.co-dialog__footer{margin:0;padding:1rem}.co-dialog article.co-dialog__content{flex:1;overflow-y:auto;max-block-size:100%;overscroll-behavior-y:contain;position:relative}.co-dialog header.co-dialog__header,.co-dialog footer.co-dialog__footer menu{margin:0;align-items:center;display:flex;gap:1rem}.co-dialog header.co-dialog__header{justify-content:space-between}.co-dialog header.co-dialog__header h2,.co-dialog header.co-dialog__header h3,.co-dialog header.co-dialog__header h4{margin:0}.co-dialog footer.co-dialog__footer menu{width:100%;justify-content:flex-end}.co-dialog--top,.co-dialog--right,.co-dialog--bottom,.co-dialog--left{margin:0;border-radius:0}.co-dialog--top,.co-dialog--bottom{right:0;left:0;width:100%}.co-dialog--top:dialog,.co-dialog--bottom:dialog{max-width:100%}.co-dialog--right,.co-dialog--left{top:0;bottom:0;height:100%}.co-dialog--right:dialog,.co-dialog--left:dialog{max-height:100%}.co-dialog--top{top:0}.co-dialog--right{right:0}.co-dialog--bottom{bottom:0}.co-dialog--left{left:0}.co-dialog--maximized{border-radius:0;box-shadow:none;top:0;right:0;bottom:0;left:0;height:100%;max-height:100%;width:100%;max-width:100%}.co-dialog--center.co-dialog--xl,.co-dialog--right.co-dialog--xl,.co-dialog--left.co-dialog--xl{width:var(--dialog-width--xl)}.co-dialog--center.co-dialog--lg,.co-dialog--right.co-dialog--lg,.co-dialog--left.co-dialog--lg{width:var(--dialog-width--lg)}.co-dialog--center.co-dialog--md,.co-dialog--right.co-dialog--md,.co-dialog--left.co-dialog--md{width:var(--dialog-width--md)}.co-dialog--center.co-dialog--sm,.co-dialog--right.co-dialog--sm,.co-dialog--left.co-dialog--sm{width:var(--dialog-width--sm)}.co-dialog--center.co-dialog--xl{top:calc((100% - var(--dialog-height--xl)) / 2);bottom:calc((100% - var(--dialog-height--xl)) / 2);height:var(--dialog-height--xl)}.co-dialog--center.co-dialog--lg{top:calc((100% - var(--dialog-height--lg)) / 2);bottom:calc((100% - var(--dialog-height--lg)) / 2);height:var(--dialog-height--lg)}.co-dialog--center.co-dialog--md{top:calc((100% - var(--dialog-height--md)) / 2);bottom:calc((100% - var(--dialog-height--md)) / 2);height:var(--dialog-height--md)}.co-dialog--center.co-dialog--sm{top:calc((100% - var(--dialog-height--sm)) / 2);bottom:calc((100% - var(--dialog-height--sm)) / 2);height:clamp(var(--dialog-height--sm),var(--dialog-height--sm),var(--dialog-height--lg))}.co-dialog--center.co-dialog--auto{top:auto;height:auto;bottom:auto}.co-dialog--left.co-dialog--xl{right:calc(100% - var(--dialog-width--xl))}.co-dialog--left.co-dialog--lg{right:calc(100% - var(--dialog-width--lg))}.co-dialog--left.co-dialog--md{right:calc(100% - var(--dialog-width--md))}.co-dialog--left.co-dialog--sm{right:calc(100% - var(--dialog-width--sm))}.co-dialog--right.co-dialog--xl{left:calc(100% - var(--dialog-width--xl))}.co-dialog--right.co-dialog--lg{left:calc(100% - var(--dialog-width--lg))}.co-dialog--right.co-dialog--md{left:calc(100% - var(--dialog-width--md))}.co-dialog--right.co-dialog--sm{left:calc(100% - var(--dialog-width--sm))}.co-dialog--top.co-dialog--xl,.co-dialog--bottom.co-dialog--xl{height:var(--dialog-height--xl)}.co-dialog--top.co-dialog--lg,.co-dialog--bottom.co-dialog--lg{height:var(--dialog-height--lg)}.co-dialog--top.co-dialog--md,.co-dialog--bottom.co-dialog--md{height:var(--dialog-height--md)}.co-dialog--top.co-dialog--sm,.co-dialog--bottom.co-dialog--sm{height:var(--dialog-height--sm)}.co-dialog--top.co-dialog--xl{bottom:calc(100% - var(--dialog-height--xl))}.co-dialog--top.co-dialog--lg{bottom:calc(100% - var(--dialog-height--lg))}.co-dialog--top.co-dialog--md{bottom:calc(100% - var(--dialog-height--md))}.co-dialog--top.co-dialog--sm{bottom:calc(100% - var(--dialog-height--sm))}.co-dialog--bottom.co-dialog--xl{top:calc(100% - var(--dialog-height--xl))}.co-dialog--bottom.co-dialog--lg{top:calc(100% - var(--dialog-height--lg))}.co-dialog--bottom.co-dialog--md{top:calc(100% - var(--dialog-height--md))}.co-dialog--bottom.co-dialog--sm{top:calc(100% - var(--dialog-height--sm))}@media (prefers-reduced-motion: no-preference){.co-dialog--animate{animation:var(--animation-scale-down) forwards;animation-timing-function:var(--ease-elastic-5)}.co-dialog--animate.co-dialog--center[open]{animation:var(--animation-slide-in-up) forwards}.co-dialog--animate.co-dialog--top[open]{animation:var(--animation-slide-in-down) forwards}.co-dialog--animate.co-dialog--right[open]{animation:var(--animation-slide-in-left) forwards}.co-dialog--animate.co-dialog--bottom[open]{animation:var(--animation-slide-in-up) forwards}.co-dialog--animate.co-dialog--left[open]{animation:var(--animation-slide-in-right) forwards}}}:where(.co-side-navigation){--item-height: 4rem;--item-width: 4rem}@layer component{.co-side-navigation--compact{background-color:var(--surface-primary-bg-color)}.co-side-navigation--compact:modal{min-height:100%!important;max-height:100%!important;width:16rem}.co-side-navigation--compact>div{display:flex;margin:0;padding:0}.co-side-navigation--compact header{border-bottom:1px solid var(--stroke-subtle-color);display:flex;align-items:center;gap:1rem;height:4rem;padding:0 1rem}.co-side-navigation--compact header h1{display:flex;font-size:clamp(var(--text-size-2),var(--text-size-3),var(--text-size-4));font-weight:var(--font-weight-regular);gap:.3rem;margin:0;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}.co-side-navigation--compact header h1 .logo{font-weight:var(--font-weight-light);display:inline-block}.co-side-navigation--compact header h1 b{font-weight:var(--font-weight-semibold)}.co-side-navigation--compact .co-side-navigation{background:var(--surface-primary-bg-color);height:calc(100dvh - 4rem)}.co-side-navigation{background-color:var(--surface-primary-bg-color);display:flex;flex-direction:column;gap:0;height:calc(100dvh - 7.5625rem);overflow:auto;width:auto}.co-side-navigation ul,.co-side-navigation li{margin:0;padding:0}.co-side-navigation>ul{border-top:1px solid var(--stroke-subtle-color)}.co-side-navigation>ul:first-of-type{border-top:0;flex-grow:1;margin-block:0 auto}.co-side-navigation .nested{align-items:center;display:flex}.co-side-navigation .nested>button{color:var(--text-primary-color)}.co-side-navigation .nested>button svg{margin:0;width:1rem;height:1rem}.co-side-navigation li li{line-height:1.2rem;padding:0}.co-side-navigation li li a{padding:.75rem .75rem .75rem 4rem}.co-side-navigation[data-open=false]>ul li .label,.co-side-navigation[data-open=false]>ul li button,.co-side-navigation[data-open=false]>ul ul{display:none}.co-side-navigation[data-open=true]{width:16rem}.co-side-navigation[data-open=true]>ul li .label,.co-side-navigation[data-open=true]>ul li button{display:block}.co-side-navigation[data-open=true] li[data-expanded=false] ul{display:none}.co-side-navigation[data-open=true] li[data-expanded=true] ul{display:block}.co-side-navigation a{align-items:center;display:flex;flex:1;text-decoration:none}.co-side-navigation a svg{margin:1rem 1.25rem;width:1.5rem;height:1.5rem}.co-side-navigation a span.label{display:block;flex:1}.co-side-navigation a svg,.co-side-navigation a span.label{pointer-events:none}.co-side-navigation button{background:transparent;border:0;color:var(--neutral-075);margin:0 .5rem;padding:0;flex:0 0 1.25rem}.co-side-navigation ul li:not(:has(li a[aria-current=true]))[data-expanded=true] span.nested,.co-side-navigation ul li:not(:has(li a[aria-current=true]))[data-expanded=true] ul{background-color:light-dark(var(--neutral-900),var(--neutral-100))}.co-side-navigation ul li:not(:has(li a[aria-current=true])) span.nested:hover,.co-side-navigation ul li:not(:has(li a[aria-current=true])) li:hover{background-color:light-dark(var(--neutral-800),var(--neutral-200))}.co-side-navigation ul li:not(:has(li a[aria-current=true])) span.nested:hover button,.co-side-navigation ul li:not(:has(li a[aria-current=true])) li:hover button{background-color:light-dark(var(--neutral-800),var(--neutral-200))}.co-side-navigation ul li:not(:has(li a[aria-current=true])) span.nested:hover button:hover,.co-side-navigation ul li:not(:has(li a[aria-current=true])) span.nested:hover button:active,.co-side-navigation ul li:not(:has(li a[aria-current=true])) li:hover button:hover,.co-side-navigation ul li:not(:has(li a[aria-current=true])) li:hover button:active{background-color:light-dark(var(--neutral-700),var(--neutral-300))}.co-side-navigation ul li:not(:has(li a[aria-current=true])) li:active{background-color:light-dark(var(--neutral-700),var(--neutral-300))}.co-side-navigation ul li:not(:has(li a[aria-current=true])) .nested:has(a:active){background-color:light-dark(var(--neutral-700),var(--neutral-300))}.co-side-navigation ul li:not(:has(li a[aria-current=true])) .nested:has(a:active) button{background-color:light-dark(var(--neutral-700),var(--neutral-300))}.co-side-navigation ul li:not(:has(li a[aria-current=true])) .nested:has(a:active) button:hover,.co-side-navigation ul li:not(:has(li a[aria-current=true])) .nested:has(a:active) button:active{background-color:light-dark(var(--neutral-600),var(--neutral-400))}.co-side-navigation ul li:has(li a[aria-current=true]) span.nested,.co-side-navigation ul li:has(li a[aria-current=true]) ul{background-color:light-dark(var(--blue-800),var(--neutral-200))}.co-side-navigation ul li:has(li a[aria-current=true]) span.nested:hover,.co-side-navigation ul li:has(li a[aria-current=true]) li:hover{background-color:light-dark(var(--blue-700),var(--neutral-300))}.co-side-navigation ul li:has(li a[aria-current=true]) span.nested:hover button,.co-side-navigation ul li:has(li a[aria-current=true]) li:hover button{background-color:light-dark(var(--blue-700),var(--neutral-300))}.co-side-navigation ul li:has(li a[aria-current=true]) span.nested:hover button:hover,.co-side-navigation ul li:has(li a[aria-current=true]) span.nested:hover button:active,.co-side-navigation ul li:has(li a[aria-current=true]) li:hover button:hover,.co-side-navigation ul li:has(li a[aria-current=true]) li:hover button:active{background-color:light-dark(var(--blue-600),var(--neutral-400))}.co-side-navigation ul li:has(li a[aria-current=true]) li:active{background-color:light-dark(var(--blue-600),var(--neutral-400))}.co-side-navigation ul li:has(li a[aria-current=true]) .nested:has(a:active){background-color:light-dark(var(--blue-600),var(--neutral-400))}.co-side-navigation ul li:has(li a[aria-current=true]) .nested:has(a:active) button{background-color:light-dark(var(--blue-600),var(--neutral-400))}.co-side-navigation ul li:has(li a[aria-current=true]) .nested:has(a:active) button:hover,.co-side-navigation ul li:has(li a[aria-current=true]) .nested:has(a:active) button:active{background-color:light-dark(var(--blue-600),var(--neutral-500))}.co-side-navigation ul a[aria-current],.co-side-navigation ul a.active,.co-side-navigation ul a[aria-current] .nested,.co-side-navigation ul a.active .nested{background-color:light-dark(var(--blue-600),var(--neutral-400))}.co-side-navigation a:link,.co-side-navigation a:visited,.co-side-navigation a:hover,.co-side-navigation a:active{color:var(--text-primary-color)}.co-side-navigation a:hover{background-color:light-dark(var(--neutral-800),var(--neutral-200))}}@layer component;@layer component{.co-date-range-picker .input-layout{display:flex;justify-content:space-between}.co-date-range-picker .input-layout .flex-inputs{align-items:center;justify-content:flex-start;display:flex}.co-date-range-picker .input-layout .flex-inputs>*{display:inline-block}.co-date-range-picker .input-layout .flex-inputs span.separator{margin:0 .5rem 0 0;padding:0}.co-date-range-picker .input-layout input{display:block;flex:unset;text-overflow:none;width:auto}.co-date-range-picker .input-layout input:last-of-type{margin-right:auto}}@layer component{.co-listbox{width:auto}.co-listbox input[type=checkbox]{flex-shrink:0;width:1rem;height:1rem}.co-listbox svg{height:16px;width:16px}.co-listbox__enhanced{align-items:center;background:var(--surface-hover-bg-color);border-bottom:1px solid var(--border-soft-color);border-radius:var(--radius-2) var(--radius-2) 0 0;color:var(--form-input-fg-color);display:flex;font-size:var(--text-size-01);gap:1rem;justify-content:space-between;line-height:1;margin:0;padding:.25rem .5rem}.co-listbox__enhanced label,.co-listbox__enhanced button{align-items:center;display:flex;gap:.5rem;font-size:var(--text-size-01);white-space:nowrap}.co-listbox__enhanced button{background:transparent;align-items:center;display:flex;margin:0 0 0 auto}.co-listbox__enhanced button:hover{color:var(--form-input-hover-fg-color)}.co-listbox__enhanced button:focus-visible{outline:2px solid var(--outline-color);outline-offset:1px;color:var(--form-input-focus-fg-color)}.co-listbox__options{display:flex;flex-direction:column;margin:0;max-height:12rem;overflow-y:auto;padding:0;width:auto}.co-listbox__options:focus{outline:2px solid var(--outline-color)}.co-listbox__options label{background-color:transparent;border-bottom:0;color:var(--form-option-fg-color);display:flex;flex:1;flex-wrap:nowrap;font-size:var(--text-size-01);gap:.5rem;line-height:1;margin:0;padding:.25rem 1rem .25rem 0}.co-listbox__options label input[type=checkbox]{margin:0 0 0 .5rem}.co-listbox__options label:hover{background-color:var(--form-option-hover-bg-color)}.co-listbox__options label:focus-within{background-color:var(--outline-color);color:var(--surface-bg-color)}.co-listbox__options label[aria-selected=true]{background:var(--form-option-focus-bg-color);color:var(--form-option-focus-fg-color)}.co-listbox__options label[aria-selected=true] input[type=checkbox]:focus{outline:2px solid var(--surface-bg-color)}.co-listbox__options label.disabled{color:var(--disabled-color);cursor:not-allowed;background-color:transparent}.co-listbox__options label span.label{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.co-listbox__options .empty-list-label{margin:var(--size-1) var(--size-3)}}@layer component{.co-form__dropdown{display:flex}.co-form__dropdown .co-form__field dialog{min-width:100%;max-width:90dvw}.co-form__dropdown .input-layout{justify-content:space-between;position:relative}.co-form__dropdown .input-layout .trigger-arrow{justify-self:flex-end;padding:0}.co-form__dropdown .input-layout .trigger-arrow:focus-visible{outline:2px solid var(--outline-color)}.co-form__dropdown .input-layout:focus-within button.listbox-trigger svg{transform:rotate(180deg)}.co-form__dropdown .co-combobox__input{border:0;width:attr(data-length);min-width:1rem}}:where(.co-drawer){--shadow-color: var(--shadow--color-16);--content-padding: 1.5rem}@layer component{.co-drawer>div{background:var(--surface-primary-bg-color);height:100%;margin:0;padding:var(--content-padding);width:100%;z-index:1}.co-drawer[data-open=false]>div{display:none}.co-drawer--flex{position:absolute;z-index:1}.co-drawer--fixed{position:absolute;z-index:99999}.co-drawer--full{bottom:0;left:0;right:0;top:0}.co-drawer--top,.co-drawer--bottom{left:0;right:0}.co-drawer--right,.co-drawer--left{top:0;bottom:0}.co-drawer--top{top:-1px}.co-drawer--right{right:-1px}.co-drawer--bottom{bottom:-1px}.co-drawer--left{left:-1px}.co-drawer--right[data-open=true].co-drawer--xl,.co-drawer--left[data-open=true].co-drawer--xl{width:90%}.co-drawer--right[data-open=true].co-drawer--lg,.co-drawer--left[data-open=true].co-drawer--lg{width:66.666%}.co-drawer--right[data-open=true].co-drawer--md,.co-drawer--left[data-open=true].co-drawer--md{width:33.333%}.co-drawer--right[data-open=true].co-drawer--sm,.co-drawer--left[data-open=true].co-drawer--sm{width:20%}.co-drawer--top[data-open=true].co-drawer--xl,.co-drawer--bottom[data-open=true].co-drawer--xl{height:90%}.co-drawer--top[data-open=true].co-drawer--lg,.co-drawer--bottom[data-open=true].co-drawer--lg{height:66.666%}.co-drawer--top[data-open=true].co-drawer--md,.co-drawer--bottom[data-open=true].co-drawer--md{height:33.333%}.co-drawer--top[data-open=true].co-drawer--sm,.co-drawer--bottom[data-open=true].co-drawer--sm{height:20%}.co-drawer--top button.co-drawer__handle{border-radius:0 0 var(--radius-5) var(--radius-5);box-shadow:0 .5rem 1rem var(--shadow-color);border-top:1px solid var(--surface-primary-bg-color);bottom:calc(-2rem + 1px);line-height:1.4;left:45%}.co-drawer--top button.co-drawer__handle span{padding:.25rem 4rem}.co-drawer--top[data-open=true]>div{box-shadow:var(--shadow--floating-16)}.co-drawer--right[data-open=true]>div{border-left:1px solid var(--shadow-color)}.co-drawer--right button.co-drawer__handle{border-radius:var(--radius-3) var(--radius-3) 0 0;border-width:1px 1px 0 1px;left:-3.9rem;line-height:1.4;top:45%;transform:rotate(270deg)}.co-drawer--right button.co-drawer__handle span{display:flex;padding:.25rem 1rem}.co-drawer--bottom[data-open=true]>div{border-top:1px solid var(--shadow-color)}.co-drawer--bottom button.co-drawer__handle{border-radius:var(--radius-5) var(--radius-5) 0 0;border-width:1px 1px 0 1px;top:-1.9rem;line-height:1.4;left:45%}.co-drawer--bottom button.co-drawer__handle span{padding:.25rem 4rem}.co-drawer--left[data-open=true]>div{border-right:1px solid var(--shadow-color)}.co-drawer--right button.co-drawer__handle,.co-drawer--bottom button.co-drawer__handle,.co-drawer--left button.co-drawer__handle{border-color:var(--shadow-color);border-style:solid}button.co-drawer__handle{background:var(--surface-primary-bg-color);color:var(--neutral-400);display:flex;padding:0;position:absolute;z-index:2}button.co-drawer__close{color:var(--neutral-600);display:block;position:absolute;top:0;right:0}button.co-drawer__close:hover,button.co-drawer__close:focus-visible{color:var(--neutral-300)}button.co-drawer__close:active{color:var(--neutral-100)}button.co-drawer__close svg{height:24px;width:24px}}:where(.co-modal){--size-sm: 25%;--size-md: 40%;--size-lg: 66%;--size-xl: 80%}@layer component{.co-modal{background-color:var(--surface-primary-bg-color);border:0;border-radius:var(--radius-3);box-shadow:var(--shadow--floating-16);color:var(--text-primary-color);margin:auto;padding:0}.co-modal:not([open]){pointer-events:none}.co-modal button.co-modal__close{border-radius:var(--radius-3);display:flex;position:absolute;top:.275rem;right:.275rem;color:var(--text-primary-color);z-index:1}.co-modal button.co-modal__close:focus-visible{outline:2px solid var(--outline-color)}.co-modal button.co-modal__close:hover{color:var(--surface-hover-fg-color)}.co-modal button.co-modal__close:active{color:var(--surface-active-fg-color)}.co-modal button.co-modal__close svg{height:1.5rem;width:1.5rem}.co-modal>div{display:flex;flex-direction:column;height:100%;width:100%}.co-modal header.co-modal__header,.co-modal article,.co-modal footer.co-modal__footer{margin:0;padding:1rem}.co-modal article.co-modal__content{flex:1;max-block-size:100%;overscroll-behavior-y:contain}.co-modal header.co-modal__header,.co-modal footer.co-modal__footer menu{margin:0;align-items:center;display:flex;gap:1rem}.co-modal header.co-modal__header{justify-content:space-between}.co-modal header.co-modal__header h2,.co-modal header.co-modal__header h3,.co-modal header.co-modal__header h4{margin:0}.co-modal footer.co-modal__footer menu{width:100%;justify-content:flex-end}.co-modal--top,.co-modal--right,.co-modal--bottom,.co-modal--left{margin:0;border-radius:0}.co-modal--top,.co-modal--bottom{right:0;left:0;width:100%}.co-modal--top:modal,.co-modal--bottom:modal{max-width:100%}.co-modal--right,.co-modal--left{top:0;bottom:0;height:100%}.co-modal--right:modal,.co-modal--left:modal{max-height:100%}.co-modal--top{top:0}.co-modal--right{right:0}.co-modal--bottom{bottom:0}.co-modal--left{left:0}.co-modal--fullscreen{border-radius:0;box-shadow:none;top:0;right:0;bottom:0;left:0;height:100%;max-height:100%;width:100%;max-width:100%}.co-modal--center.co-modal--xl,.co-modal--right.co-modal--xl,.co-modal--left.co-modal--xl{width:var(--size-xl)}.co-modal--center.co-modal--lg,.co-modal--right.co-modal--lg,.co-modal--left.co-modal--lg{width:var(--size-lg)}.co-modal--center.co-modal--md,.co-modal--right.co-modal--md,.co-modal--left.co-modal--md{width:var(--size-md)}.co-modal--center.co-modal--sm,.co-modal--right.co-modal--sm,.co-modal--left.co-modal--sm{width:var(--size-sm)}.co-modal--center.co-modal--xl{top:calc((100% - var(--size-xl)) / 2);bottom:calc((100% - var(--size-xl)) / 2);height:var(--size-xl)}.co-modal--center.co-modal--lg{top:calc((100% - var(--size-lg)) / 2);bottom:calc((100% - var(--size-lg)) / 2);height:var(--size-lg)}.co-modal--center.co-modal--md{top:calc((100% - var(--size-md)) / 2);bottom:calc((100% - var(--size-md)) / 2);height:var(--size-md)}.co-modal--center.co-modal--sm{top:calc((100% - var(--size-sm)) / 2);bottom:calc((100% - var(--size-sm)) / 2);height:var(--size-sm)}.co-modal--center.co-modal--auto{top:auto;height:auto;bottom:auto}.co-modal--left.co-modal--xl{right:calc(100% - var(--size-xl))}.co-modal--left.co-modal--lg{right:calc(100% - var(--size-lg))}.co-modal--left.co-modal--md{right:calc(100% - var(--size-md))}.co-modal--left.co-modal--sm{right:calc(100% - var(--size-sm))}.co-modal--right.co-modal--xl{left:calc(100% - var(--size-xl))}.co-modal--right.co-modal--lg{left:calc(100% - var(--size-lg))}.co-modal--right.co-modal--md{left:calc(100% - var(--size-md))}.co-modal--right.co-modal--sm{left:calc(100% - var(--size-sm))}.co-modal--top.co-modal--xl,.co-modal--bottom.co-modal--xl{height:var(--size-xl)}.co-modal--top.co-modal--lg,.co-modal--bottom.co-modal--lg{height:var(--size-lg)}.co-modal--top.co-modal--md,.co-modal--bottom.co-modal--md{height:var(--size-md)}.co-modal--top.co-modal--sm,.co-modal--bottom.co-modal--sm{height:var(--size-sm)}.co-modal--top.co-modal--xl{bottom:calc(100% - var(--size-xl))}.co-modal--top.co-modal--lg{bottom:calc(100% - var(--size-lg))}.co-modal--top.co-modal--md{bottom:calc(100% - var(--size-md))}.co-modal--top.co-modal--sm{bottom:calc(100% - var(--size-sm))}.co-modal--bottom.co-modal--xl{top:calc(100% - var(--size-xl))}.co-modal--bottom.co-modal--lg{top:calc(100% - var(--size-lg))}.co-modal--bottom.co-modal--md{top:calc(100% - var(--size-md))}.co-modal--bottom.co-modal--sm{top:calc(100% - var(--size-sm))}@media (prefers-reduced-motion: no-preference){.co-modal--animate{animation:var(--animation-scale-down) forwards;animation-timing-function:var(--ease-elastic-5)}.co-modal--animate.co-modal--center[open]{animation:var(--animation-slide-in-up) forwards}.co-modal--animate.co-modal--top[open]{animation:var(--animation-slide-in-down) forwards}.co-modal--animate.co-modal--right[open]{animation:var(--animation-slide-in-left) forwards}.co-modal--animate.co-modal--bottom[open]{animation:var(--animation-slide-in-up) forwards}.co-modal--animate.co-modal--left[open]{animation:var(--animation-slide-in-right) forwards}}}@layer component{.co-form__multiselect{display:flex}.co-form__multiselect .input-layout{justify-content:space-between}.co-form__multiselect .input-layout button.listbox-trigger{justify-self:flex-end;padding:var(--padding-sm)}.co-form__multiselect .input-layout button.listbox-trigger:focus-visible{outline:1px solid var(--blue-400)}.co-form__multiselect .input-layout:focus-within button.listbox-trigger svg{transform:rotate(180deg)}.co-form__multiselect svg.co-icon--error{margin-left:auto}}@layer component{.co-form__number-spinbutton.co-form--invalid .co-form__field{flex-direction:row;align-items:center}.co-form__number-spinbutton .input-layout{flex:.5;gap:var(--padding-sm);text-align:center}.co-form__number-spinbutton .input-layout button{padding:0}.co-form__number-spinbutton .input-layout:focus-visible{outline:0;border:1px solid var(--stroke-subtle-color)}.co-form__number-spinbutton .input-layout:has(input:focus){border:1px solid var(--outline-color);outline:1px solid var(--outline-color)}.co-form__number-spinbutton .input-layout.input-active{border:1px solid var(--outline-color);outline:1px solid var(--outline-color)}.co-form__number-spinbutton .input-layout .prefix-slot,.co-form__number-spinbutton .input-layout .suffix-slot{display:block;padding:0 .5rem}.co-form__number-spinbutton .input-layout .prefix-slot svg,.co-form__number-spinbutton .input-layout .suffix-slot svg{height:1.5rem;width:1.5rem}.co-form__number-spinbutton .input-layout .divider{background-color:var(--stroke-subtle-color);display:block;height:1.875rem;width:1px}.co-form__number-spinbutton .input-layout input{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;flex:1;padding:0;text-align:center;width:min-content;z-index:0}.co-form__number-spinbutton .input-layout input::-webkit-outer-spin-button,.co-form__number-spinbutton .input-layout input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.co-form__number-spinbutton button{border-radius:var(--radius-1);z-index:1}.co-form__number-spinbutton button:hover{background-color:var(--surface-hover-bg-color);cursor:pointer}.co-form__number-spinbutton button:focus-visible{outline:2px solid var(--outline-color);outline-offset:.25rem}.co-form__number-spinbutton button:nth-of-type(1){order:1}.co-form__number-spinbutton .divider.left{order:2}.co-form__number-spinbutton .prefix-slot{order:3}.co-form__number-spinbutton input{order:4}.co-form__number-spinbutton .suffix-slot{order:5}.co-form__number-spinbutton .divider.right{order:6}.co-form__number-spinbutton button:nth-of-type(2){order:7}.co-form__number-spinbutton button svg.co-icon,.co-form__number-spinbutton svg.co-icon--error{height:1rem;width:1rem;margin:.375rem}}.co-overflow-menu{color:var(--surface-fg-color);margin:0;padding:0;position:relative}.co-overflow-menu>button{background:inherit;border:0;color:var(--stroke-color)}.co-overflow-menu>button:hover{background-color:var(--surface-hover-bg-color)}.co-overflow-menu>button:active{background-color:var(--surface-active-bg-color)}.co-overflow-menu>button:focus-visible{outline:2px solid var(--blue-400)}.co-overflow-menu>button:hover,.co-overflow-menu>button:active,.co-overflow-menu>button:focus{color:var(--text-primary-color)}.co-overflow-menu>ul{background-color:var(--surface-primary-bg-color);border-radius:var(--radius-3);box-shadow:var(--shadow--floating-16);display:flex;flex-direction:column;margin:0;padding:0;position:absolute;min-height:2.25rem;min-width:12rem;z-index:9999;right:0}.co-overflow-menu li{display:flex;align-items:center}.co-overflow-menu li label,.co-overflow-menu li button{flex:1}.co-overflow-menu li button{padding:.5rem;font-size:var(--text-size-01)}.co-overflow-menu li button:hover{background-color:var(--surface-hover-bg-color)}.co-overflow-menu li button:active{background-color:var(--surface-active-bg-color)}.co-overflow-menu li button:focus{background-color:var(--primary-color);color:var(--white);outline:0}.co-overflow-menu li:first-of-type button{border-radius:var(--radius-3) var(--radius-3) 0 0}.co-overflow-menu li:last-of-type button{border-radius:0 0 var(--radius-3) var(--radius-3)}.co-overflow-menu li svg{height:16px;margin:0 .5rem 0 0;width:16px}.co-overflow-menu li.danger button:hover{background:var(--danger-hover-color);color:var(--white)}.co-overflow-menu li.danger button:active{background:var(--danger-active-color);color:var(--white)}@layer component{.co-pagination{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;font-size:var(--text-size-md)}.co-pagination p{margin:0;padding:0;font-size:inherit;white-space:nowrap}.co-pagination>div{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;height:fit-content;min-height:1.625rem;padding:0 1rem;border-right:1px solid var(--stroke-subtle-color)}.co-pagination>div:last-of-type{border-right:0}.co-pagination button,.co-pagination select{background:transparent;border:0;border-radius:var(--radius-2);color:var(--text-primary-color);font-size:inherit;margin:0;padding:.1rem .25rem}.co-pagination button:hover,.co-pagination select:hover{background-color:transparent}.co-pagination button:active,.co-pagination select:active{background-color:transparent}.co-pagination button:focus-visible,.co-pagination select:focus-visible{outline:2px solid var(--outline-color);outline-radius:var(--radius-2)}.co-pagination svg{pointer-events:none}.co-pagination button[disabled]{color:var(--disabled-color);outline:0}.co-pagination button[disabled] svg{fill:var(--disabled-color)}.co-pagination select{cursor:pointer;display:inline-block;margin:0 .5rem}.co-pagination select:after{background:var(--warning-color);color:var(--stroke-subtle-color);content:"";display:inline-block;width:.5rem;height:.5rem;border-bottom:1px solid var(--surface-fg-color);border-right:1px solid var(--surface-fg-color)}.co-pagination>div.co-pagination__arrow{border-right:1px solid var(--stroke-subtle-color);display:flex;align-items:center;padding:0 .5rem}.co-pagination>div.co-pagination__arrow button{display:flex;align-items:center;gap:.5rem}.co-pagination>div.co-pagination__arrow:last-of-type{border-right:0}.co-pagination__page-items{color:var(--stroke-color)}.co-pagination__page-size+.co-pagination__page-items{flex:1}.co-pagination__page-select{align-items:center;display:flex;gap:.5rem}.co-pagination__page-select>span{display:block;white-space:nowrap}}:where(progress){--track-color: var(--surface-active-bg-color);--progress-color: var(--primary-color)}@layer component{.co-progress{color:var(--text-tertiary-color);display:flex;flex-direction:column;font-size:var(--text-size-1);gap:.25rem}.co-progress .co-progress__description{color:var(--text-tertiary-color);font-size:var(--text-size-01)}.co-progress.co-progress--error .label,.co-progress.co-progress--complete .label{display:flex;align-items:center;justify-content:space-between}.co-progress.co-progress--error .label svg,.co-progress.co-progress--complete .label svg{height:1.25rem;width:1.25rem}.co-progress.co-progress--error{color:var(--danger-color)}.co-progress.co-progress--error .co-progress-line{accent-color:var(--danger-color)}.co-progress.co-progress--error .co-progress-line[value]::-webkit-progress-value{background-color:var(--danger-color)}.co-progress.co-progress--error .co-progress__description{color:var(--danger-color)}.co-progress.co-progress--complete{color:var(--success-color)}.co-progress.co-progress--complete .co-progress-line{accent-color:var(--success-color)}.co-progress.co-progress--complete .co-progress-line[value]::-webkit-progress-value{background-color:var(--success-color)}.co-progress.co-progress--complete .co-progress__description{color:var(--success-color)}.co-spinner-circle:before{content:"";color:var(--surface-contrast-fg-color);display:block;height:1rem;width:1rem;background:transparent;border-radius:50%;border:.1rem solid transparent;border-color:var(--primary-color) var(--primary-color) transparent transparent;animation:spinner-circle .625s infinite}@keyframes spinner-circle{to{transform:rotate(360deg)}}}:where(progress){--track-color: light-dark(var(--neutral-800), var(--neutral-100));--track-size: min(10px, 1ex);--radius: 100vw;--indeterminate-track: linear-gradient( to right, var(--track-color) 45%, var(--progress-color) 0%, var(--progress-color) 55%, var(--track-color) 0% );--indeterminate-track-size: 225% 100%;--indeterminate-track-animation: progress-loading 2s infinite ease}@layer component{.co-progress-line{-moz-appearance:none;-webkit-appearance:none;appearance:none;border:none;position:relative;height:var(--track-size);border-radius:var(--radius);overflow:hidden;min-width:100%;width:fit-width}.co-progress-line[data-complete=false]{accent-color:var(--progress-color)}.co-progress-line[data-complete=true]{accent-color:var(--success-color)}.co-progress-line[data-error=true]{accent-color:var(--danger-color)}.co-progress-line:focus-visible{outline-color:var(--progress-color);outline-offset:.25rem}.co-progress-line[value]::-webkit-progress-bar{background-color:var(--track-color)}.co-progress-line[value][data-complete=false]::-moz-progress-bar{background-color:var(--progress-color)}.co-progress-line[value][data-complete=true]::-moz-progress-bar{background-color:var(--success-color)}.co-progress-line[value][data-error=true]::-moz-progress-bar{background-color:var(--danger-color)}.co-progress-line[value]::-webkit-progress-value{background-color:var(--progress-color)}.co-progress-line[data-complete=true]::-webkit-progress-value{background-color:var(--success-color)}.co-progress-line:not([value]):after{content:"";top:0;right:0;bottom:0;left:0;position:absolute;background:var(--indeterminate-track);background-size:var(--indeterminate-track-size);background-position:right;animation:var(--indeterminate-track-animation)}.co-progress-line:not([value])::-moz-progress-bar{background:var(--indeterminate-track);background-size:var(--indeterminate-track-size);background-position:right;animation:var(--indeterminate-track-animation)}.co-progress-line:not([value])::-webkit-progress-bar{background:var(--indeterminate-track);background-size:var(--indeterminate-track-size);background-position:right;animation:var(--indeterminate-track-animation)}@keyframes progress-loading{50%{background-position:left}}}@layer component{.co-progress-tracker{background-color:inherit;display:flex}.co-progress-tracker li{background-color:inherit;display:flex;flex-direction:column;position:relative}.co-progress-tracker li .label{display:block;font-weight:var(--font-weight-regular);line-height:1.5}.co-progress-tracker li .optional-label{display:block;font-size:var(--text-size-01);font-style:normal;font-weight:var(--font-weight-light)}.co-progress-tracker li svg{background:inherit;height:1.5rem;width:1.5rem}.co-progress-tracker li[data-status=idle]{color:var(--neutral-400);border-color:var(--neutral-400);border-style:dotted}.co-progress-tracker li[data-status=pending]{color:var(--info-color);border-color:var(--info-color);border-style:dotted;animation:var(--animation-blink)}.co-progress-tracker li[data-status=done]{color:var(--success-color);border-color:var(--success-color);border-style:solid}.co-progress-tracker li[data-status=failed]{color:var(--danger-color);border-color:var(--danger-color);border-style:solid}.co-progress-tracker.co-progress-tracker--horizontal{flex-direction:row;gap:.25rem}.co-progress-tracker.co-progress-tracker--horizontal li{border-width:.125rem 0 0 0;padding:1rem 1rem 1rem 0}.co-progress-tracker.co-progress-tracker--horizontal li svg{left:-.3rem;position:absolute;top:-.8rem}.co-progress-tracker.co-progress-tracker--vertical{flex-direction:column;gap:0rem}.co-progress-tracker.co-progress-tracker--vertical li{border-width:0 0 0 .125rem;padding:0 1rem 1rem}.co-progress-tracker.co-progress-tracker--vertical li svg{left:-.875rem;position:absolute;top:0}}@layer component{.co-screen__header{display:flex;flex-direction:column;gap:0;margin:0;padding:1.5rem;width:100%}.co-screen__header.co-screen__header--skim{box-shadow:var(--shadow--skim-08)}.co-screen__header.co-screen__header--raised{box-shadow:var(--shadow--raised-08)}.co-screen__header.co-screen__header--lifted{box-shadow:var(--shadow--lifted-08)}.co-screen__header.co-screen__header--floating{box-shadow:var(--shadow--floating-08)}.co-screen__header .heading{align-items:center;display:flex;gap:2rem}.co-screen__header .heading>*:last-child{margin-left:auto}.co-screen__header hgroup{margin-block:0 1rem}.co-screen__header hgroup h1,.co-screen__header hgroup h2,.co-screen__header hgroup h3{margin:0;padding:0}.co-screen__header h2{font-size:var(--text-size-6);line-height:1;margin:0;padding:0}.co-screen__header p{font-size:var(--text-size-01);margin-top:0;margin-bottom:0}.co-screen__header h3{font-weight:var(--font-weight-light)}.co-screen__header h3 b{font-weight:var(--font-weight-bold)}.co-screen__header.co-screen__header--collapsible{background-color:var(--surface-primary-bg-color);padding:1.5rem 1.5rem 0}.co-screen__header button.toggle{background-color:var(--surface-primary-bg-color);border-radius:0 0 var(--radius-5) var(--radius-5);box-shadow:0 .375rem .375rem 0 var(--shadow--color-08);display:flex;color:inherit;font-size:var(--text-size-01);gap:.5rem;margin:0 auto;padding-block:0 .5rem;padding-inline:1.5rem;position:relative;bottom:-.875rem;z-index:1}.co-screen__header button.toggle svg{transition:all .3s ease-in-out}.co-screen__header--collapsible[data-collapsed=false] button.toggle svg{transform:rotate(180deg)}.co-screen__header--collapsible[data-collapsed=true] hgroup{margin-block:0}.co-screen__header--collapsible[data-collapsed=true] button.toggle svg{transform:rotate(0)}}@layer component{.co-form__select .listbox-trigger{align-items:center;background-color:transparent;display:flex;line-height:1;padding:var(--padding-sm);text-align:left;flex:1}.co-form__select .listbox-trigger .value{flex:1;margin-right:.5rem;text-overflow:ellipsis;white-space:nowrap}.co-form__select .listbox-trigger svg{display:block;margin:0 0 0 .25rem;padding:0}.co-form__select .listbox-trigger:active svg,.co-form__select .listbox-trigger:focus svg{transform:rotate(180deg)}}@layer component{.co-side-panel{background-color:var(--surface-primary-bg-color);color:inherit;display:flex;position:relative;z-index:1;transition:width .2s}.co-side-panel.co-side-panel--overlay{position:absolute}.co-side-panel.co-side-panel--overlay+.co-app__main{margin-left:3.5rem}.co-app__frame.compact .co-side-panel .logo{display:flex;align-items:center;min-height:4rem;border-bottom:1px solid var(--stroke-subtle-color)}.co-app__frame.compact .co-side-panel .logo svg{color:var(--blue-400);margin:0 1rem}.co-app__frame.compact .co-side-panel .logo h1{font-size:clamp(1rem,var(--text-size-3),var(--text-size-4));font-weight:var(--font-weight-regular);margin:0;padding:0;white-space:nowrap}.co-app__frame.compact .co-side-panel.co-side-panel--collapsed{left:-3.725rem;width:0}.co-app__frame.compact .co-side-panel.co-side-panel--collapsed .logo{display:none}.co-app__frame.compact .co-side-panel.co-side-panel--overlay+.co-app__main{margin-left:0}.co-side-panel--left,.co-side-panel--right{flex-direction:column;height:calc(100vh - var(--app-header-height, 4rem))}.co-side-panel--left.co-side-panel--collapsed,.co-side-panel--right.co-side-panel--collapsed{width:min-content}.co-side-panel--left.co-side-panel--expanded,.co-side-panel--right.co-side-panel--expanded{width:16rem}.co-side-panel--left{box-shadow:.15rem 0 .5rem 0 var(--shadow--color-08)}.co-side-panel--right{box-shadow:-.15rem 0 .5rem 0 var(--shadow--color-08)}.co-side-panel__content{display:flex;flex:1}.co-side-panel__toggle{display:flex;background-color:var(--surface-primary-bg-color);border-top:1px solid var(--stroke-subtle-color);position:sticky;bottom:0}.co-side-panel__toggle button{border:0;background:transparent;margin:0;padding:0}.co-side-panel__toggle svg{margin:1rem;height:24px;width:24px;pointer-events:none;transition:all .3s ease-in-out}.co-side-panel--left .co-side-panel__toggle{justify-content:flex-end}.co-side-panel--left .co-side-panel__toggle svg{transform:rotate(0)}.co-side-panel--left.co-side-panel--collapsed .co-side-panel__toggle svg{transform:rotate(180deg)}.co-side-panel--right .co-side-panel__toggle{justify-content:flex-start}.co-side-panel--right .co-side-panel__toggle svg{transform:rotate(0)}.co-side-panel--right.co-side-panel--collapsed .co-side-panel__toggle svg{transform:rotate(180deg)}}:where(.co-split-panel){--split-panel-width--sm: 20dvw;--split-panel-width--md: 33dvw;--split-panel-width--lg: 66dvw;--split-panel-width--xl: 90dvw}@layer component{.co-split-panel{background-color:var(--surface-primary-bg-color);color:inherit;display:flex;flex-direction:column;flex-grow:0;flex-shrink:0;max-height:100dvh;position:sticky;top:0;z-index:1}.co-split-panel.co-split-panel--collapsed{flex-basis:0}.co-split-panel.co-split-panel--overlay{position:absolute;top:0;bottom:0;right:0}.co-split-panel.co-split-panel--overlay+.co-app__main{margin-left:3.5rem;position:relative}.co-split-panel.co-split-panel--xl{flex-basis:var(--split-panel-width--xl)}.co-split-panel.co-split-panel--lg{flex-basis:var(--split-panel-width--lg)}.co-split-panel.co-split-panel--md{flex-basis:var(--split-panel-width--md)}.co-split-panel.co-split-panel--sm{flex-basis:var(--split-panel-width--sm)}.co-split-panel.co-split-panel--base{box-shadow:var(--shadow--base-16)}.co-split-panel.co-split-panel--skim{box-shadow:var(--shadow--skim-16)}.co-split-panel.co-split-panel--raised{box-shadow:var(--shadow--raised-16)}.co-split-panel.co-split-panel--lifted{box-shadow:var(--shadow--lifted-16)}.co-split-panel.co-split-panel--floating{box-shadow:var(--shadow--floating-16)}.co-split-panel--left{box-shadow:.15rem 0 .5rem 0 var(--shadow--color-08)}.co-split-panel--right{box-shadow:-.15rem 0 .5rem 0 var(--shadow--color-08)}.co-split-panel__content{display:flex;flex:1}.co-split-panel__close:active{outline:0}.co-split-panel__close:focus-visible{outline:2px solid var(--outline-color)}.co-split-panel__close{position:absolute;top:0;right:0;z-index:1}@media (prefers-reduced-motion: no-preference){.co-split-panel--animate.co-split-panel--expanded{transition:all .375s var(--ease-elastic-2)}}}@layer component{.co-form__textarea textarea{border:none;font-size:var(--text-size-1);width:100%;min-height:2rem}}@layer component{.co-form__time .co-form__field dialog{width:100%}.co-form__time .input-layout{column-gap:0}.co-form__time .input-layout input[type=time]{font-family:var(--font-family-text);min-width:5rem;width:auto}.co-form__time .input-layout input[type=time]::-webkit-calendar-picker-indicator{background:none;display:none}.co-time-options{border:0;gap:.5rem;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(12,1fr);max-height:12rem;overflow-y:auto;overflow-x:hidden;padding:.25rem}.co-time-options label{border-radius:var(--radius-2);display:flex;flex-wrap:nowrap;font-size:var(--text-size-01);margin:0;padding:0 .25rem;white-space:nowrap}.co-time-options label input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:0;height:0}.co-time-options label input[type=radio]:focus{outline:0}.co-time-options label:hover{background-color:var(--neutral-700)}.co-time-options label:active{background-color:var(--neutral-600)}.co-time-options label:has(:focus){outline:2px solid var(--blue-400)}.co-time-options label:has(:checked){background-color:var(--blue-400);color:var(--white)}}
:where(.co-dialog){--dialog-height--sm: 33dvh;--dialog-width--sm: 33dvw;--dialog-height--md: 50dvh;--dialog-width--md: 50dvw;--dialog-height--lg: 66dvh;--dialog-width--lg: 66dvw;--dialog-height--xl: 80dvh;--dialog-width--xl: 80dvw}@layer component{.co-dialog{background-color:var(--surface-primary-bg-color);border:0;border-radius:var(--radius-3);box-shadow:var(--shadow--floating-16);color:var(--surface-fg-color);margin:auto;padding:0}.co-dialog:not([open]){pointer-events:none;opacity:0}.co-dialog .co-dialog__toolbar{align-items:center;background-color:var(--surface-primary-bg-color);border-color:var(--stroke-subtle-color);border-style:solid;border-width:0 0 1px 1px;border-radius:0 var(--radius-3) 0 var(--radius-3);color:var(--text-primary-color);display:flex;flex-direction:row;height:min-content;width:fit-content;padding:.25rem;position:absolute;top:0;right:0}.co-dialog .co-dialog__toolbar button{border-radius:var(--radius-2);font-size:var(--text-size-01);line-height:1.25rem;margin:0;padding:.25rem}.co-dialog .co-dialog__toolbar button svg{margin:0;padding:0}.co-dialog .co-dialog__toolbar button:hover,.co-dialog .co-dialog__toolbar button:active{background:var(--surface-active-bg-color)}.co-dialog .co-dialog__toolbar button:focus-visible{outline:1px solid var(--outline-color)}.co-dialog button.co-dialog__close{border-radius:var(--radius-3);display:flex;position:absolute;top:.275rem;right:.275rem;color:var(--surface-fg-color);z-index:1}.co-dialog button.co-dialog__close:focus-visible{outline:2px solid var(--outline-color)}.co-dialog button.co-dialog__close:hover{color:var(--surface-hover-fg-color)}.co-dialog button.co-dialog__close:active{color:var(--surface-active-fg-color)}.co-dialog button.co-dialog__close svg{height:1.5rem;width:1.5rem}.co-dialog>div{display:flex;flex-direction:column;height:100%;width:100%}.co-dialog header.co-dialog__header,.co-dialog article,.co-dialog footer.co-dialog__footer{margin:0;padding:1rem}.co-dialog article.co-dialog__content{flex:1;overflow-y:auto;max-block-size:100%;overscroll-behavior-y:contain;position:relative}.co-dialog header.co-dialog__header,.co-dialog footer.co-dialog__footer menu{margin:0;align-items:center;display:flex;gap:1rem}.co-dialog header.co-dialog__header{justify-content:space-between}.co-dialog header.co-dialog__header h2,.co-dialog header.co-dialog__header h3,.co-dialog header.co-dialog__header h4{margin:0}.co-dialog footer.co-dialog__footer menu{width:100%;justify-content:flex-end}.co-dialog--top,.co-dialog--right,.co-dialog--bottom,.co-dialog--left{margin:0;border-radius:0}.co-dialog--top,.co-dialog--bottom{right:0;left:0;width:100%}.co-dialog--top:dialog,.co-dialog--bottom:dialog{max-width:100%}.co-dialog--right,.co-dialog--left{top:0;bottom:0;height:100%}.co-dialog--right:dialog,.co-dialog--left:dialog{max-height:100%}.co-dialog--top{top:0}.co-dialog--right{right:0}.co-dialog--bottom{bottom:0}.co-dialog--left{left:0}.co-dialog--maximized{border-radius:0;box-shadow:none;top:0;right:0;bottom:0;left:0;height:100%;max-height:100%;width:100%;max-width:100%}.co-dialog--center.co-dialog--xl,.co-dialog--right.co-dialog--xl,.co-dialog--left.co-dialog--xl{width:var(--dialog-width--xl)}.co-dialog--center.co-dialog--lg,.co-dialog--right.co-dialog--lg,.co-dialog--left.co-dialog--lg{width:var(--dialog-width--lg)}.co-dialog--center.co-dialog--md,.co-dialog--right.co-dialog--md,.co-dialog--left.co-dialog--md{width:var(--dialog-width--md)}.co-dialog--center.co-dialog--sm,.co-dialog--right.co-dialog--sm,.co-dialog--left.co-dialog--sm{width:var(--dialog-width--sm)}.co-dialog--center.co-dialog--xl{top:calc((100% - var(--dialog-height--xl)) / 2);bottom:calc((100% - var(--dialog-height--xl)) / 2);height:var(--dialog-height--xl)}.co-dialog--center.co-dialog--lg{top:calc((100% - var(--dialog-height--lg)) / 2);bottom:calc((100% - var(--dialog-height--lg)) / 2);height:var(--dialog-height--lg)}.co-dialog--center.co-dialog--md{top:calc((100% - var(--dialog-height--md)) / 2);bottom:calc((100% - var(--dialog-height--md)) / 2);height:var(--dialog-height--md)}.co-dialog--center.co-dialog--sm{top:calc((100% - var(--dialog-height--sm)) / 2);bottom:calc((100% - var(--dialog-height--sm)) / 2);height:clamp(var(--dialog-height--sm),var(--dialog-height--sm),var(--dialog-height--lg))}.co-dialog--center.co-dialog--auto{top:auto;height:auto;bottom:auto}.co-dialog--left.co-dialog--xl{right:calc(100% - var(--dialog-width--xl))}.co-dialog--left.co-dialog--lg{right:calc(100% - var(--dialog-width--lg))}.co-dialog--left.co-dialog--md{right:calc(100% - var(--dialog-width--md))}.co-dialog--left.co-dialog--sm{right:calc(100% - var(--dialog-width--sm))}.co-dialog--right.co-dialog--xl{left:calc(100% - var(--dialog-width--xl))}.co-dialog--right.co-dialog--lg{left:calc(100% - var(--dialog-width--lg))}.co-dialog--right.co-dialog--md{left:calc(100% - var(--dialog-width--md))}.co-dialog--right.co-dialog--sm{left:calc(100% - var(--dialog-width--sm))}.co-dialog--top.co-dialog--xl,.co-dialog--bottom.co-dialog--xl{height:var(--dialog-height--xl)}.co-dialog--top.co-dialog--lg,.co-dialog--bottom.co-dialog--lg{height:var(--dialog-height--lg)}.co-dialog--top.co-dialog--md,.co-dialog--bottom.co-dialog--md{height:var(--dialog-height--md)}.co-dialog--top.co-dialog--sm,.co-dialog--bottom.co-dialog--sm{height:var(--dialog-height--sm)}.co-dialog--top.co-dialog--xl{bottom:calc(100% - var(--dialog-height--xl))}.co-dialog--top.co-dialog--lg{bottom:calc(100% - var(--dialog-height--lg))}.co-dialog--top.co-dialog--md{bottom:calc(100% - var(--dialog-height--md))}.co-dialog--top.co-dialog--sm{bottom:calc(100% - var(--dialog-height--sm))}.co-dialog--bottom.co-dialog--xl{top:calc(100% - var(--dialog-height--xl))}.co-dialog--bottom.co-dialog--lg{top:calc(100% - var(--dialog-height--lg))}.co-dialog--bottom.co-dialog--md{top:calc(100% - var(--dialog-height--md))}.co-dialog--bottom.co-dialog--sm{top:calc(100% - var(--dialog-height--sm))}@media (prefers-reduced-motion: no-preference){.co-dialog--animate{animation:var(--animation-scale-down) forwards;animation-timing-function:var(--ease-elastic-5)}.co-dialog--animate.co-dialog--center[open]{animation:var(--animation-slide-in-up) forwards}.co-dialog--animate.co-dialog--top[open]{animation:var(--animation-slide-in-down) forwards}.co-dialog--animate.co-dialog--right[open]{animation:var(--animation-slide-in-left) forwards}.co-dialog--animate.co-dialog--bottom[open]{animation:var(--animation-slide-in-up) forwards}.co-dialog--animate.co-dialog--left[open]{animation:var(--animation-slide-in-right) forwards}}}
@layer component{.co-popover__wrapper{pointer-events:none}.co-popover{--co-popover-background-color: var(--surface-primary-bg-color);--co-popover-color: var(--text-primary-color);--co-popover-high-contrast-background-color: var( --surface-contrast-bg-color );--co-popover-high-contrast-color: var(--surface-contrast-fg-color);--co-popover-caret-size: 1rem;--co-popover-offset: .75rem;background-color:var(--co-popover-background-color);border-radius:var(--radius-2);color:var(--co-popover-color);display:none;position:absolute;width:auto;z-index:9999;filter:drop-shadow(0 .15rem .15rem hsla(0,0%,0%,.15));will-change:filter}.co-popover .co-popover__caret{background-color:var(--co-popover-background-color);display:block;height:var(--co-popover-caret-size);position:absolute;width:var(--co-popover-caret-size)}.co-popover.clean{background-color:var(--surface-primary-bg-color)}.co-popover.clean .co-popover__caret{background-color:var(--surface-primary-bg-color)}.co-popover.high-contrast,.co-popover.high-contrast.clean{background-color:var(--co-popover-high-contrast-background-color);color:var(--co-popover-high-contrast-color)}.co-popover.high-contrast .co-popover__caret,.co-popover.high-contrast.clean .co-popover__caret{background-color:var(--co-popover-high-contrast-background-color)}.co-popover.open{display:block}.co-popover.top-left .co-popover__caret,.co-popover.top .co-popover__caret,.co-popover.top-right .co-popover__caret{clip-path:polygon(0 0,50% 100%,100% 0);bottom:calc(0rem - var(--co-popover-caret-size))}.co-popover.right-top .co-popover__caret,.co-popover.right .co-popover__caret,.co-popover.right-bottom .co-popover__caret{clip-path:polygon(0 50%,100% 0%,100% 100%);left:calc(0rem - var(--co-popover-caret-size))}.co-popover.bottom-right .co-popover__caret,.co-popover.bottom .co-popover__caret,.co-popover.bottom-left .co-popover__caret{clip-path:polygon(50% 0,100% 100%,0 100%);top:calc(0rem - var(--co-popover-caret-size))}.co-popover.left-bottom .co-popover__caret,.co-popover.left .co-popover__caret,.co-popover.left-top .co-popover__caret{clip-path:polygon(0 0,100% 50%,0 100%);right:calc(0rem - var(--co-popover-caret-size))}.co-popover.top-left .co-popover__caret{right:calc(0rem + var(--co-popover-caret-size))}.co-popover.top .co-popover__caret{left:calc(50% - var(--co-popover-caret-size) / 2)}.co-popover.top-right .co-popover__caret{left:calc(0rem + var(--co-popover-caret-size))}.co-popover.right .co-popover__caret{bottom:calc(50% - var(--co-popover-caret-size) / 2)}.co-popover.right-bottom .co-popover__caret{top:calc(0rem + var(--co-popover-caret-size))}.co-popover.bottom-right .co-popover__caret{left:calc(0rem + var(--co-popover-caret-size))}.co-popover.bottom .co-popover__caret{left:calc(50% - var(--co-popover-caret-size) / 2)}.co-popover.bottom-left .co-popover__caret{right:calc(0rem + var(--co-popover-caret-size))}.co-popover.left-bottom .co-popover__caret{top:calc(0rem + var(--co-popover-caret-size))}.co-popover.left .co-popover__caret{top:calc(50% - var(--co-popover-caret-size) / 2)}.co-popover.left-top .co-popover__caret{bottom:calc(0rem + var(--co-popover-caret-size))}}
@layer component{.co-screen__content{margin:0;padding:1.5rem}}
@layer component{.co-table{width:100%;border-collapse:collapse;margin-bottom:1rem}.co-table caption{font-size:var(--text-size-2);font-weight:var(--font-weight-regular);text-align:left}.co-table thead th{color:var(--surface-fg-color);font-size:var(--text-size-01);font-weight:var(--font-weight-semibold);padding:1rem .5rem;text-align:left}.co-table th,.co-table td{width:auto;white-space:nowrap}.co-table tbody{border-radius:var(--radius-3)}.co-table tbody tr:not(:last-child){border-bottom:1px solid var(--stroke-subtle-color)}.co-table tbody tr:hover{background-color:var(--surface-hover-bg-color)}.co-table tbody td,.co-table tbody th{color:var(--surface-fg-color);text-align:left}.co-table tbody td>div,.co-table tbody th>div{align-items:center;display:flex;gap:.5rem;justify-content:flex-start}.co-table svg{height:1.5rem;width:1.5rem}.co-table.co-table--regular tr td,.co-table.co-table--regular tr th{padding:1rem .5rem}.co-table.co-table--regular tr td:first-child,.co-table.co-table--regular tr th:first-child{padding-left:1rem}.co-table.co-table--regular tr td:last-child,.co-table.co-table--regular tr th:last-child{padding-right:1rem}.co-table.co-table--condensed tr td,.co-table.co-table--condensed tr th{padding:.5rem}.co-table.co-table--condensed tr td:first-child,.co-table.co-table--condensed tr th:first-child{padding-left:.5rem}.co-table.co-table--condensed tr td:last-child,.co-table.co-table--condensed tr th:last-child{padding-right:.5rem}.co-table.co-table--base tbody{border-top:1px solid var(--stroke-subtle-color);border-bottom:1px solid var(--stroke-subtle-color);box-shadow:none}.co-table.co-table--skim tbody{box-shadow:var(--shadow--skim-16)}.co-table.co-table--lifted tbody{box-shadow:var(--shadow--lifted-16)}.co-table.co-table--raised tbody{box-shadow:var(--shadow--raised-16)}.co-table.co-table--floating tbody{box-shadow:var(--shadow--floating-16)}}
@layer component{.co-tabs [role=tablist]{display:flex;flex-direction:row;flex-wrap:nowrap;font-size:1rem;font-weight:var(--font-weight-semibold);margin:0;padding-block:0;padding-inline:1.5rem}.co-tabs [role=tab]{display:flex;align-items:center;column-gap:.5rem;cursor:pointer;justify-content:center;padding-block:.625rem;padding-inline:1.5em;position:relative;text-decoration:none}.co-tabs [role=tab][aria-selected=true],.co-tabs [role=tab][aria-current=page]{cursor:initial}.co-tabs [role=tab][data-disabled]{cursor:not-allowed}.co-tabs [role=tab] svg{height:1rem;width:1rem;margin:0;padding:0}.co-tabs [role=tabpanel]{padding:1.5rem}.co-tabs--line{margin:0;padding:0;position:relative}.co-tabs--line [role=tablist]{position:relative;z-index:1}.co-tabs--line [role=tab]{border-bottom-color:transparent;border-bottom-style:solid;border-bottom-width:.125rem;color:var(--text-primary-color);display:flex;padding-block:.625rem .5rem;position:relative}.co-tabs--line [aria-selected=true][role=tab],.co-tabs--line [aria-current=page][role=tab]{border-bottom-color:var(--outline-color);color:var(--outline-color)}.co-tabs--line [role=tab]:hover{background-color:var(--surface-hover-bg-color);border-bottom-color:var(--surface-hover-bg-color)}.co-tabs--line [role=tab]:active{background-color:var(--surface-active-bg-color);border-bottom-color:var(--stroke-subtle-color)}.co-tabs--line [role=tab][aria-selected=true]:hover,.co-tabs--line [role=tab][aria-selected=true]:active{background-color:transparent;border-bottom-color:var(--outline-color)}.co-tabs--line span[role=tab][data-disabled]{color:var(--disabled-color)}.co-tabs--line [role=tabpanel]{border-top:.125rem solid var(--surface-hover-bg-color);margin-top:-.125rem;position:relative;z-index:0}.co-tabs--contained{background-color:transparent;margin:0;padding:0;position:relative}.co-tabs--contained [role=tablist]{column-gap:.75rem;position:relative;z-index:1}.co-tabs--contained [role=tab]{background-color:var(--tab-bg-color);border-radius:var(--radius-3) var(--radius-3) 0 0;color:var(--text-primary-color);padding-block:.625rem .5rem;transition:background-color 125ms}.co-tabs--contained [role=tab]:hover{background-color:var(--tab-hover-bg-color)}.co-tabs--contained [role=tab]:active{background-color:var(--tab-pressed-bg-color)}.co-tabs--contained [role=tab][aria-selected=true],.co-tabs--contained [role=tab][aria-selected=true]:hover,.co-tabs--contained [role=tab][aria-selected=true]:active,.co-tabs--contained [role=tab][aria-current=page],.co-tabs--contained [role=tab][aria-current=page]:hover,.co-tabs--contained [role=tab][aria-current=page]:active{background-color:var(--tab-active-bg-color);margin-block:0 -.125rem;padding-block:.625rem}.co-tabs--contained [role=tab][data-disabled]{background-color:var(--tab-bg-color);color:var(--disabled-color)}.co-tabs--contained [role=tabpanel]{position:relative;z-index:2;background:var(--surface-primary-bg-color)}.co-tabs a[role=tab]:focus-visible{outline:2px solid var(--outline-color);outline-offset:0px}}
@layer component{.co-tag{border-radius:var(--radius-2);font-size:var(--text-size-1);font-weight:var(--font-weight-bold);line-height:1.4;padding-inline:var(--size-1)}.co-tag.co-tag--compact{font-size:var(--text-size-01);font-weight:var(--font-weight-regular)}.co-tag.co-tag--info{background-color:var(--info-color);color:var(--white)}.co-tag.co-tag--error{background-color:var(--danger-color);color:var(--white)}.co-tag.co-tag--warning{background-color:var(--warning-color);color:var(--neutral-075)}.co-tag.co-tag--major-warning{background-color:var(--major-warning-color);color:var(--neutral-075)}.co-tag.co-tag--success{background-color:var(--success-color);color:var(--neutral-075)}.co-tag.co-tag--neutral--bold,.co-tag.co-tag--red--bold,.co-tag.co-tag--green--bold,.co-tag.co-tag--blue--bold,.co-tag.co-tag--yellow--bold,.co-tag.co-tag--orange--bold{text-transform:uppercase;font-weight:var(--font-weight-bold)!important}.co-tag.co-tag--neutral{background-color:light-dark(var(--neutral-700),var(--neutral-200));color:light-dark(var(--neutral-200),var(--neutral-700))}.co-tag.co-tag--neutral--bold{background-color:var(--neutral-200);color:var(--white)}.co-tag.co-tag--red{background-color:light-dark(var(--red-700),var(--red-100));color:light-dark(var(--red-100),var(--red-700))}.co-tag.co-tag--red--bold{background-color:var(--red-400);color:var(--white)}.co-tag.co-tag--green{background-color:light-dark(var(--green-700),var(--green-100));color:light-dark(var(--green-100),var(--green-700))}.co-tag.co-tag--green--bold{background-color:var(--green-400);color:var(--green-075)}.co-tag.co-tag--blue{background-color:light-dark(var(--blue-700),var(--blue-200));color:light-dark(var(--blue-200),var(--blue-700))}.co-tag.co-tag--blue--bold{background-color:var(--blue-400);color:var(--white)}.co-tag.co-tag--yellow{background-color:light-dark(var(--yellow-700),var(--yellow-100));color:light-dark(var(--yellow-100),var(--yellow-700))}.co-tag.co-tag--yellow--bold{background-color:var(--yellow-400);color:var(--yellow-100)}.co-tag.co-tag--orange{background-color:light-dark(var(--orange-700),var(--orange-100));color:light-dark(var(--orange-100),var(--orange-700))}.co-tag.co-tag--orange--bold{background-color:var(--orange-400);color:var(--orange-100)}.co-tag.co-tag--purple{background-color:light-dark(var(--purple-700),var(--purple-100));color:light-dark(var(--purple-100),var(--purple-700))}.co-tag.co-tag--pink{background-color:light-dark(var(--pink-700),var(--pink-100));color:light-dark(var(--pink-100),var(--pink-700))}.co-tag.co-tag--turquoise{background-color:light-dark(var(--turquoise-700),var(--turquoise-100));color:light-dark(var(--turquoise-100),var(--turquoise-700))}.co-tag.co-tag--lime{background-color:light-dark(var(--lime-700),var(--lime-100));color:light-dark(var(--lime-100),var(--lime-700))}}
@layer component{.co-form__toggle{--cursor: pointer;display:flex;align-items:center;justify-content:space-between;cursor:var(--cursor);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:pan-y;--track-color-inactive: var(--neutral-400);--track-color-active: var(--primary-color);--thumb-color: var(--surface-primary-bg-color);--thumb-color-disabled: var(--disabled-bg-color);--thumb-color-highlight: hsl(0 0% 0% / 25%);--isLTR: 1}[dir=rtl] .co-form__toggle{--isLTR: -1}.co-form__toggle:hover{--track-color-inactive: var(--neutral-300)}.co-form__toggle{--thumb-size: 1rem;--track-size: calc(var(--thumb-size) * 2);--track-padding: 2px}.co-form__toggle.co-form__control--xl{--outline-offset: 2px;--thumb-size: 2rem}.co-form__toggle.co-form__control--lg{--outline-offset: 2px;--thumb-size: 1.25rem}.co-form__toggle.co-form__control--md{--outline-offset: 1px;--thumb-size: 1rem}.co-form__toggle.co-form__control--sm{--outline-offset: 1px;--thumb-size: .825rem}.co-form__toggle.co-form__control--xs{--outline-offset: 1px;--thumb-size: .75rem}.co-form__control--vertical.co-form__toggle{align-items:flex-start;gap:.25rem;justify-content:flex-start}.co-form__control--horizontal.co-form__toggle{align-items:flex-start;gap:1rem;justify-content:flex-start}.co-form__toggle>input{--thumb-position: 0%;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--track-color-inactive);block-size:var(--thumb-size);border-radius:var(--track-size);border:none;box-sizing:content-box;cursor:pointer;display:grid;flex-shrink:0;grid:[track] 1fr / [track] 1fr;inline-size:var(--track-size);outline-offset:1px;padding:var(--track-padding)}.co-form__toggle>input:before{background:var(--thumb-color);block-size:var(--thumb-size);border-radius:50%;box-shadow:0 0 0 var(--highlight-size) var(--thumb-color-highlight);content:"";grid-area:track;inline-size:var(--thumb-size);transform:translate(var(--thumb-position))}@media (--motionOK){:is(){transition:transform var(--thumb-transition-duration, .3s) ease,box-shadow .25s ease}}.co-form__toggle>input:checked{background:var(--track-color-active);--thumb-position: calc((var(--track-size) - 100%) * var(--isLTR))}.co-form__toggle>input:indeterminate{--thumb-position: calc( calc(calc(var(--track-size) / 2) - calc(var(--thumb-size) / 2)) * var(--isLTR) )}.co-form__toggle>input:disabled{--cursor: not-allowed;cursor:var(--cursor);--track-color-inactive: var(--disabled-bg-color);--thumb-color: var(--disabled-bg-color)}.co-form__toggle>input:disabled:before{cursor:var(--cursor);box-shadow:inset 0 0 0 2px #ffffff7f}.co-form__toggle>input:not(:disabled):hover:before{--highlight-size: .25rem}.co-form__toggle>input:focus-visible{outline:2px solid var(--outline-color);outline-offset:var(--outline-offset)}.co-form__toggle>input:disabled{outline:none}.co-form__toggle>.co-form__label{flex:1;font-size:var(--thumb-size)}.co-form__toggle>.co-form__helper-text{flex:1}}
@layer component{.co-tooltip{background-color:var(--surface-primary-bg-color);border-radius:var(--radius-2);border:.0625rem solid var(--stroke-subtle-color);border-style:solid;border-width:.0625rem;padding:var(--padding-md);position:relative;width:fit-content;max-width:16rem;transition:color .3s,background-color .3s}.co-tooltip h1,.co-tooltip h2,.co-tooltip h3,.co-tooltip h4,.co-tooltip h5,.co-tooltip h6{margin-block:0;padding-block:0}.co-tooltip p,.co-tooltip li{font-size:var(--text-size-01)}.co-tooltip--high-contrast{filter:invert(1) hue-rotate(180deg)}.co-tooltip--high-contrast img{filter:invert(1) hue-rotate(180deg)}}
@layer component{.co-wheels-of-time{display:grid;grid-column:1/3;grid-row:2/3;grid-template-columns:repeat(3,3rem);height:14rem;overflow-y:clip;margin:0;padding:0;position:relative}.co-wheels-of-time fieldset{border:0;border-right:1px solid var(--stroke-subtle-color);display:block;margin:0;padding:0 .25rem;overflow-y:auto}.co-wheels-of-time fieldset.ampm{padding:0 .25rem}.co-wheels-of-time fieldset:last-of-type{border-right:0}.co-wheels-of-time fieldset label{border-radius:var(--radius-2);font-size:var(--text-size-01);cursor:pointer;display:block;margin:0 0 .5rem;padding:0 .25rem}.co-wheels-of-time fieldset label:hover{background-color:var(--neutral-subtle)}.co-wheels-of-time fieldset label:active{background-color:light-dark(var(--neutral-600),var(--neutral-200))}.co-wheels-of-time fieldset label:has(:checked){background-color:var(--primary-color);color:var(--white)}.co-wheels-of-time fieldset label:has(:checked):active,.co-wheels-of-time fieldset label:has(:checked):hover{background-color:var(--primary-color);color:var(--white)}.co-wheels-of-time fieldset label:has(:focus-visible){outline:2px solid var(--primary-color)}.co-wheels-of-time fieldset input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:0;width:0;border:none}.co-wheels-of-time fieldset input[type=radio]:focus,.co-wheels-of-time fieldset input[type=radio]:focus-visible{outline:none}}
@layer app {

  .change-request-form {
    margin-top: var(--space-32);
    & h3 {
      margin-top: var(--space-24);
    }

    & .form-fields {
      display: flex;
      flex-direction: column;
      gap: var(--space-24);
      border: none;
      margin-top: var(--space-24);
      padding: 0;
    }

    & .co-alert--message.co-alert--success {
      & p {
        font-weight: var(--font-weight-normal);
      }
    }

    /* This is a temporary solution to hide the form actions in the side panel */
    /* until all change request forms are updated to use the new showFormActions prop */
    /* This will be removed once all forms are updated */
    .form-actions{
      display: none;
    }

  }

}

/* TO DO: this is for the old request page actions -  to be deleted once all forms are updated */
.dialog-details__page.request {
    /* height: 100dvh; */
    padding: 1rem;
    /* position: relative; */

    & .form-actions {
      background-color: var(--white);
      border-top: 1px solid var(--neutral-7);
      display: flex;
      gap: 1rem;
      max-height: 5.5rem;
      justify-content: flex-end;
      padding: 1.5rem;
      position: fixed;
      bottom: 0;
      right: 0;
      left: 0;
      z-index: 3;
    }
  }
.cobalt-text-input{display:inline-flex;width:100%;align-items:center;border-radius:.5rem;border:none;background:var(--input-default);color:var(--text-primary);min-height:2rem;flex-shrink:0;padding:0 .75rem;outline:1px solid var(--stroke-default);outline-offset:-1px;overflow:hidden;text-overflow:ellipsis;font-family:var(--font-family-text);font-size:var(--text-size-1)}.cobalt-text-input.medium{min-height:2.5rem}.cobalt-text-input:hover{outline-color:var(--stroke-hover)}.cobalt-text-input.danger:not(:focus-visible){outline:2px solid var(--stroke-danger);outline-offset:-2px}.cobalt-text-input.danger:not(:focus-visible):hover{outline-color:var(--stroke-danger-hover)}.cobalt-text-input:focus-visible{outline:2px solid var(--stroke-focus);outline-offset:-2px}.cobalt-text-input::placeholder{overflow:hidden;color:var(--text-secondary);text-overflow:ellipsis}.cobalt-text-input.cobalt-text-area{padding:.62rem .75rem;resize:none}.cobalt-text-input.cobalt-text-area.resizable{resize:vertical}.cobalt-text-input:disabled{background:var(--input-disabled);outline-color:var(--stroke-disabled);color:var(--text-disabled);-webkit-text-fill-color:var(--text-disabled)}
.cobalt-form-field-label{display:flex;justify-content:space-between}.cobalt-form-field-label .cobalt-form-field-label-main{flex:1;margin-right:auto;color:var(--text-secondary);font-family:var(--font-family-text);font-size:.75rem;font-style:normal;font-weight:600;line-height:normal;margin-bottom:.25rem}.cobalt-form-field-label .cobalt-form-field-label-additional{color:var(--text-secondary);font-family:var(--font-family-text);font-size:.75rem;font-style:normal;font-weight:400;line-height:normal}.cobalt-form-field-helper{color:var(--text-secondary);font-family:var(--font-family-text);font-size:.75rem;font-style:normal;font-weight:400;line-height:normal;margin-top:.25rem}.cobalt-form-field-helper.error{color:var(--text-danger);font-family:var(--font-family-text);font-size:.75rem;font-style:normal;font-weight:600;line-height:normal}.cobalt-form-field{display:flex;flex-direction:column}.cobalt-form-field .date-picker-button{margin-right:.25rem}.cobalt-form-field .input-wrapper{display:inline-flex;flex-direction:row;border-radius:.5rem;outline:1px solid var(--stroke-default);outline-offset:-1px;border:none;background:var(--input-default);align-items:center;min-height:2rem;width:100%}.cobalt-form-field .input-wrapper.disabled{background:var(--input-disabled)}.cobalt-form-field .input-wrapper.disabled svg{color:var(--icon-disabled)}.cobalt-form-field .input-wrapper .cobalt-text-input,.cobalt-form-field .input-wrapper .cobalt-date-picker-input{display:flex;flex:1;border:none;outline:none;outline-offset:0;border-radius:none;background:transparent}.cobalt-form-field .input-wrapper .cobalt-text-input.danger:not(:focus-visible),.cobalt-form-field .input-wrapper .cobalt-date-picker-input.danger:not(:focus-visible){outline:none;outline-offset:0}.cobalt-form-field .input-wrapper .cobalt-text-input:focus,.cobalt-form-field .input-wrapper .cobalt-date-picker-input:focus{outline:none}.cobalt-form-field .input-wrapper .cobalt-text-input input,.cobalt-form-field .input-wrapper .cobalt-date-picker-input input{border:none;border-radius:none;outline:none}.cobalt-form-field .input-wrapper.with-prefix{padding-left:.75rem}.cobalt-form-field .input-wrapper.with-suffix{padding-right:.75rem}.cobalt-form-field .input-wrapper .error-icon{color:var(--icon-danger);align-self:flex-start;margin-top:.62rem}.cobalt-form-field .input-wrapper.medium{min-height:2.5rem}.cobalt-form-field .input-wrapper:hover:not(.disabled):not(.focused){outline-color:var(--stroke-hover)}.cobalt-form-field .input-wrapper.error{outline:2px solid var(--stroke-danger);outline-offset:-2px;padding-right:.75rem}.cobalt-form-field .input-wrapper.error:hover{outline-color:var(--stroke-danger-hover)}.cobalt-form-field .input-wrapper.focused{outline:2px solid var(--stroke-focus);outline-offset:-2px}.cobalt-form-field .input-wrapper.disabled{background:var(--input-disabled);outline-color:var(--stroke-disabled)}
.cobalt-popover-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:var(--z-index-popover);pointer-events:all}.cobalt-popover{position:absolute;z-index:calc(var(--z-index-popover) + 1)}
.cobalt-radio-button{display:flex;flex-direction:column;gap:.125rem}.cobalt-radio-button .cobalt-radio-button-input{display:flex;flex-direction:row;align-items:baseline}.cobalt-radio-button .cobalt-radio-button-input input[type=radio]{height:1.125rem;width:1.125rem;border-radius:50%;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;margin:0;position:relative;border:1px solid var(--stroke-default);background-color:var(--input-default);align-self:center}.cobalt-radio-button .cobalt-radio-button-input input[type=radio]:hover{border-width:1px;border-color:var(--stroke-hover)}.cobalt-radio-button .cobalt-radio-button-input input[type=radio]:active:not(:disabled){border-width:2px;border-color:var(--stroke-focus)}.cobalt-radio-button .cobalt-radio-button-input input[type=radio]:checked{background-color:var(--input-default);border:1px solid var(--stroke-default)}.cobalt-radio-button .cobalt-radio-button-input input[type=radio]:checked:active:not(:disabled){border-width:2px;border-color:var(--button-primary-default)}.cobalt-radio-button .cobalt-radio-button-input input[type=radio]:checked:active:not(:disabled):after{background-color:var(--button-primary-default)}.cobalt-radio-button .cobalt-radio-button-input input[type=radio]:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.7rem;height:.7rem;border-radius:50%;background-color:var(--button-primary-default)}.cobalt-radio-button .cobalt-radio-button-input input[type=radio]:checked:hover{border-color:var(--button-primary-hover)}.cobalt-radio-button .cobalt-radio-button-input input[type=radio]:checked:hover:after{background-color:var(--button-primary-hover)}.cobalt-radio-button .cobalt-radio-button-input input[type=radio].danger{border:2px solid var(--button-danger-default)}.cobalt-radio-button .cobalt-radio-button-input input[type=radio].danger:hover{border-color:var(--button-danger-hover)}.cobalt-radio-button .cobalt-radio-button-input input[type=radio].danger:active:not(:disabled){border-color:var(--button-danger-default)}.cobalt-radio-button .cobalt-radio-button-input input[type=radio].danger:active:not(:disabled):after{background-color:var(--button-danger-default)}.cobalt-radio-button .cobalt-radio-button-input input[type=radio].danger:checked{background-color:var(--input-default);border-color:var(--button-danger-default)}.cobalt-radio-button .cobalt-radio-button-input input[type=radio].danger:checked:after{background-color:var(--button-danger-default)}.cobalt-radio-button .cobalt-radio-button-input input[type=radio].danger:checked:hover{border-color:var(--button-danger-hover)}.cobalt-radio-button .cobalt-radio-button-input input[type=radio].danger:checked:hover:after{background-color:var(--button-danger-hover)}.cobalt-radio-button .cobalt-radio-button-input input[type=radio]:disabled{background-color:var(--input-disabled);border:.1rem solid var(--stroke-disabled);cursor:not-allowed}.cobalt-radio-button .cobalt-radio-button-input input[type=radio]:disabled:checked:after{background-color:var(--icon-disabled)}.cobalt-radio-button .cobalt-radio-button-input input[type=radio]:disabled:hover,.cobalt-radio-button .cobalt-radio-button-input input[type=radio]:disabled:active{border-color:var(--stroke-disabled)}.cobalt-radio-button .cobalt-radio-button-input input[type=radio]:disabled+label{color:var(--text-disabled);cursor:not-allowed}.cobalt-radio-button .cobalt-radio-button-input input[type=radio]+label{color:var(--text-primary);cursor:pointer;justify-content:center;align-self:stretch;font-size:var(--text-size-1);padding-left:.5rem}.cobalt-radio-button .cobalt-radio-button-input input[type=radio]+label.visually-hidden{display:none}.cobalt-radio-button .cobalt-radio-button-input input[type=radio]+label.disabled{color:var(--text-disabled);cursor:not-allowed}.cobalt-radio-button .cobalt-radio-button-description{display:flex;flex-flow:row wrap;margin-left:1.7rem;color:var(--text-tertiary);align-self:stretch;font-size:var(--text-size-02)}.cobalt-radio-button .cobalt-radio-button-description.disabled{color:var(--text-disabled)}.cobalt-radio-button .cobalt-radio-button-description.danger{color:var(--text-danger);font-weight:var(--font-weight-bold)}
.cobalt-radio-button-group{display:flex;gap:.75rem}.cobalt-radio-button-group.vertical{flex-direction:column}.cobalt-radio-button-group.horizontal{flex-direction:row;flex-wrap:wrap}
@keyframes cobalt-loader-circular-svg{0%{transform:rotate(-50deg)}to{transform:rotate(310deg)}}@keyframes cobalt-loader-circular-circle{0%{stroke-dashoffset:280;transform:rotate(0)}50%{stroke-dashoffset:140;transform:rotate(180deg)}to{stroke-dashoffset:280;transform:rotate(360deg)}}.cobalt-loader-circular{display:inline-flex;position:relative;-webkit-user-select:none;user-select:none}.cobalt-loader-circular.cobalt-loader-circular-size-small{height:20px;width:20px}.cobalt-loader-circular.cobalt-loader-circular-size-medium{height:40px;width:40px}.cobalt-loader-circular.cobalt-loader-circular-size-large{width:4.6505rem;height:4.589rem}.cobalt-loader-circular.cobalt-loader-circular-indeterminate svg{animation:1.5s linear infinite cobalt-loader-circular-svg;transform:rotate(-50deg)}.cobalt-loader-circular.cobalt-loader-circular-indeterminate circle{display:block;animation:1.5s infinite both cobalt-loader-circular-circle;fill:transparent;stroke:var(--stroke-focus);stroke-dasharray:283;stroke-dashoffset:280;stroke-width:12px;transform-origin:50% 50%}.cobalt-loader-circular.cobalt-loader-circular-determinate svg{display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;right:0;bottom:0;height:100%;width:100%;transform:rotate(-90deg)}.cobalt-loader-circular.cobalt-loader-circular-determinate svg circle{stroke:var(--stroke-focus)}
.cobalt-button{color:var(--text-on-color);display:inline-flex;gap:.5rem;justify-content:center;align-items:center;border-radius:.5rem;font-weight:600}.cobalt-button.cobalt-button-x-small{padding:.25rem 1rem;height:1.5rem;border-radius:.25rem}.cobalt-button.cobalt-button-x-small.cobalt-button-icon-only{width:1.5rem}.cobalt-button.cobalt-button-small{padding:.375rem 1rem;height:2rem;border-radius:.5rem}.cobalt-button.cobalt-button-small.cobalt-button-icon-only{width:2rem}.cobalt-button.cobalt-button-medium{padding:.5rem 1rem;height:2.5rem;border-radius:.5rem}.cobalt-button.cobalt-button-medium.cobalt-button-icon-only{width:2.5rem}.cobalt-button.cobalt-button-icon-only{padding:0}.cobalt-button.cobalt-button-primary{background-color:var(--button-primary-default)}.cobalt-button.cobalt-button-primary:hover{background-color:var(--button-primary-hover)}.cobalt-button.cobalt-button-primary:active:not(:disabled),.cobalt-button.cobalt-button-primary:hover:active:not(:disabled){background-color:var(--button-primary-pressed)}.cobalt-button.cobalt-button-primary:focus-visible:not(:disabled){outline-offset:1px}.cobalt-button.cobalt-button-secondary{background-color:var(--button-secondary-default);color:var(--button-text-secondary)}.cobalt-button.cobalt-button-secondary:hover{background-color:var(--button-secondary-hover)}.cobalt-button.cobalt-button-secondary:active:not(:disabled),.cobalt-button.cobalt-button-secondary:hover:active:not(:disabled){background-color:var(--button-secondary-pressed)}.cobalt-button.cobalt-button-secondary:focus-visible:not(:disabled){outline-offset:1px}.cobalt-button.cobalt-button-tertiary{background-color:transparent;border:2px solid var(--button-tertiary-default);color:var(--button-tertiary-default)}.cobalt-button.cobalt-button-tertiary:hover{border-color:var(--button-tertiary-hover);color:var(--button-tertiary-hover)}.cobalt-button.cobalt-button-tertiary:active:not(:disabled),.cobalt-button.cobalt-button-tertiary:hover:active:not(:disabled){border-color:var(--button-tertiary-pressed);color:var(--button-tertiary-pressed)}.cobalt-button.cobalt-button-tertiary:focus-visible:not(:disabled){outline-offset:1px}.cobalt-button.cobalt-button-primary-danger{background-color:var(--button-danger-default)}.cobalt-button.cobalt-button-primary-danger:hover{background-color:var(--button-danger-hover)}.cobalt-button.cobalt-button-primary-danger:active:not(:disabled),.cobalt-button.cobalt-button-primary-danger:hover:active:not(:disabled){background-color:var(--button-danger-pressed)}.cobalt-button.cobalt-button-primary-danger:focus-visible:not(:disabled){outline-offset:1px}.cobalt-button.cobalt-button-tertiary-danger{background-color:transparent;border:2px solid var(--button-danger-default);color:var(--button-danger-default)}.cobalt-button.cobalt-button-tertiary-danger:hover{border-color:var(--button-danger-hover);color:var(--button-danger-hover)}.cobalt-button.cobalt-button-tertiary-danger:active:not(:disabled),.cobalt-button.cobalt-button-tertiary-danger:hover:active:not(:disabled){border-color:var(--button-danger-pressed);color:var(--button-danger-pressed)}.cobalt-button.cobalt-button-tertiary-danger:focus-visible:not(:disabled){outline-offset:1px}.cobalt-button.cobalt-button-ghost{background-color:transparent}.cobalt-button.cobalt-button-ghost:not(:disabled){color:var(--text-interactive)}.cobalt-button.cobalt-button-ghost:not(:disabled).cobalt-button-icon-only{color:var(--icon-primary)}.cobalt-button.cobalt-button-ghost:not(:disabled):hover{background-color:var(--button-ghost-hover)}.cobalt-button.cobalt-button-ghost:not(:disabled):active,.cobalt-button.cobalt-button-ghost:not(:disabled):hover:active{background-color:var(--button-ghost-pressed)}.cobalt-button.cobalt-button-ghost:not(:disabled):focus-visible{outline-offset:1px}.cobalt-button.cobalt-button-ghost:disabled{color:var(--text-disabled)}.cobalt-button.cobalt-button-ghost-danger{background-color:var(--button-ghost-default);color:var(--red-400)}.cobalt-button.cobalt-button-ghost-danger:not(:disabled):hover{background-color:var(--button-ghost-hover)}.cobalt-button.cobalt-button-ghost-danger:not(:disabled):active,.cobalt-button.cobalt-button-ghost-danger:not(:disabled):hover:active{background-color:var(--button-ghost-pressed)}.cobalt-button.cobalt-button-ghost-danger:not(:disabled):focus-visible{outline-offset:1px}.cobalt-button.cobalt-button-ghost-danger:not(:disabled).cobalt-button-icon-only{color:var(--icon-primary)}.cobalt-button.cobalt-button-ghost-danger:not(:disabled).cobalt-button-icon-only:hover{background-color:var(--button-danger-default);color:var(--text-on-color)}.cobalt-button.cobalt-button-ghost-danger:not(:disabled).cobalt-button-icon-only:active,.cobalt-button.cobalt-button-ghost-danger:not(:disabled).cobalt-button-icon-only:hover:active{background-color:var(--button-danger-hover);color:var(--text-on-color)}.cobalt-button.cobalt-button-ghost-danger:disabled{color:var(--text-disabled)}.cobalt-button.cobalt-button-tertiary-danger:disabled,.cobalt-button.cobalt-button-tertiary:disabled{border-color:var(--button-disabled-tertiary);color:var(--text-disabled)}.cobalt-button.cobalt-button-primary-danger:disabled,.cobalt-button.cobalt-button-primary:disabled,.cobalt-button.cobalt-button-secondary:disabled{background-color:var(--button-disabled-default);color:var(--text-disabled)}
.cobalt-checkbox{display:flex;flex-direction:column;gap:.125rem}.cobalt-checkbox .cobalt-checkbox-input{display:flex;flex-direction:row;align-items:center}.cobalt-checkbox .cobalt-checkbox-input input[type=checkbox]{height:1.125rem;width:1.125rem;flex-shrink:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--input-default);border:.1rem solid var(--stroke-default);cursor:pointer;transition:all var(--animation-duration) ease-in-out;border-radius:.25rem;margin:0}.cobalt-checkbox .cobalt-checkbox-input input[type=checkbox]:hover{border-color:var(--stroke-hover)}.cobalt-checkbox .cobalt-checkbox-input input[type=checkbox]:active:not(:disabled):not(:checked):not(:indeterminate),.cobalt-checkbox .cobalt-checkbox-input input[type=checkbox]:active:hover:not(:disabled):not(:checked):not(:indeterminate){border:2px solid var(--stroke-focus)}.cobalt-checkbox .cobalt-checkbox-input input[type=checkbox]:focus-visible{outline:2px solid var(--stroke-focus);outline-offset:1px}.cobalt-checkbox .cobalt-checkbox-input input[type=checkbox]:checked,.cobalt-checkbox .cobalt-checkbox-input input[type=checkbox]:indeterminate{background-color:var(--button-primary-default);border-color:var(--button-primary-default)}.cobalt-checkbox .cobalt-checkbox-input input[type=checkbox]:checked:hover,.cobalt-checkbox .cobalt-checkbox-input input[type=checkbox]:indeterminate:hover{background-color:var(--button-primary-hover);border:.1rem solid var(--button-primary-hover)}.cobalt-checkbox .cobalt-checkbox-input input[type=checkbox]:checked:disabled,.cobalt-checkbox .cobalt-checkbox-input input[type=checkbox]:indeterminate:disabled{background-color:var(--icon-disabled);border-color:var(--icon-disabled)}.cobalt-checkbox .cobalt-checkbox-input input[type=checkbox]:checked.danger,.cobalt-checkbox .cobalt-checkbox-input input[type=checkbox]:indeterminate.danger{background-color:var(--button-danger-default);border-color:var(--button-danger-default)}.cobalt-checkbox .cobalt-checkbox-input input[type=checkbox]:checked.danger:hover,.cobalt-checkbox .cobalt-checkbox-input input[type=checkbox]:indeterminate.danger:hover{background-color:var(--button-danger-hover);border:.1rem solid var(--button-danger-hover)}.cobalt-checkbox .cobalt-checkbox-input input[type=checkbox].danger{border:2px solid var(--button-danger-default)}.cobalt-checkbox .cobalt-checkbox-input input[type=checkbox].danger:hover{border-color:var(--button-danger-hover)}.cobalt-checkbox .cobalt-checkbox-input input[type=checkbox].danger:active:not(:disabled):not(:checked):not(:indeterminate),.cobalt-checkbox .cobalt-checkbox-input input[type=checkbox].danger:active:hover:not(:disabled):not(:checked):not(:indeterminate){border-color:var(--button-danger-pressed)}.cobalt-checkbox .cobalt-checkbox-input input[type=checkbox]:checked:before{display:flex;background-color:var(--icon-inverse);content:"";height:100%;width:100%;-webkit-mask-image:url('data:image/svg+xml,<svg version="1.1" viewBox="0 0 12 8" xmlns="http://www.w3.org/2000/svg"><title>Checkmark</title><g fill="none" fill-rule="evenodd"><g transform="translate(-4 -6)" fill="%23fff" fill-rule="nonzero"><g transform="translate(1 1)"><path d="m11.939 5.4393c0.58579-0.58579 1.5355-0.58579 2.1213 0 0.54917 0.54917 0.5835 1.4182 0.10297 2.0074l-0.10297 0.11392-5 5c-0.54917 0.54917-1.4182 0.5835-2.0074 0.10297l-0.11392-0.10297-3-3c-0.58579-0.58579-0.58579-1.5355 0-2.1213 0.54917-0.54917 1.4182-0.5835 2.0074-0.10297l0.11392 0.10297 1.9393 1.9397 3.9393-3.9397z"/></g></g></g></svg>');mask-image:url('data:image/svg+xml,<svg version="1.1" viewBox="0 0 12 8" xmlns="http://www.w3.org/2000/svg"><title>Checkmark</title><g fill="none" fill-rule="evenodd"><g transform="translate(-4 -6)" fill="%23fff" fill-rule="nonzero"><g transform="translate(1 1)"><path d="m11.939 5.4393c0.58579-0.58579 1.5355-0.58579 2.1213 0 0.54917 0.54917 0.5835 1.4182 0.10297 2.0074l-0.10297 0.11392-5 5c-0.54917 0.54917-1.4182 0.5835-2.0074 0.10297l-0.11392-0.10297-3-3c-0.58579-0.58579-0.58579-1.5355 0-2.1213 0.54917-0.54917 1.4182-0.5835 2.0074-0.10297l0.11392 0.10297 1.9393 1.9397 3.9393-3.9397z"/></g></g></g></svg>');-webkit-mask-position:center;mask-position:center;-webkit-mask-size:.75rem .6rem;mask-size:.75rem .6rem;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.cobalt-checkbox .cobalt-checkbox-input input[type=checkbox]:indeterminate:before{display:flex;background-color:var(--icon-inverse);content:"";height:100%;width:100%;-webkit-mask-image:url('data:image/svg+xml,<svg version="1.1" viewBox="0 0 12 4" xmlns="http://www.w3.org/2000/svg"><title>Line</title><g fill="none" fill-rule="evenodd"><g transform="translate(-4 -8)" fill="%23fff" fill-rule="nonzero"><g transform="translate(1 1)"><path d="m13 7.5c0.82843 0 1.5 0.67157 1.5 1.5 0 0.7797-0.59489 1.4204-1.3555 1.4931l-0.14446 0.0068666h-8c-0.82843 0-1.5-0.67157-1.5-1.5 0-0.7797 0.59489-1.4204 1.3555-1.4931l0.14446-0.0068666h8z"/></g></g></g></svg>');mask-image:url('data:image/svg+xml,<svg version="1.1" viewBox="0 0 12 4" xmlns="http://www.w3.org/2000/svg"><title>Line</title><g fill="none" fill-rule="evenodd"><g transform="translate(-4 -8)" fill="%23fff" fill-rule="nonzero"><g transform="translate(1 1)"><path d="m13 7.5c0.82843 0 1.5 0.67157 1.5 1.5 0 0.7797-0.59489 1.4204-1.3555 1.4931l-0.14446 0.0068666h-8c-0.82843 0-1.5-0.67157-1.5-1.5 0-0.7797 0.59489-1.4204 1.3555-1.4931l0.14446-0.0068666h8z"/></g></g></g></svg>');-webkit-mask-position:center;mask-position:center;-webkit-mask-size:.75rem .6rem;mask-size:.75rem .6rem;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.cobalt-checkbox .cobalt-checkbox-input input[type=checkbox]:disabled{background-color:var(--input-disabled);border:.1rem solid var(--stroke-disabled);cursor:not-allowed}.cobalt-checkbox .cobalt-checkbox-input input[type=checkbox]:disabled+label{color:var(--text-disabled);cursor:not-allowed}.cobalt-checkbox .cobalt-checkbox-input input[type=checkbox]+label{color:var(--text-primary);cursor:pointer;justify-content:center;align-self:stretch;font-size:var(--text-size-1);padding-left:.5rem}.cobalt-checkbox .cobalt-checkbox-input input[type=checkbox]+label.visually-hidden{display:none}.cobalt-checkbox .cobalt-checkbox-description{display:flex;flex-flow:row wrap;margin-left:1.7rem;color:var(--text-tertiary);align-self:stretch;font-size:var(--text-size-02)}.cobalt-checkbox .cobalt-checkbox-description.disabled{color:var(--text-disabled)}.cobalt-checkbox .cobalt-checkbox-description.danger{color:var(--text-danger);font-weight:var(--font-weight-bold)}
.cobalt-date-picker-input{display:flex;flex-direction:row;align-items:center;background-color:var(--input-default);border-radius:.5rem}.cobalt-date-picker-input .range-picker-inputs{display:flex;flex-direction:row;align-items:baseline}.cobalt-date-picker-input .range-picker-inputs .to-text{color:var(--text-primary)}.cobalt-date-picker-input .date-picker-input{display:flex;color:var(--text-primary);padding:0 .75rem;border-radius:.5rem;background-color:var(--input-default);overflow:hidden;text-overflow:ellipsis;font-family:var(--font-family-text);font-size:var(--text-size-1)}.cobalt-date-picker-input .date-picker-input.medium{min-height:2.5rem}.cobalt-date-picker-input .date-picker-input:disabled{background:var(--input-disabled);outline-color:var(--stroke-disabled);color:var(--text-disabled);-webkit-text-fill-color:var(--text-disabled)}.cobalt-date-picker-input .range-picker{max-width:7.25rem}.cobalt-date-picker-input .clear-icon{width:1rem;height:1rem;color:var(--icon-tertiary);cursor:pointer}.cobalt-date-picker-input .clear-icon:hover{color:var(--icon-primary)}
.cobalt-chip{display:inline-flex;align-items:center;min-width:3.5rem;padding-inline:.75rem;flex-shrink:0;gap:.25rem;background-color:var(--chips-background-off-default);border-radius:.75rem;color:var(--text-primary);font-size:var(--text-size-02);font-weight:var(--font-weight-bold);line-height:1rem;cursor:auto;height:1.5rem;border:1px solid var(--stroke-default)}.cobalt-chip:focus-visible{outline-offset:1px;outline-color:var(--stroke-focus)}.cobalt-chip.cobalt-chip-selectable:not(.cobalt-chip-disabled){cursor:pointer}.cobalt-chip.cobalt-chip-selectable:not(.cobalt-chip-disabled):hover{background-color:var(--chips-background-off-hover)}.cobalt-chip.cobalt-chip-selectable:not(.cobalt-chip-disabled):active,.cobalt-chip.cobalt-chip-selectable:not(.cobalt-chip-disabled):hover:active{background-color:var(--chips-background-off-pressed)}.cobalt-chip.cobalt-chip-selected:not(.cobalt-chip-disabled){background-color:var(--button-secondary-default);color:var(--button-text-secondary);border-color:transparent}.cobalt-chip.cobalt-chip-selected:not(.cobalt-chip-disabled).cobalt-chip-selectable:hover{background-color:var(--button-secondary-hover)}.cobalt-chip.cobalt-chip-selected:not(.cobalt-chip-disabled).cobalt-chip-selectable:active,.cobalt-chip.cobalt-chip-selected:not(.cobalt-chip-disabled).cobalt-chip-selectable:hover:active{background-color:var(--button-secondary-pressed)}.cobalt-chip.cobalt-chip-disabled{background-color:var(--chips-background-off-disabled);color:var(--text-disabled);border-color:var(--stroke-disabled)}.cobalt-chip.cobalt-chip-disabled.cobalt-chip-selected{background-color:var(--chips-background-disabled);color:var(--chips-text-disabled);border-color:transparent}.cobalt-chip.cobalt-chip-dismissible{padding-right:.125rem}.cobalt-chip.cobalt-chip-dismissible .cobalt-chip-dismiss{align-items:center;justify-content:center;border-radius:.75rem;display:flex;height:1.25rem;width:1.25rem}.cobalt-chip.cobalt-chip-dismissible .cobalt-chip-dismiss:focus-visible{outline-color:var(--stroke-focus)}.cobalt-chip.cobalt-chip-dismissible:not(.cobalt-chip-selected) .cobalt-chip-dismiss:hover{background-color:var(--chips-background-off-pressed)}.cobalt-chip.cobalt-chip-dismissible.cobalt-chip-selected,.cobalt-chip.cobalt-chip-dismissible.cobalt-chip-selected .cobalt-chip-dismissible{color:var(--button-text-secondary)}.cobalt-chip.cobalt-chip-dismissible.cobalt-chip-selected .cobalt-chip-dismiss:hover{background-color:var(--chips-background-on-pressed);cursor:pointer}
.cobalt-tooltip{position:absolute;z-index:var(--z-index-popover);visibility:hidden;opacity:0;display:flex;justify-content:center;align-items:center;gap:.5rem;background-color:var(--color-neutral-100);color:var(--text-on-color);padding:.25rem .5rem;border-radius:.25rem;font-size:var(--font-typesize-02);text-align:center;font-weight:var(--font-weight-bold);line-height:1rem;letter-spacing:.01rem;white-space:nowrap;box-shadow:0 1px 32px #00000014;transition:opacity .2s ease-in-out,transform .2s ease-in-out;pointer-events:none}.cobalt-tooltip:before{content:"";position:absolute;pointer-events:auto;background:transparent}.cobalt-tooltip.tooltip-top:before{top:100%;left:50%;transform:translate(-50%);width:100%;height:.5rem}.cobalt-tooltip.tooltip-left:before{left:100%;top:50%;transform:translateY(-50%);width:.5rem;height:100%}.cobalt-tooltip.tooltip-right:before{right:100%;top:50%;transform:translateY(-50%);width:.5rem;height:100%}.cobalt-tooltip.tooltip-bottom:before{bottom:100%;left:50%;transform:translate(-50%);width:100%;height:.5rem}.cobalt-tooltip[aria-hidden=false]{opacity:1;visibility:visible;transform:translate(0);pointer-events:auto}
.cobalt-dropdown-item{display:flex;gap:.5rem;padding:.625rem .75rem;min-height:2.5rem;cursor:pointer;transition:background-color .2s ease}.cobalt-dropdown-item.focused{background:var(--button-ghost-hover)}.cobalt-dropdown-item:hover:not(.disabled){background:var(--button-ghost-hover)}.cobalt-dropdown-item:active:not(.disabled){background:var(--button-ghost-pressed)}.cobalt-dropdown-item.selected:not(.multiselect){background:var(--button-primary-default);color:var(--text-on-color)}.cobalt-dropdown-item.selected:not(.multiselect):hover{background:var(--button-primary-default)}.cobalt-dropdown-item .dropdown-placeholder{overflow:hidden;color:var(--text-secondary);text-overflow:ellipsis;font-family:var(--font-family-text);font-size:var(--text-size-1);font-style:normal;line-height:1.25rem}.cobalt-dropdown-item .dropdown-selected-value{overflow:hidden;color:var(--text-primary);text-overflow:ellipsis;font-family:var(--font-family-text);font-size:var(--text-size-1);font-style:normal;line-height:1.25rem}.cobalt-dropdown-item.disabled{cursor:not-allowed}.cobalt-dropdown-item .content{display:flex;flex-direction:column;align-items:flex-start;flex:1;gap:.25rem;word-break:break-word}.cobalt-dropdown-item .content .label{color:var(--text-primary);font-family:var(--font-family-text);font-size:var(--text-size-1);font-style:normal;line-height:1.25rem}.cobalt-dropdown-item .content .label.disabled{color:var(--text-disabled)}.cobalt-dropdown-item .content .label.selected:not(.multiselect){color:var(--text-on-color);font-weight:var(--font-weight-bold)}.cobalt-dropdown-item .content .secondary-info{color:var(--text-secondary);font-family:var(--font-family-text);font-size:var(--text-size-02);font-style:normal;line-height:1rem;font-weight:400}.cobalt-dropdown-item .content .secondary-info.selected:not(.multiselect){color:var(--text-on-color)}.cobalt-dropdown-item .icons .clear-icon{cursor:pointer;color:var(--text-secondary)}
.cobalt-dropdown{display:flex;flex-direction:column;position:relative;cursor:pointer}.cobalt-dropdown.filterable{cursor:text}.cobalt-dropdown .dropdown-wrapper{position:relative;display:flex;flex-direction:column}.cobalt-dropdown .dropdown{display:flex;flex-direction:row;align-items:center;border-radius:.5rem;outline:1px solid var(--stroke-default);background:var(--input-default);color:var(--text-primary);min-height:2rem}.cobalt-dropdown .dropdown .content-wrapper{display:flex;flex:1;flex-direction:row;justify-content:space-between;gap:.125rem;width:100%}.cobalt-dropdown .dropdown .content-wrapper .display-value{display:flex;flex-flow:row wrap;width:100%;gap:.25rem}.cobalt-dropdown .dropdown .content-wrapper input{border:none;flex:1;min-width:5rem;padding:0;width:100%}.cobalt-dropdown .dropdown .content-wrapper input:focus{outline:none}.cobalt-dropdown .dropdown:has(.selected-chips){align-items:flex-start}.cobalt-dropdown .dropdown:focus-within:not(.dropdown-disabled){outline:2px solid var(--stroke-focus)}.cobalt-dropdown .dropdown:hover:not(.dropdown-disabled):not(.dropdown-danger){outline-color:var(--stroke-hover)}.cobalt-dropdown .dropdown.dropdown-danger{outline:2px solid var(--stroke-danger)}.cobalt-dropdown .dropdown.dropdown-danger:hover{outline-color:var(--stroke-danger-hover)}.cobalt-dropdown .dropdown.dropdown-disabled{background:var(--input-disabled);outline-color:var(--stroke-disabled);cursor:not-allowed;color:var(--text-disabled)}.cobalt-dropdown .dropdown.dropdown-disabled .dropdown-selected-value{color:var(--text-disabled)}.cobalt-dropdown .dropdown[aria-expanded=true]:hover:not(.dropdown-disabled):not(.dropdown-danger){outline-color:var(--stroke-focus)}.cobalt-dropdown .selected-chips{display:flex;flex-wrap:wrap;gap:.5rem}.cobalt-dropdown .selected-chips .chip-count{display:none}.cobalt-dropdown .dropdown-selected-value{font-family:var(--font-family-text);font-size:var(--text-size-1);line-height:1.25rem;overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap}.cobalt-dropdown .dropdown-placeholder{overflow:hidden;color:var(--text-tertiary);text-overflow:ellipsis;font-family:var(--font-family-text);font-size:var(--text-size-1);font-style:normal;line-height:1.25rem}.cobalt-dropdown .dropdown-small{padding:0 .75rem}.cobalt-dropdown .dropdown-medium{min-height:2.5rem;padding:.625rem .75rem}.cobalt-dropdown .is-multiselect{padding:.5rem .75rem}.cobalt-dropdown .is-multiselect .dropdown-placeholder{line-height:1.5rem}.cobalt-dropdown .is-multiselect .icons{margin-top:.125rem}.cobalt-dropdown .has-overflow .content-wrapper .display-value{flex-flow:row nowrap}.cobalt-dropdown .has-overflow .selected-chips{align-items:center;flex-wrap:nowrap;overflow:hidden}.cobalt-dropdown .has-overflow .selected-chips .chip-count{display:flex;position:absolute;visibility:hidden}.cobalt-dropdown .has-overflow .selected-chips .chip-count.visible{position:relative;visibility:visible}.cobalt-dropdown .dropdown.dropdown-disabled .icons svg{color:var(--icon-disabled)}.cobalt-dropdown .icons{align-items:center;display:flex;flex-direction:row;flex-shrink:0;gap:.25rem;height:1.25rem;margin-left:.5rem}.cobalt-dropdown .icons.leading{padding-left:.75rem;padding-right:0}.cobalt-dropdown .icons .clear-icon{width:1rem;height:1rem;color:var(--icon-tertiary);cursor:pointer}.cobalt-dropdown .icons .clear-icon:focus-visible{border-radius:.25rem;outline:2px solid var(--stroke-focus)}.cobalt-dropdown .icons .chevron-icon{width:1rem;height:1rem;transition:transform .3s ease-in-out;transform:rotate(180deg)}.cobalt-dropdown .icons .danger-icon{color:var(--icon-danger)}.cobalt-dropdown .dropdown[aria-expanded=true] .chevron-icon{transform:rotate(0)}.cobalt-dropdown-menu{list-style-type:none;padding:0;margin-inline:0;background-color:var(--surface-primary);inset:unset;max-height:12rem;overflow-y:auto;border:none;margin-block:0;padding-inline:0;border-radius:.5rem;box-shadow:0 1px 32px #0000001a}
.cobalt-divider{margin:0}.cobalt-divider.cobalt-divider-solid{background-color:var(--stroke-default)}.cobalt-divider.cobalt-divider-horizontal{display:block;height:1px;width:100%}.cobalt-divider.cobalt-divider-horizontal.cobalt-divider-dotted{background-color:var(--stroke-default);-webkit-mask-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTgiIGhlaWdodD0iMSIgdmlld0JveD0iMCAwIDk4IDEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJWYXJpYW50PURvdHRlZCwgT3JpZW50YXRpb249SG9yaXpvbnRhbCI+CjxwYXRoIGlkPSJIb3Jpem9udGFsLyBEb3R0ZWQiIGQ9Ik0xIDAuNUg5NyIgc3Ryb2tlPSIjQTRBQ0IwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1kYXNoYXJyYXk9IjAuMSA2Ii8+CjwvZz4KPC9zdmc+Cg==);mask-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTgiIGhlaWdodD0iMSIgdmlld0JveD0iMCAwIDk4IDEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJWYXJpYW50PURvdHRlZCwgT3JpZW50YXRpb249SG9yaXpvbnRhbCI+CjxwYXRoIGlkPSJIb3Jpem9udGFsLyBEb3R0ZWQiIGQ9Ik0xIDAuNUg5NyIgc3Ryb2tlPSIjQTRBQ0IwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1kYXNoYXJyYXk9IjAuMSA2Ii8+CjwvZz4KPC9zdmc+Cg==);-webkit-mask-size:98px 1px;mask-size:98px 1px}.cobalt-divider.cobalt-divider-vertical{display:inline-flex;height:100%;width:1px}.cobalt-divider.cobalt-divider-vertical.cobalt-divider-dotted{background-color:var(--stroke-default);-webkit-mask-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSI5OCIgdmlld0JveD0iMCAwIDEgOTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJWYXJpYW50PURvdHRlZCwgT3JpZW50YXRpb249VmVydGljYWwiPgo8cGF0aCBpZD0iVmVydGljYWwvIERvdHRlZCIgZD0iTTAuNSA5N0wwLjUgMSIgc3Ryb2tlPSIjQTRBQ0IwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1kYXNoYXJyYXk9IjAuMSA2Ii8+CjwvZz4KPC9zdmc+Cg==);mask-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSI5OCIgdmlld0JveD0iMCAwIDEgOTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJWYXJpYW50PURvdHRlZCwgT3JpZW50YXRpb249VmVydGljYWwiPgo8cGF0aCBpZD0iVmVydGljYWwvIERvdHRlZCIgZD0iTTAuNSA5N0wwLjUgMSIgc3Ryb2tlPSIjQTRBQ0IwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1kYXNoYXJyYXk9IjAuMSA2Ii8+CjwvZz4KPC9zdmc+Cg==);-webkit-mask-size:1px 98px;mask-size:1px 98px}
.cobalt-number-input{display:flex;flex-flow:row nowrap;align-items:center;gap:.75rem}.cobalt-number-input .cobalt-number-input-error-icon{color:var(--icon-danger)}.cobalt-number-input .cobalt-number-input-group{flex:1;display:flex;flex-direction:row;border:1px solid var(--stroke-default);padding:.25rem;align-items:center;gap:.25rem;flex-shrink:0;background-color:var(--input-default);border-radius:.5rem}.cobalt-number-input .cobalt-number-input-group.small{height:2rem}.cobalt-number-input .cobalt-number-input-group.medium{height:2.5rem}.cobalt-number-input .cobalt-number-input-group:hover{border-color:var(--stroke-hover)}.cobalt-number-input .cobalt-number-input-group:focus-within{border:2px solid var(--stroke-focus);outline:none}.cobalt-number-input .cobalt-number-input-group .cobalt-number-input-value{border:none;height:100%;min-width:4rem;justify-items:center;flex:1;background-color:var(--input-default)}.cobalt-number-input .cobalt-number-input-group .cobalt-number-input-value::-webkit-outer-spin-button,.cobalt-number-input .cobalt-number-input-group .cobalt-number-input-value::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.cobalt-number-input .cobalt-number-input-group .cobalt-number-input-value:-moz-appearance{-moz-appearance:textfield}.cobalt-number-input .cobalt-number-input-group .cobalt-number-input-value:focus{outline:none}.cobalt-number-input .cobalt-number-input-group.invalid{border:2px solid var(--stroke-danger)}.cobalt-number-input .cobalt-number-input-group.disabled{cursor:not-allowed;background-color:var(--input-disabled);border-color:var(--stroke-disabled)}.cobalt-number-input .cobalt-number-input-group.disabled .cobalt-divider{background-color:var(--stroke-disabled)}.cobalt-number-input .cobalt-number-input-group.disabled .cobalt-number-input-value{color:var(--text-disabled);background-color:var(--input-disabled)}
.cobalt-toggle{display:flex;align-items:center;flex-flow:row wrap}.cobalt-toggle .toggle{position:relative;display:inline-block}.cobalt-toggle .toggle input{opacity:0;width:100%;height:100%;z-index:1;position:relative}.cobalt-toggle .toggle.medium{height:1.5rem;width:3rem}.cobalt-toggle .toggle.small{height:1rem;width:2rem}.cobalt-toggle .toggle.medium>.slider:before{height:1.125rem;width:1.125rem}.cobalt-toggle .toggle.small>.slider:before{height:.625rem;width:.625rem}.cobalt-toggle .toggle .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--toggle-off-default);-webkit-transition:.4s;transition:.4s;border-radius:.75rem;display:inline-flex}.cobalt-toggle .toggle .slider:before{position:absolute;content:"";left:.19rem;bottom:.19rem;top:.19rem;background-color:var(--icon-on-color);-webkit-transition:.4s;transition:.4s;border-radius:50%}.cobalt-toggle .toggle input:disabled+.slider{cursor:not-allowed;background-color:var(--button-disabled-default)}.cobalt-toggle .toggle input:disabled+.slider:before{background-color:var(--icon-disabled)}.cobalt-toggle .toggle input:not(:disabled):checked+.slider{background-color:var(--button-primary-default)}.cobalt-toggle .toggle input:not(:disabled):checked+.slider:hover{background-color:var(--button-primary-hover)}.cobalt-toggle .toggle input:not(:disabled):focus-visible+.slider{outline:.2rem solid var(--stroke-focus);outline-offset:1px}.cobalt-toggle .toggle.medium>input:checked+.slider:before{-webkit-transform:translateX(1.5rem);-ms-transform:translateX(1.5rem);transform:translate(1.5rem)}.cobalt-toggle .toggle.small>input:checked+.slider:before{-webkit-transform:translateX(1rem);-ms-transform:translateX(1rem);transform:translate(1rem)}.cobalt-toggle label{margin-left:.5rem}
.cobalt-action-bar{display:flex;justify-content:space-between;padding:1.5rem;position:relative;border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}.cobalt-action-bar.cobalt-action-bar-floating{position:sticky;width:100%;background-color:var(--surface-primary);z-index:var(--z-index-action-bar);box-shadow:var(--shadow--floating-04);border-top:1px solid var(--stroke-subtle)}.cobalt-action-bar.cobalt-action-bar-flat{position:relative;background-color:var(--surface-primary)}.cobalt-action-bar.cobalt-action-bar-left{justify-content:flex-start}.cobalt-action-bar.cobalt-action-bar-right{justify-content:flex-end}.cobalt-action-bar.desktop .action-buttons{display:flex;flex:1;gap:1.5rem}.cobalt-action-bar.desktop .action-buttons .button-row{display:flex;flex:1;flex-flow:row wrap;gap:1rem}.cobalt-action-bar.desktop .action-buttons .button-row.left{justify-content:flex-start}.cobalt-action-bar.desktop .action-buttons .button-row.left .button-item-tertiary{display:flex;flex:1;justify-content:flex-end}.cobalt-action-bar.desktop .action-buttons .button-row.right{justify-content:flex-end}.cobalt-action-bar.desktop .action-buttons .button-row.right .button-item-tertiary{display:flex;flex:1;justify-content:flex-start}.cobalt-action-bar.mobile{display:flex;flex-direction:column}.cobalt-action-bar.mobile .action-buttons{display:flex;flex:1;flex-direction:column;gap:1rem}.cobalt-action-bar.mobile .action-buttons .button-item{flex:1;display:flex}.cobalt-action-bar.mobile .action-buttons .button-item button{flex:1}
.cobalt-modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--surface-scrim);z-index:var(--z-index-modal)}.cobalt-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--surface-secondary);box-shadow:0 1px 32px #00000014;z-index:calc(var(--z-index-modal) + 1);max-width:90%;max-height:90%;border-radius:.5rem;display:flex;flex-direction:column}.cobalt-modal:focus-visible{outline:none}.cobalt-modal.cobalt-modal-small{max-width:25rem;min-width:25rem;min-height:12.5rem;max-height:80vh}.cobalt-modal.cobalt-modal-medium{max-width:40rem;min-width:40rem;min-height:22.5rem;max-height:80vh}.cobalt-modal.cobalt-modal-large{height:80vh;width:80vw}.cobalt-modal .cobalt-modal-header{display:flex;flex-direction:column;justify-content:space-between;gap:.25rem;padding:0 .5rem 2rem 1.5rem;position:sticky;top:0}.cobalt-modal .cobalt-modal-header .cobalt-modal-header-description{color:var(--text-primary)}.cobalt-modal .cobalt-modal-header .cobalt-modal-header-titles{display:flex;flex-direction:row;justify-content:space-between;gap:1.5rem}.cobalt-modal .cobalt-modal-header .cobalt-modal-header-titles .cobalt-modal-header-content{display:flex;flex-direction:column;gap:.12rem;margin-top:1.25rem}.cobalt-modal .cobalt-modal-header .cobalt-modal-header-titles .cobalt-modal-header-content h2{font-size:1.5rem;font-weight:700;line-height:2rem;color:var(--text-primary);margin:0}.cobalt-modal .cobalt-modal-header .cobalt-modal-header-titles .cobalt-modal-header-content h3{font-size:1rem;font-weight:600;line-height:1.25rem;color:var(--text-secondary);margin:0}.cobalt-modal .cobalt-modal-header .cobalt-modal-header-titles .cobalt-modal-close-button{margin-top:.5rem}.cobalt-modal .cobalt-modal-content{display:flex;flex:1;flex-direction:column;overflow-y:auto}
@layer component {
  .co-empty-state {
    &[data-status='error'] {
      & h4 {
        margin-bottom: 0;
      }
      & p {
        margin-top: 0;
      }
    }
  }
}
@layer component {
  .co-empty-state--grid {
    display: grid;
    gap: 0.5rem;
    width: 100%;

    & ul {
      display: flex;
      gap: 0.25rem;
      margin: 0;
      padding: 0;
    }

    & li {
      display: flex;
    }

    & ul.thead,
    & ul.row {
      flex-direction: row;
      width: 100%;
      & li {
        align-items: center;
        display: flex;
        flex: 1;
        min-height: 3rem;
        padding: 0.5rem;
      }
    }

    & ul.tbody {
      border-bottom: 1px solid var(--neutral-7);
      flex-direction: column;
      width: 100%;
      & ul {
        border-top: 1px solid var(--neutral-7);
      }
    }
  }
}
@layer override {
  .document-viewer {
    display: grid;
    margin: 1rem 0;
    place-content: center;
    border-radius: var(--radius-3);
    background: var(--neutral-9);
    width: 100%;

    & .co-icon.file-thumbnail {
      color: var(--neutral-7);
      height: 12rem;
      margin: 4rem auto;
      width: 12rem;
    }
  }
}
@layer app {

.spinner {
  height: 100%;
  width: 100%;
  display: grid;
  margin-right: 0.5rem;
  place-items: end;

  & .spinner__circle {
    &::before {
      content: '';
      color: var(--white);
      display: block;
      height: 0.75rem;
      width: 0.75rem;
      background: transparent;
      border-radius: 50%;
      border: 0.2rem solid transparent;
      border-color: var(--neutral-6) var(--neutral-6) transparent transparent;
      animation: spinner-circle 0.625s infinite;
    }
  }
}

@keyframes spinner-circle {
  100% {
    transform: rotatez(360deg);
  }
}
}
@layer component {
  .co-form__file {
    & .drop-zone {
      border: 1px dashed var(--neutral-7);
      border-radius: var(--radius-2);
      color: var(--blue-4);
      display: grid;
      place-items: start;
      margin: 0 0 1rem 0;
      min-height: 9rem;
      padding: 1rem;

      &:hover {
        text-decoration: underline;
        background: var(--green-8);
        border: 1px dashed var(--green-4);
        cursor: copy;
      }

      &:focus {
        outline: 2px solid var(--blue-4);
      }

      &.disabled {
        background-color: var(--disabled-bg-color);
        color: var(--disabled-color);
        &:hover {
          text-decoration: none;
        }
      }
    }

    & .co-btn {
      flex: auto;
      margin: 1rem auto 1rem 0;
    }

    & p.error__message {
      color: var(--danger-color);
      display: flex;
      column-gap: 0.5rem;
      margin: 0 0 1rem 0;
    }

    & h5 {
      margin: 0 0 1rem 0;
    }
  }

  .co-form__file-list {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin: 0 0 1rem 0;
    padding: 0;

    & li {
      align-items: center;
      background-color: var(--surface-bg-color);
      border-radius: var(--radius-3);
      box-shadow: var(--shadow--skim-16);
      color: var(--form-input-fg-color);
      display: flex;
      font-size: var(--text-size-1);
      margin: 0;
      padding: 1rem 0.5rem 1rem 1rem;
      justify-content: space-between;

      & .name {
        display: inline-block;
        & small {
          color: var(--neutral-6);
          display: inline !important;
        }
      }

      & .status-icon {
        display: flex;
        align-items: center;
        justify-content: center;
      }

      & .co-btn {
        flex: unset;
        margin: 0 0 0 1rem;
      }

      & svg {
        pointer-events: none;
      }
    }

    &.error-list {
      margin: 0 0 2rem 0;
      & li {
        display: block;
        & .file {
          border-bottom: 1px solid var(--neutral-6);
          align-items: center;
          display: flex;
          padding: 0 0 0.75rem 0;
        }
        & svg.error {
          color: var(--danger-color);
          height: 1.5rem;
          margin: 0 -0.5rem 0 1rem;
          width: 1.5rem;
        }
        & .co-form__error-message {
          color: var(--danger-color);
          display: block;
          font-size: var(--text-size-02);
          padding: 0.75rem 0 0 0;
          width: max-content;
        }
      }
    }
  }

  .spinner {
    height: 100%;
    width: 100%;
    display: grid;
    place-items: center;

    & .upload_spinner__circle {
      &::before {
        content: '';
        color: var(--white);
        display: block;
        height: 0.75rem;
        width: 0.75rem;
        background: transparent;
        border-radius: 50%;
        border: 0.3rem solid transparent;
        border-color: var(--neutral-6) var(--neutral-6) transparent transparent;
        animation: upload-spinner-circle 0.625s infinite;
      }
    }
  }

  @keyframes upload-spinner-circle {
    100% {
      transform: rotatez(360deg);
    }
  }
}
.filter-section {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  padding-bottom: 2rem;
  border-bottom: 1px solid var(--neutral-700);
  transition: all 0.5s ease-in-out;

  &.last {
    border-bottom: 0;
  }

  & header {
    align-items: center;
    display: flex;
    gap: 0.5rem;
    grid-column: 1/3;
    margin: 2rem 0 1rem 0;
    & h4 {
      margin: 0;
    }
    & .count {
      color: var(--neutral-5);
      font-size: var(--text-size-02);
    }
  }

  & .deselect-button {
    grid-column: 2/3;
    justify-self: end;
    align-self: center;
  }

  & button {
    margin: 1rem 0 0 0;
    padding: 0;
    color: var(--blue-4);

    &:hover {
      color: var(--blue-3);
      text-decoration: underline;
    }
    &:focus {
      outline: none;
    }

    &:focus-visible {
      outline: 2px solid var(--blue-4);
      outline-offset: 2px;
    }
  }

  & .spinner-container {
    grid-column: 1/3;
    margin: 2rem;
  }

  & .search-input {
    grid-column: 1/3;
    margin: 0 0 1rem 0;
  }

  & .checkbox-group {
    grid-column: 1/3;
    margin: 0;

    & .input-list {
      gap: 0.7rem;
    }
  }
}
@layer app {
  .filter-date-range-picker {
    margin-top: 2rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid var(--neutral-700);

    & .co-form__field {
      align-items: flex-start;
      width: fit-content;
    }

    & .input-layout {
      padding-left: 0.5rem;
      padding-right: 0.5rem;
    }

    @media (--md-n-below) {
      & .co-form__calendar {
        grid-template-rows: 1fr;
        gap: 0;

        & > * {
          grid-column: 1/2;
        }

        & > .shortcut-frame {
          grid-row: 3/4;
          border-right: 0;
          padding: 0;
          & ul {
            margin: 0 0.5rem;
          }
        }

        & > .nav {
          grid-row: 1/2;
        }

        & > article {
          grid-row: 2/3;
        }
      }
    }
  }
}
@layer app {
  .redirect-modal {
    height: 11.75rem;
    padding: 0.5rem;
    width: 25rem;

    & h3 {
      font-weight: var(--font-weight-bold);
      font-size: var(--text-size-2);
    }
  }

  .redirect-modal-container {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding-inline: 1rem;

    & p {
      font-weight: var(--font-weight-semibold);
      font-size: var(--text-size-1);
    }

    & .redirect-modal-container__actions {
      margin-top: 1rem;
      display: flex;
      flex-flow: row wrap;
      gap: 1.5rem;
      align-items: center;
    }
  }
}
.loader-circular-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.loader-circular {
  z-index: 10000;
  border: 5px solid var(--blue-4);
  border-top: 5px solid var(--blue-4);
  border-right: 5px solid transparent;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  animation: spin 0.7s cubic-bezier(0.5, 0.1, 0.5, 1) infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@layer app {
  & :where(.co-modal.authorities-setup-wizard) {
    --size-md: 40rem;
    height: fit-content;
    min-height: 22rem;
    & .co-modal__header {
      margin: 0 3rem 0 0.5rem;
    }
  }

  .co-modal.authorities-setup-wizard {
    & form {
      margin: 1rem 1.5rem;

      & .grid-12 {
        display: grid;
        gap: 1rem;
        grid-template-columns: repeat(12, 1fr);
        min-height: 15rem;
      }

      & .co-form__dropdown {
        grid-column: 1/13;
        margin: 0;
      }

      & .co-form__text {
        grid-column: 1/6;
      }

      & .co-alert {
        grid-column: 1/13;
        &.co-alert--warning {
          padding: 1rem 1rem 0 0;
        }
        &.co-alert--error {
          margin-block: 1rem;
        }
      }
    }

    & .listbox.listbox-open {
      width: 100%;
      & label {
        padding: 0.25rem 0.75rem;
      }
    }

    & footer {
      border-radius: 0 0 var(--radius-3) var(--radius-3);
      width: 100%;
      & menu {
        display: flex;
        justify-content: space-between;
        padding: 0.25rem 0;
      }
      & .co-btn--secondary {
        margin-inline: 0 auto;
      }
    }
  }
}
@layer app {
  & .breadcrumbs {
    align-items: center;
    display: flex;
    gap: 0.5rem;
    margin: 0 0 1.5rem 0;

    & > button,
    & > span {
      font-weight: var(--font-weight-normal);
      margin: 0;
      padding: 0;
      line-height: 1;
    }

    & > span:last-of-type {
      color: var(--neutral-0);
    }

    & button {
      color: var(--neutral-5);

      &:hover,
      &:active {
        text-decoration: underline;
      }
      &:focus {
        outline: 0;
      }
      &:focus-visible {
        outline: 2px solid var(--blue-4);
      }
    }
  }
}
@layer app {
  & .document-listing {
    & ul,
    & li,
    & h5,
    & h6,
    & p {
      margin: 0;
      padding: 0;
    }

    & header,
    & [data-type='directory'],
    & [data-type='document'],
    & .name a,
    & .name button,
    & .actions {
      display: flex;
    }

    & :focus-visible {
      outline: 2px solid var(--blue-4) !important;
    }

    & header {
      border-bottom: 1px solid var(--neutral-7);
      padding-inline: 1rem;

      & h6 {
        flex: 1;
        font-size: var(--text-size-01);
        font-weight: var(--font-weight-normal);
        padding-block: 0.5rem;
      }
    }

    & li {
      border-bottom: 1px solid var(--neutral-8);
      display: grid;
      grid-template-columns: 1fr auto;

      &:hover {
        background: var(--blue-9);
      }
      &:focus-within {
        background: var(--blue-8);
      }

      & > .name {
        align-items: center;
        color: var(--neutral-0);
        display: flex;
        flex: 1;
        font-size: var(--text-size-1);
        gap: 0.5rem;
        justify-content: flex-start;

        &[data-type='directory'],
        &[data-type='document'] {
          align-items: center;
          gap: 1rem;
          height: 4.5rem;
          padding-inline: 1rem;
        }

        &[data-type='directory'] {
          text-transform: uppercase;
          & svg {
            color: var(--blue-6);
          }
          & .count {
            pointer-events: none;
            color: var(--neutral-6);
            text-transform: capitalize;
          }
        }

        &[data-type='document'] {
          & svg {
            color: var(--neutral-6);
          }
        }

        &:active,
        &:focus {
          outline: 0;
        }
      }

      & .date {
        align-items: center;
        display: flex;
        padding-inline: 1rem;
      }

      & .actions {
        align-items: center;
        align-self: center;
        padding: 0 1rem;
        & .spinner {
          margin-right: 0.3rem;
        }
        & .co-btn--ghost {
          margin: 0 auto;
          padding: 0.5rem;
        }
      }

      &[data-selected='true'] {
        background: var(--blue-4) !important;
        color: var(--white);
        & a,
        & button,
        & button:not(.co-btn) {
          color: var(--white);
          &:hover {
            color: var(--white);
          }
        }
        & button:active,
        & button:not(.co-btn):active {
          color: var(--white);
        }

        & .actions {
          & .co-btn.co-btn--icon:hover {
            background-color: var(--blue-3);
            border-color: var(--blue-3);
          }
        }
      }
    }

    &.search-results {
      & li {
        grid-template-columns: 1fr 1fr auto;
      }
    }
  }
}
@layer app {
  .home-cards {
    & > h3 {
      font-size: var(--text-size-2);
      font-weight: var(--font-weight-semibold);
      margin: 0;
    }

    & div.card-grid {
      display: flex;
      gap: 1.5rem;
      margin: 1rem 0 0 0;
    }

    & a {
      display: flex;
      flex-direction: column;
      &:link,
      &:visited {
        & .link {
          color: var(--blue-400);
        }
      }
      &:hover {
        & .link {
          color: var(--blue-300);
        }
      }
      &:active {
        & .link {
          color: var(--blue-200);
        }
      }
    }

    & .co-card {
      flex: 1;
      max-width: 20rem;
      & .co-card__inner {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 100%;
      }

      & h4 {
        margin: 0 0 1rem 0;
      }

      & .link {
        align-items: center;
        display: flex;
        gap: var(--padding-sm);
        & svg {
          min-height: 1rem;
          min-width: 1rem;
        }
      }
    }
  }
}
@layer app {
  .document-listing.recently-viewed {
    & header {
      display: grid;
      grid-template-columns: 1fr 1fr 4rem;
      padding: 0;
      & h6 {
        padding: 0 1rem;
      }
    }
    & li {
      grid-template-columns: 1fr 1fr 4rem;
    }
  }
}
@layer app {
  .search-input {
    &.search-documents {
      flex: 0 1 33%;
      @media (--xl-n-below) {
        flex: 0 1 50%;
      }
      @media (--md-n-below) {
        flex: 1;
      }
    }
  }

  .search-documents-preview {
    & ul,
    & li {
      margin: 0;
      padding: 0;
    }
    & li {
      align-items: center;
      display: flex;
      gap: 2rem;
      justify-content: space-between;
      margin-bottom: 0.75rem;
      width: 100%;
      & > a,
      & > button,
      & > span {
        align-items: center;
        display: flex;
        gap: 0.5rem;
        color: var(--neutral-0);
        & svg {
          color: var(--neutral-7);
        }
      }

      & > a:hover,
      & > button:hover {
        text-decoration: underline;
      }

      & button.parent-folder {
        color: var(--neutral-6);
      }
    }
    & p {
      color: var(--neutral-6);
    }
  }
}
@layer app {
  form.submit-documents {
    padding: 0 1.5rem 5.5rem 1.5rem;

    & .supported-files {
      position: relative;
      & dialog {
        border: 1px solid var(--neutral-9);
        border-radius: var(--radius-3);
        box-shadow: 0 1rem 1rem var(--neutral-8);
        margin: 0 auto 0 0;
        padding: 1rem;
        position: absolute;
        top: 1rem;
        left: 0;
        width: 9rem;

        & p,
        & ul,
        & li {
          display: block;
          font-size: var(--text-size-02);
          margin: 0;
          padding: 0;
        }

        & p {
          font-weight: var(--font-weight-semibold);
        }

        & ul {
          margin: 1rem 0 0 0;
        }
      }
    }

    & button.supported-files-toggle {
      color: var(--neutral-4);
      align-items: center;
      display: flex;
      font-size: var(--text-size-02);
      gap: 0.5rem;
      margin: 0.5rem 0 0 0;
    }

    & fieldset {
      border: 0;
      margin: 1.5rem 0 0 0;
      padding: 0;
      & legend {
        font-size: var(--text-size-3);
        font-weight: var(--font-weight-semibold);
        margin: 0;
        padding: 0;
      }
      &:nth-of-type(2) {
        padding: 1rem 0 0 0;
      }
    }

    & textarea {
      min-height: 12rem;
    }

    & .co-alert--success {
      & p {
        font-weight: var(--font-weight-normal);
      }
    }

    & .co-form__file {
      margin: 1rem 0 0 0;
    }

    & .form-actions {
      background-color: var(--white);
      border-top: 1px solid var(--neutral-7);
      display: flex;
      gap: 1rem;
      max-height: 5.5rem;
      justify-content: flex-end;
      padding: 1.5rem;
      position: fixed;
      bottom: 0;
      right: 0;
      left: 0;
      z-index: 3;
    }
  }
}
@layer app {
  form.submit-documents.long {
    & h4 {
      font-size: var(--text-size-3);
      margin-block: 3rem 0.5rem;
    }

    & .co-form__dropdown + .co-alert--message {
      margin-block: 1rem;
    }

    & .co-modal.submit-check {
      & h2 {
        font-size: var(--text-size-5);
      }
    }

    & .co-modal--sm.leave-check {
      height: fit-content;
      & footer {
        margin-block: 1rem 0;
      }
    }

    & .co-modal__content {
      & > div {
        margin-inline: 2.5rem;
      }
      & .authority-value {
        font-size: var(--text-size-3);
        font-weight: var(--font-weight-bold);
        margin-block: 0.5rem;
      }
      & .authority-alert {
        margin-block: 0.5rem 2rem;
      }
      & h6 {
        font-size: var(--text-size-1);
        font-weight: var(--font-weight-semibold);
        margin-block: 0;
      }
      & .file-listing {
        display: flex;
        flex-direction: column;
        padding: 0;
        & li {
          display: flex;
          gap: 0.75rem;
          & svg {
            color: var(--neutral-600);
          }
        }
      }
    }

    & footer {
      border-radius: 0 0 var(--radius-3) var(--radius-3);
    }
  }
}
@layer app {
  .page-documents {
    & .co-screen__header {
      display: grid;
      gap: 1.5rem;
      grid-template-columns: repeat(12, 1fr);
      grid-template-rows: auto;
      height: fit-content;

      & hgroup {
        align-items: center;
        display: flex;
        grid-column: 1/10;
        grid-row: 1/2;
        margin-block: 0; /* temporarily remove default margin */
      }
      & .main-cta {
        grid-row: 1/2;
        grid-column: 12/13;
        white-space: nowrap;
        place-self: end;
        position: relative;
      }
      & .toolbar {
        grid-column: 1/13;
        grid-row: 2/3;
      }
      & .home-cards {
        grid-column: 1/13;
        grid-row: 3/4;
      }
    }

    & .breadcrumbs {
      & h5 {
        font-size: var(--text-size-2);
        font-weight: var(--font-weight-normal);
        margin: 0;
        padding: 0;
      }
    }

    & ul.program-links {
      display: flex;
      flex-direction: column;
      gap: 0.75rem;
      margin: 0 0 3rem 0;
      padding: 0;
      & > li {
        display: block;
        margin: 0;
        padding: 0;

        & a {
          align-items: flex-start;
          display: flex;
          gap: 0.75rem;
        }

        & svg.link-type {
          margin-top: -0.0625rem;
          color: var(--neutral-6);
          &.folder {
            color: var(--blue-6);
          }
        }
        & svg.link-destination {
          margin-top: 0.2rem;
        }
      }
    }

    & .upload-documents--dialog .co-modal__content,
    & .documents-upload--page {
      & header {
        margin: 1.5rem 1.5rem 0.5rem 1.5rem;
        & h2 {
          font-size: var(--text-size-4);
          font-weight: var(--font-weight-bold);
          margin: 0 0 1rem 0;
        }
      }
    }

    & .submitted-documents {
      & td {
        cursor: pointer;
      }
      & tr[data-selected='true'] {
        & td,
        & th {
          background: var(--blue-4) !important;
          color: var(--white);
        }
      }
    }

    & .cell-value {
      align-items: center;
      display: flex;
      gap: 0.25rem;
    }

    & svg.co-icon.folder-icon,
    & svg.co-icon.file-icon {
      display: inline-block;
      margin-right: 0.75rem;
    }
    & svg.co-icon.folder-icon {
      color: var(--blue-4);
    }
    & svg.co-icon.file-icon,
    & .case-number {
      color: var(--neutral-7);
    }
  }
}
/* ---------------------------- Responsive styles --------------------------- */

@layer override {
  .page-documents {
    & .co-screen__content {
      border-top: 1px solid var(--neutral-8);
      @media (--xl-n-above) {
        padding: 2.25rem;
      }
      @media (--xl-only) {
        padding: 2rem;
      }
      @media (--lg-n-below) {
        padding: 1.5rem;
      }
    }
  }
}

.co-modal--md:where(.co-modal):has(.documents-upload--page) {
  --size-md: 22.5rem;
}
@layer app {
  .unsupported-authorities {
    display: flex;
    height: 100%;
    position: relative;

    & .swirls-top-right {
      position: absolute;
      background-image: url('/assets/swirlsTopRight-Dc0zMxTL.svg');
      top: 0;
      right: 0;
      height: 100%;
      width: 100%;
      background-size: contain;
      background-repeat: no-repeat;
      background-position-x: right;
      background-position-y: top;
      z-index: 0;
    }

    & .swirls-bottom-left {
      position: absolute;
      background-image: url('/assets/swirlsBottomLeft-CVmPbFyu.svg');
      bottom: 0;
      left: 0;
      height: 100%;
      width: 100%;
      background-size: contain;
      background-repeat: no-repeat;
      background-position-x: left;
      background-position-y: bottom;
      z-index: 0;
    }

    & .unsupported-authorities-content {
      position: relative;
      z-index: 1;
      display: flex;
      flex: 1;
      flex-direction: column;
      align-items: center;
      align-self: center;

      & .unsupported-authorities-content-img {
        background-image: url('/assets/documents_notsupported-B-mVI8G4.svg');
        height: 12.813rem;
        width: 15.5rem;
      }

      & h2 {
        font-size: var(--text-size-4);
        text-align: center;
      }

      & p {
        font-family: var(--font-family-text);
        font-size: var(--text-size-1);
        max-width: 31.688rem;
        text-align: center;
        margin-bottom: 1.5rem;
      }

      & .unsupported-authorities-content-actions {
        display: flex;
        flex-direction: column;
        gap: 1rem;
        align-items: center;
      }
    }
  }
}
@layer app {
  .page-documents {
    & .co-split-panel {
      & .co-split-panel__close {
        border-radius: var(--radius-3);
        top: 1rem;
        right: 1rem;
      }
    }
    & .dialog-details__page {
      & header {
        & h2 {
          margin: 0 0 1.5rem 0;
        }
      }
    }
  }
}
@layer app {
  .dialog-details__fragment {
    &.document-info {
      & header {
        align-items: center;
        display: flex;
        justify-content: space-between;
        & h3 {
          margin: 0;
          padding: 0;
        }
      }

      & .document-location {
        & h6 {
          color: var(--neutral-6);
          margin: 0;
        }
      }
    }
  }
}
@layer app {
  .customer-documents {
    & .co-screen__header {
      display: block;
      & .toolbar {
        display: block;
      }
    }
    & .customer-select {
      padding-top: 1rem;
      padding-bottom: 1rem;
      width: 100%;
    }
  }
}
@layer app {
  .loading-reservation {
    display: grid;
    place-items: center;
    height: 100dvh;
  }
}

@layer component{.cobalt-link{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-family-text);text-decoration:none;font-weight:600;border-radius:.25rem;cursor:pointer}.cobalt-link:focus-visible:not(.cobalt-link-disabled){outline:2px solid var(--stroke-focus)}.cobalt-link.cobalt-link-x-small{font-size:.75rem;border-radius:.125rem}.cobalt-link.cobalt-link-small{font-size:1rem}.cobalt-link.cobalt-link-medium{font-size:1.25rem;font-weight:700;font-family:var(--font-family-display)}.cobalt-link.cobalt-link-primary{color:var(--link-interactive)}.cobalt-link.cobalt-link-primary:hover{color:var(--link-hover);text-decoration-line:underline}.cobalt-link.cobalt-link-primary:active:not(:disabled),.cobalt-link.cobalt-link-primary:hover:active:not(:disabled){color:var(--link-pressed)}.cobalt-link.cobalt-link-secondary{color:var(--link-secondary)}.cobalt-link.cobalt-link-secondary:hover{color:var(--link-secondary-hover);text-decoration-line:underline}.cobalt-link.cobalt-link-secondary:active:not(:disabled),.cobalt-link.cobalt-link-secondary:hover:active:not(:disabled){color:var(--link-secondary-pressed)}.cobalt-link.cobalt-link-inverse{color:var(--link-on-color);text-decoration-line:underline}.cobalt-link.cobalt-link-inverse:hover{text-decoration-line:underline}.cobalt-link.cobalt-link-inverse:active:not(:disabled),.cobalt-link.cobalt-link-inverse:hover:active:not(:disabled){text-decoration-line:underline}.cobalt-link.cobalt-link-inverse:focus-visible:not(:disabled){outline:2px solid var(--stroke-focus-on-color)}.cobalt-link.cobalt-link-disabled{color:var(--link-disabled);cursor:not-allowed;pointer-events:none;text-decoration:none}}
@layer app {
  .location-schedule {
    & .fragment-header {
      align-items: center;
      display: flex;
      gap: var(--space-16);
      margin-bottom: var(--space-04);
      & h3 {
        flex: 1;
        margin: initial;

      }
    }
    & .master-detail {
      display: flex;
      gap: var(--space-32);
      margin-top: var(--space-32);

      & .co-form__calendar {
        border: 1px solid var(--stroke-subtle);
        border-radius: var(--radius-08);
        padding: var(--space-20) var(--space-16) var(--space-08);
        gap: var(--space-12);

        & .nav{
          padding-inline: var(--space-08);
        }

        & .day {
          &.confirmed,
          &.tentative {
            & button:after {
              display: block;
              position: absolute;
              bottom: 0.2rem;
              font-size: var(--text-size-xs);
              font-weight: var(--font-weight-bold);
              left: 0;
              text-align: center;
              width: 100%;
            }
          }

          &.confirmed {
            & button {
              font-weight: var(--font-weight-bolder);
              &:after {
                content: '\25CF';
              }
            }
          }

          &.tentative {
            & button:after {
              content: '\25CB';
            }
          }
        }
      }
    }

    @media only screen and (max-width:599px) {
      & .master-detail {
        flex-direction: column;
      }
    }
  }
}
.cobalt-tag{display:inline-flex;align-items:center;justify-content:center;border-radius:.25rem;padding:.0625rem .25rem .125rem;font-weight:600;font-family:var(--font-family-text);gap:.25rem;flex-shrink:0}.cobalt-tag.tag-small{height:1.25rem;font-size:.75rem;padding:.125rem .25rem}.cobalt-tag.tag-medium{height:1.5rem;font-size:.875rem}.cobalt-tag.tag-bold-neutral{background-color:var(--tag-background-bold-neutral);color:var(--text-on-color)}.cobalt-tag.tag-danger{background-color:var(--tag-background-bold-red);color:var(--text-on-color)}.cobalt-tag.tag-critical-warning{background-color:var(--tag-background-bold-orange);color:var(--text-on-color-inverse)}.cobalt-tag.tag-warning{background-color:var(--tag-background-bold-yellow);color:var(--text-on-color-inverse)}.cobalt-tag.tag-success{background-color:var(--tag-background-bold-green);color:var(--text-on-color-inverse)}.cobalt-tag.tag-info{background-color:var(--tag-background-bold-blue);color:var(--text-on-color)}.cobalt-tag.tag-neutral{background-color:var(--tag-background-subtle-neutral);color:var(--tag-text-neutral)}.cobalt-tag.tag-blue{background-color:var(--tag-background-subtle-blue);color:var(--tag-text-blue)}.cobalt-tag.tag-turquoise{background-color:var(--tag-background-subtle-turquoise);color:var(--tag-text-turquoise)}.cobalt-tag.tag-teal{background-color:var(--tag-background-subtle-teal);color:var(--tag-text-teal)}.cobalt-tag.tag-lime{background-color:var(--tag-background-subtle-lime);color:var(--tag-text-lime)}.cobalt-tag.tag-green{background-color:var(--tag-background-subtle-green);color:var(--tag-text-green)}.cobalt-tag.tag-yellow{background-color:var(--tag-background-subtle-yellow);color:var(--tag-text-yellow)}.cobalt-tag.tag-orange{background-color:var(--tag-background-subtle-orange);color:var(--tag-text-orange)}.cobalt-tag.tag-red{background-color:var(--tag-background-subtle-red);color:var(--tag-text-red)}.cobalt-tag.tag-pink{background-color:var(--tag-background-subtle-pink);color:var(--tag-text-pink)}.cobalt-tag.tag-purple{background-color:var(--tag-background-subtle-purple);color:var(--tag-text-purple)}
@layer app {
  .location-schedule, .location-schedule-details-page {
    & .day-schedule {
      display: flex;
        flex: 1;
        flex-direction: column;
        & h4 {
          margin: 0;
        }

      & .co-card {
        border-bottom: 1px solid var(--stroke-subtle);
        border-radius: initial;
        box-shadow: none;
        padding: var(--space-24) 0;

        & .co-card__inner {
          gap: var(--space-12);
          display: flex;
          flex-direction: row;

          & .card-tag {
            margin-left: initial;
          }

          & .card-info{
            margin-left: initial;

            & .event {
              align-items: center;
              color: var(--text-tertiary);
              display: flex;
              gap: 0.25rem;
              font-size: var(--font-typesize-02);
              & .location{
                text-transform: capitalize;
              }}

            & .card-footer{
              display: flex;
              flex-direction: row;
              gap: var(--space-24);
              margin-top: var(--space-24);
            }
          }
        }
        &.last-card {
          border-bottom: 0;
        }


      }


      & h4, h5 {
        margin: 0;
        font-weight: var(--font-weight-semibold);
      }
    }
  }
}

@layer overrides {
  /* TO DO: Remove after the new design is implemented */
  & .co-card--info-in .co-card__inner:before   {
      display: none;
  }
}
@layer app {
  .quick-info {
    margin-top: initial;

    & .co-alert--message {
      margin-top: 1.5rem;
    }

    & .quick-info-fields {
      display: grid;
      gap: var(--space-16) var(--space-40);
      grid-template-columns: 1fr 1fr;
      grid-auto-rows: auto;


      & .field{
        display: flex;
        flex-direction: column;
        font-weight: var(--font-weight-semibold);
        gap: var(--space-04);
      }

      & h6 {
        color: var(--text-secondary);
        font-weight: var(--font-weight-semibold);
        font-size: var(--font-typesize-02);
        margin: 0;
        padding: 0;
      }

      & button.anchor {
        display: inline-block !important;
      }
    }

   @media only screen and (max-width: 599px) {
      & .quick-info-fields {
        grid-template-columns: 1fr;
      }
   }
  }
}
.cobalt-section-message{display:flex;flex-flow:column;padding:.88rem 1.5rem 1rem 1rem;border-radius:.5rem}.cobalt-section-message .title{display:flex;gap:.75rem;align-items:flex-start}.cobalt-section-message .title h2,.cobalt-section-message .title h3{font-size:inherit}.cobalt-section-message .title .icon{flex-shrink:0;flex-grow:0;align-self:flex-start;width:1.5em;height:1.5em}.cobalt-section-message .title :last-child{font-weight:var(--font-weight-bold);padding:0;margin:0}.cobalt-section-message .link{display:flex;margin-top:.5rem;margin-left:2.25rem}.cobalt-section-message p{margin-top:.75rem;margin-left:2.25rem}.cobalt-section-message.cobalt-section-message-info{color:var(--text-primary);background-color:var(--support-info-subtle-background)}.cobalt-section-message.cobalt-section-message-info .icon{color:var(--support-info-background)}.cobalt-section-message.cobalt-section-message-success{color:var(--text-primary);background-color:var(--support-success-subtle-background)}.cobalt-section-message.cobalt-section-message-success .icon{color:var(--support-success-background)}.cobalt-section-message.cobalt-section-message-danger{color:var(--text-primary);background-color:var(--support-danger-subtle-background)}.cobalt-section-message.cobalt-section-message-danger .icon{color:var(--support-danger-background)}.cobalt-section-message.cobalt-section-message-warning{color:var(--text-primary);background-color:var(--support-warning-subtle-background)}.cobalt-section-message.cobalt-section-message-warning .icon{color:var(--support-warning-background)}
@layer app {
  .related-reservations {
    & h3 {
      margin: 0.25rem 0!important;
    }
    & .reservations-table {
      display: grid;
      grid-template-columns: 1fr;
      margin: 1.5rem 0 0;
      padding: 0;

       @media only screen and (max-width: 599px) {
        grid-template-columns: 1fr;
        gap: var(--space-16);
       }

      & .thead {
        border-bottom: 1px solid var(--stroke-subtle);
        display: grid;
        font-size: var(--font-typesize-02);
        gap: var(--space-08) var(--space-16);
        grid-template-columns: 1fr 1fr 1fr;
        padding: var(--space-16);

        & .head-reservation-id{
          grid-column: 1;
        }
        & .head-name{
          grid-column-start: 2;
          grid-row-start:1;
          justify-self: start;
        }
        & .head-link{
          grid-column: 3;
        }
      }

      & .reservation {
        align-items: center;
        border-bottom: 1px solid var(--stroke-subtle);
        display: grid;
        gap: var(--space-16);
        grid-template-columns: 1fr 1fr 1fr;
        padding: 0 var(--space-16) var(--space-16);

        p {
          margin: 0;
        }

        & .grid-name {
          grid-column: 2;
          grid-row:2;
        }

        & .grid-reservation-id {
          grid-column: 1;
          grid-row:2;
          & b {
              display: none;
            }
        }
        & .grid-link {
          grid-column: 3;
          grid-row:2;
          justify-self: end;
        }
      }

      @media only screen and (max-width: 599px) {

          & .thead {
            display: none;
          }

          & .reservation {
            border: 1px solid var(--stroke-subtle);
            border-radius: var(--radius-12);
            box-shadow: 0 1px 24px 0 var(--tab-off-disabled);
            background: var(--surface-primary);
            display: grid;
            grid-template-columns: 1fr 1fr;
            grid-gap: var(--space-24);
            padding: var(--space-16);

            & .grid-reservation-id {
              grid-column: 1/2;
              grid-row: 2/3;
              font-weight: var(--font-weight-light);
              & b {
                display: block;
                font-weight: 450;
              }
            }
             & .grid-name {
              font-size: var(--font-typesize-04);
              grid-column: 1/3;
              grid-row: 1;
            }
            & .grid-link  {
              font-size: var(--text-size-01);
              grid-column: 2/2;
              grid-row: 2;
              align-self: end;
            }
          }
      }
    }
  }
}
@layer app {
  .schedule-time-line{
    & .schedule-header {
      display: flex;
      flex-direction: column;

      & .schedule-header-info {
        display: flex;
        gap: var(--space-24);
        align-items: center;

        h5 {
          flex: 1;
          margin: 0;
        }

        & p {
          align-items: center;
          color: var(--text-secondary);
          display: flex;
          gap: var(--space-08);
        }
      }

      & .schedule-header-action {
        & .cobalt-button {
          padding: 0.1rem;
          margin-left: -1rem;
        }

        &:disabled {
          cursor: not-allowed;
        }
      }
    }

    & .timeline {
      padding: 2rem 0;

      & .day-line {

        display: flex;
        gap: 2rem;

        &.current {
          & span.day-line {
            border-color: var(--neutral-0);

            & h6 {
              color: var(--neutral-0);
            }

            & .day-pointer {
              position: absolute;
              left: 3.55rem;
              top: -0.3rem;
              width: 12px;
              height: 12px;
              background-color: var(--white);
              border: 2px solid var(--neutral-6);
              border-radius: 50%;
            }
          }
        }
      }

      & > div.empty-state {
        display: grid;
      }

      & .date {
        position: relative;
        border-right: 2px solid var(--neutral-6);
        flex: 0 0 4rem;

          &-day{
            font-size: var(--text-size-2);
            font-weight: var(--font-weight-normal);
          }

          &-number {
            line-height: 1.1;
            margin: 0;
          }

        & .day-pointer {
          position: absolute;
          left: 3.55rem;
          top: -0.3rem;
          width: 12px;
          height: 12px;
          background-color: var(--white);
          border: 2px solid var(--neutral-6);
          border-radius: 50%;
        }
      }
    }
  }
}
@layer app {
  .schedule-pdf {
    padding: 2rem;
    flex-direction: column;
    gap: 1.5rem;
    width: 100%;
    display: flex;

    & h1 {
      margin: 0;
    }

    & .schedule-pdf-title {
      font-family: var(--font-family-display);
      font-size: var(--text-size-3);
    }

    & .alert {
      display: flex;
      flex: 1;
      width: 100%;
      min-width: 50rem;

      & .heading {
        font-family: var(--font-family-text);
        font-size: var(--text-size-2);
        font-style: normal;
        font-weight: 600;
      }

      & p {
        font-family: var(--font-family-text);
        font-size: var(--text-size-1);
        font-style: normal;
        font-weight: 400;
      }
    }

    & .schedule-pdf-info {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      gap: 2rem;

      & .schedule-pdf-info-content {
        display: flex;
        flex-direction: column;
        gap: 0.31rem;

        & p {
          margin: 0;
          font-size: var(--text-size-1);
          font-style: normal;
          font-weight: 600;
        }
      }

      & .schedule-pdf-info-date {
        color: var(--neutral-600);
        font-family: var(--font-family-text);
        font-size: var(--text-size-1);
        font-style: normal;
        font-weight: 600;
      }
    }
  }
}
@layer app {
  .status-summary {
    display: flex;
    flex-direction: column;
    gap: var(--space-24);

    & article {
      border-bottom: 1px solid var(--stroke-subtle);
      display: grid;
      gap: var(--space-08) ;
      padding-bottom: var(--space-24);

      & h4 {
        display: flex;
        flex: 1;
        margin: 0;
        font-weight: var(--font-weight-semibold);
      }

      & .status {
        align-items: center;
        display: flex;
        gap: var(--space-08);
        grid-column: 1/2;

        & .success {
          color: var(--support-success-background);
        }
        & .danger {
          color: var(--support-danger-background);
        }
        & .warning {
          color: var(--support-warning-background);
        }
        & .neutral,
        & .neutral-pending {
          color: var(--icon-disabled);
        }
      }

      & .actions {
        grid-column: 2/3;
        grid-row: 1/3;
        margin-left: var(--space-16);
        justify-self: end;

        & .training-record-download-button{
          color: var(--support-info-background);
        }
      }



      @media only screen and (max-width: 599px) {
        & h4,
        & p,
        & .actions {
          grid-column: 1/3;
        }
        & h4 {
          grid-row: 1/2;
        }
        & p {
          grid-row: 2/3;
        }
        & .actions {
          grid-row: 3/3;
          justify-content: flex-start;
          margin-left: -1rem;
          margin-top: var(--space-08);
          justify-self: start;
        }
      }
    }
  }
}
@layer app {
  & .booking-confirmation-email-modal {
    & .cobalt-section-message {
      margin-bottom: var(--space-32);
    }
  }
}
@layer app {
  /* Tooltip band container */
  .cancellation-tooltip-band {
    align-self: stretch;
    justify-content: flex-start;
    align-items: center;
    gap: 0.5rem;
    display: flex;
    font-size: var(--font-typesize-02);
    line-height: 1rem;
    padding: 0.125rem 0;
  }

  /* Common styles for tooltip band elements */
  .cancellation-tooltip-band-label,
  .cancellation-tooltip-band-value {
    display: flex;
    flex-direction: column;
    color: var(--text-primary);
    font-size: var(--font-typesize-02);
    line-height: 1rem;
    word-wrap: break-word;
  }

  /* Tooltip band label specific styles */
  .cancellation-tooltip-band-label {
    flex: 1 1 0;
    justify-content: flex-start;
    font-weight: var(--font-weight-regular);
  }

  /* Tooltip band value specific styles */
  .cancellation-tooltip-band-value {
    justify-content: flex-end;
    font-weight: var(--font-weight-semibold);
    min-width: 2rem;
    text-align: right;
  }

  /* Summary container */
  .cancellation-summary {
    align-self: stretch;
    border-radius: 0.5rem;
    display: flex;
    flex-direction: column;
  }

  /* Summary row layout */
  .cancellation-summary-row {
    display: flex;
    align-items: baseline;
    gap: 0.5rem;
  }

  /* Main summary text */
  .cancellation-summary-text {
    color: var(--text-primary);
    font-size: var(--font-typesize-03);
    font-weight: var(--font-weight-regular);
    line-height: 1.25rem;
    display: flex;
  }

  /* Days left indicator */
  .cancellation-days-left {
    color: var(--text-secondary);
    font-family: 'Red Hat Text';
    font-size: var(--font-typesize-02);
    font-weight: var(--font-weight-semibold);
    margin-left: 0.75em;
  }
}
@layer app {
  .contract-article {
    position: relative;
    border-radius: 0.75rem;
    margin: 0;
    display: grid;
  }

  .contract-header {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
  }

  .contract-title {
    margin: 0;
    font-weight: var(--font-weight-semibold);
    color: var(--text-primary, #181c1e);
    font-family: 'Red Hat Text';
    font-size: var(--font-typesize-03);
    font-style: normal;
    line-height: 1.25rem;
  }

  .contract-info-icon {
    width: 1rem;
    height: 1rem;
    position: relative;
    color: var(--text-secondary, rgb(3, 61, 97));
    cursor: pointer;
    display: flex;
    align-items: center;
    margin-left: 0.5rem;
  }

  .contract-tooltip {
    width: 20.8125rem;
    padding: 1rem;
    left: 0;
    top: 1.5rem;
    position: absolute;
    background: var(--surface-secondary, white);
    box-shadow: 0 0.0625rem 1.5rem rgba(0, 0, 0, 0.08);
    overflow: hidden;
    border-radius: 0.75rem;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0.5rem;
    display: inline-flex;
    z-index: 100;
  }
  .billing {
    width: 7.375rem;
  }
  .contract-tooltip-content {
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 1rem;
    display: flex;
  }

  .contract-tooltip-list {
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0.5rem;
    display: flex;
  }

  .contract-tooltip-label {
    color: var(--text-primary, #181c1e);
    font-family: 'Red Hat Text';
    font-size: var(--font-typesize-02);
    font-style: normal;
    font-weight: var(--font-weight-semibold);
    line-height: 1rem;
  }
  .contract-tooltip-bands {
    color: var(--text-primary, #181c1e);
    font-family: 'Red Hat Text';
    font-size: var(--font-typesize-02);
    font-style: normal;
    font-weight: var(--font-weight-regular);
    line-height: 1rem;
    align-self: stretch;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0.25rem;
    display: flex;
  }
}
.cobalt-side-panel-space-small{--slide-panel-width: 22.5rem}.cobalt-side-panel-space-small.show{width:var(--slide-panel-width);animation:slide-in-space .3s ease-in-out}.cobalt-side-panel-space-small.hidden{width:0;animation:slide-out-space .3s ease-in-out}.cobalt-side-panel-space-medium{--slide-panel-width: 45rem}.cobalt-side-panel-space-medium.show{width:var(--slide-panel-width);animation:slide-in-space .3s ease-in-out}.cobalt-side-panel-space-medium.hidden{width:0;animation:slide-out-space .3s ease-in-out}.cobalt-side-panel{position:fixed;top:0;right:0;bottom:0;display:flex;z-index:var(--z-index-side-panel)}.cobalt-side-panel:not(:has(.backdrop)){width:auto}.cobalt-side-panel.cobalt-side-panel-push{position:relative;border-left:1px solid var(--stroke-subtle);display:flex;flex-direction:column;background-color:var(--surface-secondary);height:100%;z-index:calc(var(--z-index-side-panel) + 1);padding:0;margin:0;inset:0 0 0 auto;box-shadow:none}.cobalt-side-panel.cobalt-side-panel-push.side-panel-small{--width: 22.5rem}.cobalt-side-panel.cobalt-side-panel-push.side-panel-small.side-panel-open{animation:slide-in .3s ease-in-out;width:var(--width)}.cobalt-side-panel.cobalt-side-panel-push.side-panel-small.side-panel-closed{animation:slide-out .3s ease-in-out;width:0}.cobalt-side-panel.cobalt-side-panel-push.side-panel-medium,.cobalt-side-panel.cobalt-side-panel-push.side-panel-large{--width: 45rem}.cobalt-side-panel.cobalt-side-panel-push.side-panel-medium.side-panel-open,.cobalt-side-panel.cobalt-side-panel-push.side-panel-large.side-panel-open{animation:slide-in .3s ease-in-out;width:var(--width)}.cobalt-side-panel.cobalt-side-panel-push.side-panel-medium.side-panel-closed,.cobalt-side-panel.cobalt-side-panel-push.side-panel-large.side-panel-closed{animation:slide-out .3s ease-in-out;width:0}.cobalt-side-panel.cobalt-side-panel-push .cobalt-side-panel-content{display:flex;flex:1;flex-direction:column;overflow-y:auto}.cobalt-side-panel.cobalt-side-panel-push:not(:has(~.backdrop)){box-shadow:none}.cobalt-side-panel .backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--surface-scrim);opacity:1;transition:opacity .3s ease-in-out;z-index:var(--z-index-side-panel)}.cobalt-side-panel .side-panel{position:fixed;display:flex;flex-direction:column;background-color:var(--surface-secondary);height:100%;z-index:calc(var(--z-index-side-panel) + 1);border:none;padding:0;margin:0;inset:0 0 0 auto;box-shadow:none}.cobalt-side-panel .side-panel:not(:has(~.backdrop)){box-shadow:-1px 0 8px #0000001a}.cobalt-side-panel .side-panel.side-panel-small{width:22.5rem}.cobalt-side-panel .side-panel.side-panel-medium{width:45rem}.cobalt-side-panel .side-panel.side-panel-large{width:calc(100% - 112px)}.cobalt-side-panel .side-panel .cobalt-side-panel-content{display:flex;flex:1;flex-direction:column;overflow-y:auto}.cobalt-side-panel .cobalt-side-panel-header{display:flex;flex-direction:column;justify-content:space-between;gap:.25rem;padding:0 .5rem 2rem 1.5rem;position:sticky;top:0}.cobalt-side-panel .cobalt-side-panel-header .cobalt-side-panel-header-titles{display:flex;flex-direction:row;justify-content:space-between;gap:1.5rem}.cobalt-side-panel .cobalt-side-panel-header .cobalt-side-panel-header-titles .cobalt-modal-header-content{display:flex;flex-direction:column;gap:.12rem;margin-top:1.25rem}.cobalt-side-panel .cobalt-side-panel-header .cobalt-side-panel-header-titles .cobalt-modal-header-content h2{color:var(--text-primary);margin:0}.cobalt-side-panel .cobalt-side-panel-header .cobalt-side-panel-header-titles .cobalt-modal-header-content h3{font-weight:600;color:var(--text-secondary);margin:0}.cobalt-side-panel .cobalt-side-panel-header .cobalt-side-panel-header-titles .cobalt-side-panel-close-button{margin-top:.5rem;flex-shrink:0;flex-grow:0;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center}.cobalt-side-panel .cobalt-side-panel-header .cobalt-side-panel-description{margin-top:.25rem;color:var(--text-primary);padding-right:1rem}@keyframes slide-in{0%{transform:translate(100%);width:0}to{transform:translate(0);width:var(--width)}}@keyframes slide-out{0%{transform:translate(0);width:var(--width)}to{transform:translate(100%);width:0}}
.cobalt-side-panel-container{display:flex;flex-direction:row;height:100%;overflow:hidden;position:relative;z-index:1}.cobalt-side-panel-container .cobalt-side-panel-container-content{display:flex;flex:1;height:100%;overflow-y:auto;transition:flex .3s ease-in-out,transform .3s ease-in-out;transform:translate(0)}
@layer app {

  .location-schedule-details-page {
    display: flex;
    flex-direction: column;

      h2, h3 {
        margin: 0!important;
      }

      & .location-schedule-details-page{
        gap: var(--space-24);
      }

      & .training-center-info{
        display: flex;
        flex-direction: column;
        gap: var(--space-24);
        margin-bottom: var(--space-32); & .location-info {
        border: 1px solid var(--stroke-subtle);
        border-radius: var(--radius-08);
        display: grid;
        gap: var(--space-24);
        padding: var(--space-16);

        & .street-address {
          grid-column: 1/2;
          gap: var(--space-24);
        }
        & .phone {
          grid-column: 2/3;
        }

        & .links {
          border-left: 1px solid var(--neutral-8);
          display: grid;
          gap: var(--space-20);
          grid-column: 3/4;
          padding-left: 1.5rem;
          & span {
            align-items: center;
            display: flex;
            gap: 0.5rem;
            color: var(--neutral-6);
          }
        }

        & h5 {
          font-weight: var(--font-weight-semibold);
          margin: 0;
        }
      }
    }

    & .schedule-details {
      h3 {
        margin: 0 0 var(--space-04)!important;
      }

      .cobalt-section-message-info{
        margin: var(--space-24) 0;
      }
    }

    & .schedule-time-line{
      display: flex;
      flex-direction: column;
      margin-top: var(--space-32);
    }

    @media only screen and (max-width: 599px) {
      & .location-info {
        grid-template-columns: 1fr;
        gap: 1rem;
        & div.street-address {
          grid-column: 1/2;
        }
        & div.phone {
          grid-column: 1/3;
          padding: 0;
        }
        & div.links {
          border-left: 0;
          border-top: 1px solid var(--neutral-8);
          display: flex;
          justify-content: space-between;
          grid-column: 1/2;
          padding: 1rem 0 0 0;
        }
      }
    }
  }
}

@layer app {
  .reservation-details-content {
    padding-inline: var(--space-24);
  }

  .reservation-details {
    & .cobalt-side-panel-content,
    .cobalt-modal-content {
      gap: var(--space-56);
    }

    .reservation-id {
      display: flex;
      align-items: center;
      gap: var(--space-08);
    }

    .request {
      display: flex;
      align-items: center;
      flex-direction: column;
    }
  }
}
@layer app {
  .rsm-section {
    display: flex;
    min-width: 30rem;
    align-items: flex-start;
    align-self: stretch;
  }
  .rsm-sectionMessageTitle {
    color: var(--support-text-alert-danger, #181c1e);
    font-family: 'Red Hat Text';
    font-size: var(--font-typesize-03);
    font-style: normal;
    font-weight: var(--font-weight-semibold);
    line-height: var(--Line-height-Label, 1.25rem);
    padding-right: var(--space-08);
  }
}
@layer app {
  .reservations-alert-details-page {
    & .co-card--vertical {
      flex: 1 !important;
    }
    & .co-card__inner {
      display: flex;

      & .alert-danger-circle {
        color: var(--icon-danger);
      }

      .card-info {
        display: flex;
        flex-direction: row;
        gap: var(--space-16);

        & .card-info-header {
          flex: 1;

          & h4,
          & h5 {
            margin: 0;
            font-weight: var(--font-weight-semi-bold);
          }

          & h5 {
            color: var(--text-tertiary);
            font-size: var(--font-typesize-02);
          }
        }
      }
      .alert-card-footer {
        margin-top: var(--space-08);
      }
    }

    & .scroll-container {
      display: flex;
      flex-direction: column;
      gap: var(--space-16);
      margin: initial !important; /*overwrite old css*/
    }
  }
}
@layer app {
  .page-reservations {
    flex: 1;

    .search-field {
      width: 20.25rem;
    }

    @media only screen and (max-width: 599px) {
      & .cobalt-tab-group-header {
        overflow: auto;
      }
    }

    & .page-wrapper {
      background-color: var(--surface-primary);
    }

    & .cobalt-page-header__content {
      & .card-list {
        /* TO DO: unify the card styles - this is the good example*/
        & .co-card {
          & .co-card__inner {
            & .card-tag {
              width: 0.5rem;
              margin-left: initial;
              margin-top: var(--space-08);
            }
          }
        }
      }

      .toolbar {
        display: flex;
        gap: var(--space-16);
        margin-top: var(--space-16);
      }

      & .card-list + .toolbar {
        grid-row: 3/4;
        margin-top: -0.5rem;
      }
      & [role='tabpanel'] {
        @media (--lg-n-above) {
          padding: 1.5rem 2.5rem 2.5rem 2.5rem;
        }
        @media (--lg-n-below) {
          padding: 1.5rem 2rem 2rem 2rem;
        }
        @media (--md-n-below) {
          padding: 1.5rem;
        }
      }
    }

    & .reservation-request-page div .co-dialog__footer {
      background: none;
    }
  }

  & .co-icon.neutral {
    color: var(--neutral-6);
  }
  & .co-icon.warning {
    color: var(--warning-color);
  }
  & .co-icon.danger {
    color: var(--danger-color);
  }
  & .co-icon.success {
    color: var(--success-color);
  }
}

@layer overrides {
  /* TO DO: Remove after the new design is implemented */
  & .co-card--danger-in .co-card__inner:before {
    display: none;
  }
}
@layer app {
  .tab-header {
    display: flex;
    align-items: center;
    gap: var(--space-08);
    white-space: nowrap;
  }

  .tab-content {
    background: var(--surface-primary);
    padding: var(--space-24) var(--space-40) 0;
  }

  .reservations-tab-group-header {
    .cobalt-tab-group-header {
      padding-inline: var(--space-16);
      background-color: var(--surface-background);
    }
  }
}
.cobalt-tab-group{display:flex;flex-direction:column;max-width:100%}.cobalt-tab-group.below{flex-direction:column-reverse}.cobalt-tab-group:not(.stretch) .cobalt-tab-group-header.line:after{background:var(--tab-off-disabled);bottom:0;content:"";height:2px;position:absolute;width:100%;z-index:0}.cobalt-tab-group .cobalt-tab-group-header{display:flex;flex-direction:row;flex-shrink:0;align-items:center;position:relative;text-align:center;font-size:1rem;font-weight:var(--font-weight-bold)}.cobalt-tab-group .cobalt-tab-group-header.contained{gap:.75rem}.cobalt-tab-group .cobalt-tab-group-header .stretch{flex:1;justify-content:center}.cobalt-tab-group .cobalt-tab-group-header .line{display:flex;padding:.5625rem 1.5rem .625rem;justify-content:center;align-items:center;gap:.5rem;border-bottom:2px solid var(--tab-off-disabled)}.cobalt-tab-group .cobalt-tab-group-header .line.active{border-color:var(--button-primary-default);color:var(--text-interactive);z-index:1}.cobalt-tab-group .cobalt-tab-group-header .contained{display:flex;padding:.8125rem 1.5rem;align-items:center;gap:.5rem;border-radius:.75rem .75rem 0 0;background-color:var(--tab-off-disabled)}.cobalt-tab-group .cobalt-tab-group-header .contained.active{background-color:var(--tab-default)}.cobalt-tab-group .cobalt-tab-group-header button:focus-visible:not(:disabled){outline:2px auto var(--stroke-focus)}.cobalt-tab-group .cobalt-tab-group-header button:hover:not(.active):not(:disabled){background-color:var(--tab-hover)}.cobalt-tab-group .cobalt-tab-group-header button:active:not(.active):not(:disabled),.cobalt-tab-group .cobalt-tab-group-header button:hover:active:not(.active):not(:disabled){background-color:var(--tab-pressed)}.cobalt-tab-group .cobalt-tab-group-header button:disabled{color:var(--text-disabled)}.cobalt-tab-group .cobalt-tab-group-header button a{text-decoration:none;color:inherit}
@layer app {
  .co-table.table-reservations {
    & th.etca,
    & th.schedule,
    & th.tsa,
    & th.records {
      & .label {
        justify-content: center;
      }
    }
    & tbody {
      & th,
      & td {
        &:not([class$='_checkbox']) {
          cursor: pointer;
          & > span {
            display: block;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
          }
        }
      }

      & td[class$='checkbox'] > span {
        width: 3rem;
      }
      & td[class$='reservationId'] > span {
        width: 7rem;
      }
      & td[class$='clientName'] > span {
        width: 12rem;
      }
      & td[class$='courseName'] > span {
        width: 20rem;
      }
      & td[class$='aircraftName'] > span,
      & td[class$='startDate'] > span,
      & td[class$='endDate'] > span,
      & td[class$='location'] > span,
      & td[class$='status'] > span,
      & td[class$='autoCancellation'] > span {
        width: 10rem;
      }
      & td[class$='etca'],
      & td[class$='tsa'],
      & td[class$='schedule'],
      & td[class$='records'] {
        & > span {
          display: grid;
          place-content: center;
          width: 5.5rem;
          & span {
            height: 1.5rem;
          }
        }
      }
    }
  }
}
@layer app {
  .reservations--card-listing {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 0 0 4.5rem 0;

    & .page-info {
      color: var(--neutral-5);
    }

    & .co-card {
      padding: 1.5rem;

      & .co-card__inner {
        display: grid;
        grid-template-columns: 1fr auto;

        & .co-tag {
          align-self: start;
          font-weight: var(--font-weight-semibold);
          grid-column: 2/3;
          grid-row: 1/2;
        }
        & h4 {
          font-size: var(--text-size-2);
          grid-column: 1/2;
          grid-row: 1/2;
          margin: 0 0 1.5rem 0;
        }
        & dl {
          grid-column: 1/3;
        }
      }
    }

    & .co-card--skim {
      box-shadow: 0 0 1rem rgba(0, 0, 0, 0.075);
    }

    & dl {
      display: grid;
      grid-template-columns: 6rem 1fr;
      gap: 1rem;

      &,
      & dt,
      & dd {
        margin: 0;
        padding: 0;
      }

      & dt {
        font-weight: var(--font-weight-semibold);
      }

      & dd {
        &.status {
          align-items: center;
          display: flex;
          gap: 0.5rem;
        }
      }
    }

    & nav.pagination {
      display: flex;
      justify-content: space-between;
      margin-top: 0.5rem;

      & button {
        border-radius: var(--radius-2);
        &:hover {
          background-color: var(--neutral-8);
        }
        &:focus-visible {
          outline: 2px solid var(--blue-4);
        }
      }

      & select {
        appearance: none;
        background: transparent;
        border: none;
        border-radius: var(--radius-2);
        padding: 0 0.25rem;

        &:focus-visible {
          outline: 2px solid var(--blue-4);
        }

        &::after {
          content: '\2303';
          display: inline-block;
        }
      }
    }
  }
}
@layer app {
  /* TO DO: validate if this file can be unified with all cards or can be removed */
  .page-reservations {
    /* --------------------------- Screen header cards -------------------------- */
    & .cobalt-page-header {
      & .card-button{
        border: none!important;
        color:transparent!important;
        padding: 0!important;
        height: initial;
        width: 21rem;
        min-height: 9.5rem;
        display: flex;

      }
      & .card-list {
          display: flex;
          flex-direction: row;
          gap: var(--space-24);
          margin-bottom: var(--space-40);
      }
      & .co-card {
          border-radius: var(--radius-12);
          padding: var(--space-16);
          width: 21rem;

        & .co-card__inner {
            display: flex;
            flex-direction: row;
            & .card-tag{
              width: 0.5rem;
              margin-left: initial;
              margin-top: var(--space-08);
            }

             & .card-info{
              flex-direction: column;
              place-content: start;
              margin-left: var(--space-16);

              & .card-info-header{
                display: flex;
                flex-direction: row;

                & h3 {
                  display: flex;
                  flex: 1;
                }

                & .danger-icon{
                  color: var(--support-danger-background);
                  margin-top: var(--space-16);
                }
              }
            }

            & p {
              align-self: start;
              font-weight: var(--font-weight-semibold);
            }

          @media (--md-n-below) {
            & {
              grid-template-columns: auto 1fr auto;
            }
            & h3 {
              align-self: center;
              grid-column: 1/2;
              grid-row: 1/2;
            }
            & p {
              align-self: center;
              grid-column: 2/3;
              grid-row: 1/2;
              margin-left: 1rem;
            }

            & .co-icon {
              margin-left: 0.5rem;
            }
          }
        }
      }

      @media (--md-n-below) {
        & .co-card {
          min-height: unset;
        }
      }

      & .co-card--danger-in,
      & .co-card--warning-in,
      & .co-card--info-in {
        & .co-card__inner > * {
          margin-left: 1.75rem;
        }
        & .co-card__inner::before {
          border-radius: 0.5rem;
          width: 0.5rem;
          margin-left: 0.25rem;
        }
      }
    }
  }
}
@layer app {
  .search-input {
    &.search-reservations {
      flex: 0 1 20.25rem;
    }

    @media (--md-n-below) {
      &.search-reservations {
        flex: 0 1 36rem;
      }
    }
  }
}
.cobalt-search-field{align-items:center;border:none;border-radius:.5rem;display:flex;flex-direction:row;gap:var(--space-08);outline:1px solid var(--stroke-default);outline-offset:-1px;padding-inline:var(--space-12);background-color:var(--input-default)}.cobalt-search-field svg{color:var(--icon-tertiary)}.cobalt-search-field svg:focus-visible{border-radius:.25rem;outline:2px solid var(--stroke-focus)}.cobalt-search-field:hover:not(.disabled):not(.focused){outline-color:var(--stroke-hover)}.cobalt-search-field.disabled{background:var(--input-disabled);outline-color:var(--stroke-disabled)}.cobalt-search-field.disabled svg{color:var(--icon-disabled)}.cobalt-search-field.focused{outline:2px solid var(--stroke-focus);outline-offset:-2px}.cobalt-search-field .clear-icon:hover{cursor:pointer}.cobalt-search-field .cobalt-text-input{background:transparent;border:none;border-radius:none;display:flex;flex:1;padding:0;outline:none;outline-offset:0}.cobalt-search-field .cobalt-text-input:focus{outline:none}.cobalt-search-field .cobalt-text-input input{border:none;border-radius:none;outline:none}
.cobalt-page-header{display:flex;flex-direction:column;padding:1rem 2.5rem 2rem;background-color:var(--surface-background);overflow:hidden}.cobalt-page-header h1{margin:0;padding:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.cobalt-page-header .cobalt-page-header__breadcrumbs{margin-bottom:1rem}.cobalt-page-header .cobalt-page-header__main{display:flex;gap:3rem}.cobalt-page-header .cobalt-page-header__actions{display:flex;gap:1.5rem;margin-left:auto}.cobalt-page-header .cobalt-page-header__subtitle{margin-top:.25rem}.cobalt-page-header .cobalt-page-header__content{margin-top:1rem}.cobalt-page-header:not(.cobalt-page-header__breadcrumbs){padding:2rem 2.5rem}
@layer app {
  .cobalt-modal-content {
    padding-inline: 1.5rem;
  }
}
@layer app {
  .page-instructor-management,
  .page-instructors {

     .toolbar {
        width: 20.25rem;
        margin-top: var(--space-40);
      }

      /* TO DO: to be unifyed with other pages */
    & .page-content {
      background-color: var(--surface-background);
    }

    & .report-form {
      display: flex;
      flex-direction: column;
      position: relative;

      & .cobalt-section-message{
        margin-bottom: var(--space);
      }

      @media (--sm-n-above) {
        height: 100dvh;
      }
      @media (--sm-n-below) {
        height: calc(100dvh - 4.5rem);
      }

      & legend {
        @media (--sm-n-above) {
          font-size: var(--text-size-4);
        }
        @media (--sm-n-below) {
          font-size: var(--text-size-3);
        }

        font-weight: var(--font-weight-bold);
        margin: 1rem 0;
        padding: 1rem 1rem 0 1rem;
      }
      & div.inner {
        display: block;
        flex: 1;
        overflow-y: auto;
        padding: 1rem;

        & .co-alert {
          margin-top: 0.5rem;
          & h6 {
            color: var(--neutral-0);
            font-size: 0.8rem;
            font-weight: var(--font-weight-semibold);
          }
        }

        & .co-alert--success {
          background-color: var(--green-7);

          & svg {
            color: var(--green-3);
            height: 0.8rem;
            width: 0.8rem;
          }
        }

        & .co-alert--error {
          background-color: var(--red-8);
          & svg {
            color: var(--red-3);
            height: 0.8rem;
            width: 0.8rem;
          }
        }
      }

      & .form-actions {
        background-color: var(--white);
        border-top: 1px solid var(--neutral-8);
        bottom: -1rem;
        box-shadow: 0 -0.5rem 0.5rem var(--neutral-9);
        display: flex;
        gap: 1rem;
        justify-content: flex-end;
        left: 0;
        margin: 0;
        padding: 1rem;
        position: sticky;
        right: 0;
        width: 100%;
      }
    }

    & .co-modal--md:where(.co-modal) {
      --size-md: 35rem !important;
    }

    & .activity-log-btn {
      left: 12.5rem;
      position: absolute;
    }
  }

  .co-screen__content {
    display: flex;
    flex-direction: column;

    .page-instructors_coming-soon {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      flex: 1;

      h4 {
        margin: 2rem 0 0.25rem 0;
      }

      & p {
        color: var(--neutral-500);
        font-size: var(--text-size-02);
        max-width: 23.625rem;
        font-weight: var(--font-weight-light);
        text-align: center;
      }
    }
  }
}

@layer overrides {
  .page-instructors {
    & .co-screen__content {
      @media (--xl-n-above) {
        padding: 2.25rem;
      }
      @media (--xl-only) {
        padding: 2rem;
      }
      @media (--lg-n-below) {
        padding: 1.5rem;
      }
    }
  }
}

@layer overrides {
  .page-instructor-management {
    & .co-screen__content {
      @media (--xl-n-above) {
        padding: 0;
      }
      @media (--xl-only) {
        padding: 0;
      }
      @media (--lg-n-below) {
        padding: 0;
      }
    }
  }
}

@layer overrides {
  .page-instructor-management {
    .page-instructors_coming-soon {
      background-color: var(--surface-bg-color);
    }
  }
}
@layer app {
  .report-form {
    & fieldset {
      border: 0;
      flex: 1;
      display: flex;
      flex-direction: column;
      gap: 1rem;
      margin: 0;
      padding: 1.5rem 0;
    }
  }
}
@layer app {
  & .airmen-number {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0.5rem;

    & svg {
      width: 1.2rem;
      height: 1.2rem;
      color: var(--danger-color);
    }
  }
}
@layer app {
  .page-instructors {
    & .instructors--card-listing {
      display: flex;
      flex-direction: column;
      gap: 1rem;

      & .co-card {
        & h4 {
          margin: 0;
        }
        & dl {
          display: grid;
          grid-template-columns: minmax(6rem, 12rem) minmax(12rem, 1fr);
          column-gap: 0.5rem;
          row-gap: 1rem;
          & dt {
            grid-column: 1/2;
            &:nth-of-type(1) {
              font-weight: var(--font-weight-bold);
            }
          }
          & dd {
            grid-column: 2/3;
          }
        }
      }
    }
    .instructor-information_icon{
      padding-top: 0.60rem;
    }
  }
}
@layer app {
  .page-instructors {
    & .co-screen__header {
      & .co-card {
        min-height: 6rem;
        cursor: pointer;
        & h3 {
          font-weight: var(--font-weight-bold);
        }
        & p {
          font-size: var(--text-size-01);
          color: var(--neutral-5);
          text-wrap: balance;
        }
      }

      & .co-card__inner {
        display: grid;
        gap: 0.5rem;
        & h3 {
          grid-column: 1/3;
          grid-row: 1/2;
          margin: 0;
        }
        & p {
          grid-column: 1/2;
          grid-row: 2/3;
        }
        & svg {
          grid-column: 2/3;
          grid-row: 2/3;
          place-self: end;
        }
      }
    }
  }
}
@layer App {
    & .side-panel-content {

      & .info-section-success {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 20rem;
      }

      .cobalt-section-message.cobalt-section-message-info .icon{
        width: 24px;
        height: 24px;
      }
    }

    & .sub-header {
      display: flex;
      gap: var(--space-16);
      align-items: baseline;
      margin: var(--space-16) 0 ;

      h3{
        flex: 1;
        margin: var(--space-08) 0;
      }

      /* Select all button */
      & .button-section {
        display: flex;
        align-items: center;
        gap: var(--space-08);

        & span {
          color: var(--text-tertiary);
          font-size: var(--font-typesize-02);
        }
      }
    }

    & .batch-instructors-card-list {
      display: flex;
      flex-direction: column;
      gap: var(--space-24);
    }

    & .batch-instructors-side-panel_card {
      padding: var(--space-16);
      display: flex;
      justify-content: space-between;
      border-radius: var(--space-12);
      box-sizing: border-box;

      /* temporaly fix to avoid doble check inside :checked checkbox */
      :not(.co-form__toggle) > input[type='checkbox']::after{
        display: none;
      }
    }

    & .batch-instructors-side-panel__card-selected {
      box-shadow: 0 0 0 0.1rem var(--blue-4);
      box-sizing: border-box;
    }

    & .checkbox-container {
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 100%;

      & .checkbox-container__item {
        display: flex;
        align-items: center;
        gap:var(--space-16);

        & .instructor-name {
          font-weight: var(--font-weight-bold);
        }
      }
    }

    & .location-container {
      margin-top: var(--space-08);

      & span {
        font-size: var(--font-typesize-02);
        color: var(--text-tertiary);
      }

      & .location-text {
        font-size: var(--space-12);
        font-weight: var(--font-weight-semibold);
      }
    }

      & .regulation__text {
        width: 15rem;
        margin-left: var(--space-80);
        text-align: right;
        font-size: var(--font-typesize-02);

        & .cobalt-button {
          display: inline-block;
          padding: 0;
          margin: 0;
          font-size: var(--space-12);
          text-decoration: underline;
          border: none;
        }
        & button:hover {
          background: none;
        }
      }

      /* Overwrite tertiary action button position */
      .cobalt-action-bar.desktop .action-buttons .button-row.right .button-item-tertiary{
          justify-content: flex-end!important;
        }

      /* TO DO: overwrite action buttons - to be removed when old css is removed */
      .cobalt-action-bar.desktop .action-buttons {
        flex: none
      }
}
@layer component{.cobalt-avatar{display:flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;font-weight:700}.cobalt-avatar.avatar-small{width:1.5rem;height:1.5rem;font-size:.625rem}.cobalt-avatar.avatar-medium{width:2rem;height:2rem;font-size:.875rem}.cobalt-avatar.avatar-large{width:3rem;height:3rem;font-size:1.375rem}.cobalt-avatar.avatar-initials{display:flex;align-items:center;justify-content:center}.cobalt-avatar.avatar-picture .avatar-image{width:100%;height:100%;object-fit:cover}.cobalt-avatar.avatar-primary{background-color:var(--button-primary-default);color:var(--text-on-color)}.cobalt-avatar.avatar-neutral{background-color:var(--tag-background-subtle-neutral);color:var(--tag-text-neutral)}.cobalt-avatar.avatar-blue{background-color:var(--tag-background-subtle-blue);color:var(--tag-text-blue)}.cobalt-avatar.avatar-turquoise{background-color:var(--tag-background-subtle-turquoise);color:var(--tag-text-turquoise)}.cobalt-avatar.avatar-teal{background-color:var(--tag-background-subtle-teal);color:var(--tag-text-teal)}.cobalt-avatar.avatar-lime{background-color:var(--tag-background-subtle-lime);color:var(--tag-text-lime)}.cobalt-avatar.avatar-green{background-color:var(--tag-background-subtle-green);color:var(--tag-text-green)}.cobalt-avatar.avatar-yellow{background-color:var(--tag-background-subtle-yellow);color:var(--tag-text-yellow)}.cobalt-avatar.avatar-orange{background-color:var(--tag-background-subtle-orange);color:var(--tag-text-orange)}.cobalt-avatar.avatar-red{background-color:var(--tag-background-subtle-red);color:var(--tag-text-red)}.cobalt-avatar.avatar-pink{background-color:var(--tag-background-subtle-pink);color:var(--tag-text-pink)}.cobalt-avatar.avatar-purple{background-color:var(--tag-background-subtle-purple);color:var(--tag-text-purple)}.cobalt-avatar .icon{color:var(--icon-disabled)}.cobalt-avatar.avatar-icon{display:flex;align-items:center;justify-content:center;background-color:var(--input-disabled)}}
@keyframes cobalt-loader-linear-indeterminate{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}.cobalt-loader-linear-wrapper{display:flex;flex-direction:column;color:var(--text-secondary);font-family:var(--font-family-red-hat-text);font-size:var(--font-typesize-02);font-style:normal;font-weight:var(--font-weight-bold);line-height:1rem;letter-spacing:.01rem;width:inherit}.cobalt-loader-linear-wrapper .cobalt-loader-linear-title{font-weight:var(--font-weight-bold);display:flex;gap:.5rem;justify-content:space-between;margin-bottom:.25rem}.cobalt-loader-linear-wrapper .cobalt-loader-linear-title .state{width:1rem;display:flex}.cobalt-loader-linear-wrapper .cobalt-loader-linear-title .state .error{color:var(--support-danger-background)}.cobalt-loader-linear-wrapper .cobalt-loader-linear-title .state .success{color:var(--support-success-background)}.cobalt-loader-linear-wrapper .cobalt-loader-linear-helper{font-weight:var(--font-weight-regular);margin-top:.5rem}.cobalt-loader-linear-wrapper .cobalt-loader-linear-helper.error{color:var(--text-danger);font-weight:var(--font-weight-bold)}.cobalt-loader-linear-wrapper .cobalt-loader-linear{position:relative;width:100%;background-color:var(--input-disabled);overflow:hidden}.cobalt-loader-linear-wrapper .cobalt-loader-linear-small{height:.25rem}.cobalt-loader-linear-wrapper .cobalt-loader-linear-medium{height:.5rem}.cobalt-loader-linear-wrapper .cobalt-loader-linear-bar{position:absolute;height:100%;width:100%}.cobalt-loader-linear-wrapper .cobalt-loader-linear-indeterminate.loading .cobalt-loader-linear-bar{background-color:var(--support-info-background);animation:cobalt-loader-linear-indeterminate 1.5s infinite linear;transform:translate(-100%)}.cobalt-loader-linear-wrapper .cobalt-loader-linear-determinate.loading .cobalt-loader-linear-bar{animation:none;transform:translate(0)}.cobalt-loader-linear-wrapper .cobalt-loader-linear-loading .cobalt-loader-linear-bar{background-color:var(--support-info-background)}.cobalt-loader-linear-wrapper .cobalt-loader-linear-error .cobalt-loader-linear-bar{background-color:var(--support-danger-background)}.cobalt-loader-linear-wrapper .cobalt-loader-linear-success .cobalt-loader-linear-bar{background-color:var(--support-success-background)}
@layer App {
  & .modal-content {
      padding:0 var(--space-24);

      & ol {
        & li {
          margin-bottom: var(--space-08);
        }
      }

      & .semi-bold {
        font-weight: var(--font-weight-semibold);
      }
    }
  }
@layer app {
  .page-instructor-management {
      & .card-container {
        display: flex;
        gap: 1.5rem;
        margin-top: 1.25rem;
        width: 100%;
        overflow-x: auto;
        scrollbar-width: none;
        -ms-overflow-style: none;
        user-select: none;

        & .co-card {
          min-height: 7rem;
          cursor: pointer;

          .co-card__inner{
            width: 20rem;
          }

          & p {
            font-weight: var(--font-weight-bold);
            font-size: var(--text-size-01);
          }
        }
      }

    & .co-card__footer {
      justify-content: flex-start;
      padding: 0;
      & .cobalt-button{
          margin-left: -1rem;
      }
    }
  }
}
@layer App {
  .icon-red {
    color: var(--text-danger);
  }

  .tab-header {
    display: flex;
    align-items: center;
    gap: var(--space-08);
    white-space: nowrap;
  }

  .tab-content{
    background: var(--surface-primary);
    padding: var(--space-24) var(--space-40) 0;
  }

  .cobalt-tab-group-header {
    padding-inline: var(--space-16);
  }
}
@layer app {
  & .instructor--table {
    & tr {
      cursor: pointer;
    }
  }
  & .instructor-tooltip__trigger {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0.5rem;

    & svg {
      width: 1.2rem;
      height: 1.2rem;
      color: var(--danger-color);
    }
  }

  & .instructor-tooltip__content {
    border-radius: var(--radius-2)
  }
}
.reports-form-panel {
  padding-inline: var(--space-24);
  /* TO DO: remove when old css is removed */
  & fieldset {
    padding: 0;
  }
  .cobalt-section-message {
    margin-bottom: var(--space-32);
  }
}

/* TO DO: remove when componenet is updated - Temporary fix for side panel header description padding to align the end of the line with the "X" close button */
.cobalt-side-panel .cobalt-side-panel-header .cobalt-side-panel-description {
  padding-right: var(--space);
}
@layer app {
  .report-form {
    & fieldset {
      border: 0;
      flex: 1;
      display: flex;
      flex-direction: column;
      gap: 1rem;
      margin: 0;
      padding: 1.5rem 0;
    }
  }
}
@layer app {
  .instructors-list {
    padding: 1rem;

    .instructors-list__header {
      align-items: center;
      display: flex;
      justify-content: space-between;

      .instructors-progress-container {
        display: flex;
        justify-content: space-between;
        gap:var(--space-40);

        .progress-section {
          display: flex;
          flex-direction: column;
        }

        .progress-title {
          font-size: var(--font-typesize-02);
          font-weight:var(--font-weight-semibold);
          color: var(--text-tertiary);
        }

        .progress-info {
          display: flex;
          align-items: center;
          gap: var(--space-08);

          & svg {
            color: var(--danger-color);
          }
        }

        .progress-count {
          font-size: 1rem;
          font-weight: 600;
          color: #333;
        }

        .add-instructors {
          font-size: 0.8rem;
          font-weight: var(--font-weight-semibold);
          color: var(--blue-4);
          text-decoration: none;
        }
      }
    }

    .instructor-management-list {
      & .card-list {
        display: flex;
        flex-direction: column;
        gap: var(--space-24);
      }
    }

    .card {
      display: flex;
      padding: 1rem;
      border-radius: 0.75rem;
      background-color: var(--surface-primary);
      color: var(--neutral-0);
      cursor: pointer;
    }

    .card-content {
      display: flex;
      align-items: center;
      width: 100%;
      gap: var(--space-16);
    }

    .info-section {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 1.5rem;
      flex: 1;

      h3 {
        margin: 0;
      }
      .cobalt-tag{
        margin-left: var(--space-16);
      }
    }

    .instructor-name {
      display: flex;
      flex-direction: column;
      gap: 0.25rem;
    }

    .new-instructor-tag {
      margin-left: var(--space-16)
    }

    .training-type-list {
      align-items: center;
      list-style: none;
      display: flex;
      flex-direction: row;
      gap: var(--space-24);

      .training-type-item {
        align-items: center;
        display: flex;
        gap: 8px;
      }

      & .success {
        color: var(--support-success-background);
      }
      & .unselected, .revoked, .icon-secondary {
        color: var(--icon-primary);
      }
    }
  }
}
@layer App {
  .side-panel-content {
    & .instructor-name {
      font-size: 1.2rem;
      font-weight: var(--font-weight-bold);
    }
    h3 {
      margin: 0;
    }

    & .training-center-name {
      font-weight: var(--font-weight-semi-bold);
      margin: 0;
      color: var(--text-tertiary);
    }

    & .discipline-sections {
      display: flex;
      flex-direction: column;
      gap: var(--space-24);
      margin-top: var(--space-32);

      & .discipline-section {
        display: flex;
        justify-content: space-between;
        padding-bottom: var(--space-24);
        border-bottom: 1px solid var(--stroke-subtle);

        & .discipline-left {
          display: flex;
          flex-direction: column;
          gap: 0.5rem;
          text-align: left;

          & .discipline-name {
            font-weight: var(--font-weight-semibold);
          }

          & .icon-text-alignment{
            display: flex;
            align-items: center;
            gap:var(--space-08);
            font-size: 0.8rem;
          }
        }

        & .discipline-right {
          display: flex;
          align-items: center;
        }
      }
    }

    & .program-section {
      padding: 1rem 0;
      border-bottom: 1px solid #e0e0e0;
      text-align: left;
    }

    & .training-type-list {
      display: flex;
    }

    & .training-type-list-items {
      display: flex;
      flex: 1;
      gap: var(--space-40);
    }

    & .training-type-item {
      display: flex;
      align-items: center;
      gap: 0.5rem;
    }

    & .bottom-half {
      margin-top: var(--space-56);
    }
  }

  /* Icon success */
  & .success {
    color: var(--support-success-background);
  }
}
@layer App {
  .letter-upload-modal {
    padding: 1rem;
    width: 35rem;
    height: 26rem;

    & header {
      font-size: var(--size-4);
      font-weight: var(--font-weight-bold);
      margin-bottom: 2rem;
    }

    & .modal-body {
        height: 16rem;
        overflow-y: auto;

      & .co-alert {
        margin-bottom: 0.5rem;
        & h6 {
          color: var(--neutral-0);
          font-size: 0.8rem;
        }
      }

      & .co-alert--error {
        background-color: var(--red-8);
        & svg {
          color: var(--red-3);
          height: 0.8rem;
          width: 0.8rem;
        }
      }

      & .modal-description {
        font-size: var(--size-3);
        margin-bottom: 0;

        & .text-name {
          font-weight: var(--font-weight-semibold);
        }
      }

      & .modal-info {
        font-size: 0.8rem;
        margin-bottom: 1rem;
      }

      & .modal-upload-section {
        padding: 0.3rem;
      }
    }

    & .modal-footer {
      display: flex;
      position: sticky;
      justify-content: flex-end;
      gap: 1rem;
      bottom: 0;
      margin-top: 1rem;
    }
  }
}
@layer App {
  .modal-content{
    padding-inline: 1.5rem;
  }
}
.cobalt-menu{list-style:none;margin:0;padding:0;background-color:var(--surface-secondary);box-shadow:0 1px 32px #00000014;border-radius:.5rem;width:15rem;max-height:15rem;overflow-y:auto;overflow-x:hidden}.cobalt-menu:focus-visible{outline:none}.cobalt-menu-item{padding:.625rem .75rem;cursor:pointer;font-size:1rem;font-style:normal;font-weight:400;line-height:1.25rem;width:100%;display:flex;align-items:center;gap:.5rem;color:var(--text-primary)}.cobalt-menu-item span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cobalt-menu-item.default:not(.disabled):hover{background-color:var(--button-ghost-hover)}.cobalt-menu-item.default:not(.disabled):hover:active,.cobalt-menu-item.default:not(.disabled):active{background-color:var(--button-ghost-pressed)}.cobalt-menu-item.default:not(.disabled):focus-visible{outline:none;background-color:var(--button-ghost-hover)}.cobalt-menu-item.danger:not(.disabled):hover{background-color:var(--button-danger-hover);color:var(--text-on-color)}.cobalt-menu-item.danger:not(.disabled):hover:active,.cobalt-menu-item.danger:not(.disabled):active{background-color:var(--button-danger-pressed);color:var(--text-on-color)}.cobalt-menu-item.danger:not(.disabled):focus-visible{outline:none;background-color:var(--button-danger-hover);color:var(--text-on-color)}.cobalt-menu-item.disabled{cursor:not-allowed;color:var(--text-disabled);pointer-events:none}
@layer App {
  .instructor-action-modal {
    .modal-details {
      display: flex;
      gap: var(--space-40);
      font-size: var(--font-typesize-02);
      color: var(--text-tertiary);
    }

    .modal-details__item {
      flex-direction: column;
      display: flex;

      & .item__text {
        font-size: var(--font-typesize-03);
        color: var(--text-primary);
        font-weight: var(--font-weight-semibold);
      }
    }

    .heading-01 {
      margin-top:var(--space-32);
    }

    .cobalt-loader-linear-title{
      margin-top:var(--space-24)
    }

    .modal-section {
      min-height: 12rem;
    }

    .instruction-container {
      margin-top: 0.3rem;

      .instruction-container__title {
        font-weight: var(--font-weight-semibold);
      }
    }

    .instructor-approval-modal-cards {
      display: flex;
      flex-direction: column;
      gap: var(--space-24);
      margin-top: var(--space-16);
    }

    .instructor-approval-modal-card {
      border-radius: var(--radius-12);
      box-shadow: 0 1px 16px 0 var(--skeleton-subtle);
      box-sizing: border-box;
      padding: var(--space-16);

      & .checkbox-container-item {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: var(--space-08)!important;
        font-weight: var(--font-weight-bold);

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

    }

   /* temporaly fix to avoid doble check inside :checked checkbox */
    .checkbox-container {
      :not(.co-form__toggle) > input[type='checkbox']::after{
        display: none;
      }
    }

    .instructor-approval-modal-card-selected {
      border:2px solid var(--support-info-background);
       box-shadow: 0 1px 16px 0 var(--skeleton-subtle);
      box-sizing: border-box;
    }

    .checkbox-container input {
      margin-top: 0.5rem;
    }

    & .alert-message{
        margin-top: var(--space-24);
      }
    & .alert-message-danger{
        margin-bottom: var(--space-24);
      }

    .status {
      font-weight: var(--font-weight-normal);
      display: flex;
    }
    .status svg {
      margin-right: 0.5rem;
    }

    .status-revoked {
      color: var(--text-danger);
    }

  }
}
@layer App {
  .instructor-pending-letters-drawer {
    padding: 1rem;

    & .sub-header {
      font-size: var(--size-3);
      margin-bottom: 1rem;
    }

    & .list-section {
      display: flex;
      flex-direction: column;
      gap: 1rem;

      & .instructor-card {

        & .success-text {
          font-size: 0.8rem;
          font-weight: var(--font-weight-semibold);
          display: flex;
          align-items: center;
          margin-bottom: 4rem;

          & svg {
            width: 0.8rem;
            height: 0.8rem;
            margin-right: 0.5rem;
            color: var(--green-3);
          }
        }

        & .action-button {
          font-size: 1rem;

          & svg {
            width: 1rem;
            height: 1rem;
          }
        }

        & .co-card__inner {
          flex-direction: row;
          justify-content: space-between;
        }

        & .instructor-card__info {
          display: flex;
          flex-direction: column;
          gap: 1rem;

          & .name-section {
            display: flex;
            flex-direction: row;
            align-items: center;
          }

          & .avatar {
            flex-shrink: 0;
            margin-right: 1rem;
            background-color: var(--neutral-7);
            color: var(--neutral-0);
          }

          & .instructor-name {
            font-size: var(--size-3);
            font-weight: var(--font-weight-bold);
          }

          & .details {
            display: flex;
            gap: 1rem;
            margin-bottom: 0.5rem;
            font-size: 0.6rem;

            & .details__item {
              flex-direction: column;
              display: flex;
              gap: 0.5rem;

              & .item__text {
                font-size: 0.8rem;
                color: var(--neutral-0);
                font-weight: var(--font-weight-semibold);
              }
            }
          }
        }
      }
    }
  }
}
@layer App {
  & .page-content {
    & .co-empty-state--grid{
      margin-top: 0!important; /* TO DO: remove when old css is removed */

    }
    & .co-empty-state{
      background-color: var(--surface-primary);
    }

    & .tab-content{
      padding: var(--space-32) var(--space-40) 0;
    }

    & .instructors-list{
      padding: initial;
    }
  }

  /* Fix for activity log download button to align with title */
  .activity-log-download {
    margin-left: -16px;
  }

  .activity-log-download:hover {
    text-decoration: underline;
  }

  /* Overwrite the cobalt-page-action to brind "See active log" button to the left side */

  .page-instructor-management-header {
    & .cobalt-page-header .cobalt-page-header__main{
      align-items: center;
    }

    & .cobalt-page-header__actions{
      margin-left: initial!important;}
    }
  }
@layer App {
  .activity-log-container {
    max-width: 50rem;
    font-style: normal;
    font-family: 'Red Hat Display', sans-serif;

    & .activity-entries {
      display: flex;
      flex-direction: column;
    }

    & .activity-entry {
      display: flex;
      position: relative;
      padding-left: 1.5rem;
      margin-bottom: 0;
    }

    & .activity-timeline {
      display: flex;
      flex-direction: column;
      align-items: center;
      position: relative;
      margin-right: 1rem;
    }

    & .timeline-dot {
      width: 0.75rem;
      height: 0.75rem;
      background-color: var(--stroke-subtle);
      border-radius: 50%;
      z-index: 1;
    }

    & .timeline-line {
      position: absolute;
      top: 0;
      bottom: 0;
      left: calc(50% - 0.0625rem); /* center the line under the dot */
      width: 0.125rem;
      background-color: var(--stroke-subtle);
      z-index: 0;
    }

    & .activity-content {
      flex: 1;
    }

    & .activity-date {
      color: var(--text-secondary, #59666e);
      font-size: var(--font-typesize-02);
      margin-bottom: 0.25rem;
      font-style: normal;
      font-weight: var(--font-weight-semi-bold);
      line-height: 1rem;
    }

    & .activity-details {
      margin-bottom: 0.5rem;
      font-size: var(--font-typesize-03);
      font-style: normal;
      font-weight: var(--font-weight-regular);
      line-height: 1.25rem;
      padding-bottom: 3rem;
    }

    & .impacted-item {
      font-weight: var(--font-weight-semibold);
    }

    & .activity-location {
      font-weight: var(--font-weight-semibold);
    }
  }
  .actitivity-loader{
    padding: 2rem
  }
}
.cobalt-breadcrumb{display:flex;align-items:center}.cobalt-breadcrumb .breadcrumb-list{display:flex;list-style:none;padding:0;margin:0}.cobalt-breadcrumb .breadcrumb-list .breadcrumb-item{display:flex;align-items:center}.cobalt-breadcrumb .breadcrumb-list .breadcrumb-separator{margin:0 .5rem;color:var(--text-secondary);font-size:.75rem}.cobalt-breadcrumb .breadcrumb-list .breadcrumb-current{color:var(--text-primary);font-size:.75rem;font-weight:var(--font-weight-bold);line-height:1rem}.cobalt-breadcrumb .breadcrumb-back-button{display:inline-flex;align-items:center;gap:.25rem;border-radius:.125rem;color:var(--link-interactive);font-size:.75rem;font-weight:var(--font-weight-bold)}.cobalt-breadcrumb .breadcrumb-back-button:hover{color:var(--link-hover)}.cobalt-breadcrumb .breadcrumb-back-button:active,.cobalt-breadcrumb .breadcrumb-back-button:hover:active{color:var(--link-pressed)}.cobalt-breadcrumb .breadcrumb-back-button:focus-visible{outline:2px solid var(--stroke-focus);outline-offset:2px}
.content-loader {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;

  .content-loader-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--surface-overlay);
  }
}
.loader-main {
  display: flex;
  justify-content: center;
  padding-bottom: 24px;
}

.loader-container {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  height: 100vh;
}
.loader {
  display: flex;
  flex-direction: column;
  height: 100vh;
  justify-content: center;
  align-items: center;
}
.loader-progress {
  width: 15%;
  margin-bottom: 0.5rem;
}
.host {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@layer app {
  .co-screen__header.co-screen__header--skim {
    box-shadow: none;
}
  .company-avatar-main {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    & .company-avatar__company-container {
      & h3 {
        color: var(--neutral-0);
        font-weight: var(--font-weight-bold);
      }
    }
    & .company-avatar__company-heading {
      margin: 0.475rem 0rem;
      
    }
    & .company-avatar__company-sub-heading {
      margin: 0.475rem 0rem;
      font-family: var(--font-family-text);
      font-style: normal;
      font-weight: 400;
      font-size: 1rem;
      line-height: 1.25rem;
    }
    & .company-avatar__navigate-home {
      height: var(--size-3);
      width: 17.65rem;
      font-family: var(--font-family-display);
      font-size: 0.75rem;
      font-weight: var(--font-weight-semibold);
      letter-spacing: 0;
      line-height: var(--size-3);
      & p {
        color: var(--blue-4);
        font: var(--font-family-text);
      }
    }
    & .company-avatar__details {
      display: flex;
      gap: var(--size-3);
      align-items: center;
      margin-bottom: 0.475rem;
      margin-top: 1rem;
      font-size: 1rem;
      & .company-avatar__modal-open {
        position: relative;
        & .company-avatar__icon-container {
          background-color: var(--blue-3);
          border-radius: 50%;
          color: var(--white);
          height: 1.2rem;
          width: 1.2rem;
          display: flex;
          justify-content: center; /* Horizontally center */
          align-items: center;
          position: absolute;
          bottom: calc(50% - 2.2rem);
          right: calc(50% - 2.2rem);
        }
      }

      & .company-avatar__title-box {
        display: flex;
        align-items: center;
        flex-direction: row;
        @media (--md-n-below) {
          flex-direction: column;
          align-items: flex-start;
          && h1 {
            margin-bottom: 0;
          }
        }
      }
      & .company-avatar__secondary-info {
        color: var(--neutral-400);
        font-family: var(--font-family-text);
        font-size: 1rem;
        font-weight: 600;
        letter-spacing: 0;
        line-height: 1.25rem;
      }
    }
    @media (--md-n-below) {
      padding: 0;
      padding-bottom: 1rem;
      && span {
        padding: 1rem;
      }
    }
  }
}
@layer app {
  .company-edit-avatar {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-left: 1.25rem;
    & h1 {
      align-self: flex-start;
      margin-bottom: 1.25rem;
    }

    & .__picture-box {
      width: 18.75rem;
      height: 15.625rem;
      border: 0.0625rem solid #ccc;
      border-radius: 0.625rem;
      overflow: hidden;
      margin-bottom: 1.25rem;
    }

    & .__upload-text {
      color: blue;
      cursor: pointer;
      align-self: flex-start;
      margin-bottom: 1.25rem;
      padding-left: 1.25rem;

      input {
        display: none;
      }
    }

    & .__delete-button {
      color: red;
      border: none;
      background: none;
      cursor: pointer;
      align-self: flex-start;
      padding-left: 1.25rem;
    }

    & .__uploaded-image {
      height: 100%;
      width: 100%;
      object-fit: cover;
    }

    & .__placeholder {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
      height: 100%;
    }

    & .__footer {
      background-color: var(--white);
      border-top: 0.0625rem solid var(--neutral-8);
      box-shadow: 0 -0.3125rem 0.3125rem var(--neutral-9);
      display: flex;
      justify-content: flex-end;
      left: 0;
      padding: 1rem 1.5rem;
      right: 0;
      width: 100%;
      bottom: 0;
      position: absolute;
      & button {
        margin-right: 1rem;
      }
    }
  }
}
@Layer App{
    .dialog{
        padding: 0.1rem;
    }
}@layer app {
  .company-container {
    display: flex;
    gap: 2.5rem;
    & .__tabs {
      display: flex;
      flex-direction: column;
      padding: 0 0.625rem;
      & div {
        display: flex;
        align-items: center;
        row-gap: 0.625rem;
        height: 2.5rem;
        width: 17rem;
        border-radius: 0.5rem;
        background-color: var(--neutral-900);
        margin: 1.25rem 0;
        padding: 0.625rem 1rem;
        cursor: pointer;
        color: var(--neutral-075);
        font-family: var(--font-family-text);
        font-size: 1rem;
        letter-spacing: 0;
        line-height: 1.25rem;
      }

      & .__inactive-tab {
        font-weight: 200;
        background-color: transparent;
        height: 1.25rem;
        width: 13.75rem;
      }
      & .__active-tab {
        font-weight: 600;
        background-color: var(--neutral-900);
      }
    }
  }
}
@layer app {
    & .company-profile--alert-card {
      max-width: 28.5rem;
      margin-top: 0.25rem;
    }
    & .company-profile--alert-message{
        line-height: 1.5rem;
        letter-spacing: 0;
    }
  }
  @layer app{
    .__cards-list-heading{
        font-size: 1rem;
        line-height: 1.25rem;
        font-family: var(--font-family-text);
        font-style: normal;
        font-weight: 600;
    }

    .__cards-list-para{
        font-size: 0.75rem;
        line-height: 1rem;
        font-weight: 600;
        margin: 0px;
    }
}
@layer app {
  .company-contact-info {
    & .__trash-icon {
      position: absolute;
      top: 46%;
      left: 86%;
      transform: translateY(-50%);
    }
    .company-fleet__add-platform-link {
      margin: 1rem 1rem 0;
      padding: 0;
      color: var(--blue-4);

      &:hover {
        color: var(--blue-3);
        text-decoration: none;
      }
    }
    .dialog {
      max-width: 25rem;
      max-height: 13.5rem;
    }
  }
}
@layer app {
  .company-fleet {
    display: flex;
    flex-flow: column;
    height: 100%;
    padding: var(--size-5);
    overflow-y: scroll;
    padding-bottom: 4.5rem;
    & h5 {
      height: var(--size-3);
      color: var(--neutral-4);
      font-family: var(--font-family-text);
      font-size: var(--size-3);
      font-weight: var(--font-weight-bold);
      letter-spacing: 0;
      line-height: var(--size-4);
      margin: 0.625rem 0;
    }
    .search-platform {
      position: relative;
      z-index: 2;
    }
    & h3 {
      height: var(--size-7);
      width: 17.5rem;
      font-family: var(--font-family-display);
      font-size: var(--size-3.5);
      font-weight: var(--font-weight-bold);
      letter-spacing: 0;
      line-height: var(--size-7);
      margin: 1.312rem 0 0 0;
    }
    & .btn-add {
      padding: 0.312rem;
      color: var(--blue-4);
      &:hover {
        color: var(--blue-3);
        text-decoration: none;
      }
    }

    & label {
      margin: var(--size-1) 0;
      white-space: nowrap;
      color: var(--black);
      display: flex;
      font-size: 0.75rem;
      line-height: var(--size-3);
      font-weight: 500;
    }
    & .dialog-overlay {
      z-index: 1;
      border-radius: 0.5rem;
      box-shadow: var(--shadow--lifted-16);
      .co-dialog--top {
        top: 23%;
        left: 6%;
        width: 80%;
        height: fit-content;
      }

      .number-input {
        display: flex;
        flex-flow: row;
        justify-content: space-around;
        .co-form__number-spinbutton .input-layout input {
          width: 0px;
        }
        .co-btn--md {
          margin-top: 1.4rem;
        }
      }
    }
    & .__fields {
      position: relative;
      display: flex;
      flex-direction: column;
      gap: 0.5rem;
      flex-grow: 1;
      padding-bottom: 1rem;
      margin-top: 2rem;

      & .text-field {
        position: relative;
        display: flex;
        flex-flow: row;
      }
      & .text-input {
        width: 90%;
      }
      & .__trash-icon {
        position: absolute;
        top: 63%;
        left: 90%;
        transform: translateY(-50%);
      }
    }
    .add-aircraft {
      background-color: rgb(231, 223, 223);
      position: absolute;
      top: 27%;
      left: 48%;
      transform: translate(-50%, -50%);
      z-index: 1;
      display: flex;
      flex-direction: row;
      gap: 1rem;
      padding-inline: 1rem;
      width: 80%;
      max-width: 400px;
    }

    .toggle {
      background-color: black;
    }

    & .__footer {
      background-color: var(--white);
      border-top: 1px solid var(--neutral-8);
      display: flex;
      gap: 1rem;
      justify-content: flex-end;
      left: 0;
      padding: 1rem 1.5rem;
      right: 0;
      width: 100%;
      bottom: 0;
      position: absolute;
    }
  }
}
@layer app {
  .company-info {
    display: flex;
    flex-flow: column;
    height: 100%;
    padding: var(--size-5);
    overflow-y: scroll;
    padding-bottom: 4.5rem;
    & h5 {
      height: var(--size-3);
      color: var(--neutral-4);
      font-family: var(--font-family-text);
      font-size: var(--size-3);
      font-weight: var(--font-weight-bold);
      letter-spacing: 0;
      line-height: var(--size-4);
      margin: 0.625rem 0;
    }
    & h1 {
      height: var(--size-7);
      width: 17.5rem;
      color: var(--black);
      font-family: var(--font-family-display);
      font-size: var(--size-5);
      font-weight: var(--font-weight-bold);
      letter-spacing: 0;
      line-height: var(--size-7);
      margin: 0.312rem 0;
    }

    & .__authorities {
      gap: 1rem;
      grid-template-columns: repeat(12, 1fr);
      min-height: 15rem;
    }

    & .co-form__dropdown {
      grid-column: 1/13;
      margin: 0;
    }

    & .co-form__text {
      grid-column: 1/6;
    }
    & .co-alert {
      grid-column: 1/13;
      &.co-alert--warning {
        margin-top: 1rem;
      }
      &.co-alert--error {
        margin-block: 1rem;
      }
    }

    & .listbox.listbox-open {
      width: 100%;
      & label {
        padding: 0.25rem 0.75rem;
      }
    }
    & label {
      margin: var(--size-1) 0;
      white-space: nowrap;
      color: var(--black);
      display: flex;
      font-size: 0.75rem;
      line-height: var(--size-3);
      font-weight: 500;
    }
    & .__footer {
      background-color: var(--white);
      border-top: 1px solid var(--neutral-8);
      box-shadow: 0 -0.5rem 0.5rem var(--neutral-9);
      display: flex;
      justify-content: flex-end;
      gap: 1rem;
      left: 0;
      padding: 1rem 1.5rem;
      right: 0;
      width: 100%;
      bottom: 0;
      position: absolute;
    }
  }
}
@layer app {
    & .company-profile__change-request {
      margin: 1.25rem;
    }
    .dialog{
        padding: 0.1rem;
    }
}@layer app {
  .company-profile--billing {
    display: flex;
    flex-direction: column;
  }

  .company-billing-card{
    margin-bottom: 1rem;
    padding-left: 1.25rem;
  }
  .company-billing-card .billing-heading {
    margin: 0rem;
    line-height: 1.25rem;
    font-size: 1rem;

  } 
  .company-billing-card .billing-para {
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 600;
    font-style: normal;
    color: var(--neutral-600);
    margin: 0rem;
  } 
}
@layer app {
  .company-phone-number-edit {
    display: flex;
    flex-flow: column;
    height: 100%;
    padding: var(--size-5);
    overflow-y: scroll;
    padding-bottom: 4.5rem;
    & h5 {
      height: var(--size-3);
      color: var(--neutral-4);
      font-family: var(--font-family-text);
      font-size: var(--size-3);
      font-weight: var(--font-weight-bold);
      letter-spacing: 0;
      line-height: var(--size-4);
      margin: 0.625rem 0;
    }
    & h1 {
      height: var(--size-7);
      width: 17.5rem;
      color: var(--black);
      font-family: var(--font-family-display);
      font-size: var(--size-5);
      font-weight: var(--font-weight-bold);
      letter-spacing: 0;
      line-height: var(--size-7);
      margin: 0.312rem 0;
    }
    & label {
      margin: var(--size-1) 0;
      white-space: nowrap;
      color: var(--black);
      display: flex;
      font-size: 0.75rem;
      line-height: var(--size-3);
      font-weight: 500;
    }
    & .__footer {
      background-color: var(--white);
      border-top: 1px solid var(--neutral-8);
      box-shadow: 0 -0.5rem 0.5rem var(--neutral-9);
      gap: 1rem;
      display: flex;
      justify-content: flex-end;
      left: 0;
      padding: 1rem 1.5rem;
      right: 0;
      width: 100%;
      bottom: 0;
      position: absolute;
    }
  }
}
@layer app {
  .my-company--main {
    padding: 0;
  }
  & .company-contact-info {
    & .__company-heading {
      margin-bottom: 1.5rem;
    }
    & .__cards-list {
      margin: var(--size-4) 0;
      display: grid;
      row-gap: 0.625rem;
      & .__card-no-shadow {
        box-shadow: none;
      }
      & .co-card {
        box-sizing: border-box;
        height: auto;
        width: 28.5rem;
        border: 0.0625rem solid var(--neutral-800);
        border-radius: 0.75rem;
        background-color: var(--white);
        padding: 0.8125rem;
        position: relative;
        cursor: pointer;
        & h3 {
          margin-top: 0rem;
        }
        & .__right-icon {
          position: absolute;
          top: 45%;
          right: 0;
          transform: translateY(-50%);
        }      
      }
      & .co-card.no-pointer {
        cursor: default;
      }
    }
  }
}
@layer app {
  .cookie-policy-container {
    padding: 2rem;
  }

  .cookie-policy-container .policy-header {
    padding-bottom: 1rem;
  }
}
.cobalt-layout{display:flex;flex-direction:column;position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden}.cobalt-layout .cobalt-layout-body{flex:1;display:flex;overflow:hidden}.cobalt-layout .cobalt-layout-body .cobalt-layout-body-navigation{flex:0 1 auto;display:flex;flex-direction:column}.cobalt-layout .cobalt-layout-body .cobalt-layout-body-content{flex:1;position:relative;overflow:auto;display:flex;flex-direction:column;background-color:var(--surface-background)}
.etca-host {
  width: 100%;
}
@layer app {
  .record-alerts--details-container {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-top: 1rem;
  }
  .dashboard-alerts--dialog-desktop > div {
    padding: 0 1.5rem;
  }
}
@layer app {
  & aside.reservations--alert-details {
    height: calc(100dvh - 4rem);
    padding: 1rem;
    overflow-y: auto;
    & h3 {
      font-size: var(--text-size-4);
      margin: 0 0 0.5rem;
      padding: 0;
    }

    & .co-card__header {
      display: flex;
      & hgroup {
        flex: 1;
      }
      & h4,
      & h5 {
        margin: 0;
      }
      & h5 {
        color: var(--neutral-4);
        font-weight: var(--font-weight-normal);
        line-height: 1;
      }
    }

    & .scroll-container {
      display: flex;
      flex-direction: column;
      gap: 1rem;
      margin: 1rem 0;
    }

    & .alert-title {
      color: var(--black);
      font-family: var(--font-family-display);
      font-size: 1.5rem;
      font-weight: bold;
      letter-spacing: 0;
      line-height: 2rem;
    }
    & .alert-sub-title {
      color: var(--black);
      font-family: var(--font-family-text);
      font-size: 1rem;
      letter-spacing: 0;
      line-height: 1.25rem;
    }
    & .alert-card-title {
      color: var(--neutral-4);
      font-family: var(--font-family-text);
      font-size: 0.75rem;
      font-weight: 600;
      letter-spacing: 0;
      line-height: 1rem;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    & .alert-card-main-title {
      color: var(--black);
      font-family: var(--font-family-display);
      font-size: 1rem;
      font-weight: bold;
      letter-spacing: 0;
      line-height: 1.25rem;
    }
    & .alert-card-footer {
      display: flex;
      justify-content: flex-start;
      color: var(--black);
      font-family: var(--font-family-text);
      font-size: 0.75rem;
      letter-spacing: 0;
      line-height: 1rem;
    }
    & .alert-card-header {
      display: flex;
      flex-direction: column;
    }
    & .alert-oval-dot {
      height: 11px;
      width: 11px;
      background-color: var(--red-4);
      border-radius: 0.75rem;
    }
    & .alert-card-container {
      margin-top: 2rem;
      display: flex;
      gap: 1rem;
      flex-direction: column;
      background-color: transparent;
    }
  }
}
.page-dashboard {
  & .page-wrapper {
    background-color: var(--surface-primary);
  }
  & .page-header {
    background-color: var(--surface-background);
    padding-bottom: var(--space-112);
  }

  /* TO DO: card needs to be unify - one css for all */
  & .card-list {
    margin: -9rem 0 0 0;
    padding: var(--space-32) var(--space-40) 0;
    z-index: 1;
    & .dashboard--alert-cards {
      display: grid;
      gap: 1.5rem;
      grid-column: 1/9;
      grid-template-columns: repeat(12, minmax(3rem, 1fr));
      justify-content: start;
    }
    & .dashboard--alert-cards :only-child {
      display: grid;
      grid-column: 1 / span 4;
    }
    & .dashboard--alert-cards a {
      grid-column: span 3;
      display: flex;
    }
    & .co-card {
      width: 21rem;
      min-height: 9.5rem;
      padding: 0.5rem 1.5rem 1.5rem;

      & .card-info-header {
        display: flex;
      }

      & .co-card__inner {
        display: flex;
        place-content: start;

        & h3 {
          display: flex;
          flex: 1;
        }
        & p {
          align-self: start;
          font-weight: var(--font-weight-semibold);
        }
        /* & .status-icon, */
        & .link-icon {
          grid-column: 2/3;
        }

        & .status-icon {
          &.success {
            color: var(--support-success-background);
          }
          &.danger {
            color: var(--support-danger-background);
            margin-top: var(--space);
          }
          &.warning {
            color: var(--support-warning-background);
            margin-top: var(--space);
          }
          &.info {
            color: var(--support-info-background);
          }
        }

        & .link-icon {
          grid-row: 2/3;
          place-self: end;
        }
      }

      &.no-alerts {
        padding: var(--space-20);
        & .co-card__inner {
          display: flex;
          flex-direction: row;
          gap: 1rem;
          & .status-icon {
            grid-column: 1/2;
          }
          & p {
            font-weight: var(--font-weight-normal);
          }
        }
      }
    }
  }

  & .page-content {
    display: grid;
    gap: 2.25rem;
    grid-template-columns: repeat(12, 1fr);
    padding: 2rem 2.5rem;
    background-color: var(--surface-primary);

    & .primary-content {
      display: flex;
      flex-direction: column;
      gap: 2.25rem;
      grid-column: 1/9;
    }

    & aside {
      gap: 2.25rem;
      grid-column: 9/13;
      margin: 0 2.25rem 2.25rem 0;
    }

    & .primary-content,
    & aside {
      @media only screen and (min-width: 600px) and (max-width: 1023px) {
        grid-column: 1/11;
        gap: 2rem;
        margin: 0;
      }
      @media only screen and (max-width: 599px) {
        grid-column: 1/12;
        gap: 1.5rem;
        margin: 0;
      }
    }
  }

  & .card-carousel {
    display: grid;
    flex-wrap: nowrap;
    gap: 1.5rem;
    width: 24rem;
    margin: 0 0 0 0;
    overflow-x: auto;
    z-index: 1;
    & .co-card {
      & .co-card__inner {
        display: grid;
        grid-template-columns: 1fr 1.5rem;
        grid-template-rows: 4rem 3.5rem;
        height: 7.5rem;
        place-content: start;
      }
    }
  }

  .modal-main {
    height: fit-content;
  }

  .access-pass-link {
    width: 352px;
    text-decoration: none;

    @media (--sm-n-below) {
      width: 100%;
    }
  }
}
@layer app {
  .page-dashboard {
    & .awaiting-action {
      margin: 0;
      min-height: 10rem;

      & .empty-state {
        display: grid;
        margin: 4rem auto;
        place-items: center;
        text-align: center;

        & h5 {
          font-size: var(--font-typesize-05);
          font-weight: var(--font-weight-semibold);
          margin: 1rem 0;
        }
      }

      & h3 {
        margin: 0 0 0.5rem 0;
      }

      & .c-grid {
        margin: 0;
        padding: 0;
        & li {
          align-items: center;
          border-top: 1px solid var(--stroke-subtle);
          column-gap: var(--space);
          display: grid;
          row-gap: 0.25rem;
          padding: var(--space-24) 0 var(--space-24);
          grid-template-columns: 12rem 1fr 1fr 1fr 1fr auto;

          &:first-of-type {
            border-top: 0;
          }

          & span.id {
            border-right: 1px solid var(--stroke-subtle);
            grid-column: 1/2;
            grid-row: 2/3;
          }
          & .client-name {
            grid-row: 2/3;
            grid-column: 2/3;
          }
          & .name {
            grid-column: 1/4;
            grid-row: 1/2;
          }
          & .due-date {
            grid-column: 3/4;
            grid-row: 1/3;
          }
          & .status {
            grid-column: 5/6;
            grid-row: 1/2;
            justify-self: flex-end;
          }
          & .details-link {
            grid-column: 5/6;
            grid-row: 2/3;
          }

          & span.name {
            font-weight: var(--font-weight-semibold);
          }

          & span.due-date {
            & > span {
              display: block;
              white-space: nowrap;
            }
          }

          @media only screen and (max-width: 599px) {
            & {
              grid-template-columns: auto 1fr;
            }
            & span.id {
              display: none;
            }
            & span.client-name {
              grid-row: 2/3;
              grid-column: 2/3;
              padding: 0 1rem 0 0;
            }
            & span.name {
              grid-column: 1/4;
              grid-row: 1/2;
              padding: 0 1rem 0.5rem 0;
            }
            & span.due-date {
              grid-column: 1/3;
              grid-row: 3/4;
              padding: 0 1rem 0 0;
              & .label {
                display: none;
              }
            }
            & span.status {
              grid-column: 4/5;
              grid-row: 1/2;
              place-self: start end;
              padding: 0 0 0 1rem;
            }
            & .details-link {
              grid-column: 4/5;
              grid-row: 3/4;
              padding: 0 0 0 1rem;
              place-self: end end;
            }
          }
        }
      }
    }
  }
}
@layer app {
  .dashboard-carousel {
    margin: 2.5rem 0;
    width: 100%;
    max-width: 24rem;

    & ol li {
      display: block;
      margin: 0;
      padding-top: 1rem;
      scroll-snap-align: start;
    }

    & nav {
      top: 6rem;
    }
    & nav button {
      width: 0.5rem;
    }

    & .co-card {
      background-color: var(--surface-bg-color);
      border-radius: var(--radius-3);
      color: var(--surface-fg-color);
      padding: 0.2rem;
      height: 7rem;
      box-shadow: none;
    }
    & .co-card--skim {
      box-shadow: none;
    }
    & .co-card__inner {
      display: grid;
      grid-template-columns: repeat(12, 1fr);
      grid-template-rows: auto;
      padding: 0.5rem;
      border-radius: 1rem;
      color: white;
      height: 100%;

      & .image {
        position: absolute;
        grid-column: 1 / 5;
        width: 9rem;
        height: 8.5rem;
        align-self: center;
        z-index: 2;
        margin-bottom: 2rem;
        @media (--sm-n-below) {
          width: 7rem;
        }
      }
      & .flight {
        width: 11rem;
        height: 8.5rem;
        margin-left: -2rem;
        margin-bottom: 1rem;
      }

      & .documents {
        margin-bottom: 1rem;
      }
      & .profile {
        height: 7.5rem;
        margin-bottom: 1.5rem;
      }
      & .card-header {
        color: var(--primary-active-color);
        display: flex;
        flex-direction: column;
        grid-column: 5 / 13;
        grid-row: 1;
        padding-top: 1rem;
        margin-right: 1rem;
        margin-top: -0.5rem;

        @media (--sm-n-below) {
          padding-left: 7rem;
        }
        & .heading-adjustment {
          margin-right: 4rem;
        }
        & .company-profile {
          margin-right: 2rem;
        }
        & .heading {
          font-size: 1.2rem;
          font-weight: var(--font-weight-semibold);
        }
      }
      & a {
        font-size: 1rem;
        color: var(--primary-active-color);
        font-weight: var(--font-weight-normal);
        &:has(> svg) {
          align-items: center;
          display: flex;
          gap: 0.25rem;
        }
      }
      & .cae-icon {
        height: 2rem;
        width: 1.2rem;
      }
    }
  }
}
@layer app {
  .dashboard--reservations-chart {
    padding: 1rem 0;
    display: flex;

    & ul.legend {
      flex: 1;
      list-style-type: '\25FC';
      margin: auto;
      padding: 0 0 0 2rem;
      & li {
        line-height: 1.1;
        padding: 0 0 0.5rem 0.5rem;
        & span {
          color: var(--neutral-0);
          font-size: minmax(var(--text-size-02), var(--text-size-1));
        }
        & strong {
          color: var(--neutral-0);
          display: block;
          font-size: var(--text-size-3);
          font-weight: var(--font-weight-semibold);
        }
      }

      .confirmed {
        &::marker {
          color: var(--primary-color)
        }
      }
      .provisional {
        &::marker {
          color: var(--color-blue-600)
        }
      }
      .risk {
        &::marker {
          color: var(--color-blue-800)
        }
      }
    }
  }

  /* ---------------------------- Responsive styles --------------------------- */
  .dashboard--reservations-chart {
    flex-direction: row;
    & div.pie-chart {
      flex: 1;
      margin: 0 0 2rem 0;
    }
    @media (--xl-only) {
      flex-direction: column;
      & div.pie-chart {
        flex: 1;
        margin: 0;
        padding: 0 0 2rem 0;
      }
      & ul.legend {
        padding: 0 3.5rem;
      }
    }

    @media (--lg-only) {
      flex-direction: row;
      & div.pie-chart {
        flex: 1;
        margin: 0 0 2rem 0;
      }
      & ul.legend {
        padding: 0 3.5rem;
      }
    }

    @media (--md-n-below) {
      flex-direction: column;
      & div.pie-chart {
        flex: 1;
        margin: 0;
        padding: 2rem;
      }
      & ul.legend {
        display: grid;
        grid-template-columns: 1fr 1fr;
        column-gap: 2rem;
        margin: auto;
        padding: 0 1.5rem 2rem 1.5rem;
      }
    }
    @media (--sm-n-below) {
      & ul.legend {
        grid-template-columns: 1fr;
      }
    }
  }
}
@layer app {
  .dashboard-support {
    border-radius: var(--radius-3-5);

    min-height: 9rem;
    padding: 1.5rem;
    width: 100%;

    @media (--xl-n-above) {
      background:
        no-repeat 60% 150% / 150px 114px
          url('/assets/support-message-icon-DDdnmZ4w.png'),
        no-repeat 90% 50% / 100px 75px
          url('/assets/support-question-icon-BlChAZDy.png'),
        no-repeat center right var(--blue-9)
          url('/assets/swirl-help-iX8xQxW4.svg');
    }

    @media (--xl-n-below) {
      background: no-repeat center right var(--blue-9)
        url('/assets/swirl-help-iX8xQxW4.svg');
    }

    & h3 {
      font-size: var(--text-size-5);
      font-weight: var(--font-weight-bold);
      margin: 0;
    }

    & nav {
      display: flex;
      gap: 2rem;
      margin: 2rem auto auto 0;
    }

    & a {
      align-items: center;
      background-color: var(--white);
      border-radius: var(--radius-3);
      box-shadow: 0 0.25rem 0.25rem hsla(0, 0%, 0%, 0.025);
      color: var(--blue-2);
      display: flex;
      gap: 1rem;
      font-size: var(--text-size-3);
      font-weight: var(--font-weight-semibold);
      line-height: 1;
      padding: 0.875rem 1rem;
      width: min-content;

      &:link,
      &:hover {
        text-decoration: none;
      }
    }
  }

  /* ---------------------------- Responsive styles --------------------------- */
  & .primary-content {
    & .dashboard-support {
      @media (--lg-n-below) {
        display: none;
      }

      @media (--lg-n-above) {
        display: block;
      }
    }
  }

  & .co-screen__content {
    & aside {
      & .dashboard-support {
        @media (--lg-n-below) {
          display: block;
        }

        @media (--md-n-below) {
          & h3 {
            font-size: var(--text-size-4);
            font-weight: var(--font-weight-bold);
          }
          & nav {
            gap: 1rem;
            margin: 1rem 0 0 0;
          }
          & a {
            gap: 0.5rem;
          }
        }

        @media (--sm-n-below) {
          background: var(--blue-9);
          border-radius: 0;
          position: relative;
          bottom: -1.5rem;
          left: -1.5rem;
          right: -1.5rem;
          width: 100dvw;

          & nav {
            justify-content: space-around;
            gap: 0;
            margin: 0.5rem 0 0 0;
          }
          & a {
            background: unset;
            border-radius: unset;
            box-shadow: unset;
            flex-direction: column;
            gap: 0.75rem;

            & svg {
              height: 1.875rem;
              width: 1.875rem;
            }

            & > span:first-of-type {
              background: var(--white);
              border-radius: var(--radius-2);
              padding: 0.875rem 1rem;
            }
          }
        }

        @media (--lg-n-above) {
          display: none;
        }
      }
    }
  }
}
@layer app {
  .dashboard-tabs {
    & .title-chart {
      font-size: var(--text-size-3);
      font-family: var(--font-family-display);
      font-weight: var(--font-weight-bolder);
      margin: 0 0 1rem 0;
    }
  }
}
@layer app {
  .dashboard--records-chart {
    padding: 1rem 0;
    display: flex;

    & ul.legend {
      flex: 1;
      list-style-type: '\25FC';
      margin: auto;
      padding: 0 0 0 2rem;
      & li {
        line-height: 1.1;
        padding: 0 0 0.5rem 0.5rem;
        & span {
          color: var(--neutral-0);
          font-size: minmax(var(--text-size-02), var(--text-size-1));
        }
        & strong {
          color: var(--neutral-0);
          display: block;
          font-size: var(--text-size-3);
          font-weight: var(--font-weight-semibold);
        }
      }
    }
  }

  /* ---------------------------- Responsive styles --------------------------- */
  .dashboard--records-chart {
    flex-direction: row;
    & div.pie-chart {
      flex: 1;
      margin: 0 0 2rem 0;
    }
    @media (--xl-only) {
      flex-direction: column;
      & div.pie-chart {
        flex: 1;
        margin: 0;
        padding: 0 0 2rem 0;
      }
      & ul.legend {
        padding: 0 3.5rem;
      }
    }

    @media (--lg-only) {
      flex-direction: row;
      & div.pie-chart {
        flex: 1;
        margin: 0 0 2rem 0;
      }
      & ul.legend {
        padding: 0 3.5rem;
      }
    }

    @media (--md-n-below) {
      flex-direction: column;
      & div.pie-chart {
        flex: 1;
        margin: 0;
        padding: 2rem;
      }
      & ul.legend {
        margin: auto;
        padding: 0 3.5rem;
      }
    }
  }
}
@layer app {
  .page-dashboard .card-list {
    & h4 {
      grid-column: 1 / 13;
    }
    & .carousel-alert {
      grid-column: 1 / 13;
      margin: -2.5rem 0 0 0;
      & > ul li {
        width: 320px;
      }
    }
    & .title-alerts {
      font-size: var(--text-size-3);
      font-family: var(--font-family-display);
      font-weight: var(--font-weight-bolder);
      font-style: normal;
      margin-bottom: 1rem;
    }

    & .carosel-card {
      height: 9.5rem;
      width: 21rem;
      margin-bottom: 1.5rem;
    }
  }

  .react-multiple-carousel__arrow {
    border-radius: 1.5625rem !important;
    background: rgba(0, 0, 0, 0.5);
    min-width: 1.875rem;
    min-height: 1.875rem;
    justify-content: center;
    transition: none !important;
  }

  .custom-left-arrow,
  .custom-right-arrow {
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
    color: white;
    position: absolute;
    top: 10%;
    right: 10%;
    transform: translateY(-50%);
    z-index: 10;
  }
  .custom-left-arrow {
    margin-right: 30px;
  }
  .chevron-arrows {
    color: black;
  }
  .react-multi-carousel-list {
    padding-top: 1rem;
  }
}
@layer app {
  .multiple-alerts-slider {
    .slick-prev,
    .slick-next {
      font-size: 0;
      line-height: 0;
      position: absolute;
      top: -6.25rem;
      display: block;
      width: 1.25rem;
      height: 1.25rem;
      padding: 0;
      transform: translate(0, -50%);
      cursor: pointer;
      color: transparent;
      border: none;
      outline: none;
      background: transparent;
      z-index: 0;
      right: inherit;
    }

    .slick-prev:before,
    .slick-next:before {
      font-size: 1.25rem;
      line-height: 1;
      opacity: 0.75;
      color: var(--black) !important;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }
    .slick-dots {
      width: fit-content !important;
      right: 3.4375rem;
      top: -2.9375rem;
      z-index: 999;
      display: flex;
      justify-content: center;
      position: absolute;
      padding: 0;
      margin: 0;
      list-style: none;
      text-align: center;
    }
    .custom-right-arrow {
      display: block;
      color: var(--black);
      right: 1.5625rem;
      top: -1.25rem;
    }

    .custom-left-arrow {
      display: block;
      color: var(--black);
      right: 4rem;
      transform: translateX(-100%);
      top: -2rem;
      margin-right: 0;
    }
    .slick-dots li.slick-active button:before {
      opacity: 0.75;
      color: var(--primary-color) !important;
      width: 0.75rem;
      height: 0.75rem;
    }
    .slick-dots li {
      margin: 0 !important;
      padding: 0 1rem;
    }
    .slick-dots li.slick-active button:hover {
      color: var(--primary-color) !important;
    }

    .slick-slider .slick-track {
      float: left;
    }
    .slick-slide {
      margin-right: 2rem;
    }
  }
}
@layer app {
  .co-modal.first-time-user {
    & .co-modal__header {
      margin: 1rem 1rem 0 1rem;
      flex-direction: column;
      text-align: center;

      & h3 {
        font-size: var(--text-size-6);
      }
      & h4 {
        font-size: var(--text-size-3);
        font-weight: var(--font-weight-semibold);
      }
    }

    & figcaption {
      & h5 {
        font-size: var(--text-size-4);
        font-weight: var(--font-weight-bold);
        line-height: 2rem;
        margin: 0 0 0.5rem 0;
      }
    }

    & figure.with-image {
      display: grid;
      gap: 2rem;
      grid-template-columns: 5rem 1fr;
      place-items: start;
      margin: calc(1.5 * var(--menu-padding));
      width: fit-content;
      & img {
        grid-column: 1/2;
        height: 5rem;
        width: 5rem;
      }

      & figcaption {
        grid-column: 2/3;
      }
    }

    & figure.with-video {
      display: flex;
      flex-direction: column;
      margin: var(--menu-padding);
      width: calc(100% - 2 * var(--menu-padding));
      & video {
        border: 1px solid var(--neutral-4);
        border-radius: var(--radius-3);
        width: 100% !important;
        height: auto !important;
      }

      & figcaption {
        margin: 1rem 0 0 0;
        padding: 0;
      }
    }

    & .co-modal__footer {
      border-radius: 0 0 var(--radius-3) var(--radius-3);
      padding: var(--menu-padding);
      & menu {
        padding: 0;
        & button:first-of-type {
          margin: 0 auto 0 0;

          background-color: transparent !important;
          border-color: transparent !important;
          color: var(--neutral-5);
          &:hover {
            color: var(--neutral-4);
            text-decoration: underline;
          }
          &:active {
            color: var(--neutral-5);
            text-decoration: underline;
          }
          &:focus-visible {
            outline: 2px solid var(--blue-4);
          }
          &:disabled {
            color: var(--neutral-6);
          }
        }
      }
    }
  }
}

.co-modal:where(.co-modal--md) {
  &.first-time-user {
    @media (--lg-n-above) {
      --size-md: 45rem;
      --menu-padding: 2rem;
    }
    @media (--lg-n-below) {
      --size-md: 45rem;
      --menu-padding: 1.5rem;
    }

    @media (--md-n-below) {
      min-width: 66.6%;
      max-width: 90%;
      max-height: calc(100dvh - 4rem);
      --menu-padding: 1rem;
    }
    @media (--sm-n-below) {
      --size-md: 22.5rem;
      height: calc(100dvh - 4rem);
      --menu-padding: 1rem;
      margin-bottom: 1rem !important;
    }
  }
  &.first-time-user.with-video {
    height: auto;
    height: fit-content;
  }
}
@layer app {
  .record-c-grid {
    margin: 0;
    padding: 0;
    & li {
      align-items: center;
      display: grid;
      row-gap: 0.25rem;
      padding: 1.5rem 0;
      grid-template-columns: 1.5fr 1.7fr 2fr 3fr 1.5fr;
      & > span,
      & a {
        align-items: center;
        display: flex;
        font-weight: 450;
        gap: 0.5rem;

        &:link {
          color: var(--blue-4);
        }
        &:visited {
          color: var(--blue-3);
        }
      }
    }
  }

  & span.record-id {
    grid-column: 1/2;
    grid-row: 2/3;
    padding: 0 1rem 0 0;
  }

  & span.record-client-name {
    grid-row: 2/3;
    grid-column: 2/3;
  }

  & span.record-course-name {
    grid-row: 2/3;
    grid-column: 3/4;
  }

  & span.record-start-date {
    grid-row: 2/3;
    grid-column: 4/5;
  }
  & .details-link {
    grid-column: 5/6;
    grid-row: 2/3;
  }
  @media (max-width: 768px) {
    .record-c-grid li {
      grid-template-columns: auto 1fr;
    }
  }
}
@layer app {
  .page-dashboard {
    & .awaiting-info-new-action {
      margin: 0;
      min-height: 10rem;

      & .empty-state {
        display: grid;
        margin: 4rem auto;
        place-items: center;
        text-align: center;

        & h5 {
          font-size: var(--font-typesize-05);
          font-weight: var(--font-weight-bold);
          margin: var(--space) 0;
        }
      }

      & h3 {
        margin: 0 0 0.5rem 0;
      }

      & .dashboard-table-grid {
        margin: 0;
        padding: 0;
        & li {
          align-items: center;
          border-top: 1px solid var(--stroke-subtle);
          column-gap: var(--space);
          display: grid;
          grid-template-columns: auto 1fr auto;
          padding: var(--space-24) 0 var(--space-24);
          row-gap: var(--space-08);


          &:first-of-type {
            border-top: 0;
          }

          @media only screen and (max-width: 599px) {
            align-items: flex-start;
          }

          & .awaiting-info-row-icon {
            padding: 0.75rem;
            background: var(--support-info-subtle-background);
            border-radius: 0.5rem;
            justify-content: center;
            grid-column: 1 / 2;
            grid-row: 1 / 3;
            color:var(--button-primary-pressed)
          }

          & .awaiting-info-row-name {
            & .reservation-id{
              font-weight: 500;
              margin: 0 4px;
            }
          }

          & .client-name {
            gap: var(--space);
            grid-row: 2/3;
            grid-column: 2/3;
            color: var(--text-secondary);
            display: flex;
            @media only screen and (max-width: 599px) {
                display: grid;
            }
            & .client-name__name {
              font-weight: var(--font-weight-semibold);
            }
          }

          & .status {
            grid-column: 5/5;
            grid-row: 1/2;
            justify-self: flex-end;
          }

        }
      }
    }
  }
}
@layer app {
  & aside.invoice-payments--alert-details {
    height: calc(100dvh - 4rem);
    padding: 1rem;
    width: -webkit-fill-available;
    border:1px solid red;
  }
  & .invoice-payments--alert-details_transaction-number {
    color: var(--neutral-4);
    font-size: var(--text-size-02);
  }
  &.download-button-link {
    padding-left: 0;
  }
  & h3 {
    font-size: var(--text-size-4);
    margin: 0 0 0.5rem;
    padding: 0;
  }

  & .co-card__header {
    display: flex;
    & hgroup {
      flex: 1;
    }
  }

  & .scroll-container {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin: 1rem 0;
  }
}
@layer app {
  & aside.reservations--alert-details {
    height: calc(100dvh - 4rem);
    padding: 1rem;
    overflow-y: auto;
    & h3 {
      font-size: var(--text-size-4);
      margin: 0 0 0.5rem;
      padding: 0;
    }
  }

  & .co-card__header {
    display: flex;
    & hgroup {
      flex: 1;
    }
    & h4,
    & h5 {
      margin: 0;
    }
    & h5 {
      color: var(--neutral-4);
      font-weight: var(--font-weight-normal);
      line-height: 1;
    }
  }

  & .scroll-container {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin: 1rem 0;
  }
}

.alert-title {
  color: var(--black);
  font-family: var(--font-family-display);
  font-size: 1.5rem;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 2rem;
}
.alert-sub-title {
  color: var(--black);
  font-family: var(--font-family-text);
  font-size: 1.5rem;
  letter-spacing: 0;
  line-height: 1.25rem;
}
.alert-card-title {
  color: var(--neutral-4);
  font-family: var(--font-family-text);
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.alert-card-main-title {
  color: var(--black);
  font-family: var(--font-family-display);
  font-size: 1rem;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 1.25rem;
}
.alert-card-footer {
  display: flex;
  justify-content: flex-start;
  color: var(--black);
  font-size: 0.75rem;
  letter-spacing: 0;
  line-height: 1rem;
}
.alert-card-header {
  display: flex;
  flex-direction: column;
}
.alert-oval-dot {
  height: 11px;
  width: 11px;
  background-color: var(--red-4);
  border-radius: 0.75rem;
}
.alert-card-container {
  margin-top: 2rem;
  display: flex;
  gap: 1rem;
  flex-direction: column;
  background-color: transparent;
}
@layer app {
  .records--alert-details{
    padding: 1rem;
  }
  .record-alerts--details-container {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-top: 1rem;
  }
  .dashboard-alerts--dialog-desktop > div {
    padding: 0 1.5rem;
  }
}
@layer app {
  .page-invoice-payments {
    & aside.invoice-payments--alert-details {
      height: calc(100dvh - 4rem);
      max-height: calc(100dvh - 4rem);
      overflow-y: auto;
      padding: 1rem;
      width: -webkit-fill-available;
    }
    & .invoice-payments--alert-details_transaction-number {
      color: var(--neutral-4);
      font-size: var(--text-size-02);
    }
    &.download-button-link {
      padding-left: 0;
    }
    & h3 {
      font-size: var(--text-size-4);
    }

    & .co-card__header {
      display: flex;
      & hgroup {
        flex: 1;
      }
    }

    & .scroll-container {
      display: flex;
      flex-direction: column;
      gap: 1rem;
      margin: 1rem 0;
    }
  }
  .filter-list{
     & h3 {
      margin: -1rem 0 1rem;
      padding: 1rem 1.5rem .5rem;
    }
  }
}
@layer app {
  .page-invoice-payments {
    & .dialog-details__page {
      & header {
        background: var(--white);
        border-radius: var(--radius-3) var(--radius-3) 0 0;
        position: sticky;
        top: 0;
        z-index: 1;
      }
      & .InvoicePayments__type {
        color: var(--neutral-4);
        font-weight: var(--font-weight-semibold);
      }
      & .InvoicePayements__download-link {
        display: flex;
        font-weight: var(--font-weight-semibold);
        margin-top: 0.5rem;
      }
      & .InvoicePayements__title {
        padding: 0rem;
        margin: 0rem;
      }
    }
  }
}
@layer app {
  .page-invoice-payments {
    & .InvoicePayments__memo {
      display: flex;
      flex-direction: row;
      align-items: center;
      font-weight: var(--font-weight-semibold);
      background-color: #fff7e8;
      padding: 0.625rem;
      margin-top: 1.25rem;
      border-radius: 0.313rem;
      gap: 1.25rem;
      & a {
        text-decoration: underline;
        text-underline-offset: 0.0625rem;
      }
      & span {
        margin-left: 0.3rem;
      }
    }
    & .quick-info {
      & h6{
        
        font-size: 0.75rem;
        line-height: 1rem;
        font-weight: var(--font-weight-semibold);
      }
      & p{
        line-height: 1.25rem;
        
        font-weight: var(--font-weight-semibold);
      }
    }
  }
}
@layer app {
  .page-invoice-payments {
    & .Invoice-Payments__card-container {
      & h2{
        font-size: 1.25rem;
        line-height: 1.5rem;
        font-weight: var(--font-weight-bold);
      }
      & h6{
        font-size: 0.75rem;
        line-height: 1rem;
        font-weight: var(--font-weight-semibold);
      }
      & .co-card {
        margin-bottom: 1rem;
      }
      & button {
        margin: 1rem 0 0 0;
        padding: 0;
        color: var(--blue-4);

        &:hover {
          color: var(--blue-3);
          text-decoration: underline;
        }
        &:focus {
          outline: none;
        }

        &:focus-visible {
          outline: 2px solid var(--blue-4);
          outline-offset: 2px;
        }
      }
      & .InvoicePayments__card {
        & .dialog-details__fragment {
          margin: 0rem;
        }
      }
    }
  }
}
@layer app {
  .dialog-detail {     
    background-color: var(--blue-8);
    background-image: url('/assets/swirls-nmLS2EUy.svg');
    background-position: 1.56rem 39%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: var(--radius-3);
    padding: 1.5rem;
  }
}
@layer app {
  .container-finance-landing {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 3rem;
    background-image: url('/assets/sfSwirlsBottomLeft-BDCMHlyO.svg'),url('/assets/sfSwirlsTopRight-CYiM8n_K.svg');
    background-repeat: no-repeat,no-repeat;
    background-position: bottom -9.375rem left -9.375rem, top -10.9375rem right -3.125rem;
  } 

  .container-finance-landing .container-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 20px;

    max-width: 507px;
    height: 236px;
  }

  .container-text p a {
    text-decoration: underline;
  }
  .container-text .heading {
    margin-top: 20px;
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    letter-spacing: normal;
    text-align: center;
  }
  .container-finance-landing .container-text button {
    margin-top: 20px;
  }
}
.container-text a {
  color: var(--blue-4);
}


@media (width< 500px) {
  .container-finance-landing img {
    width: 252px;
    height: 222px;
  }

  .container-finance-landing .container-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 0px;

    width: 306px;
    height: 408px;
  }
  .container-text .heading {
    font-size: 20px; /* Adjust font size for smaller screens */
    line-height: 26px;
    margin-top: 10px; /* Adjust top margin for smaller screens */
  }
  .container-finance-landing .container-text button {
    margin-top: 10px;
  }
}
@layer app {
  .page-invoice-payments {
    /* temporarily remove default margin */
    & .co-screen__header {
      & hgroup {
        margin-block: 0;
      }
    }
    .invoice-payments--header-cards {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-end;
      min-height: 3rem;
    }
    .invoice-payments--header-cards > .card-list {
      flex: 1;
    }

    .invoice-payments--header-cards > .bills-management {
      flex: 0 0 auto;
      justify-content: flex-end;
    }
    & .toolbar {
      grid-column: 1/13;
      grid-row: 2/3;

      .search-input {
        flex: 0 1 20.25rem;
      }

      .search-input::after {
        content: attr(data-tooltip);
        background-color: var(--black);
        color: var(--white);
        font-size: 0.875rem;
        padding: 0.3125rem;
        border-radius: 0.3125rem;
        position: absolute;
        bottom: -1.875rem;
        white-space: nowrap;
        display: none;
      }

      .search-input:hover::after {
        display: block;
      }
    }

    & .card-list + .toolbar {
      grid-row: 3/4;
      margin-top: -0.5rem;
    }

    & [role='tabpanel'] {
      @media (--lg-n-above) {
        padding: 1.5rem 2.5rem 2.5rem 2.5rem;
      }
      @media (--lg-n-below) {
        padding: 1.5rem 2rem 2rem 2rem;
      }
      @media (--md-n-below) {
        padding: 1.5rem;
      }
    }

    & .co-icon.neutral {
      color: var(--neutral-6);
    }
    & .co-icon.warning {
      color: var(--warning-color);
    }
    & .co-icon.danger {
      color: var(--danger-color);
    }
    & .co-icon.success {
      color: var(--success-color);
    }
  }
}

@layer overrides {
  .page-invoice-payments {
    & .co-screen__header {
      padding-bottom: var(--space-32)
    }
    & .co-screen__content {
      padding: 0;
    }
  }
}
@layer app {
  .page-invoice-payments {
    & .co-screen__header {
      & .card-list {
        overflow-x: auto;
        left: -0.5rem;
        padding: 0.5rem;
        position: relative;
        right: -0.5rem;
        top: -0.5rem;
        display: flex;
        justify-content: space-between;
      }
      & .card-list a {
        min-width: 18rem;
      }
      & .card-list--wrapper {
        display: flex;
        gap: 2.5rem;
      }
      & .co-card {
        min-height: 8rem;

        & .co-card__inner {
          display: grid;
          grid-template-columns: 1fr auto;
          & h3 {
            grid-column: 1/2;
            font-size: var(--text-size-11-5);
            font-weight: var(--font-weight-bolder);
            line-height: 1;
            margin: 0 0 0 1.75rem;
            padding: 0;
          }

          & p {
            display: block;
            grid-column: 1/3;
            font-size: var(--text-size-1);
            & strong {
              font-weight: var(--font-weight-semibold);
            }
          }

          @media (--md-n-below) {
            & {
              grid-template-columns: auto 1fr auto;
            }
            & h3 {
              align-self: center;
              grid-column: 1/2;
              grid-row: 1/2;
            }
            & p {
              align-self: center;
              grid-column: 2/3;
              grid-row: 1/2;
              margin-left: 1rem;
            }

            & .co-icon {
              margin-left: 0.5rem;
            }
          }
        }
      }

      @media (--md-n-below) {
        & .co-card {
          min-height: unset;
        }
      }

      & .co-card--danger-in,
      & .co-card--warning-in,
      & .co-card--info-in {
        & .co-card__inner > * {
          margin-left: 1.75rem;
        }
        & .co-card__inner::before {
          border-radius: 0.5rem;
          width: 0.5rem;
          margin-left: 0.25rem;
        }
      }
    }
  }
}
@layer app {
  .invoices-and-payments_empty {
    background-color: var(--neutral-7);
    width: 0.67rem;
    height: 0.08rem;
  }
  .invoices-and-payments_header-icon {
    display: inline-block;
    vertical-align: middle;
    line-height: 1rem;
    color: var(--neutral-6);
  }

  .invoices-and-payments {
    &.co-icon {
      color: var(--neutral-6);
    }
  }

  .invoices-and-payments_copy-container {
    display: flex;
    align-items: center;
    & button:hover {
      background-color: var(--neutral-7);
      padding: 0.05rem;
      border-radius: 0.15rem;
    }
  }
  .invoices-and-payments__copy-checked {
    color: var(--green-4);
  }
  .invoices-and-payments_copy-text {
    font-weight: var(--font-weight-semibold);
    font-size: var(--text-size-02);
  }
}
@layer ap {
  .invoice-and-payments--table {
    cursor: pointer;
  }
}
@layer app {
  .search-input {
    &.table-search-input {
      flex: 0 1 20.25rem;
    }

    @media (--md-n-below) {
      &.table-search-input {
        flex: 0 1 36rem;
      }
    }
  }
}
@layer app {
  .bills-management {
    background-color: var(--blue-8);
    flex: inherit;
    width: 30rem;
    .co-card__inner {
      display: flex;
      flex-direction: column;
      gap: 0.6rem;

      h1 {
        font-size: var(--text-size-3);
        font-weight: var(--font-weight-bold);
        margin: 0;
      }
    }
  }
  .bills-management--btn-external-link {
    color: var(--blue-01);
    display: flex;
    justify-content: flex-end;
  }
  .bills-management--buttons-container {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    margin-top: 0.5rem;
  }
}
@layer app {
  .common-alerts---dialog {
    display: flex;
  }
}
@layer app {
  .landing-features {
    display: flex;
    flex: 1;
    flex-direction: column;
    position: relative;
    background: var(--blue-075);

    & .landing-features-swirls {
      position: absolute;
      background-size: auto;
      background-repeat: no-repeat;
      height: 100%;
      width: 100%;
      z-index: 1;

      &.first {
        background-image: url('/img/landing/swirls-features.svg');
        background-position: top left;
      }

      &.second {
        background-image: url('/img/landing/swirls-features-2.svg');
        background-position: center right;
      }

      &.third {
        background-image: url('/img/landing/swirls-features-3.svg');
        background-position: bottom left;
        margin-top: 50%;
      }

      @media only screen and (max-width: 1023px) {
        background-size: contain;

        &.third {
          margin-top: 0;
        }
      }
    }

    & .landing-features-top {
      z-index: 1;
      margin-top: var(--space-80);
      padding-inline: var(--space-64);
      display: flex;
      flex-direction: row;
      flex: 1;
      justify-content: space-between;
      gap: var(--space);
      align-items: center;

      & .floating-calendar {
        max-height: 20rem;
        max-width: 18.5rem;
      }

      & .landing-features-top-cards {
        display: flex;
        flex-flow: row wrap;
        justify-content: flex-end;

        & .reservation-card {
          max-width: 21.18rem;
        }
      }
    }

    & .landing-features-portal {
      margin-top: var(--space-80);
      display: flex;
      flex: 1;
      flex-direction: column;
      z-index: 1;
      padding-inline: var(--space-64);

      & h2 {
        font-size: var(--font-typesize-09);
        color: var(--text-on-color);
        text-align: center;

        @media only screen and (max-width: 599px) {
          font-size: var(--font-typesize-06);
        }

        & .landing-features-portal-title {
          color: var(--text-interactive);
        }
      }

      & .landing-features-portal-cards {
        display: flex;
        flex-flow: row wrap;
        justify-content: space-around;
        margin-top: var(--space-112);
        align-items: center;

        & .floating-reservations {
          max-width: 36rem;
          max-height: 30rem;
        }

        & .floating-upload {
          max-width: 26.5rem;
        }
      }
    }

    & .landing-features {
      display: flex;
      flex-flow: row wrap;
      padding-top: 21rem;
      gap: var(--space-40);
      color: var(--text-on-color);

      @media only screen and (max-width: 599px) {
        padding-top: 12rem;

      }

      @media only screen and (max-width: 1023px) {
        flex-direction: column;
        margin-inline: var(--space-32);
        padding-top: 12rem;

        &.reservations,
        &.documents {
          flex-direction: column-reverse;
        }
      }

      & .landing-features-img {
        display: flex;
        flex: 1;
        position: relative;
        z-index: 2;

        @media only screen and (min-width: 1440px) {
          flex: none;
        }

        & img {
          max-width: 60rem;
        }
      }

      & .landing-features-info {
        display: flex;
        flex-direction: column;
        gap: var(--space);
        max-width: 27.3rem;
        flex: 1 1 auto;
        align-self: center;
        z-index: 1;

        @media only screen and (max-width: 1023px) {
          align-self: self-start;

          &.records {
            align-self: self-end;
          }
        }

        & .feature-icon {
          max-width: 4.875rem;
          max-height: 4.875rem;

          @media only screen and (max-width: 599px){
            max-width: 3rem;
            max-height: 3rem;
          }
        }

        & p {
          max-width: 18rem;
        }

        & h2,
        p {
          padding-left: var(--space);

          @media only screen and (max-width: 599px) {
            padding-left: var(--space-08);
          }
        }
      }

      &.records {
        align-self: flex-end;
      }
    }

    & .landing-features-linear {
      margin-top: var(--space-80);
      width: 100%;
      height: 5rem;
      background: linear-gradient(180deg, var(--blue-0), var(--white) 100%);
    }
  }
}
@layer app {
  .landing-page-header {
    display: flex;
    padding: 1.5rem 7.5rem;
    align-items: center;
    justify-content: space-between;

    & .landing-page-header-dialog {
      display: flex;
      height: 13rem;
    }

    @media (--lg-n-below) {
      padding-inline: 3.5rem;
    }

    & .landing-page-header-app-name {
      font-size: var(--text-size-4);
      font-family: var(--font-family-display);
      font-weight: var(--font-weight-light);

      strong {
        font-weight: var(--font-weight-semibold);
      }
    }

    & .landing-page-header-actions {
      display: flex;
      flex-direction: row;
      gap: 1rem;
    }
  }
}
@layer app {
  .landing-more-features {
    background-color: var(--text-on-color);
    z-index: 1;
    display: flex;
    flex: 1;
    flex-direction: column;
    position: relative;

    & .landing-more-features-swirls {
      background-image: url('/img/landing/swirls-more-features.png');
      background-size: contain;
      background-repeat: no-repeat;
      background-position: bottom left;
      z-index: -1;
      position: absolute;
      height: 100%;
      width: 100%;
      display: flex;
      flex: 1;
      background-position-y: 37rem;
    }

    & .landing-more-features-content {
      display: flex;
      flex-direction: column;
      flex: 1;
      margin-top: var(--space-96);
      gap: 4.5rem;
      padding-inline: var(--space-112);


      @media only screen and (max-width: 599px) {
        padding-inline: var(--space-32);
      }

      @media (min-width: 768px) and (max-width: 1023px) {
        padding-inline: var(--space-64);
      }

      & h2 {
        align-self: center;
        text-align: center;
      }

      & .landing-more-features-content-title {
        color: var(--text-interactive);
      }

      & .landing-more-features-content-cards {
        display: flex;
        flex-direction: column;
        flex: 1;
        gap: var(--space-40);

        & .landing-more-features-content-cards-row {
          display: flex;
          flex-direction: row;
          gap: var(--space-40);

          @media only screen and (max-width: 599px){
            flex-direction: column;
          }
        }

        & .landing-more-features-content-cards-row-card {
          border-radius: 1.875rem;
          gap: var(--space-32);
          display: flex;
          flex-direction: column;
          padding: 2rem 2.5rem 0 2.5rem;
          position: relative;
          z-index: 1;
          overflow: hidden;
          max-height: 30rem;

          & img {
            width: 100%;
            position: relative;
            z-index: -1;
          }

          & .landing-more-features-content-cards-row-card-info {
            gap: var(--space-08);
            display: flex;
            flex-direction: column;
            align-self: flex-start;
          }

          & h3 {
            font-size: var(--font-typesize-06);
            @media only screen and (max-width: 599px) {
              font-size: var(--font-typesize-05);
            }
          }

          & p {
            font-size: var(--font-typesize-04);
          }

          &.user-card,
          &.onboarding-card {
            flex: 1;
            background-color: var(--surface-background);
          }

          &.user-card {
            padding-right: 0;
          }

          &.login-card {
            flex: 2;
            background-color: var(--color-blue-075);
            color: var(--text-on-color);
            position: relative;
            align-items: flex-end;


            @media only screen and (max-width: 1439px) {
              flex: 1;
            }

            & img {
              max-width: 27rem;
            }

            & .landing-more-features-login-swirls {
              background-image: url('/img/landing/features-login-swirls.svg');
              background-size: contain;
              background-repeat: no-repeat;
              background-position: top left;
              position: absolute;
              height: 100%;
              width: 100%;
              z-index: -1;
              background-attachment: fixed;
            }
          }

          &.instructor-card {
            flex: 2;
            background-color: var(--text-interactive);
            color: var(--text-on-color);
            max-height: 30rem;

            @media (min-width: 768px) and (max-width: 1023px) {
              flex: 1;
            }
          }

          &.onboarding-card {
            max-height: 30rem;
            @media only screen and (max-width: 599px){
              max-height: initial;
            }
          }
        }
      }

      & .landing-more-features-content-footer {
        display: flex;
        flex-direction: column;
        margin-top: 16rem;
        align-items: center;
        gap: var(--space-40);
        margin-bottom: 20%;
        @media only screen and (max-width: 599px){
          margin-top: var(--space-160)
        }

        & h1 {
          text-align: center;

          & span {
            color: var(--primary-color);
          }
        }
      }

      & p {
        font-size: var(--font-typesize-04);

        & a {
          color: var(--text-interactive);
        }
      }
    }
  }
}

@layer app {
  .landing-need-help {
    background-color: var(--blue-075);
    padding-top: var(--space-96);
    z-index: 1;
    color: var(--text-on-color);
    display: flex;
    flex-direction: column;
    flex: 1;
    position: relative;

    & .landing-need-help-swirls {
      background-size: contain;
      background-repeat: no-repeat;

      z-index: -1;
      position: absolute;
      height: 100%;
      width: 100%;
      top: 0;

      &.right {
        background-position: bottom right;
        background-image: url('/img/landing/swirls-footer.svg');
      }

      &.left {
        background-image: url('/img/landing/swirls-footer-2.svg');
        background-position: top left;
      }
    }

    & .landing-need-help-top {
      align-self: center;
      text-align: center;
      display: flex;
      gap: var(--space);
      flex-direction: column;

      & h2 {
        font-size: var(--font-typesize-08);
      }

      & p {
        font-size: var(--font-typesize-04);

      }
      @media only screen and (max-width: 599px) {
        text-align: left;
        align-self: flex-start;
        padding-inline: var(--space-40);

      }
    }

    & .landing-need-help-content {
      display: flex;
      flex-flow: row wrap;
      gap: var(--space-48);
      margin-top: var(--space-128);
      justify-content: center;
      margin-inline: var(--space-48);
      position: relative;

      @media only screen and (max-width: 1023px) {
        margin-top: var(--space-80);

      }

      & .landing-need-help-content-card {
        display: flex;
        flex: 1;
        min-height: 14.5rem;
        min-width: 22.5rem;
        max-width: 22.5rem;
        border-radius: 24px;
        background: linear-gradient(
          14.97deg,
          rgba(36, 108, 246, 0.141) 0%,
          rgba(167, 193, 249, 0.22) 100%
        );
        overflow: hidden;
        padding-left: var(--space-16);
        padding-bottom: var(--space-24);
        position: relative;
        align-items: flex-end;

        & h3 {
          font-size: var(--font-typesize-06);
        }

        & .need-help-button-icon {
          width: 15rem;
          height: 15rem;
          opacity: 0.1;
          margin-right: -3rem;
          position: absolute;
          top: 0;
          right: 0;
        }
      }
    }

    & .landing-need-help-footer {
      margin-top:var(--space-80);
      display: flex;
      flex-flow: row wrap;
      justify-content: space-between;
      flex: 1;
      padding-inline: 5%;
      padding-bottom: var(--space-32);
      font-weight: 300;
      font-size: var(--font-typesize-02);
      gap: var(--space-24);

      & .landing-need-help-footer-links {
        display: flex;
        flex-flow: row wrap;
        gap: var(--space);

        & a {
          color: var(--text-on-color);

          &:last-of-type {
            padding-right: 0;
          }
        }

        & button {
          font-size: var(--font-typesize-02);
        }

        @media only screen and (max-width: 599px){
          .cobalt-divider.cobalt-divider-vertical {
            height: initial;
          }
        }
      }
    }
  }
}
@layer app {
  .landing-welcome {
    display: flex;
    margin-top: 13.5rem;
    flex: 1;
    align-items: center;
    flex-direction: column;
    position: relative;
    background-image: url('/img/landing/swirls-top-2.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom right;
    background-position-y: 17.813rem;

    @media only screen and (max-width: 1023px) {
      margin-top:  var(--space-112);
    }

    & .landing-welcome-info {
      padding-inline: var(--space-24);
      display: flex;
      flex-direction: column;
      gap: 0.5rem;
      flex: 1;
      align-items: center;

      @media only screen and (max-width: 1023px) {
        padding-inline: var(--space-48);
      }

      h1 {
        font-size: 5.75rem;
        text-align-last: center;

        @media only screen and (max-width: 599px) {
          font-size: var(--font-typesize-08);
        }

        span {
          color: var(--primary-color);
        }
      }

      & p {
        font-size: 1.75rem;
        color: var(--neutral-400);

        @media only screen and (max-width: 599px) {
          font-size: var(--font-typesize-03);
        }
      }

      & button {
        margin-top: var(--space-20);
      }
    }

    & img {
      padding-inline: var(--space-24);
      width: 100%;
      z-index: 2;
    }

    & .landing-welcome-linear {
      width: 100%;
      height: 5rem;
      background: linear-gradient(0deg, var(--blue-075), transparent 100%);
    }
  }
}
@layer app {
  .landing-page {
    display: flex;
    flex: 1;
    flex-direction: column;
    background-image: url('/img/landing/swirls-top.svg');
    background-size: auto;
    background-repeat: no-repeat;
    background-position: top left;
    background-position-y: -3.75rem;
    overflow-x: hidden;

    & img {
      width: 100%;
    }

    & h1,
    & h2,
    & h3 {
      margin: 0;
      font-family: var(--font-family-display);
    }
  }
}
@layer app {
    .profile-info {
        & .__personal-heading {
          margin-bottom: 0;
        }
        & .__cards-list {
          margin: var(--size-4) 0;
          display: grid;
          row-gap: 0.625rem;
    
          & .co-card {
            box-sizing: border-box;
            height: auto;
            width: 28.5rem;
            border: 0.0625rem solid var(--neutral-800);
            border-radius: 0.75rem;
            background-color: var(--white);
            padding: 0.8125rem;
            position: relative;
            cursor: pointer;
            & .__right-icon {
              position: absolute;
              top: 30%;
              right: 0;
              transform: translateY(-50%);
            }
          }
        }
      }
  }
@layer app {
  .user-profile--children {
    gap: 0.5rem;
    font-size: 1rem;
  }
  & .user-profile--alert-message {
    max-width: 28.5rem;
    margin-top: 0.25rem;
  }
}
@layer app{
  .profile-edit-loader-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-size: 1.5rem;
  }
}@layer app {
    .profile-name-edit-form {
        display: flex;
        flex-flow: column;
        height: 100%;
        padding: var(--size-5);
        overflow-y: scroll;
        padding-bottom: 4.5rem;
        & h5 {
          height: var(--size-3);
          color: var(--neutral-4);
          font-family: var(--font-family-text);
          font-size: var(--size-3);
          font-weight: var(--font-weight-bold);
          letter-spacing: 0;
          line-height: var(--size-4);
          margin: 0.625rem 0;
        }
        & h1 {
          height: var(--size-7);
          width: 17.5rem;
          color: var(--black);
          font-family: var(--font-family-display);
          font-size: var(--size-5);
          font-weight: var(--font-weight-bold);
          letter-spacing: 0;
          line-height: var(--size-7);
          margin: 0.312rem 0;
        }
        & label {
          margin: var(--size-1) 0;
          white-space: nowrap;
          color: var(--black);
          display: flex;
          font-size: 0.75rem;
          line-height: var(--size-3);
          font-weight: 500;
        }
        & .__fields {
          display: flex;
          flex-direction: column;
          gap: 0.5rem;
          flex-grow: 1;
          padding-bottom: 1rem;
          margin-top: 2.5rem;
        }
        & .__footer {
          background-color: var(--white);
          border-top: 1px solid var(--neutral-8);
          box-shadow: 0 -0.5rem 0.5rem var(--neutral-9);
          display: flex;
          justify-content: space-between;
          left: 0;
          padding: 1rem 1.5rem;
          right: 0;
          width: 100%;
          bottom: 0;
          position: absolute;
        }
      }
}@layer app {
  & .my-profile__change-request {
    margin: 1.25rem;
  }
  .user-profile_dicard-dialog{
    max-width: 25rem;
    max-height: 13.5rem;
  }
}
@layer app {
  .profile-name-edit-form {
    display: flex;
    flex-flow: column;
    height: 100%;
    padding: var(--size-5);
    overflow-y: scroll;
    padding-bottom: 4.5rem;
    & h5 {
      height: var(--size-3);
      color: var(--neutral-4);
      font-family: var(--font-family-text);
      font-size: var(--size-3);
      font-weight: var(--font-weight-bold);
      letter-spacing: 0;
      line-height: var(--size-4);
      margin: 0.625rem 0;
    }
    & h1 {
      height: var(--size-7);
      width: 17.5rem;
      color: var(--black);
      font-family: var(--font-family-display);
      font-size: var(--size-5);
      font-weight: var(--font-weight-bold);
      letter-spacing: 0;
      line-height: var(--size-7);
      margin: 0.312rem 0;
    }
    & label {
      margin: var(--size-1) 0;
      white-space: nowrap;
      color: var(--black);
      display: flex;
      font-size: 0.75rem;
      line-height: var(--size-3);
      font-weight: 500;
    }
    & .__fields {
      display: flex;
      flex-direction: column;
      gap: 0.5rem;
      flex-grow: 1;
      padding-bottom: 1rem;
      margin-top: 2.5rem;
    }
    & .__footer {
      background-color: var(--white);
      border-top: 1px solid var(--neutral-8);
      box-shadow: 0 -0.5rem 0.5rem var(--neutral-9);
      display: flex;
      justify-content: space-between;
      left: 0;
      padding: 1rem 1.5rem;
      right: 0;
      width: 100%;
      bottom: 0;
      position: absolute;
    }
  }
}
@layer app {
 
  & .__cards-list {
    margin: var(--size-4) 0;
    display: grid;
    row-gap: 0.625rem;
    & h3{
      margin-bottom: 0;
    }
    & p{
      color: var(--neutral-4);
      font-family: var(--font-family-text);
    }
    & .co-card {
      box-sizing: border-box;
      height: auto;
      width: 28.5rem;
      border: 0.0625rem solid var(--neutral-800);
      border-radius: 0.75rem;
      background-color: var(--white);
      padding: 0.8125rem;
      position: relative;
      cursor: pointer;
      & .__right-icon {
        position: absolute;
        top: 30%;
        right: 0;
        transform: translateY(-50%);
      }
    }
  }

}
@layer app {
  .work-info-card {
    width: 352px;

    background: transparent;
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
  .user-profile--work-information {
    padding-bottom: 16px;
    width: 352px;
  }
  .work-info-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: inline-block;
  }
  .card-header {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 24px;
    margin-bottom: 10px;
    margin-left: 0px;
    margin-top: 20px;
  }
  .card-role {
    padding-bottom: 20px;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: normal;
    font-weight: 200;
  }
  .card-title {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: normal;
    font-weight: 500;
  }

  .work-info-entry {
    margin-bottom: 10px;
  }

  .work-info-item {
    margin-left: 0px;
  }

  .label {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 20px;
  }

  .value {
    margin-left: 5px;
  }
}
@layer app {
  .subheading{
    font-weight:var(--font-weight-semibold) ;
  }
  .reset-password_button {
    padding-left: 0rem;
    padding-right: 0rem;
  }
  .reset-password_margin p {
    margin: 0rem;
  }
  .reset-password_description{
    padding-bottom: 1.5rem;
  }
  .reset-password-modal {
    height: 11.75rem;
    padding: 0.5rem;
    width: 25rem;

    & h3 {
      font-weight: var(--font-weight-bold);
      font-size: var(--text-size-2);
    }
  }

  .reset-password-modal-container {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding-inline: 1rem;

    & p {
      font-weight: var(--font-weight-semibold);
      font-size: var(--text-size-1);
    }

    & .reset-password-modal-container__actions {
      margin-top: 1rem;
      display: flex;
      flex-flow: row wrap;
      gap: 1.5rem;
      align-items: center;
    }
  }
}
@layer app {
  .profile-avatar-main {
    display: flex ;
    flex-direction: column;
    align-items: flex-start ;
    & .profile-heading {
      margin: .475rem 0rem;
    }
    @media (--md-n-below) {
      padding: 0;
      padding-bottom: 1rem;
      && span {
        padding: 1rem;
      }
    }
  }
  .profile-avatar-details {
    display: flex;
    gap: var(--size-3);
    align-items: center;
    margin-bottom: .475rem;
    margin-top: 1rem;
  }

  .profile-avatar-container {
    display: flex;
    background-color: var(--neutral-900);
  }
  .profile-avatar-email {
    color: var(--neutral-400);
    font-family: var(--font-family-text);
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1.25rem;
  }

  .user-profile {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
  }

  .user-profile-details {
    margin-left: 1rem;
    display: flex;
    flex-direction: column;
  }

  .user-profile--title-box {
    display: flex;
    align-items: center;
    flex-direction: row;
    @media (--md-n-below) {
      flex-direction: column;
      align-items: flex-start;
      && h1 {
        margin-bottom: 0;
      }
    }
  }
  .navigate-home {
    height: var(--size-3);
    width: 17.65rem;
    color: var(--blue-3);
    font-family: var(--font-family-display);
    font-size: 0.75rem;
    font-weight: var(--font-weight-bold);
    letter-spacing: 0;
    line-height: var(--size-3);
  }
}
@layer app {
  .profile-container {
    display: flex;
    gap: 2.5rem;
    & .__tabs {
      display: flex;
      flex-direction: column;
      padding: 0 0.625rem;
      & div {
        display: flex;
        align-items: center;
        row-gap: 0.625rem;
        height: 2.5rem;
        width: 17rem;
        border-radius: 0.5rem;
        background-color: var(--neutral-900);
        margin: 1.25rem 0;
        padding: 0.625rem 1rem;
        cursor: pointer;
        color: var(--neutral-075);
        font-family: var(--font-family-text);
        font-size: 1rem;
        letter-spacing: 0;
        line-height: 1.25rem;
      }

      & .__inactive {
        font-weight: 200;
        background-color: transparent;
        height: 1.25rem;
        width: 13.75rem;
      }
      & .__active {
        font-weight: 600;
        background-color: var(--neutral-900);
      }
    }
    
  }
}
@layer app {
  .my-profile--main {
    padding: 0;
  }
}
@layer app {
  .loading-record {
    display: grid;
    place-items: center;
    height: 100dvh;

    & > div {
      display: grid;
      gap: 1rem;
      place-items: center;
      margin: auto;
      & > div.animation {
        display: grid;
        min-height: 9rem;
        place-items: center;
        position: relative;
      }

      & h4 {
        color: var(--neutral-2);
        font-size: var(--text-size-6);
        font-weight: var(--font-weight-semibold);
      }
      & p {
        color: var(--neutral-6);
        font-size: var(--text-size-2);
      }
    }
  }
}

@layer app {
  .loader--9-squares {
    --c: no-repeat linear-gradient(var(--blue-4) 0 0);
    background: var(--c), var(--c), var(--c), var(--c), var(--c), var(--c),
      var(--c), var(--c), var(--c);
    background-size: 16px 16px;
    animation:
      l32-1 2s infinite,
      l32-2 2s infinite;
  }
  @keyframes l32-1 {
    0%,
    100% {
      width: 45px;
      height: 45px;
    }
    35%,
    65% {
      width: 65px;
      height: 65px;
    }
  }
  @keyframes l32-2 {
    0%,
    40% {
      background-position:
        0 0,
        0 50%,
        0 100%,
        50% 100%,
        100% 100%,
        100% 50%,
        100% 0,
        50% 0,
        50% 50%;
    }
    60%,
    100% {
      background-position:
        0 50%,
        0 100%,
        50% 100%,
        100% 100%,
        100% 50%,
        100% 0,
        50% 0,
        0 0,
        50% 50%;
    }
  }
}
@layer app {
  .card-container {
    width: 340px;
    padding-bottom: 16px;
  }
  .record-list---card {
    width: 320px;
    margin-bottom: 1rem;
  }
  .card-body {
    display: inline-flex;
    justify-content: space-between;
  }
  .card-div-flex {
    display: inline-flex;
    justify-content: space-between;
  }
  .status.icon {
    margin-top: 20px;
  }
}
@layer app {
  .table-td {
    max-width: 12rem;
    text-overflow: ellipsis;
    text-wrap: nowrap;
    overflow: hidden;
  }
}
.records-confirmed-pagination {
  display: flex;
  justify-content: flex-end;
}

@layer app {
  .co-table.table-records {
    & tbody {
      & th,
      & td {
        & > span {
          display: block;
          text-overflow: ellipsis;
          overflow: hidden;
          white-space: nowrap;
        }
      }

      & tr {
        & td:nth-of-type(1) > span {
          /* Reservation id */
          width: 8rem;
        }
        & td:nth-of-type(2) > span {
          /* clientName */
          width: 12rem;
        }
        & td:nth-of-type(3) > span {
          /* platform */
          width: 7rem;
        }
        & td:nth-of-type(4) > span {
          /* courseName */
          width: 20rem;
        }
        & td:nth-of-type(5) > span, /* stateDate */
        & td:nth-of-type(6) > span, /* endDate */ 
        & td:nth-of-type(7) > span {
          width: 10rem;
        }
      }
    }
  }
}
/* Define a CSS class for the Record Card container */
@layer app {
  .record-card-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 352px;
    height: 350px;
    border-radius: 12px;
    background-color: #ffffff;
    box-shadow: 0 2px 16px rgba(0, 0, 0, 0.08);
    padding: 24px;
    margin: 16px;
  }

  .record-card-content {
    flex: 1;
    display: flex;
    flex-direction: row;
    padding-bottom: 5px;
  }
  .record-card-heading {
    font-size: 20px;
    line-height: 24px;
    letter-spacing: normal;
    font-weight: bolder;
    text-align: left;
    padding-right: 100px;
  }

  .record-value {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: normal;

    align-items: flex-end;
  }
  /* Define a CSS class for the Light Green Tag */
  .light-green-tag {
    font-size: 12px;
    line-height: 20px;
    background-color: lightgreen;
    color: #10452d;
    margin-top: 8px;
    height: 20px;
    width: 59px;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: 500;
  }

  /* Define a CSS class for each record part */
  .record-part {
    font-size: 14px;
    line-height: 16px;
    display: flex;
    flex-direction: row;
  }

  /* Define a CSS class for the record label */
  .record-label {
    font-weight: bold;
    margin-right: 8px;
    align-items: left;
    justify-content: left;
  }
  .record-label-div {
    width: 120px;
    height: 40px;
    /* Add any additional styles you need for this div here */
  }
}
@layer app {
  .search-input {
    &.search-records {
      flex: 0 1 20.25rem;
    }
  }
}
@layer app {
  .dialog-details__fragment.record-quick-info {
    & header {
      & h5 {
        align-items: center;
        color: var(--neutral-4);
        display: flex;
        gap: 1rem;
        font-size: var(--text-size-1);
        font-weight: var(--font-weight-semibold);
        line-height: 1;
        margin-bottom: 0.5rem;
      }
      & .co-tag {
        font-size: var(--text-size-02);
        font-weight: var(--font-weight-semibold);
        line-height: 1.4;
        width: min-content;
      }
    }
    & .co-alert--message {
      margin-top: 1.5rem;
    }

    & p {
      white-space: collapse balance;
    }

    & ul {
      display: grid;
      gap: 1rem 2rem;
      grid-template-columns: 1fr 1fr;
      grid-auto-rows: auto;
      margin: 2rem 0;
      padding: 0;
      & p {
        font-weight: var(--font-weight-semibold);
      }
      & button.anchor {
        display: inline-block !important;
      }
    }
    .Alert-banner{
      margin: 1.5rem;
      padding: 1rem;
    }
    .record--change-request {
      cursor: pointer;
      text-decoration: underline;
    }

    @media (--md-n-below) {
      & ul {
        grid-template-columns: 1fr;
      }
    }

    & li {
      display: block;
      margin: 0;
      padding: 0;
    }

    & h6,
    & p {
      margin: 0;
      padding: 0;
    }

    & h6 {
      font-weight: var(--font-weight-semibold);
    }
  }
}
.record--request-a-copy {
  color: var(--blue-4);
  cursor: pointer;
  text-decoration: underline;
  display: inline;
}
.alert-message__header{
  padding-bottom: 1.5rem;
}

.confirm--dialog{
  max-height: 12.5rem;
  & p{
    padding: 0 1rem;
  }
}

.rounded-corners {
  border-radius: var(--radius-3);
  overflow: hidden;
}
@layer app {
  .record-preview--details-box {
    width: 672px;
    @media (--md-n-below) {
      width: 350px;
    }
    border-radius: 8px;
    background-color: var(--neutral-900);
    height: 308px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .record-preview-details-btn {
    display: flex;
    justify-content: space-between;
  }
  .record-preview__details {
    font-size: var(--text-size-3);
    line-height: 24px;
  }
  .record-preview--open-btn {
    display: flex;
    align-items: center;
  }
  .record-preview--pdf-icon {
    color: var(--neutral-700);
    width: 128px;
    height: 160px;
  }
  @media (max-width: 520) {
    .record-preview--details-box {
      width: 350px;
    }
  }
}
@layer app {
  .page-records {
    & .co-screen__header {
      display: grid;
      gap: 1.5rem;
      grid-template-columns: repeat(12, 1fr);
      grid-template-rows: auto;

      & hgroup {
        grid-column: 1/10;
        grid-row: 1/2;
      }

      & .toolbar {
        grid-column: 1/13;
        grid-row: 2/3;
      }
    }
    & [role='tabpanel'] {
      @media (--lg-n-above) {
        padding: 1.5rem 2.5rem 2.5rem 2.5rem;
      }
      @media (--lg-n-below) {
        padding: 1.5rem 2rem 2rem 2rem;
      }
      @media (--md-n-below) {
        padding: 1.5rem;
      }
    }
  }
}

@layer overrides {
  .page-records {
    & .co-screen__header {
      padding-bottom: var(--space-32)
    }
    & .co-screen__content {
      padding: 0;
    }
  }
}
@layer app {
  .create-new-user {
    display: flex;
    height: 100vh;

    .cae-header {
      background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTgyIiBoZWlnaHQ9IjEwODAiIHZpZXdCb3g9IjAgMCA1ODIgMTA4MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik02NTMuODg3IDM3Ny45MjVDODUzLjc3NyA2OTcuODE2IDcyNC4yMjUgMTEzOS4zNSAzNjQuNTIgMTM2NC4xMkM0LjgxNzAzIDE1ODguODkgLTQ0OC44MjUgMTUxMS43NyAtNjQ4LjcxNSAxMTkxLjg4Qy04NDguNjA1IDg3MS45OSAtNzE5LjA1MyA0MzAuNDU0IC0zNTkuMzUgMjA1LjY4N0MwLjM1NTE5IC0xOS4wODE2IDQ1My45OTcgNTguMDM0MSA2NTMuODg3IDM3Ny45MjVaIiBzdHJva2U9IiMyOTY5RjIiIHN0cm9rZS13aWR0aD0iMC42Ii8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNjg2Ljg5MyAzODEuNjc4Qzg3Ni4zMzQgNjk4LjY5NiA3MzMuNjA1IDExMjguMTYgMzY4LjA5OSAxMzQwLjkyQzIuNTk0NzYgMTU1My42NyAtNDQ3LjI3OCAxNDY5LjE1IC02MzYuNzE5IDExNTIuMTNDLTgyNi4xNjEgODM1LjExIC02ODMuNDMyIDQwNS42NDMgLTMxNy45MjcgMTkyLjg4OUM0Ny41NzkyIC0xOS44NjQ4IDQ5Ny40NTIgNjQuNjU5OCA2ODYuODkzIDM4MS42NzhaIiBzdHJva2U9IiMyOTY5RjIiIHN0cm9rZS13aWR0aD0iMC42Ii8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNzE4LjcwMSAzODUuNTYxQzg5Ny43MjQgNjk5Ljc0MyA3NDEuOTMyIDExMTcuMTIgMzcwLjczNCAxMzE3Ljc4Qy0wLjQ2NDYzIDE1MTguNDUgLTQ0Ni41MSAxNDI2LjQzIC02MjUuNTI5IDExMTIuMjVDLTgwNC41NTIgNzk4LjA2MyAtNjQ4Ljc2MyAzODAuNjkyIC0yNzcuNTYyIDE4MC4wMjRDOTMuNjM2NiAtMjAuNjQ2OSA1MzkuNjc5IDcxLjM3OCA3MTguNzAxIDM4NS41NjFaIiBzdHJva2U9IiMyOTY5RjIiIHN0cm9rZS13aWR0aD0iMC42Ii8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNzUyLjE2MyAzODkuMDUxQzkyMC43NjQgNzAwLjQyNCA3NTEuNjE4IDExMDUuOSAzNzQuMzYyIDEyOTQuN0MtMi44ODg2NiAxNDgzLjUgLTQ0NS4zOTIgMTM4NC4xMyAtNjEzLjk5IDEwNzIuNzZDLTc4Mi41OTMgNzYxLjM4MiAtNjEzLjQ0NSAzNTUuOTExIC0yMzYuMTkxIDE2Ny4xMDlDMTQxLjA2MSAtMjEuNjg5MSA1ODMuNTY0IDc3LjY3NjYgNzUyLjE2MyAzODkuMDUxWiIgc3Ryb2tlPSIjMjk2OUYyIiBzdHJva2Utd2lkdGg9IjAuNiIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTc4NC40NjMgMzkyLjM3NUM5NDIuNTA5IDcwMC42OTIgNzYwLjE5OCAxMDkzLjkyIDM3Ny4yNTYgMTI3MC42NkMtNS42ODU1MSAxNDQ3LjQxIC00NDQuMjQ2IDEzNDAuNzUgLTYwMi4yOTIgMTAzMi40M0MtNzYwLjMzOCA3MjQuMTE0IC01NzguMDI3IDMzMC44OSAtMTk1LjA4NSAxNTQuMTQ1QzE4Ny44NTcgLTIyLjYwMjIgNjI2LjQxNyA4NC4wNTc3IDc4NC40NjMgMzkyLjM3NVoiIHN0cm9rZT0iIzI5NjlGMiIgc3Ryb2tlLXdpZHRoPSIwLjYiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04MTYuNTE0IDM5Ni4xMDhDOTY0LjEyOSA3MDEuNTc1IDc2OC42MzYgMTA4Mi43NiAzNzkuODY3IDEyNDcuNUMtOC44OTkyOCAxNDEyLjI1IC00NDMuNzI2IDEyOTguMTcgLTU5MS4zNDMgOTkyLjY5OEMtNzM4Ljk1OCA2ODcuMjMxIC01NDMuNDY1IDMwNi4wNDggLTE1NC42OTkgMTQxLjMwNEMyMzQuMDcyIC0yMy40MzgzIDY2OC44OTkgOTAuNjQwNCA4MTYuNTE0IDM5Ni4xMDhaIiBzdHJva2U9IiMyOTY5RjIiIHN0cm9rZS13aWR0aD0iMC42Ii8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNODQ5LjI3MiAzOTkuNjg2Qzk4Ni40MTMgNzAyLjI2MSA3NzcuNjExIDEwNzEuNDQgMzgyLjkwMiAxMjI0LjI3Qy0xMS44MDc5IDEzNzcuMDkgLTQ0Mi45NiAxMjU1LjcgLTU4MC4xMDEgOTUzLjEyQy03MTcuMjQyIDY1MC41NDUgLTUwOC40NDMgMjgxLjM2OCAtMTEzLjczMSAxMjguNTRDMjgwLjk3OSAtMjQuMjg2NCA3MTIuMTMxIDk3LjExMDQgODQ5LjI3MiAzOTkuNjg2WiIgc3Ryb2tlPSIjMjk2OUYyIiBzdHJva2Utd2lkdGg9IjAuNiIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTg4MS44NzYgNDAyLjk2OEMxMDA4LjY1IDcwMi44IDc4Ni42OTcgMTA2MCAzODYuMTMgMTIwMC44Qy0xNC40MzY0IDEzNDEuNTkgLTQ0MS45MyAxMjEyLjY3IC01NjguNzA1IDkxMi44MzZDLTY5NS40NzggNjEzLjAwNCAtNDczLjUyNSAyNTUuODA0IC03Mi45NTc5IDExNS4wMDhDMzI3LjYwNyAtMjUuNzkwMiA3NTUuMTAzIDEwMy4xMzcgODgxLjg3NiA0MDIuOTY4WiIgc3Ryb2tlPSIjMjk2OUYyIiBzdHJva2Utd2lkdGg9IjAuNiIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTkxNC4xNzEgNDA2LjcxQzEwMzAuNCA3MDMuNDczIDc5NS4yODIgMTA0OC40NSAzODkuMDI5IDExNzcuMjRDLTE3LjIyMjUgMTMwNi4wMyAtNDQwLjc3NSAxMTY5Ljg2IC01NTcgODczLjA5NkMtNjczLjIyNiA1NzYuMzMzIC00MzguMTExIDIzMS4zNTIgLTMxLjg1ODEgMTAyLjU2MUMzNzQuMzkzIC0yNi4yMjYgNzk3Ljk0NiAxMDkuOTQ2IDkxNC4xNzEgNDA2LjcxWiIgc3Ryb2tlPSIjMjk2OUYyIiBzdHJva2Utd2lkdGg9IjAuNiIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTk0Ni4zMTIgNDEwLjUyQzEwNTIuMTkgNzA0LjU2MSA4MDMuOTEzIDEwMzcuNTcgMzkxLjc4NSAxMTU0LjMyQy0yMC4zNDY4IDEyNzEuMDYgLTQ0MC4yNjkgMTEyNy4zMyAtNTQ2LjE0MSA4MzMuMjg2Qy02NTIuMDE0IDUzOS4yNDUgLTQwMy43NDEgMjA2LjIzNCA4LjM4Nzc3IDg5LjQ5MjNDNDIwLjUxNSAtMjcuMjUyMiA4NDAuNDQyIDExNi40NzcgOTQ2LjMxMiA0MTAuNTJaIiBzdHJva2U9IiMyOTY5RjIiIHN0cm9rZS13aWR0aD0iMC42Ii8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOTc5LjEyNSA0MTQuMTI1QzEwNzQuNTQgNzA1LjMzNSA4MTIuOTYyIDEwMjYuMzcgMzk0Ljg1OCAxMTMxLjE5Qy0yMy4yNDQgMTIzNiAtNDM5LjUzNSAxMDg0Ljg5IC01MzQuOTU0IDc5My42ODFDLTYzMC4zNzMgNTAyLjQ3MSAtMzY4Ljc5MSAxODEuNDMyIDQ5LjMwOTggNzYuNjIwM0M0NjcuNDEyIC0yOC4xODkzIDg4My43MDYgMTIyLjkxNiA5NzkuMTI1IDQxNC4xMjVaIiBzdHJva2U9IiMyOTY5RjIiIHN0cm9rZS13aWR0aD0iMC42Ii8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTAxMS42NyA0MTcuNzQ4QzEwOTYuNTcgNzA1Ljk4NSA4MjEuNzQ2IDEwMTQuOTMgMzk3LjgyIDExMDcuOEMtMjYuMTA0MyAxMjAwLjY3IC00MzguNTkxIDEwNDIuMyAtNTIzLjQ5NyA3NTQuMDU3Qy02MDguNDAyIDQ2NS44MiAtMzMzLjU3NCAxNTYuODczIDkwLjM1MDMgNjQuMDAyMUM1MTQuMjc1IC0yOC44Njg2IDkyNi43NjMgMTI5LjUxMSAxMDExLjY3IDQxNy43NDhaIiBzdHJva2U9IiMyOTY5RjIiIHN0cm9rZS13aWR0aD0iMC42Ii8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTA0NC4wNSA0MjEuMDUyQzExMTguNTEgNzA2LjM3OCA4MzAuNTY2IDEwMDMuMiA0MDAuOTEyIDEwODQuMDNDLTI4Ljc0NTYgMTE2NC44NiAtNDM3LjQxMyA5OTkuMDggLTUxMS44NzQgNzEzLjc1NUMtNTg2LjMzNiA0MjguNDI5IC0yOTguMzk1IDEzMS42MDIgMTMxLjI2IDUwLjc3NTRDNTYwLjkxNyAtMzAuMDUzMyA5NjkuNTg0IDEzNS43MjcgMTA0NC4wNSA0MjEuMDUyWiIgc3Ryb2tlPSIjMjk2OUYyIiBzdHJva2Utd2lkdGg9IjAuNiIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEwNzYuMTggNDI0Ljc5MkMxMTQwLjIyIDcwNy4yODUgODM5LjA2IDk5Mi4wODUgNDAzLjUzIDEwNjAuOTFDLTMxLjk5OTcgMTEyOS43MyAtNDM2Ljk3NCA5NTYuNTExIC01MDEuMDExIDY3NC4wMTVDLTU2NS4wNDUgMzkxLjUyMiAtMjYzLjg4OCAxMDYuNzIyIDE3MS42NDEgMzcuOTAwOEM2MDcuMTcxIC0zMC45MjAzIDEwMTIuMTUgMTQyLjI5OCAxMDc2LjE4IDQyNC43OTJaIiBzdHJva2U9IiMyOTY5RjIiIHN0cm9rZS13aWR0aD0iMC42Ii8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTEwOC45MyA0MjguMjM5QzExNjIuNDMgNzA3Ljc4NiA4NDcuOTEzIDk4MC41OTUgNDA2LjQ0NSAxMDM3LjU3Qy0zNS4wMjMxIDEwOTQuNTUgLTQzNi4yNjkgOTE0LjExNiAtNDg5Ljc2IDYzNC41NjdDLTU0My4yNTQgMzU1LjAyIC0yMjguNzQxIDgyLjIxMTIgMjEyLjcyNyAyNS4yMzU1QzY1NC4xOTYgLTMxLjc0MDIgMTA1NS40NCAxNDguNjkyIDExMDguOTMgNDI4LjIzOVoiIHN0cm9rZT0iIzI5NjlGMiIgc3Ryb2tlLXdpZHRoPSIwLjYiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMTQxLjYyIDQzMS42MzdDMTE4NC43IDcwOC4yNTIgODU3LjE4NCA5NjguODc5IDQxMC4wODkgMTAxMy43NkMtMzcuMDA0MyAxMDU4LjY0IC00MzQuMzY4IDg3MC43ODYgLTQ3Ny40NDkgNTk0LjE2OEMtNTIwLjUzIDMxNy41NTUgLTE5My4wMTIgNTYuOTI4OSAyNTQuMDc5IDEyLjA0NjFDNzAxLjE3NSAtMzIuODM1OSAxMDk4LjU0IDE1NS4wMjIgMTE0MS42MiA0MzEuNjM3WiIgc3Ryb2tlPSIjMjk2OUYyIiBzdHJva2Utd2lkdGg9IjAuNiIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTExNzMuOTkgNDM1LjI0MUMxMjA2LjYxIDcwOS4wNDggODY1LjczOSA5NTcuNzI0IDQxMi42NDMgOTkwLjY3NUMtNDAuNDUzNyAxMDIzLjYzIC00MzQuMjA0IDgyOC4zNzIgLTQ2Ni44MTkgNTU0LjU2NUMtNDk5LjQzMyAyODAuNzU5IC0xNTguNTY3IDMyLjA4MjUgMjk0LjUyOSAtMC44Njg3NkM3NDcuNjI1IC0zMy44MjAxIDExNDEuMzggMTYxLjQzNCAxMTczLjk5IDQzNS4yNDFaIiBzdHJva2U9IiMyOTY5RjIiIHN0cm9rZS13aWR0aD0iMC42Ii8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTIwNy4yNCA0MzkuNTkyQzEyMjkuNDYgNzEwLjYzOCA4NzUuMzU2IDk0Ny4yOTYgNDE2LjMyMiA5NjguMTc4Qy00Mi43MTQ0IDk4OS4wNjIgLTQzMi44NTEgNzg2LjI2MyAtNDU1LjA3MyA1MTUuMjE1Qy00NzcuMjkzIDI0NC4xNjggLTEyMy4xODQgNy41MTA3OCAzMzUuODUxIC0xMy4zNjlDNzk0Ljg4NyAtMzQuMjUyOSAxMTg1LjAyIDE2OC41NDYgMTIwNy4yNCA0MzkuNTkyWiIgc3Ryb2tlPSIjMjk2OUYyIiBzdHJva2Utd2lkdGg9IjAuNiIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEyMzkuMjIgNDQyLjkxOUMxMjUxLjAyIDcxMS4wODkgODgzLjc3NCA5MzUuNjQyIDQxOC45NTEgOTQ0LjQ3Qy00NS44NjkxIDk1My4yOTcgLTQzMi4yNDggNzQzLjA1NiAtNDQ0LjA0NyA0NzQuODg3Qy00NTUuODQ3IDIwNi43MTcgLTg4LjYwMjQgLTE3LjgzNTYgMzc2LjIyIC0yNi42NjQzQzg0MS4wNCAtMzUuNDkxMiAxMjI3LjQyIDE3NC43NSAxMjM5LjIyIDQ0Mi45MTlaIiBzdHJva2U9IiMyOTY5RjIiIHN0cm9rZS13aWR0aD0iMC42Ii8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTI3MS44MiA0NDUuOTc2QzEyNzMuMTIgNzExLjIyMSA4OTIuNjA3IDkyMy43NTIgNDIxLjkzMyA5MjAuNjc2Qy00OC43NDM5IDkxNy41OTkgLTQzMS4zNTIgNzAwLjA3OCAtNDMyLjY0OSA0MzQuODNDLTQzMy45NDQgMTY5LjU4NCAtNTMuNDM1MiAtNDIuOTQ2MSA0MTcuMjQxIC0zOS44NjgyQzg4Ny45MTggLTM2Ljc5MDMgMTI3MC41MyAxODAuNzMgMTI3MS44MiA0NDUuOTc2WiIgc3Ryb2tlPSIjMjk2OUYyIiBzdHJva2Utd2lkdGg9IjAuNiIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEzMDQuMzYgNDQ5Ljg1MUMxMjk1LjI1IDcxMi4yNTEgOTAxLjU4OCA5MTIuNjgyIDQyNS4wODkgODk3LjUyMkMtNTEuNDA2OCA4ODIuMzY0IC00MzAuMzAzIDY1Ny4zNTYgLTQyMS4xOSAzOTQuOTU1Qy00MTIuMDgxIDEzMi41NTUgLTE4LjQxNTcgLTY3Ljg3NTcgNDU4LjA4MSAtNTIuNzE0NkM5MzQuNTggLTM3LjU1NzcgMTMxMy40NyAxODcuNDUxIDEzMDQuMzYgNDQ5Ljg1MVoiIHN0cm9rZT0iIzI5NjlGMiIgc3Ryb2tlLXdpZHRoPSIwLjYiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMzM2LjM2IDQ1My42NzRDMTMxNi42OCA3MTMuMDc1IDkwOS43NTcgOTAxLjUyNyA0MjcuNDY0IDg3NC41OUMtNTQuODI4NiA4NDcuNjU1IC00MjkuODU5IDYxNS41MzUgLTQxMC4xODUgMzU2LjEzMUMtMzkwLjUxMyA5Ni43MzE5IDE2LjQxMjcgLTkxLjcxNzcgNDk4LjcwOCAtNjQuNzg0NkM5ODEuMDAxIC0zNy44NDc0IDEzNTYuMDMgMTk0LjI3MyAxMzM2LjM2IDQ1My42NzRaIiBzdHJva2U9IiMyOTY5RjIiIHN0cm9rZS13aWR0aD0iMC42Ii8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTM2OS41NiA0NTcuMjM3QzEzMzkuNTMgNzEzLjg3NSA5MTkuNDExIDg5MC4yMDkgNDMxLjIwNCA4NTEuMDg3Qy01Ny4wMDE0IDgxMS45NjggLTQyOC40MjUgNTcyLjIwNyAtMzk4LjM4OSAzMTUuNTdDLTM2OC4zNTMgNTguOTMxNiA1MS43NjExIC0xMTcuNDAzIDUzOS45NjggLTc4LjI4MDZDMTAyOC4xNyAtMzkuMTYwOSAxMzk5LjYgMjAwLjU5OSAxMzY5LjU2IDQ1Ny4yMzdaIiBzdHJva2U9IiMyOTY5RjIiIHN0cm9rZS13aWR0aD0iMC42Ii8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTQwMS4zNyA0NjEuMDU2QzEzNjAuOTMgNzE0Ljc2IDkyNy43NTcgODc4Ljk0NiA0MzMuODU3IDgyNy43NzdDLTYwLjAzOTYgNzc2LjYwNSAtNDI3LjY0IDUyOS40NTYgLTM4Ny4xOTggMjc1Ljc1Qy0zNDYuNzU0IDIyLjA0NjIgODYuNDE0NiAtMTQyLjE0IDU4MC4zMTQgLTkwLjk3MDVDMTA3NC4yMSAtMzkuNzk5MiAxNDQxLjgxIDIwNy4zNTIgMTQwMS4zNyA0NjEuMDU2WiIgc3Ryb2tlPSIjMjk2OUYyIiBzdHJva2Utd2lkdGg9IjAuNiIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE0MzQuOCA0NjQuNTI0QzEzODMuODEgNzE1LjM5NSA5MzcuMTk2IDg2Ny42NzUgNDM3LjI2MyA4MDQuNjQ4Qy02Mi42NzIzIDc0MS42MjIgLTQyNi42MTMgNDg3LjE1NSAtMzc1LjYyNCAyMzYuMjg0Qy0zMjQuNjM3IC0xNC41OTAyIDEyMS45NzYgLTE2Ni44NjggNjIxLjkwOSAtMTAzLjg0MUMxMTIxLjg0IC00MC44MTMyIDE0ODUuNzkgMjEzLjY1MyAxNDM0LjggNDY0LjUyNFoiIHN0cm9rZT0iIzI5NjlGMiIgc3Ryb2tlLXdpZHRoPSIwLjYiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNDY3LjIxIDQ2Ny40MTFDMTQwNS44MiA3MTUuMzg1IDk0Ni4xMjcgODU1LjUxOCA0NDAuNDQzIDc4MC40MDNDLTY1LjI0NCA3MDUuMjg5IC00MjUuNDE4IDQ0My4zNzIgLTM2NC4wMzcgMTk1LjM5NUMtMzAyLjY1MyAtNTIuNTggMTU3LjA0NSAtMTkyLjcxIDY2Mi43MjggLTExNy41OThDMTE2OC40MSAtNDIuNDgyMyAxNTI4LjU5IDIxOS40MzYgMTQ2Ny4yMSA0NjcuNDExWiIgc3Ryb2tlPSIjMjk2OUYyIiBzdHJva2Utd2lkdGg9IjAuNiIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE0OTkuMTcgNDcxLjM5OUMxNDI3LjI5IDcxNi40MzYgOTU0LjQwMiA4NDQuNTcgNDQyLjkzOCA3NTcuNTg3Qy02OC41MjYyIDY3MC42MDQgLTQyNC44NzcgNDAxLjQ0NSAtMzUyLjk5OSAxNTYuNDA4Qy0yODEuMTIxIC04OC42MzAyIDE5MS43NyAtMjE2Ljc2MyA3MDMuMjM1IC0xMjkuNzgxQzEyMTQuNyAtNDIuNzk4MiAxNTcxLjA1IDIyNi4zNjEgMTQ5OS4xNyA0NzEuMzk5WiIgc3Ryb2tlPSIjMjk2OUYyIiBzdHJva2Utd2lkdGg9IjAuNiIvPgo8L3N2Zz4K);
      background-color: hsla(229, 82%, 13%, 1);
      background-repeat: no-repeat !important;
      background-size: cover;
      background-position: unset !important;
      color: white;
      margin: 0;
      padding: 0;
      flex: 0.47;
      display: flex;
      align-items: flex-start;
      justify-content: flex-start;
      flex-direction: column;
      position: relative;
    }

    .cae-header--logo {
      position: absolute;
      top: 6.5rem;
      left: 3.5rem;
      max-width: 80%;
      height: auto;
    }

    .cae-header--header {
      position: absolute;
      top: 11rem;
      left: 3.5rem;
      & h3 {
        margin: 0;
      }
      & span {
        font-size: var(--text-size-02);
      }
    }
    .loader-circular {
      position: absolute;
      top: 47%;
      left: 71%;
      z-index: 10000;
      border: 5px solid var(--blue-4);
      border-top: 5px solid var(--blue-4);
      border-right: 5px solid transparent;
      border-radius: 50%;
      width: 50px;
      height: 50px;
      animation: spin 0.7s cubic-bezier(0.5, 0.1, 0.5, 1) infinite;
    }

    @keyframes spin {
      0% {
        transform: rotate(0deg);
      }
      100% {
        transform: rotate(360deg);
      }
    }

    .user-form {
      display: flex;
      flex: 1;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      height: 100%;
      padding: 1.5rem;
      padding-bottom: 4.5rem;
      gap: 1rem;
      & p {
        font-size: 0.75rem;
      }
      .signin {
        color: var(--blue-4);
        text-decoration: underline;
      }

      .divider-container {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        width: 25%;
      }

      .divider {
        flex-grow: 1;
        height: 1px;
        background-color: hsla(200, 6%, 91%, 1);
      }
      .or-text {
        font-size: var(--text-size-02);
        color: var(--neutral-6);
      }
    }

    .email-exists {
      display: flex;
      flex: 1;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      height: 100%;
      padding: 1.5rem;
      padding-bottom: 4.5rem;
      gap: 2rem;
      .signin {
        color: var(--white);
      }
      .reset-password {
        color: var(--blue-4);
        text-decoration: underline;
      }
      & p {
        text-align: center;
        font-size: 1rem;
      }
      .divider-container {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        width: 25%;
      }

      .divider {
        flex-grow: 1;
        height: 1px;
        background-color: hsla(200, 6%, 91%, 1);
      }
      .or-text {
        font-size: var(--text-size-02);
        color: var(--neutral-6);
      }
      .co-btn--md {
        display: flex;
        justify-content: center;
        width: 21rem;
      }
    }
    .navigate-back {
      margin-left: 1rem;
      margin-top: 1rem;
      color: var(--primary-color);
      & p {
        font-size: 0.75rem;
      }
    }

    .help-button {
      position: absolute;
      top: 1rem;
      right: 0.5rem;
    }

    .user-form-fields {
      display: flex;
      flex-direction: column;
      gap: 1rem;
      .co-form__field {
        width: 20rem;
      }
      .new-user-checkbox {
        .co-form__label {
          font-size: var(--text-size-02);
        }
        & a {
          text-decoration: underline;
        }
      }
      .co-btn--md {
        display: flex;
        justify-content: center;
      }
    }
  }
  @media (max-width: 779px) {
    .create-new-user {
      flex-direction: column;

      .loader-circular {
        top: 59%;
        left: 42%;
      }

      .help-button {
        display: none;
      }

      .cae-header--logo {
        top: 2rem;
        left: 1rem;
        max-width: 60%;
      }

      .cae-header--header {
        top: 7rem;
        left: 1rem;
        & h3 {
          font-size: 1.5rem;
        }
        & span {
          font-size: 0.75rem;
        }
      }

      .email-exists {
        padding: 1rem;
        gap: 1rem;
      }
      .user-form {
        gap: 2rem;
      }

      .user-form-fields .co-form__field {
        width: 100%;
      }

      .user-form p {
        font-size: 1rem;
      }

      .navigate-back {
        margin-left: 0.5rem;
        margin-top: 0.5rem;
      }
      .divider-container {
        width: 45%;
      }

      .cae-header {
        flex: 0.3;
        padding: 1rem;
        align-items: center;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzkzIiBoZWlnaHQ9IjEwMCIgdmlld0JveD0iMCAwIDM5MyAxMDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjkxLjg4IDY3LjI3MkMyMjQuMzkgMTM0Ljc2MiA3Mi4zMzQ1IDkyLjEzIC00Ny43NDU1IC0yNy45NUMtMTY3LjgyNSAtMTQ4LjAyOSAtMjEwLjQ1NyAtMzAwLjA4NSAtMTQyLjk2NyAtMzY3LjU3NUMtNzUuNDc3NSAtNDM1LjA2NSA3Ni41Nzg1IC0zOTIuNDMzIDE5Ni42NTggLTI3Mi4zNTNDMzE2LjczOCAtMTUyLjI3MyAzNTkuMzcgLTAuMjE3OTk1IDI5MS44OCA2Ny4yNzJaIiBzdHJva2U9IiMyOTY5RjIiIHN0cm9rZS13aWR0aD0iMC42Ii8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjk4Ljg1MyA2Mi4xMTI1QzIzMi40NjEgMTI5LjE5NyA4MS4xOTE4IDg3LjM1MDUgLTM5LjAxNDIgLTMxLjM1NjVDLTE1OS4yMjEgLTE1MC4wNjMgLTIwMi44NDYgLTMwMC42NzcgLTEzNi40NTMgLTM2Ny43NjJDLTcwLjA2MTIgLTQzNC44NDcgODEuMjA2OCAtMzkyLjk5OSAyMDEuNDE0IC0yNzQuMjkzQzMyMS42MiAtMTU1LjU4NyAzNjUuMjQ1IC00Ljk3MjUxIDI5OC44NTMgNjIuMTEyNVoiIHN0cm9rZT0iIzI5NjlGMiIgc3Ryb2tlLXdpZHRoPSIwLjYiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zMDUuODI2IDU2Ljk1MjlDMjQwLjUzMSAxMjMuNjMzIDkwLjA1MDEgODIuNTY5OCAtMzAuMjgzOSAtMzQuNzYzMkMtMTUwLjYxNyAtMTUyLjA5NiAtMTk1LjIzNSAtMzAxLjI2OCAtMTI5Ljk0IC0zNjcuOTQ4Qy02NC42NDQ5IC00MzQuNjI4IDg1LjgzNjEgLTM5My41NjUgMjA2LjE3IC0yNzYuMjMyQzMyNi41MDMgLTE1OC44OTkgMzcxLjEyMSAtOS43MjcxNSAzMDUuODI2IDU2Ljk1MjlaIiBzdHJva2U9IiMyOTY5RjIiIHN0cm9rZS13aWR0aD0iMC42Ii8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMzEyLjc5OSA1MS43OTMyQzI0OC42MDIgMTE4LjA2OCA5OC45MDcyIDc3Ljc5MDIgLTIxLjU1MjggLTM4LjE2OThDLTE0Mi4wMTQgLTE1NC4xMyAtMTg3LjYyNCAtMzAxLjg2MSAtMTIzLjQyNyAtMzY4LjEzNUMtNTkuMjI5OCAtNDM0LjQxIDkwLjQ2NTIgLTM5NC4xMzIgMjEwLjkyNSAtMjc4LjE3MkMzMzEuMzg2IC0xNjIuMjEyIDM3Ni45OTYgLTE0LjQ4MTggMzEyLjc5OSA1MS43OTMyWiIgc3Ryb2tlPSIjMjk2OUYyIiBzdHJva2Utd2lkdGg9IjAuNiIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMxOS43NzIgNDYuNjMzNkMyNTYuNjczIDExMi41MDQgMTA3Ljc2NSA3My4wMTA2IC0xMi44MjI1IC00MS41NzY0Qy0xMzMuNDEgLTE1Ni4xNjMgLTE4MC4wMTMgLTMwMi40NTIgLTExNi45MTQgLTM2OC4zMjFDLTUzLjgxMzUgLTQzNC4xOTEgOTUuMDk0NSAtMzk0LjY5OCAyMTUuNjgxIC0yODAuMTExQzMzNi4yNjggLTE2NS41MjQgMzgyLjg3MiAtMTkuMjM2NCAzMTkuNzcyIDQ2LjYzMzZaIiBzdHJva2U9IiMyOTY5RjIiIHN0cm9rZS13aWR0aD0iMC42Ii8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMzI2Ljc0NiA0MS40NzQxQzI2NC43NDQgMTA2LjkzOCAxMTYuNjIzIDY4LjIzMDEgLTQuMDkxMTkgLTQ0Ljk4MjlDLTEyNC44MDUgLTE1OC4xOTcgLTE3Mi40MDEgLTMwMy4wNDQgLTExMC4zOTkgLTM2OC41MDlDLTQ4LjM5NzIgLTQzMy45NzMgOTkuNzIyOCAtMzk1LjI2NSAyMjAuNDM4IC0yODIuMDUxQzM0MS4xNTIgLTE2OC44MzggMzg4Ljc0OCAtMjMuOTkwOSAzMjYuNzQ2IDQxLjQ3NDFaIiBzdHJva2U9IiMyOTY5RjIiIHN0cm9rZS13aWR0aD0iMC42Ii8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMzMzLjcxOSAzNi4zMTQ0QzI3Mi44MTUgMTAxLjM3MyAxMjUuNDgxIDYzLjQ1MDQgNC42NDAwMyAtNDguMzg5NkMtMTE2LjIwMiAtMTYwLjIzMSAtMTY0Ljc5IC0zMDMuNjM2IC0xMDMuODg2IC0zNjguNjk2Qy00Mi45ODIgLTQzMy43NTUgMTA0LjM1MiAtMzk1LjgzMiAyMjUuMTkzIC0yODMuOTkxQzM0Ni4wMzUgLTE3Mi4xNTEgMzk0LjYyMyAtMjguNzQ0NiAzMzMuNzE5IDM2LjMxNDRaIiBzdHJva2U9IiMyOTY5RjIiIHN0cm9rZS13aWR0aD0iMC42Ii8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMzQwLjY5MiAzMS4xNTQ4QzI4MC44ODUgOTUuODA4OCAxMzQuMzM5IDU4LjY3MDggMTMuMzcwMyAtNTEuNzk3MkMtMTA3LjU5OCAtMTYyLjI2NCAtMTU3LjE3OSAtMzA0LjIyOCAtOTcuMzcyNyAtMzY4Ljg4MkMtMzcuNTY1NyAtNDMzLjUzNiAxMDguOTgxIC0zOTYuMzk4IDIyOS45NDkgLTI4NS45M0MzNTAuOTE3IC0xNzUuNDYzIDQwMC40OTkgLTMzLjQ5OTIgMzQwLjY5MiAzMS4xNTQ4WiIgc3Ryb2tlPSIjMjk2OUYyIiBzdHJva2Utd2lkdGg9IjAuNiIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTM0Ny42NjYgMjUuOTk1MkMyODguOTU3IDkwLjI0NDIgMTQzLjE5NyA1My44OTAyIDIyLjEwMTUgLTU1LjIwMzhDLTk4Ljk5MzUgLTE2NC4yOTggLTE0OS41NjcgLTMwNC44MiAtOTAuODU5NCAtMzY5LjA2OUMtMzIuMTUwNCAtNDMzLjMxOCAxMTMuNjEgLTM5Ni45NjQgMjM0LjcwNiAtMjg3Ljg3QzM1NS44MDEgLTE3OC43NzYgNDA2LjM3NSAtMzguMjUzOCAzNDcuNjY2IDI1Ljk5NTJaIiBzdHJva2U9IiMyOTY5RjIiIHN0cm9rZS13aWR0aD0iMC42Ii8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMzU0LjYzOSAyMC44MzU2QzI5Ny4wMjggODQuNjc5NiAxNTIuMDU1IDQ5LjExMDYgMzAuODMxNiAtNTguNjEwNEMtOTAuMzkwNCAtMTY2LjMzMSAtMTQxLjk1NiAtMzA1LjQxMSAtODQuMzQ1NCAtMzY5LjI1NUMtMjYuNzM0NCAtNDMzLjA5OSAxMTguMjM5IC0zOTcuNTMgMjM5LjQ2MSAtMjg5LjgxQzM2MC42ODMgLTE4Mi4wODkgNDEyLjI1IC00My4wMDg0IDM1NC42MzkgMjAuODM1NloiIHN0cm9rZT0iIzI5NjlGMiIgc3Ryb2tlLXdpZHRoPSIwLjYiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zNjEuNjEyIDE1LjY3NTlDMzA1LjA5OCA3OS4xMTQ5IDE2MC45MTIgNDQuMzMwOCAzOS41NjMgLTYyLjAxNzJDLTgxLjc4NiAtMTY4LjM2NCAtMTM0LjM0NiAtMzA2LjAwNCAtNzcuODMyIC0zNjkuNDQyQy0yMS4zMTggLTQzMi44ODEgMTIyLjg2OCAtMzk4LjA5NyAyNDQuMjE3IC0yOTEuNzVDMzY1LjU2NiAtMTg1LjQwMiA0MTguMTI2IC00Ny43NjMxIDM2MS42MTIgMTUuNjc1OVoiIHN0cm9rZT0iIzI5NjlGMiIgc3Ryb2tlLXdpZHRoPSIwLjYiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zNjguNTg1IDEwLjUxNjNDMzEzLjE2OSA3My41NTAzIDE2OS43NyAzOS41NTAzIDQ4LjI5NDIgLTY1LjQyMzdDLTczLjE4MTggLTE3MC4zOTggLTEyNi43MzUgLTMwNi41OTYgLTcxLjMxODggLTM2OS42M0MtMTUuOTAyOCAtNDMyLjY2MyAxMjcuNDk3IC0zOTguNjY0IDI0OC45NzMgLTI5My42OUMzNzAuNDQ5IC0xODguNzE1IDQyNC4wMDEgLTUyLjUxNzcgMzY4LjU4NSAxMC41MTYzWiIgc3Ryb2tlPSIjMjk2OUYyIiBzdHJva2Utd2lkdGg9IjAuNiIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTM3NS41NTggNS4zNTY2NkMzMjEuMjQgNjcuOTg1NyAxNzguNjI3IDM0Ljc3MDcgNTcuMDI0NCAtNjguODMwM0MtNjQuNTc4NiAtMTcyLjQzMSAtMTE5LjEyNCAtMzA3LjE4NyAtNjQuODA0NiAtMzY5LjgxNkMtMTAuNDg2NiAtNDMyLjQ0NSAxMzIuMTI1IC0zOTkuMjMgMjUzLjcyOCAtMjk1LjYyOUMzNzUuMzMxIC0xOTIuMDI4IDQyOS44NzYgLTU3LjI3MjMgMzc1LjU1OCA1LjM1NjY2WiIgc3Ryb2tlPSIjMjk2OUYyIiBzdHJva2Utd2lkdGg9IjAuNiIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTM4Mi41MzIgMC4xOTcxNDRDMzI5LjMxMSA2Mi40MjExIDE4Ny40ODYgMjkuOTkxMSA2NS43NTU3IC03Mi4yMzY5Qy01NS45NzQzIC0xNzQuNDY1IC0xMTEuNTEyIC0zMDcuNzc5IC01OC4yOTEzIC0zNzAuMDAzQy01LjA3MDI2IC00MzIuMjI3IDEzNi43NTUgLTM5OS43OTcgMjU4LjQ4NSAtMjk3LjU2OUMzODAuMjE1IC0xOTUuMzQxIDQzNS43NTMgLTYyLjAyNjkgMzgyLjUzMiAwLjE5NzE0NFoiIHN0cm9rZT0iIzI5NjlGMiIgc3Ryb2tlLXdpZHRoPSIwLjYiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zODkuNTA1IC00Ljk2MjQzQzMzNy4zODIgNTYuODU1NiAxOTYuMzQzIDI1LjIxMDYgNzQuNDg1OCAtNzUuNjQzNEMtNDcuMzcwMiAtMTc2LjQ5OCAtMTAzLjkwMSAtMzA4LjM3MSAtNTEuNzc4MiAtMzcwLjE4OUMwLjM0NDgzMyAtNDMyLjAwOCAxNDEuMzg0IC00MDAuMzYzIDI2My4yNDEgLTI5OS41MDhDMzg1LjA5OCAtMTk4LjY1MyA0NDEuNjI4IC02Ni43ODA0IDM4OS41MDUgLTQuOTYyNDNaIiBzdHJva2U9IiMyOTY5RjIiIHN0cm9rZS13aWR0aD0iMC42Ii8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMzk2LjQ3OCAtMTAuMTIyQzM0NS40NTMgNTEuMjkxIDIwNS4yMDEgMjAuNDMxIDgzLjIxNzEgLTc5LjA1Qy0zOC43NjY5IC0xNzguNTMyIC05Ni4yODk5IC0zMDguOTYzIC00NS4yNjQ5IC0zNzAuMzc2QzUuNzYxMTUgLTQzMS43OSAxNDYuMDEzIC00MDAuOTI5IDI2Ny45OTYgLTMwMS40NDhDMzg5Ljk4IC0yMDEuOTY2IDQ0Ny41MDMgLTcxLjUzNSAzOTYuNDc4IC0xMC4xMjJaIiBzdHJva2U9IiMyOTY5RjIiIHN0cm9rZS13aWR0aD0iMC42Ii8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNDAzLjQ1MSAtMTUuMjgxN0MzNTMuNTIzIDQ1LjcyNjMgMjE0LjA1OCAxNS42NTEzIDkxLjk0ODMgLTgyLjQ1NzdDLTMwLjE2MjcgLTE4MC41NjYgLTg4LjY3ODcgLTMwOS41NTUgLTM4Ljc1MDcgLTM3MC41NjNDMTEuMTc2MyAtNDMxLjU3MiAxNTAuNjQxIC00MDEuNDk2IDI3Mi43NTIgLTMwMy4zODhDMzk0Ljg2MyAtMjA1LjI4IDQ1My4zNzkgLTc2LjI4OTcgNDAzLjQ1MSAtMTUuMjgxN1oiIHN0cm9rZT0iIzI5NjlGMiIgc3Ryb2tlLXdpZHRoPSIwLjYiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00MTAuNDI1IC0yMC40NDEzQzM2MS41OTUgNDAuMTYxNyAyMjIuOTE3IDEwLjg3MDcgMTAwLjY3OSAtODUuODY0M0MtMjEuNTU4NCAtMTgyLjU5OSAtODEuMDY3NCAtMzEwLjE0NyAtMzIuMjM3NCAtMzcwLjc1QzE2LjU5MjYgLTQzMS4zNTMgMTU1LjI3MSAtNDAyLjA2MiAyNzcuNTA5IC0zMDUuMzI3QzM5OS43NDYgLTIwOC41OTIgNDU5LjI1NSAtODEuMDQ0MyA0MTAuNDI1IC0yMC40NDEzWiIgc3Ryb2tlPSIjMjk2OUYyIiBzdHJva2Utd2lkdGg9IjAuNiIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTQxNy4zOTggLTI1LjYwMDhDMzY5LjY2NiAzNC41OTcyIDIzMS43NzUgNi4wOTExNiAxMDkuNDEgLTg5LjI3MDhDLTEyLjk1NTIgLTE4NC42MzMgLTczLjQ1NjIgLTMxMC43MzkgLTI1LjcyNDIgLTM3MC45MzdDMjIuMDA4OCAtNDMxLjEzNSAxNTkuOSAtNDAyLjYyOSAyODIuMjY0IC0zMDcuMjY3QzQwNC42MjkgLTIxMS45MDUgNDY1LjEzIC04NS43OTg4IDQxNy4zOTggLTI1LjYwMDhaIiBzdHJva2U9IiMyOTY5RjIiIHN0cm9rZS13aWR0aD0iMC42Ii8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNDI0LjM3MSAtMzAuNzYwNUMzNzcuNzM2IDI5LjAzMjUgMjQwLjYzMiAxLjMxMTU0IDExOC4xNDEgLTkyLjY3NzVDLTQuMzUxMDQgLTE4Ni42NjYgLTY1Ljg0NSAtMzExLjMzIC0xOS4yMSAtMzcxLjEyM0MyNy40MjQgLTQzMC45MTYgMTY0LjUyOSAtNDAzLjE5NSAyODcuMDIgLTMwOS4yMDZDNDA5LjUxMiAtMjE1LjIxNyA0NzEuMDA2IC05MC41NTM1IDQyNC4zNzEgLTMwLjc2MDVaIiBzdHJva2U9IiMyOTY5RjIiIHN0cm9rZS13aWR0aD0iMC42Ii8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNDMxLjM0NCAtMzUuOTIwMkMzODUuODA3IDIzLjQ2NzggMjQ5LjQ5IC0zLjQ2OTIzIDEyNi44NzEgLTk2LjA4NDJDNC4yNTMyIC0xODguNjk5IC01OC4yMzM4IC0zMTEuOTIyIC0xMi42OTY4IC0zNzEuMzFDMzIuODQwMiAtNDMwLjY5OCAxNjkuMTU3IC00MDMuNzYyIDI5MS43NzYgLTMxMS4xNDZDNDE0LjM5NCAtMjE4LjUzMSA0NzYuODgxIC05NS4zMDgyIDQzMS4zNDQgLTM1LjkyMDJaIiBzdHJva2U9IiMyOTY5RjIiIHN0cm9rZS13aWR0aD0iMC42Ii8+Cjwvc3ZnPgo=);
        background-color: hsla(229, 82%, 13%, 1);
        background-repeat: no-repeat !important;
        background-size: contain !important;
        background-position: unset !important;
      }
    }
  }
}
@layer app {
  .container {
    color: white;
    margin: 0;
    padding: 0;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  .sf-connect--row {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }
  .container {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTkyMHB4IiBoZWlnaHQ9IjEwODBweCIgdmlld0JveD0iMCAwIDE5MjAgMTA4MCIgdmVyc2lvbj0iMS4xIj4KICAgIDx0aXRsZT5sb2dpbmJhY2tncm91bmQ8L3RpdGxlPgogICAgPGRlZnM+CiAgICAgICAgPHJlY3QgaWQ9InBhdGgtMSIgeD0iOTM5LjY4MzM1NiIgeT0iMTU5Ny4zMzc3NyIgd2lkdGg9IjE5MjAiIGhlaWdodD0iMTA4MCIvPgogICAgPC9kZWZzPgogICAgPGcgaWQ9IkxvZ2luLWFuZC1hdXRoZW50aWNhdGlvbiIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9ImxvZ2luYmFja2dyb3VuZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTkzOS42ODM0LCAtMTU5Ny4zMzc4KSI+CiAgICAgICAgICAgIDxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IndoaXRlIj4KICAgICAgICAgICAgICAgIDx1c2UgeGxpbms6aHJlZj0iI3BhdGgtMSIvPgogICAgICAgICAgICA8L21hc2s+CiAgICAgICAgICAgIDx1c2UgaWQ9IlJlY3RhbmdsZSIgZmlsbD0iIzA0MEIyQiIgeGxpbms6aHJlZj0iI3BhdGgtMSIvPgogICAgICAgICAgICA8ZyBpZD0ibG9naW5zd2lybHMiIG1hc2s9InVybCgjbWFzay0yKSI+CiAgICAgICAgICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLCAwKSI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9InRvcHJpZ2h0c3dpcmxzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNjYwLjQyNjMsIDEzNTkuNjk1Mykgcm90YXRlKDU3KSB0cmFuc2xhdGUoLTI2NjAuNDI2MywgLTEzNTkuNjk1Myl0cmFuc2xhdGUoMTUxOC40NzQ2LCA2MjEuNjM5NSkiPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTUzNiw3OTMuMTExNzEzIEMxNTM2LDExNzAuMzIwMzUgMTE5Mi4xNTUxMywxNDc2LjExMTcxIDc2Ny45OTgzNzYsMTQ3Ni4xMTE3MSBDMzQzLjg0NDg3MywxNDc2LjExMTcxIC0xLjU2NjMyNDU5ZS0xMiwxMTcwLjMyMDM1IC0xLjU2NjMyNDU5ZS0xMiw3OTMuMTExNzEzIEMtMS41NjYzMjQ1OWUtMTIsNDE1LjkwMzA4IDM0My44NDQ4NzMsMTEwLjExMTcxMyA3NjcuOTk4Mzc2LDExMC4xMTE3MTMgQzExOTIuMTU1MTMsMTEwLjExMTcxMyAxNTM2LDQxNS45MDMwOCAxNTM2LDc5My4xMTE3MTMgWiIgaWQ9IlN0cm9rZS0xIiBzdHJva2U9IiMyOTY5RjIiIHN0cm9rZS13aWR0aD0iMC4yIi8+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNTYyLjAwMTkxLDgxMy43ODQ2NDQgQzE1NTQuNjYyOTMsMTE4My4wMTk2MSAxMjA2LjAzODc3LDE0NzEuNTkzNTUgNzgzLjMyOTkxLDE0NTguMzMwNTcgQzM2MC42MjEwNDksMTQ0NS4wNzA0NyAyMy44OTgzNzQxLDExMzQuOTkzMjcgMzEuMjM3MzUxNSw3NjUuNzU4MzA2IEMzOC41NzYzMjg5LDM5Ni41MjA0NSAzODcuMjAwNDg3LDEwNy45NDY1MDkgODA5LjkwOTM0OCwxMjEuMjA5NDk2IEMxMjMyLjYxODIxLDEzNC40NzI0ODMgMTU2OS4zNDA4OCw0NDQuNTQ5Njc3IDE1NjIuMDAxOTEsODEzLjc4NDY0NCBaIiBpZD0iU3Ryb2tlLTMiIHN0cm9rZT0iIzI5NjlGMiIgc3Ryb2tlLXdpZHRoPSIwLjIiLz4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTE1ODYuOTE5NjUsODMzLjkzMzQ3MiBDMTU3Mi4yNDc4MSwxMTk1LjI0MjczIDEyMTguOTU1MDgsMTQ2Ni42Mzc3NSA3OTcuODI0NTY3LDE0NDAuMTA3NzcgQzM3Ni42OTA4MDgsMTQxMy41ODA2OCA0Ny4xODc4ODc1LDEwOTkuMTcyNjQgNjEuODYyOTc0LDczNy44NjMzODcgQzc2LjUzNDgxNDUsMzc2LjU1NDEzMiA0MjkuODI0Mjk1LDEwNS4xNTkxMDQgODUwLjk1ODA1MywxMzEuNjg5MDg3IEMxMjcyLjA5MTgxLDE1OC4yMTYxODIgMTYwMS41OTE0OSw0NzIuNjI0MjE2IDE1ODYuOTE5NjUsODMzLjkzMzQ3MiBaIiBpZD0iU3Ryb2tlLTUiIHN0cm9rZT0iIzI5NjlGMiIgc3Ryb2tlLXdpZHRoPSIwLjIiLz4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTE2MTMuNDQ3MDUsODU0LjYyNTMxIEMxNTkxLjQyNjQ2LDEyMDguMDI5MjMgMTIzMy4xMTQ0NiwxNDYyLjI1NjUzIDgxMy4xMzUwNiwxNDIyLjQ1Mjk4IEMzOTMuMTU4OTEyLDEzODIuNjUyMzEgNzAuNTUwNzkxOCwxMDYzLjg5NDQ3IDkyLjU3NDYyODMsNzEwLjQ5MDU1MiBDMTE0LjU5NTIxNywzNTcuMDgzNzQyIDQ3Mi45MDcyMjEsMTAyLjg1OTMyOCA4OTIuODg2NjE3LDE0Mi42NTk5OTUgQzEzMTIuODYyNzcsMTgyLjQ2MzU1MSAxNjM1LjQ3MDg5LDUwMS4yMjEzODkgMTYxMy40NDcwNSw4NTQuNjI1MzEgWiIgaWQ9IlN0cm9rZS03IiBzdHJva2U9IiMyOTY5RjIiIHN0cm9rZS13aWR0aD0iMC4yIi8+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNjM5LjA3Nzk4LDg3NC41NjA4NjMgQzE2MDkuNzI1MywxMjE5Ljc4MDE2IDEyNDYuNzQwMzUsMTQ1Ni42NDMwNSA4MjguMzI1ODgsMTQwMy42MDI1OCBDNDA5LjkxMTQxMSwxMzUwLjU2NSA5NC41MTIxNTE3LDEwMjcuNzEwNiAxMjMuODY0ODMxLDY4Mi40OTEyOTkgQzE1My4yMTc1MSwzMzcuMjcyIDUxNi4yMDI0NTgsMTAwLjQwOTExMiA5MzQuNjE2OTI3LDE1My40NDk1ODEgQzEzNTMuMDMxNCwyMDYuNDg3MTYzIDE2NjguNDMwNjUsNTI5LjM0MTU2NCAxNjM5LjA3Nzk4LDg3NC41NjA4NjMgWiIgaWQ9IlN0cm9rZS05IiBzdHJva2U9IiMyOTY5RjIiIHN0cm9rZS13aWR0aD0iMC4yIi8+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNjY0LjI4MDE5LDg5NC43MTA5NDEgQzE2MjcuNTkxOCwxMjMxLjk4NjA5IDEyNTkuODA4NTUsMTQ1MS42NTIzMiA4NDIuODEyMDIsMTM4NS4zNDc4NSBDNDI1LjgxODczMiwxMzE5LjA0MzM4IDExNy41MTczNzcsOTkxLjg3NjA1NyAxNTQuMjA1Nzc0LDY1NC41OTgwMTggQzE5MC44OTQxNzEsMzE3LjMyMjg2NyA1NTguNjc3NDE0LDk3LjY1NjYzOTMgOTc1LjY3MDcwMiwxNjMuOTYxMTEgQzEzOTIuNjY3MjQsMjMwLjI2ODQ2OCAxNzAwLjk2ODU5LDU1Ny40MzU3OSAxNjY0LjI4MDE5LDg5NC43MTA5NDEgWiIgaWQ9IlN0cm9rZS0xMSIgc3Ryb2tlPSIjMjk2OUYyIiBzdHJva2Utd2lkdGg9IjAuMiIvPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTY5MC4xNjQ4OCw5MTUuMTA0MzI2IEMxNjQ2LjEyNjMxLDEyNDQuMzc2MyAxMjczLjQxNzM1LDE0NDYuODA5OTUgODU3LjY5OTI2NiwxMzY3LjI0OTc1IEM0NDEuOTgxMTgsMTI4Ny42ODk1NSAxNDAuNjczNzM2LDk1Ni4yNjMzMjIgMTg0LjcxMjMwMSw2MjYuOTkxMzQ5IEMyMjguNzUwODY3LDI5Ny43MTkzNzcgNjAxLjQ1NjU3OSw5NS4yODU3MjYzIDEwMTcuMTc3OTEsMTc0Ljg0NTkyNSBDMTQzMi44OTYsMjU0LjQwNjEyNCAxNzM0LjIwMzQ0LDU4NS44MzIzNTMgMTY5MC4xNjQ4OCw5MTUuMTA0MzI2IFoiIGlkPSJTdHJva2UtMTMiIHN0cm9rZT0iIzI5NjlGMiIgc3Ryb2tlLXdpZHRoPSIwLjIiLz4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTE3MTYuMDc0NjQsOTM1LjE2NTIzOCBDMTY2NC42OTc4NSwxMjU2LjYxNjYxIDEyODcuMTgzNSwxNDQxLjkyNDc1IDg3Mi44NzMxMDEsMTM0OS4wNTgzMyBDNDU4LjU2MjcsMTI1Ni4xOTE5IDE2NC4zNDY4ODMsOTIwLjMyMDcwOSAyMTUuNzIzNjcyLDU5OC44NjY0NSBDMjY3LjEwMDQ2LDI3Ny40MTUwODEgNjQ0LjYxNDgwNiw5Mi4xMDk4MjYxIDEwNTguOTI1MjEsMTg0Ljk3NjI1MiBDMTQ3My4yMzU2MSwyNzcuODM5Nzg4IDE3NjcuNDUxNDIsNjEzLjcxMzg2OCAxNzE2LjA3NDY0LDkzNS4xNjUyMzggWiIgaWQ9IlN0cm9rZS0xNSIgc3Ryb2tlPSIjMjk2OUYyIiBzdHJva2Utd2lkdGg9IjAuMiIvPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTc0MS40ODA2MSw5NTUuNDUyNDAyIEMxNjgyLjc4NDY1LDEyNjguNzEyMTUgMTMwMC41ODQwNCwxNDM2LjY4MDIyIDg4Ny44MTMyMiwxMzMwLjYyMDM1IEM0NzUuMDQ1NjUsMTIyNC41NTc1OSAxODguMDEyOTQzLDg4NC42Mjg0MDggMjQ2LjcwODkwNiw1NzEuMzY4NjU3IEMzMDUuNDA0ODcsMjU4LjEwODkwNiA2ODcuNjA1NDgsOTAuMTQwODM5MSAxMTAwLjM3NjMsMTk2LjIwMDcwOCBDMTUxMy4xNDM4NywzMDIuMjYzNDY1IDE4MDAuMTc2NTcsNjQyLjE5MjY1MSAxNzQxLjQ4MDYxLDk1NS40NTI0MDIgWiIgaWQ9IlN0cm9rZS0xNyIgc3Ryb2tlPSIjMjk2OUYyIiBzdHJva2Utd2lkdGg9IjAuMiIvPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTc2Ni43MTgyNyw5NzUuNzE1MzA5IEMxNzAwLjY4NTYsMTI4MS4xODAxOSAxMzEzLjY3MDA0LDE0MzIuMDI0NjkgOTAyLjMwMDg0OSwxMzEyLjYzNTI2IEM0OTAuOTI4NDE0LDExOTMuMjQyOTQgMjEwLjk3ODU2Nyw4NDguODI5MDA5IDI3Ny4wMTQ0ODksNTQzLjM2MTI0IEMzNDMuMDQ3MTY0LDIzNy44OTYzNjEgNzMwLjA2MjcyNiw4Ny4wNTE4NjA5IDExNDEuNDMxOTEsMjA2LjQ0NDE4MiBDMTU1Mi44MDExLDMyNS44MzM2MTQgMTgzMi43NTQyLDY3MC4yNTA0MyAxNzY2LjcxODI3LDk3NS43MTUzMDkgWiIgaWQ9IlN0cm9rZS0xOSIgc3Ryb2tlPSIjMjk2OUYyIiBzdHJva2Utd2lkdGg9IjAuMiIvPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTc5Mi42MzQ5NSw5OTYuMTYxNTkyIEMxNzE5LjIzNzA4LDEyOTMuNjg1NjMgMTMyNy4yNzg0MywxNDI3LjMyNDY5IDkxNy4xNjM1MzQsMTI5NC42NTA2OCBDNTA3LjA1MTg4NSwxMTYxLjk3Mzc3IDIzNC4wOTExNzksODEzLjIyNzAxNSAzMDcuNDg5MDQ4LDUxNS43MDI5OCBDMzgwLjg4NjkxNywyMTguMTc4OTQ1IDc3Mi44NDU1NjcsODQuNTM5ODgwOSAxMTgyLjk1NzIyLDIxNy4yMTM4OTYgQzE1OTMuMDY4ODYsMzQ5Ljg5MDggMTg2Ni4wMzI4Miw2OTguNjM3NTU3IDE3OTIuNjM0OTUsOTk2LjE2MTU5MiBaIiBpZD0iU3Ryb2tlLTIxIiBzdHJva2U9IiMyOTY5RjIiIHN0cm9rZS13aWR0aD0iMC4yIi8+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xODE4LjMxMjgzLDEwMTYuNDc4MyBDMTczNy41NzM4LDEzMDUuOTA5ODEgMTM0MC43ODkzLDE0MjIuMjc4NTYgOTMyLjA2NzAzNCwxMjc2LjM4ODcyIEM1MjMuMzQ0NzcxLDExMzAuNTAxNzcgMjU3LjQ2MzIzOSw3NzcuNjA2MTEyIDMzOC4yMDIyNyw0ODguMTcxNzE1IEM0MTguOTQxMywxOTguNzQwMjA3IDgxNS43MjU4LDgyLjM3NDM1MDYgMTIyNC40NDgwNiwyMjguMjYxMzAyIEMxNjMzLjE3MDMzLDM3NC4xNDgyNTMgMTg5OS4wNTE4Niw3MjcuMDQ2Nzk2IDE4MTguMzEyODMsMTAxNi40NzgzIFoiIGlkPSJTdHJva2UtMjMiIHN0cm9rZT0iIzI5NjlGMiIgc3Ryb2tlLXdpZHRoPSIwLjIiLz4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTE4NDQuMDE5NzUsMTAzNi40MzggQzE3NTUuOTY3MzYsMTMxNy44NjYzMiAxMzU0LjQ4NTE5LDE0MTcuMDA0MjEgOTQ3LjI4NTg4MSwxMjU3Ljg2NzIxIEM1NDAuMDgzMzI2LDEwOTguNzMwMjIgMjgxLjM2NDA4LDc0MS41ODAyNzYgMzY5LjQxNjQ3NSw0NjAuMTUxOTU0IEM0NTcuNDY4ODcsMTc4LjcyMzYzMiA4NTguOTUxMDM4LDc5LjU4NTc1MDggMTI2Ni4xNTAzNSwyMzguNzIyNzQ0IEMxNjczLjM1MjksMzk3Ljg1OTczNiAxOTMyLjA3MjE1LDc1NS4wMDk2OCAxODQ0LjAxOTc1LDEwMzYuNDM4IFoiIGlkPSJTdHJva2UtMjUiIHN0cm9rZT0iIzI5NjlGMiIgc3Ryb2tlLXdpZHRoPSIwLjIiLz4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTE4NjkuMjkxNTUsMTA1Ni42MzkgQzE3NzMuODk3MzUsMTMzMC4xNDAxOCAxMzY3LjU4MDgxLDE0MTIuMDc1MjggOTYxLjc2MTAwOCwxMjM5LjY0MzI4IEM1NTUuOTQxMjA3LDEwNjcuMjExMjcgMzA0LjI5MzY0NSw3MDUuNzExODIyIDM5OS42ODc4NCw0MzIuMjA3NzUyIEM0OTUuMDgyMDM1LDE1OC43MDY1NjkgOTAxLjM5ODU3OSw3Ni43NzE0Njk2IDEzMDcuMjE4MzgsMjQ5LjIwMzQ3NSBDMTcxMy4wMzgxOCw0MjEuNjM1NDgxIDE5NjQuNjg1NzQsNzgzLjEzNzgyIDE4NjkuMjkxNTUsMTA1Ni42MzkgWiIgaWQ9IlN0cm9rZS0yNyIgc3Ryb2tlPSIjMjk2OUYyIiBzdHJva2Utd2lkdGg9IjAuMiIvPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTg5NS4yMzg3NCwxMDc2LjkxNzc3IEMxNzkyLjQ2NjgxLDEzNDIuMzM0NzcgMTM4MS4xNzc3LDE0MDcuMDIyOTUgOTc2LjU5ODg3LDEyMjEuMzk4NTIgQzU3Mi4wMjAwNDQsMTAzNS43NzQwOSAzMjcuMzU3NzUxLDY3MC4xMzI3MDkgNDMwLjEzMjkzMyw0MDQuNzE1NzAyIEM1MzIuOTA0ODY3LDEzOS4yOTg2OTUgOTQ0LjE5Mzk3OCw3NC42MTA1MTggMTM0OC43NzI4LDI2MC4yMzQ5NDkgQzE3NTMuMzUxNjMsNDQ1Ljg1OTM4MSAxOTk4LjAxMDY3LDgxMS41MDA3NiAxODk1LjIzODc0LDEwNzYuOTE3NzcgWiIgaWQ9IlN0cm9rZS0yOSIgc3Ryb2tlPSIjMjk2OUYyIiBzdHJva2Utd2lkdGg9IjAuMiIvPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTkyMS4xNTc5LDEwOTcuMTIwOTQgQzE4MTEuMTA2OTMsMTM1NC41MzIzNyAxMzk1LjI0ODQzLDE0MDIuMDAwMzMgOTkyLjMwNTk5LDEyMDMuMTM3ODMgQzU4OS4zNjY3OTMsMTAwNC4yNzUzMyAzNTEuOTMwOTE0LDYzNC4zOTQxOTUgNDYxLjk4MTg4OSwzNzYuOTc5ODg2IEM1NzIuMDI5NjE4LDExOS41Njg0NjMgOTg3Ljg5MTM1Niw3Mi4xMDMzODc1IDEzOTAuODMwNTUsMjcwLjk2MzAwMSBDMTc5My43NzMsNDY5LjgyNTUwMSAyMDMxLjIwODg4LDgzOS43MDk1MjEgMTkyMS4xNTc5LDEwOTcuMTIwOTQgWiIgaWQ9IlN0cm9rZS0zMSIgc3Ryb2tlPSIjMjk2OUYyIiBzdHJva2Utd2lkdGg9IjAuMiIvPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTk0Ni43LDExMTcuMzMxMTUgQzE4MjkuMjYzNTksMTM2Ni44MTU1IDE0MDguNDE0MzIsMTM5Ny4wNzMzNiAxMDA2LjcwNTM0LDExODQuOTEzMTkgQzYwNC45OTYzNjQsOTcyLjc1MzAxNyAzNzQuNTQ2NTIyLDU5OC41MTIwNTEgNDkxLjk4MjkzNSwzNDkuMDI3NyBDNjA5LjQxOTM0OSw5OS41NDMzNDkyIDEwMzAuMjY4NjIsNjkuMjg1NDk1MyAxNDMxLjk3NzU5LDI4MS40NDU2NjYgQzE4MzMuNjg2NTcsNDkzLjYwNTgzNyAyMDY0LjEzNjQyLDg2Ny44NDY4MDIgMTk0Ni43LDExMTcuMzMxMTUgWiIgaWQ9IlN0cm9rZS0zMyIgc3Ryb2tlPSIjMjk2OUYyIiBzdHJva2Utd2lkdGg9IjAuMiIvPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTk3Mi41OTU0MywxMTM4LjY0MjYxIEMxODQ3LjgwNjU5LDEzODAuMjc3NzYgMTQyMi4wOTYxOSwxMzkzLjMyNTg1IDEwMjEuNzQ3NTgsMTE2Ny43ODQxMSBDNjIxLjM5NTcxNSw5NDIuMjQyMzY3IDM5OC4wMDgwMTUsNTYzLjUxODU0NyA1MjIuNzk2ODQ5LDMyMS44ODA1MSBDNjQ3LjU4NTY4Myw4MC4yNDUzNjM0IDEwNzMuMjk2MDksNjcuMTk3Mjc5MyAxNDczLjY0NDcsMjkyLjc0MTkwOCBDMTg3My45OTY1Niw1MTguMjgzNjQ3IDIwOTcuMzg0MjYsODk3LjAwNzQ2OCAxOTcyLjU5NTQzLDExMzguNjQyNjEgWiIgaWQ9IlN0cm9rZS0zNSIgc3Ryb2tlPSIjMjk2OUYyIiBzdHJva2Utd2lkdGg9IjAuMiIvPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTk5Ny45NDc3OCwxMTU4LjQwODY2IEMxODY1Ljg0NjAxLDEzOTIuMDgyMTggMTQzNS40MTA0NCwxMzg3LjkwMzg2IDEwMzYuNTM5OTMsMTE0OS4wNzI0NyBDNjM3LjY3MjY2OSw5MTAuMjQxMDY4IDQyMS40MTU4MTMsNTI3LjE5NzE0OSA1NTMuNTE3NTgsMjkzLjUyMzYyOSBDNjg1LjYxOTM0Nyw1OS44NTAxMDggMTExNi4wNTQ5MSw2NC4wMjg0MjIyIDE1MTQuOTI1NDIsMzAyLjg1OTgyIEMxOTEzLjc5MjY5LDU0MS42OTEyMTkgMjEzMC4wNDk1NCw5MjQuNzM1MTM3IDE5OTcuOTQ3NzgsMTE1OC40MDg2NiBaIiBpZD0iU3Ryb2tlLTM3IiBzdHJva2U9IiMyOTY5RjIiIHN0cm9rZS13aWR0aD0iMC4yIi8+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yMDIzLjk3NjMyLDExNzguMjc3MTkgQzE4ODQuNTE1OTYsMTQwMy45MDQ1NiAxNDQ5LjIwMjA3LDEzODIuNTAxNjcgMTA1MS42NzY4OSwxMTMwLjQ3MzgzIEM2NTQuMTUxNzE0LDg3OC40NDMxMDUgNDQ0Ljk0OTgxNSw0OTEuMjIzNzMgNTg0LjQxMDE3LDI2NS41OTM0NzMgQzcyMy44NzA1MjUsMzkuOTY2MTA0OSAxMTU5LjE4NDQyLDYxLjM2OTAwMDYgMTU1Ni43MDk1OSwzMTMuMzk5NzI1IEMxOTU0LjIzNDc3LDU2NS40MzA0NSAyMTYzLjQzNjY3LDk1Mi42NDk4MjUgMjAyMy45NzYzMiwxMTc4LjI3NzE5IFoiIGlkPSJTdHJva2UtMzkiIHN0cm9rZT0iIzI5NjlGMiIgc3Ryb2tlLXdpZHRoPSIwLjIiLz4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTIwNDkuNTIwMzUsMTE5OC44MDgwMiBDMTkwMi43NDQyMSwxNDE2LjUwODEzIDE0NjIuNjg1MjksMTM3Ny44NzI3MyAxMDY2LjYyMzgyLDExMTIuNTEwNDUgQzY3MC41NjU1OTMsODQ3LjE1MTA1OSA0NjguNDc5Myw0NTUuNTQ5NzYgNjE1LjI1ODY4OCwyMzcuODQ5NjUxIEM3NjIuMDM0ODMsMjAuMTQ5NTQxIDEyMDIuMDkzNzUsNTguNzg0OTM5MiAxNTk4LjE1MTk3LDMyNC4xNDcyMiBDMTk5NC4yMTM0NCw1ODkuNTA2NjExIDIxOTYuMjk2NDksOTgxLjEwNzkxIDIwNDkuNTIwMzUsMTE5OC44MDgwMiBaIiBpZD0iU3Ryb2tlLTQxIiBzdHJva2U9IiMyOTY5RjIiIHN0cm9rZS13aWR0aD0iMC4yIi8+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yMDc0LjYyNjA0LDEyMTkuMDA0NDIgQzE5MjAuNDc5MDcsMTQyOC41NjI3OSAxNDc1LjUyMzU2LDEzNzIuNzQyMzUgMTA4MC43ODk4OCwxMDk0LjMyMTU0IEM2ODYuMDU2MTkzLDgxNS45MDM2MTkgNDkxLjAxNzkyNSw0MjAuMzE4NDkzIDY0NS4xNjQ4OTYsMjEwLjc1NzIzOSBDNzk5LjMwODYyLDEuMTk4ODcxMjcgMTI0NC4yNjQxMyw1Ny4wMjIyMDE0IDE2MzkuMDAxMDYsMzM1LjQ0MDEyMiBDMjAzMy43MzQ3NCw2MTMuODYwOTMgMjIyOC43NzMwMSwxMDA5LjQ0NjA1IDIwNzQuNjI2MDQsMTIxOS4wMDQ0MiBaIiBpZD0iU3Ryb2tlLTQzIiBzdHJva2U9IiMyOTY5RjIiIHN0cm9rZS13aWR0aD0iMC4yIi8+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yMTAwLjg5NzM4LDEyMzkuNjIxNTkgQzE5MzkuNDI4MTIsMTQ0MS4zNDYzMyAxNDg5LjcwODA5LDEzNjguMjU5NTQgMTA5Ni40MTY1OCwxMDc2LjM3MTggQzcwMy4xMjUwNjYsNzg0LjQ4Njk0MyA1MTUuMTkzNDY3LDM4NC4zMzQyNSA2NzYuNjYyNzMzLDE4Mi42MDk1MTQgQzgzOC4xMzE5OTgsLTE5LjExNTIyMjQgMTI4Ny44NTIwMiw1My45NzE1NjU4IDE2ODEuMTQzNTQsMzQ1Ljg1OTMwNyBDMjA3NC40MzUwNSw2MzcuNzQ0MTYgMjI2Mi4zNjY2NSwxMDM3Ljg5Njg1IDIxMDAuODk3MzgsMTIzOS42MjE1OSBaIiBpZD0iU3Ryb2tlLTQ1IiBzdHJva2U9IiMyOTY5RjIiIHN0cm9rZS13aWR0aD0iMC4yIi8+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yMTI1Ljg0ODUyLDEyNTkuNzE2MzcgQzE5NTcuMTA3OTcsMTQ1My40Mzc2NiAxNTAyLjc1NDI5LDEzNjMuMTMwODkgMTExMS4wMTkzOCwxMDU4LjAwOTY4IEM3MTkuMjg3NzEyLDc1Mi44ODg0NzggNTM4LjUxNDIsMzQ4LjQ5NTY5OCA3MDcuMjU0NzU1LDE1NC43NzE1MjYgQzg3NS45OTUzMSwtMzguOTQ5NzU2MyAxMzMwLjM0ODk5LDUxLjM1NzAxMzcgMTcyMi4wODM5LDM1Ni40NzgyMTggQzIxMTMuODE1NTYsNjYxLjU5OTQyMiAyMjk0LjU4OTA4LDEwNjUuOTk1MDkgMjEyNS44NDg1MiwxMjU5LjcxNjM3IFoiIGlkPSJTdHJva2UtNDciIHN0cm9rZT0iIzI5NjlGMiIgc3Ryb2tlLXdpZHRoPSIwLjIiLz4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTIxNTIuMzU4ODEsMTI4MC4zNzA2NiBDMTk3Ni4xNzYyNiwxNDY2LjEwMTU1IDE1MTYuNzMyMjgsMTM1OC41NzQ2NiAxMTI2LjE2NDYzLDEwNDAuMjAwMzIgQzczNS41OTM3MjQsNzIxLjgyNTk4MyA1NjEuODAxNjczLDMxMy4xNjYwMzkgNzM3Ljk4NDIyNSwxMjcuNDM1MTU1IEM5MTQuMTY2Nzc3LC01OC4yOTg2MTcxIDEzNzMuNjEwNzUsNDkuMjMxMTU3NSAxNzY0LjE3ODQxLDM2Ny42MDU0OTcgQzIxNTQuNzQ2MDcsNjg1Ljk3OTgzNiAyMzI4LjU0MTM2LDEwOTQuNjM5NzggMjE1Mi4zNTg4MSwxMjgwLjM3MDY2IFoiIGlkPSJTdHJva2UtNDkiIHN0cm9rZT0iIzI5NjlGMiIgc3Ryb2tlLXdpZHRoPSIwLjIiLz4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTIxNzguMzE1NjMsMTI5OS45OTQ1NiBDMTk5NC44NTMxMiwxNDc3Ljc2MDgxIDE1MzAuNzQ4NTUsMTM1Mi45OTc2NiAxMTQxLjcwODkzLDEwMjEuMzI0NDkgQzc1Mi42NjYwNjYsNjg5LjY1MTMyNCA1ODYuMDE1OTczLDI3Ni42NjkxNyA3NjkuNDc4NDg1LDk4LjkwMDAyNTEgQzk1Mi45NDA5OTcsLTc4Ljg2NjIzMDMgMTQxNy4wNDU1Niw0NS44OTk4MTA4IDE4MDYuMDg1MTksMzc3LjU3MDA5IEMyMTk1LjEyNDgxLDcwOS4yNDMyNTkgMjM2MS43NzgxNSwxMTIyLjIyODMgMjE3OC4zMTU2MywxMjk5Ljk5NDU2IFoiIGlkPSJTdHJva2UtNTEiIHN0cm9rZT0iIzI5NjlGMiIgc3Ryb2tlLXdpZHRoPSIwLjIiLz4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTIyMDMuMzA4NDEsMTMyMC4zMTQyMiBDMjAxMi41MDE4NywxNDkwLjAyODQxIDE1NDMuNTY3MjksMTM0OC4wOTc0IDExNTUuOTE0OCwxMDAzLjI5NzIyIEM3NjguMjYyMzAyLDY1OC40OTcwNDYgNjA4LjY5MTg3NCwyNDEuMzk5OTY3IDc5OS40OTg0MTUsNzEuNjg1Nzc4NiBDOTkwLjMwNDk1NSwtOTguMDI4NDA5NSAxNDU5LjIzOTUzLDQzLjkwMjYwMzcgMTg0Ni44OTIwMywzODguNzAyNzc5IEMyMjM0LjU0NDUyLDczMy41MDI5NTQgMjM5NC4xMTQ5NSwxMTUwLjYwMDAzIDIyMDMuMzA4NDEsMTMyMC4zMTQyMiBaIiBpZD0iU3Ryb2tlLTUzIiBzdHJva2U9IiMyOTY5RjIiIHN0cm9rZS13aWR0aD0iMC4yIi8+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDxnIGlkPSJib3R0b21sZWZ0c3dpcmxzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMzU3Ljk4NzEsIDMxNDQuNTI3NCkgcm90YXRlKDMwKSB0cmFuc2xhdGUoLTEzNTcuOTg3MSwgLTMxNDQuNTI3NCl0cmFuc2xhdGUoMjE2LjAzNTQsIDI0MDYuNDcxNikiPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTUzNiw3OTMuMTExNzEzIEMxNTM2LDExNzAuMzIwMzUgMTE5Mi4xNTUxMywxNDc2LjExMTcxIDc2Ny45OTgzNzYsMTQ3Ni4xMTE3MSBDMzQzLjg0NDg3MywxNDc2LjExMTcxIDUuMTIyNTQ2OTNlLTEyLDExNzAuMzIwMzUgNS4xMjI1NDY5M2UtMTIsNzkzLjExMTcxMyBDNS4xMjI1NDY5M2UtMTIsNDE1LjkwMzA4IDM0My44NDQ4NzMsMTEwLjExMTcxMyA3NjcuOTk4Mzc2LDExMC4xMTE3MTMgQzExOTIuMTU1MTMsMTEwLjExMTcxMyAxNTM2LDQxNS45MDMwOCAxNTM2LDc5My4xMTE3MTMgWiIgaWQ9IlN0cm9rZS0xIiBzdHJva2U9IiMyOTY5RjIiIHN0cm9rZS13aWR0aD0iMC4yIi8+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNTYyLjAwMTkxLDgxMy43ODQ2NDQgQzE1NTQuNjYyOTMsMTE4My4wMTk2MSAxMjA2LjAzODc3LDE0NzEuNTkzNTUgNzgzLjMyOTkxLDE0NTguMzMwNTcgQzM2MC42MjEwNDksMTQ0NS4wNzA0NyAyMy44OTgzNzQxLDExMzQuOTkzMjcgMzEuMjM3MzUxNSw3NjUuNzU4MzA2IEMzOC41NzYzMjg5LDM5Ni41MjA0NSAzODcuMjAwNDg3LDEwNy45NDY1MDkgODA5LjkwOTM0OCwxMjEuMjA5NDk2IEMxMjMyLjYxODIxLDEzNC40NzI0ODMgMTU2OS4zNDA4OCw0NDQuNTQ5Njc3IDE1NjIuMDAxOTEsODEzLjc4NDY0NCBaIiBpZD0iU3Ryb2tlLTMiIHN0cm9rZT0iIzI5NjlGMiIgc3Ryb2tlLXdpZHRoPSIwLjIiLz4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTE1ODYuOTE5NjUsODMzLjkzMzQ3MiBDMTU3Mi4yNDc4MSwxMTk1LjI0MjczIDEyMTguOTU1MDgsMTQ2Ni42Mzc3NSA3OTcuODI0NTY3LDE0NDAuMTA3NzcgQzM3Ni42OTA4MDgsMTQxMy41ODA2OCA0Ny4xODc4ODc1LDEwOTkuMTcyNjQgNjEuODYyOTc0LDczNy44NjMzODcgQzc2LjUzNDgxNDUsMzc2LjU1NDEzMiA0MjkuODI0Mjk1LDEwNS4xNTkxMDQgODUwLjk1ODA1MywxMzEuNjg5MDg3IEMxMjcyLjA5MTgxLDE1OC4yMTYxODIgMTYwMS41OTE0OSw0NzIuNjI0MjE2IDE1ODYuOTE5NjUsODMzLjkzMzQ3MiBaIiBpZD0iU3Ryb2tlLTUiIHN0cm9rZT0iIzI5NjlGMiIgc3Ryb2tlLXdpZHRoPSIwLjIiLz4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTE2MTMuNDQ3MDUsODU0LjYyNTMxIEMxNTkxLjQyNjQ2LDEyMDguMDI5MjMgMTIzMy4xMTQ0NiwxNDYyLjI1NjUzIDgxMy4xMzUwNiwxNDIyLjQ1Mjk4IEMzOTMuMTU4OTEyLDEzODIuNjUyMzEgNzAuNTUwNzkxOCwxMDYzLjg5NDQ3IDkyLjU3NDYyODMsNzEwLjQ5MDU1MiBDMTE0LjU5NTIxNywzNTcuMDgzNzQyIDQ3Mi45MDcyMjEsMTAyLjg1OTMyOCA4OTIuODg2NjE3LDE0Mi42NTk5OTUgQzEzMTIuODYyNzcsMTgyLjQ2MzU1MSAxNjM1LjQ3MDg5LDUwMS4yMjEzODkgMTYxMy40NDcwNSw4NTQuNjI1MzEgWiIgaWQ9IlN0cm9rZS03IiBzdHJva2U9IiMyOTY5RjIiIHN0cm9rZS13aWR0aD0iMC4yIi8+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNjM5LjA3Nzk4LDg3NC41NjA4NjMgQzE2MDkuNzI1MywxMjE5Ljc4MDE2IDEyNDYuNzQwMzUsMTQ1Ni42NDMwNSA4MjguMzI1ODgsMTQwMy42MDI1OCBDNDA5LjkxMTQxMSwxMzUwLjU2NSA5NC41MTIxNTE3LDEwMjcuNzEwNiAxMjMuODY0ODMxLDY4Mi40OTEyOTkgQzE1My4yMTc1MSwzMzcuMjcyIDUxNi4yMDI0NTgsMTAwLjQwOTExMiA5MzQuNjE2OTI3LDE1My40NDk1ODEgQzEzNTMuMDMxNCwyMDYuNDg3MTYzIDE2NjguNDMwNjUsNTI5LjM0MTU2NCAxNjM5LjA3Nzk4LDg3NC41NjA4NjMgWiIgaWQ9IlN0cm9rZS05IiBzdHJva2U9IiMyOTY5RjIiIHN0cm9rZS13aWR0aD0iMC4yIi8+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNjY0LjI4MDE5LDg5NC43MTA5NDEgQzE2MjcuNTkxOCwxMjMxLjk4NjA5IDEyNTkuODA4NTUsMTQ1MS42NTIzMiA4NDIuODEyMDIsMTM4NS4zNDc4NSBDNDI1LjgxODczMiwxMzE5LjA0MzM4IDExNy41MTczNzcsOTkxLjg3NjA1NyAxNTQuMjA1Nzc0LDY1NC41OTgwMTggQzE5MC44OTQxNzEsMzE3LjMyMjg2NyA1NTguNjc3NDE0LDk3LjY1NjYzOTMgOTc1LjY3MDcwMiwxNjMuOTYxMTEgQzEzOTIuNjY3MjQsMjMwLjI2ODQ2OCAxNzAwLjk2ODU5LDU1Ny40MzU3OSAxNjY0LjI4MDE5LDg5NC43MTA5NDEgWiIgaWQ9IlN0cm9rZS0xMSIgc3Ryb2tlPSIjMjk2OUYyIiBzdHJva2Utd2lkdGg9IjAuMiIvPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTY5MC4xNjQ4OCw5MTUuMTA0MzI2IEMxNjQ2LjEyNjMxLDEyNDQuMzc2MyAxMjczLjQxNzM1LDE0NDYuODA5OTUgODU3LjY5OTI2NiwxMzY3LjI0OTc1IEM0NDEuOTgxMTgsMTI4Ny42ODk1NSAxNDAuNjczNzM2LDk1Ni4yNjMzMjIgMTg0LjcxMjMwMSw2MjYuOTkxMzQ5IEMyMjguNzUwODY3LDI5Ny43MTkzNzcgNjAxLjQ1NjU3OSw5NS4yODU3MjYzIDEwMTcuMTc3OTEsMTc0Ljg0NTkyNSBDMTQzMi44OTYsMjU0LjQwNjEyNCAxNzM0LjIwMzQ0LDU4NS44MzIzNTMgMTY5MC4xNjQ4OCw5MTUuMTA0MzI2IFoiIGlkPSJTdHJva2UtMTMiIHN0cm9rZT0iIzI5NjlGMiIgc3Ryb2tlLXdpZHRoPSIwLjIiLz4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTE3MTYuMDc0NjQsOTM1LjE2NTIzOCBDMTY2NC42OTc4NSwxMjU2LjYxNjYxIDEyODcuMTgzNSwxNDQxLjkyNDc1IDg3Mi44NzMxMDEsMTM0OS4wNTgzMyBDNDU4LjU2MjcsMTI1Ni4xOTE5IDE2NC4zNDY4ODMsOTIwLjMyMDcwOSAyMTUuNzIzNjcyLDU5OC44NjY0NSBDMjY3LjEwMDQ2LDI3Ny40MTUwODEgNjQ0LjYxNDgwNiw5Mi4xMDk4MjYxIDEwNTguOTI1MjEsMTg0Ljk3NjI1MiBDMTQ3My4yMzU2MSwyNzcuODM5Nzg4IDE3NjcuNDUxNDIsNjEzLjcxMzg2OCAxNzE2LjA3NDY0LDkzNS4xNjUyMzggWiIgaWQ9IlN0cm9rZS0xNSIgc3Ryb2tlPSIjMjk2OUYyIiBzdHJva2Utd2lkdGg9IjAuMiIvPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTc0MS40ODA2MSw5NTUuNDUyNDAyIEMxNjgyLjc4NDY1LDEyNjguNzEyMTUgMTMwMC41ODQwNCwxNDM2LjY4MDIyIDg4Ny44MTMyMiwxMzMwLjYyMDM1IEM0NzUuMDQ1NjUsMTIyNC41NTc1OSAxODguMDEyOTQzLDg4NC42Mjg0MDggMjQ2LjcwODkwNiw1NzEuMzY4NjU3IEMzMDUuNDA0ODcsMjU4LjEwODkwNiA2ODcuNjA1NDgsOTAuMTQwODM5MSAxMTAwLjM3NjMsMTk2LjIwMDcwOCBDMTUxMy4xNDM4NywzMDIuMjYzNDY1IDE4MDAuMTc2NTcsNjQyLjE5MjY1MSAxNzQxLjQ4MDYxLDk1NS40NTI0MDIgWiIgaWQ9IlN0cm9rZS0xNyIgc3Ryb2tlPSIjMjk2OUYyIiBzdHJva2Utd2lkdGg9IjAuMiIvPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTc2Ni43MTgyNyw5NzUuNzE1MzA5IEMxNzAwLjY4NTYsMTI4MS4xODAxOSAxMzEzLjY3MDA0LDE0MzIuMDI0NjkgOTAyLjMwMDg0OSwxMzEyLjYzNTI2IEM0OTAuOTI4NDE0LDExOTMuMjQyOTQgMjEwLjk3ODU2Nyw4NDguODI5MDA5IDI3Ny4wMTQ0ODksNTQzLjM2MTI0IEMzNDMuMDQ3MTY0LDIzNy44OTYzNjEgNzMwLjA2MjcyNiw4Ny4wNTE4NjA5IDExNDEuNDMxOTEsMjA2LjQ0NDE4MiBDMTU1Mi44MDExLDMyNS44MzM2MTQgMTgzMi43NTQyLDY3MC4yNTA0MyAxNzY2LjcxODI3LDk3NS43MTUzMDkgWiIgaWQ9IlN0cm9rZS0xOSIgc3Ryb2tlPSIjMjk2OUYyIiBzdHJva2Utd2lkdGg9IjAuMiIvPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTc5Mi42MzQ5NSw5OTYuMTYxNTkyIEMxNzE5LjIzNzA4LDEyOTMuNjg1NjMgMTMyNy4yNzg0MywxNDI3LjMyNDY5IDkxNy4xNjM1MzQsMTI5NC42NTA2OCBDNTA3LjA1MTg4NSwxMTYxLjk3Mzc3IDIzNC4wOTExNzksODEzLjIyNzAxNSAzMDcuNDg5MDQ4LDUxNS43MDI5OCBDMzgwLjg4NjkxNywyMTguMTc4OTQ1IDc3Mi44NDU1NjcsODQuNTM5ODgwOSAxMTgyLjk1NzIyLDIxNy4yMTM4OTYgQzE1OTMuMDY4ODYsMzQ5Ljg5MDggMTg2Ni4wMzI4Miw2OTguNjM3NTU3IDE3OTIuNjM0OTUsOTk2LjE2MTU5MiBaIiBpZD0iU3Ryb2tlLTIxIiBzdHJva2U9IiMyOTY5RjIiIHN0cm9rZS13aWR0aD0iMC4yIi8+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xODE4LjMxMjgzLDEwMTYuNDc4MyBDMTczNy41NzM4LDEzMDUuOTA5ODEgMTM0MC43ODkzLDE0MjIuMjc4NTYgOTMyLjA2NzAzNCwxMjc2LjM4ODcyIEM1MjMuMzQ0NzcxLDExMzAuNTAxNzcgMjU3LjQ2MzIzOSw3NzcuNjA2MTEyIDMzOC4yMDIyNyw0ODguMTcxNzE1IEM0MTguOTQxMywxOTguNzQwMjA3IDgxNS43MjU4LDgyLjM3NDM1MDYgMTIyNC40NDgwNiwyMjguMjYxMzAyIEMxNjMzLjE3MDMzLDM3NC4xNDgyNTMgMTg5OS4wNTE4Niw3MjcuMDQ2Nzk2IDE4MTguMzEyODMsMTAxNi40NzgzIFoiIGlkPSJTdHJva2UtMjMiIHN0cm9rZT0iIzI5NjlGMiIgc3Ryb2tlLXdpZHRoPSIwLjIiLz4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTE4NDQuMDE5NzUsMTAzNi40MzggQzE3NTUuOTY3MzYsMTMxNy44NjYzMiAxMzU0LjQ4NTE5LDE0MTcuMDA0MjEgOTQ3LjI4NTg4MSwxMjU3Ljg2NzIxIEM1NDAuMDgzMzI2LDEwOTguNzMwMjIgMjgxLjM2NDA4LDc0MS41ODAyNzYgMzY5LjQxNjQ3NSw0NjAuMTUxOTU0IEM0NTcuNDY4ODcsMTc4LjcyMzYzMiA4NTguOTUxMDM4LDc5LjU4NTc1MDggMTI2Ni4xNTAzNSwyMzguNzIyNzQ0IEMxNjczLjM1MjksMzk3Ljg1OTczNiAxOTMyLjA3MjE1LDc1NS4wMDk2OCAxODQ0LjAxOTc1LDEwMzYuNDM4IFoiIGlkPSJTdHJva2UtMjUiIHN0cm9rZT0iIzI5NjlGMiIgc3Ryb2tlLXdpZHRoPSIwLjIiLz4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTE4NjkuMjkxNTUsMTA1Ni42MzkgQzE3NzMuODk3MzUsMTMzMC4xNDAxOCAxMzY3LjU4MDgxLDE0MTIuMDc1MjggOTYxLjc2MTAwOCwxMjM5LjY0MzI4IEM1NTUuOTQxMjA3LDEwNjcuMjExMjcgMzA0LjI5MzY0NSw3MDUuNzExODIyIDM5OS42ODc4NCw0MzIuMjA3NzUyIEM0OTUuMDgyMDM1LDE1OC43MDY1NjkgOTAxLjM5ODU3OSw3Ni43NzE0Njk2IDEzMDcuMjE4MzgsMjQ5LjIwMzQ3NSBDMTcxMy4wMzgxOCw0MjEuNjM1NDgxIDE5NjQuNjg1NzQsNzgzLjEzNzgyIDE4NjkuMjkxNTUsMTA1Ni42MzkgWiIgaWQ9IlN0cm9rZS0yNyIgc3Ryb2tlPSIjMjk2OUYyIiBzdHJva2Utd2lkdGg9IjAuMiIvPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTg5NS4yMzg3NCwxMDc2LjkxNzc3IEMxNzkyLjQ2NjgxLDEzNDIuMzM0NzcgMTM4MS4xNzc3LDE0MDcuMDIyOTUgOTc2LjU5ODg3LDEyMjEuMzk4NTIgQzU3Mi4wMjAwNDQsMTAzNS43NzQwOSAzMjcuMzU3NzUxLDY3MC4xMzI3MDkgNDMwLjEzMjkzMyw0MDQuNzE1NzAyIEM1MzIuOTA0ODY3LDEzOS4yOTg2OTUgOTQ0LjE5Mzk3OCw3NC42MTA1MTggMTM0OC43NzI4LDI2MC4yMzQ5NDkgQzE3NTMuMzUxNjMsNDQ1Ljg1OTM4MSAxOTk4LjAxMDY3LDgxMS41MDA3NiAxODk1LjIzODc0LDEwNzYuOTE3NzcgWiIgaWQ9IlN0cm9rZS0yOSIgc3Ryb2tlPSIjMjk2OUYyIiBzdHJva2Utd2lkdGg9IjAuMiIvPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTkyMS4xNTc5LDEwOTcuMTIwOTQgQzE4MTEuMTA2OTMsMTM1NC41MzIzNyAxMzk1LjI0ODQzLDE0MDIuMDAwMzMgOTkyLjMwNTk5LDEyMDMuMTM3ODMgQzU4OS4zNjY3OTMsMTAwNC4yNzUzMyAzNTEuOTMwOTE0LDYzNC4zOTQxOTUgNDYxLjk4MTg4OSwzNzYuOTc5ODg2IEM1NzIuMDI5NjE4LDExOS41Njg0NjMgOTg3Ljg5MTM1Niw3Mi4xMDMzODc1IDEzOTAuODMwNTUsMjcwLjk2MzAwMSBDMTc5My43NzMsNDY5LjgyNTUwMSAyMDMxLjIwODg4LDgzOS43MDk1MjEgMTkyMS4xNTc5LDEwOTcuMTIwOTQgWiIgaWQ9IlN0cm9rZS0zMSIgc3Ryb2tlPSIjMjk2OUYyIiBzdHJva2Utd2lkdGg9IjAuMiIvPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTk0Ni43LDExMTcuMzMxMTUgQzE4MjkuMjYzNTksMTM2Ni44MTU1IDE0MDguNDE0MzIsMTM5Ny4wNzMzNiAxMDA2LjcwNTM0LDExODQuOTEzMTkgQzYwNC45OTYzNjQsOTcyLjc1MzAxNyAzNzQuNTQ2NTIyLDU5OC41MTIwNTEgNDkxLjk4MjkzNSwzNDkuMDI3NyBDNjA5LjQxOTM0OSw5OS41NDMzNDkyIDEwMzAuMjY4NjIsNjkuMjg1NDk1MyAxNDMxLjk3NzU5LDI4MS40NDU2NjYgQzE4MzMuNjg2NTcsNDkzLjYwNTgzNyAyMDY0LjEzNjQyLDg2Ny44NDY4MDIgMTk0Ni43LDExMTcuMzMxMTUgWiIgaWQ9IlN0cm9rZS0zMyIgc3Ryb2tlPSIjMjk2OUYyIiBzdHJva2Utd2lkdGg9IjAuMiIvPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTk3Mi41OTU0MywxMTM4LjY0MjYxIEMxODQ3LjgwNjU5LDEzODAuMjc3NzYgMTQyMi4wOTYxOSwxMzkzLjMyNTg1IDEwMjEuNzQ3NTgsMTE2Ny43ODQxMSBDNjIxLjM5NTcxNSw5NDIuMjQyMzY3IDM5OC4wMDgwMTUsNTYzLjUxODU0NyA1MjIuNzk2ODQ5LDMyMS44ODA1MSBDNjQ3LjU4NTY4Myw4MC4yNDUzNjM0IDEwNzMuMjk2MDksNjcuMTk3Mjc5MyAxNDczLjY0NDcsMjkyLjc0MTkwOCBDMTg3My45OTY1Niw1MTguMjgzNjQ3IDIwOTcuMzg0MjYsODk3LjAwNzQ2OCAxOTcyLjU5NTQzLDExMzguNjQyNjEgWiIgaWQ9IlN0cm9rZS0zNSIgc3Ryb2tlPSIjMjk2OUYyIiBzdHJva2Utd2lkdGg9IjAuMiIvPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTk5Ny45NDc3OCwxMTU4LjQwODY2IEMxODY1Ljg0NjAxLDEzOTIuMDgyMTggMTQzNS40MTA0NCwxMzg3LjkwMzg2IDEwMzYuNTM5OTMsMTE0OS4wNzI0NyBDNjM3LjY3MjY2OSw5MTAuMjQxMDY4IDQyMS40MTU4MTMsNTI3LjE5NzE0OSA1NTMuNTE3NTgsMjkzLjUyMzYyOSBDNjg1LjYxOTM0Nyw1OS44NTAxMDggMTExNi4wNTQ5MSw2NC4wMjg0MjIyIDE1MTQuOTI1NDIsMzAyLjg1OTgyIEMxOTEzLjc5MjY5LDU0MS42OTEyMTkgMjEzMC4wNDk1NCw5MjQuNzM1MTM3IDE5OTcuOTQ3NzgsMTE1OC40MDg2NiBaIiBpZD0iU3Ryb2tlLTM3IiBzdHJva2U9IiMyOTY5RjIiIHN0cm9rZS13aWR0aD0iMC4yIi8+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yMDIzLjk3NjMyLDExNzguMjc3MTkgQzE4ODQuNTE1OTYsMTQwMy45MDQ1NiAxNDQ5LjIwMjA3LDEzODIuNTAxNjcgMTA1MS42NzY4OSwxMTMwLjQ3MzgzIEM2NTQuMTUxNzE0LDg3OC40NDMxMDUgNDQ0Ljk0OTgxNSw0OTEuMjIzNzMgNTg0LjQxMDE3LDI2NS41OTM0NzMgQzcyMy44NzA1MjUsMzkuOTY2MTA0OSAxMTU5LjE4NDQyLDYxLjM2OTAwMDYgMTU1Ni43MDk1OSwzMTMuMzk5NzI1IEMxOTU0LjIzNDc3LDU2NS40MzA0NSAyMTYzLjQzNjY3LDk1Mi42NDk4MjUgMjAyMy45NzYzMiwxMTc4LjI3NzE5IFoiIGlkPSJTdHJva2UtMzkiIHN0cm9rZT0iIzI5NjlGMiIgc3Ryb2tlLXdpZHRoPSIwLjIiLz4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTIwNDkuNTIwMzUsMTE5OC44MDgwMiBDMTkwMi43NDQyMSwxNDE2LjUwODEzIDE0NjIuNjg1MjksMTM3Ny44NzI3MyAxMDY2LjYyMzgyLDExMTIuNTEwNDUgQzY3MC41NjU1OTMsODQ3LjE1MTA1OSA0NjguNDc5Myw0NTUuNTQ5NzYgNjE1LjI1ODY4OCwyMzcuODQ5NjUxIEM3NjIuMDM0ODMsMjAuMTQ5NTQxIDEyMDIuMDkzNzUsNTguNzg0OTM5MiAxNTk4LjE1MTk3LDMyNC4xNDcyMiBDMTk5NC4yMTM0NCw1ODkuNTA2NjExIDIxOTYuMjk2NDksOTgxLjEwNzkxIDIwNDkuNTIwMzUsMTE5OC44MDgwMiBaIiBpZD0iU3Ryb2tlLTQxIiBzdHJva2U9IiMyOTY5RjIiIHN0cm9rZS13aWR0aD0iMC4yIi8+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yMDc0LjYyNjA0LDEyMTkuMDA0NDIgQzE5MjAuNDc5MDcsMTQyOC41NjI3OSAxNDc1LjUyMzU2LDEzNzIuNzQyMzUgMTA4MC43ODk4OCwxMDk0LjMyMTU0IEM2ODYuMDU2MTkzLDgxNS45MDM2MTkgNDkxLjAxNzkyNSw0MjAuMzE4NDkzIDY0NS4xNjQ4OTYsMjEwLjc1NzIzOSBDNzk5LjMwODYyLDEuMTk4ODcxMjcgMTI0NC4yNjQxMyw1Ny4wMjIyMDE0IDE2MzkuMDAxMDYsMzM1LjQ0MDEyMiBDMjAzMy43MzQ3NCw2MTMuODYwOTMgMjIyOC43NzMwMSwxMDA5LjQ0NjA1IDIwNzQuNjI2MDQsMTIxOS4wMDQ0MiBaIiBpZD0iU3Ryb2tlLTQzIiBzdHJva2U9IiMyOTY5RjIiIHN0cm9rZS13aWR0aD0iMC4yIi8+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yMTAwLjg5NzM4LDEyMzkuNjIxNTkgQzE5MzkuNDI4MTIsMTQ0MS4zNDYzMyAxNDg5LjcwODA5LDEzNjguMjU5NTQgMTA5Ni40MTY1OCwxMDc2LjM3MTggQzcwMy4xMjUwNjYsNzg0LjQ4Njk0MyA1MTUuMTkzNDY3LDM4NC4zMzQyNSA2NzYuNjYyNzMzLDE4Mi42MDk1MTQgQzgzOC4xMzE5OTgsLTE5LjExNTIyMjQgMTI4Ny44NTIwMiw1My45NzE1NjU4IDE2ODEuMTQzNTQsMzQ1Ljg1OTMwNyBDMjA3NC40MzUwNSw2MzcuNzQ0MTYgMjI2Mi4zNjY2NSwxMDM3Ljg5Njg1IDIxMDAuODk3MzgsMTIzOS42MjE1OSBaIiBpZD0iU3Ryb2tlLTQ1IiBzdHJva2U9IiMyOTY5RjIiIHN0cm9rZS13aWR0aD0iMC4yIi8+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yMTI1Ljg0ODUyLDEyNTkuNzE2MzcgQzE5NTcuMTA3OTcsMTQ1My40Mzc2NiAxNTAyLjc1NDI5LDEzNjMuMTMwODkgMTExMS4wMTkzOCwxMDU4LjAwOTY4IEM3MTkuMjg3NzEyLDc1Mi44ODg0NzggNTM4LjUxNDIsMzQ4LjQ5NTY5OCA3MDcuMjU0NzU1LDE1NC43NzE1MjYgQzg3NS45OTUzMSwtMzguOTQ5NzU2MyAxMzMwLjM0ODk5LDUxLjM1NzAxMzcgMTcyMi4wODM5LDM1Ni40NzgyMTggQzIxMTMuODE1NTYsNjYxLjU5OTQyMiAyMjk0LjU4OTA4LDEwNjUuOTk1MDkgMjEyNS44NDg1MiwxMjU5LjcxNjM3IFoiIGlkPSJTdHJva2UtNDciIHN0cm9rZT0iIzI5NjlGMiIgc3Ryb2tlLXdpZHRoPSIwLjIiLz4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTIxNTIuMzU4ODEsMTI4MC4zNzA2NiBDMTk3Ni4xNzYyNiwxNDY2LjEwMTU1IDE1MTYuNzMyMjgsMTM1OC41NzQ2NiAxMTI2LjE2NDYzLDEwNDAuMjAwMzIgQzczNS41OTM3MjQsNzIxLjgyNTk4MyA1NjEuODAxNjczLDMxMy4xNjYwMzkgNzM3Ljk4NDIyNSwxMjcuNDM1MTU1IEM5MTQuMTY2Nzc3LC01OC4yOTg2MTcxIDEzNzMuNjEwNzUsNDkuMjMxMTU3NSAxNzY0LjE3ODQxLDM2Ny42MDU0OTcgQzIxNTQuNzQ2MDcsNjg1Ljk3OTgzNiAyMzI4LjU0MTM2LDEwOTQuNjM5NzggMjE1Mi4zNTg4MSwxMjgwLjM3MDY2IFoiIGlkPSJTdHJva2UtNDkiIHN0cm9rZT0iIzI5NjlGMiIgc3Ryb2tlLXdpZHRoPSIwLjIiLz4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTIxNzguMzE1NjMsMTI5OS45OTQ1NiBDMTk5NC44NTMxMiwxNDc3Ljc2MDgxIDE1MzAuNzQ4NTUsMTM1Mi45OTc2NiAxMTQxLjcwODkzLDEwMjEuMzI0NDkgQzc1Mi42NjYwNjYsNjg5LjY1MTMyNCA1ODYuMDE1OTczLDI3Ni42NjkxNyA3NjkuNDc4NDg1LDk4LjkwMDAyNTEgQzk1Mi45NDA5OTcsLTc4Ljg2NjIzMDMgMTQxNy4wNDU1Niw0NS44OTk4MTA4IDE4MDYuMDg1MTksMzc3LjU3MDA5IEMyMTk1LjEyNDgxLDcwOS4yNDMyNTkgMjM2MS43NzgxNSwxMTIyLjIyODMgMjE3OC4zMTU2MywxMjk5Ljk5NDU2IFoiIGlkPSJTdHJva2UtNTEiIHN0cm9rZT0iIzI5NjlGMiIgc3Ryb2tlLXdpZHRoPSIwLjIiLz4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTIyMDMuMzA4NDEsMTMyMC4zMTQyMiBDMjAxMi41MDE4NywxNDkwLjAyODQxIDE1NDMuNTY3MjksMTM0OC4wOTc0IDExNTUuOTE0OCwxMDAzLjI5NzIyIEM3NjguMjYyMzAyLDY1OC40OTcwNDYgNjA4LjY5MTg3NCwyNDEuMzk5OTY3IDc5OS40OTg0MTUsNzEuNjg1Nzc4NiBDOTkwLjMwNDk1NSwtOTguMDI4NDA5NSAxNDU5LjIzOTUzLDQzLjkwMjYwMzcgMTg0Ni44OTIwMywzODguNzAyNzc5IEMyMjM0LjU0NDUyLDczMy41MDI5NTQgMjM5NC4xMTQ5NSwxMTUwLjYwMDAzIDIyMDMuMzA4NDEsMTMyMC4zMTQyMiBaIiBpZD0iU3Ryb2tlLTUzIiBzdHJva2U9IiMyOTY5RjIiIHN0cm9rZS13aWR0aD0iMC4yIi8+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=) !important;
    background-color: unset !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: unset !important;
  }
  .sf-connect--footer {
    position: absolute;
    bottom: 1rem;
    color: #fff;
  }
  .sf-connect--logo {
    position: absolute;
    top: 2rem;
    left: 2rem;
  }
}
@layer app {
  .sf-connect_container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin: 0;
    padding: 0;
    height: 100vh;

    background:
      url('/assets/sfSwirlsTopRight-CYiM8n_K.svg') top -14rem
        right 0 no-repeat,
      url('/assets/sfSwirlsBottomLeft-BDCMHlyO.svg') bottom
        0 left 0 no-repeat;
  }
}
@layer app {
  .sf-connect_container {
    & h2,
    & p {
      color: var(--neutral-075);
      font-family: var(--font-family-display);
    }
    & h2 {
      max-width: 37rem;
      font-size: var(--text-size-4);
      text-align: center;
    }
    & p {
      font-size: var(--text-size-1);
    }
    & .try-again {
      margin-top: 3rem;
      margin-bottom: 2rem;
    }
  }
}
@layer app {
  .create-organization--header {
    color: var(--neutral-075);
    font-family: var(--font-family-display);
    max-width: 37rem;
    font-size: var(--text-size-4);
    text-align: center;
  }
  .create-organization--title {
    font-family: var(--font-family-display);
    font-size: var(--text-size-1);
  }
}
@layer app {
  .sf-connect-unauthorized--dialog {
    max-height: 15rem;
    padding: 1rem 1rem 0 1rem;
    font-size: 1rem;
    & .co-modal__header {
      padding-left: 0;
      font-weight: bold;
      font-family: var(--font-family-display);
      font-size: var(--text-size-3);
    }
  }
  .sf-connect--unauthorized-container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    height: 100%;
  }
}
.cobalt-global-header{align-items:center;background:var(--surface-primary);border-bottom:1px solid var(--stroke-subtle);box-shadow:var(--shadow--raised-04);display:flex;flex:1;height:3rem;justify-content:space-between;padding-inline:.75rem;position:relative;z-index:var(--z-index-global-header)}@media (--mediaquery-mobile-and-tablet){.cobalt-global-header{z-index:var(--z-index-side-navigation)}}.cobalt-global-header .cobalt-global-header-actions{display:flex;align-items:center;gap:1rem;position:relative}.cobalt-global-header .cobalt-global-header-left-content{display:flex;align-items:center;gap:.5rem}.cobalt-global-header .cobalt-global-header-left-content .header-title-container{display:flex;gap:.125rem}.cobalt-global-header .cobalt-global-header-left-content .header-title-container .header-title{color:var(--text-primary);font-size:var(--text-size-3);font-weight:var(--font-weight-bold)}.cobalt-global-header .cobalt-global-header-left-content .header-title-container .logo{color:var(--text-primary);font-size:var(--text-size-3);font-weight:var(--font-weight-light)}.cobalt-global-header .cobalt-global-header-left-content .header-title-container .logo.flightscape{display:flex;margin-right:.75rem}
.cobalt-theme-switcher{display:flex;flex-direction:column;gap:.5rem;padding:1.25rem}.cobalt-theme-switcher .theme{color:var(--text-secondary);font-family:var(--font-family-red-hat-text);font-size:var(--font-typesize-02);font-weight:var(--font-weight-bold);line-height:1rem}
.cobalt-user-menu-trigger{position:relative}.cobalt-user-menu-trigger:hover{cursor:pointer}.cobalt-popover{margin:var(--space-08) 0 0 0}.cobalt-user-menu{background-color:var(--surface-primary);border-radius:.5rem;border:none;bottom:0;box-shadow:var(--shadow--floating-04);display:flex;flex-direction:column;inset:unset;overflow-x:auto;padding:0;width:17.5rem}.cobalt-user-menu .cobalt-divider{background-color:var(--stroke-subtle)}.cobalt-user-menu .cobalt-user-menu-header,.cobalt-user-menu .cobalt-user-menu-content,.cobalt-user-menu .cobalt-user-menu-footer-content,.cobalt-user-menu .cobalt-user-menu-theme-selector{padding-inline:1.25rem}.cobalt-user-menu .cobalt-user-menu-content{font-size:var(--text-size-1);display:flex;flex-direction:column;padding-top:1.25rem;padding-bottom:1.25rem;font-weight:var(--font-weight-semibold);gap:1.5rem}.cobalt-user-menu .cobalt-user-menu-footer-content:not(:empty){display:flex;justify-content:center;align-items:center;font-size:var(--text-size-2);padding-top:.75rem;padding-bottom:.75rem;font-weight:var(--font-weight-semibold);color:var(--text-secondary);gap:.5rem}.cobalt-user-menu .cobalt-user-menu-header{font-size:var(--text-size-1);display:flex;padding-top:1rem;padding-bottom:1rem;gap:.75rem}.cobalt-user-menu .cobalt-user-menu-header .cobalt-user-menu-header-profile{display:flex;flex-direction:column}.cobalt-user-menu .cobalt-user-menu-header .cobalt-user-menu-header-profile .cobalt-user-menu-header-profile-fullname{font-weight:var(--font-weight-semibold);color:var(--text-primary)}.cobalt-user-menu .cobalt-user-menu-header .cobalt-user-menu-header-profile .cobalt-user-menu-header-profile-email{color:var(--text-secondary)}.cobalt-user-menu .cobalt-user-menu-theme-selector{padding-block:1.25rem}.cobalt-user-menu .cobalt-user-menu-version{font-weight:var(--font-weight-bold);color:var(--text-secondary);text-align:center;padding:.75rem 0}
@layer app {
  .support-request {
    height: 100dvh;
    padding: 1.5rem;
    position: relative;
    z-index: 1;

    @media (--sm-n-below) {
      height: calc(100dvh - 4rem);
    }

    & h2 {
      margin: 0 0 1rem 0;
    }

    & .co-alert--message,
    & .co-alert--banner {
      margin: 0 0 1rem 0;
    }

    & .co-alert--message.co-alert--success {
      & p {
        font-weight: var(--font-weight-normal);
      }
    }

    & .form-actions {
      background: var(--white);
      border-top: 1px solid var(--neutral-7);
      bottom: 0;
      display: flex;
      gap: 1rem;
      justify-content: flex-end;
      left: 0;
      padding: 1.5rem;
      position: fixed;
      right: 0;
      z-index: 2;
    }
  }
}
@layer app {
  .support-menu > .help-link {
    color: var(--text-interactive);
    /* Body/Desktop/body-02 (semibold) */
    font-family: 'Red Hat Display', sans-serif;
    font-size: var(--Font-size-B1---Body, 1rem);
    font-style: normal;
    font-weight: var(--font-weight-semibold);
    line-height: var(--Line-height-Label, 1.25rem); /* 125% */
  }
  .support-menu > .tech-issues-help {
    border-bottom: none;
  }
  .tech-issues-help-text {
    color: var(--text-primary);
    /* Body/Web/B1 - Size 16 */
    font-family: 'Red Hat Display', sans-serif;
    font-size: var(--text-size-03);
    font-style: normal;
    font-weight: var(--font-weight-regular);
    line-height: 1.25rem; /* 20px */
  }
}
@layer app {
  button.co-btn--icon[data-pressed='true'] {
    background-color: var(--neutral-7);
  }
  .support-menu {
    background: var(--surface-bg-color, var(--white));
    border-radius: var(--radius-3);
    box-shadow: var(--shadow--skim-16);
    color: var(--surface-fg-color, var(--neutral-0));
    max-height: calc(100dvh - 7rem);
    max-width: 23rem;
    min-width: 20rem;
    overflow-y: auto;
    overscroll-behavior: none;
    position: absolute;
    right: 6.5rem;
    display: flex;
    flex-direction: column;
    padding: 1.5rem;

    @media (--sm-n-below) {
      right: 0.5rem;
    }

    &[aria-hidden='true'] {
      opacity: 0;
      top: 100%;
      visibility: hidden;
    }
    &[aria-hidden='false'] {
      opacity: 1;
      top: 3.5rem;
      transform: translate(0, 1.5rem);
      transition: 0.3s ease-in-out;
      visibility: visible;
    }

    & > div {
      border-bottom: 1px solid var(--neutral-7);
      padding: 2.5rem 0;
      &:first-of-type {
        padding: 0 0 2.5rem 0;
      }
      &:last-of-type {
        border-bottom: 0;
        padding: 2.5rem 0 0 0;
      }
      & h3 {
        font-size: var(--text-size-3);
        font-weight: var(--font-weight-bold);
        margin: 0 0 0.5rem 0;
      }
      & a {
        align-items: center;
        display: inline-flex;
        font-weight: 450;
        gap: 0.5rem;
      }
    }

    & ul.administrator-listing {
      &,
      & li {
        margin: 0;
        padding: 0;
      }
      & {
        display: flex;
        flex-direction: column;
        gap: 1rem;
        margin: 1rem 0 0.75rem 0;
      }
      & li {
        background-color: var(--blue-8);
        border-radius: var(--radius-3);
        display: block;
        padding: 0.875rem 1rem;
        &[aria-hidden='true'] {
          display: none;
        }
        & a {
          align-items: flex-start;
          display: flex;
          flex-direction: column;
          gap: 0;
        }
        & h4 {
          font-size: var(--font-typesize-04);
          font-weight: var(--font-weight-bold);
          font-style: normal;
          margin: 0;
          color: var(--tag-text-blue);
        }
        & p {
          font-style: normal;
          font-size: var(--font-typesize-02);
          color: var(--tag-text-blue);
        }
      }

      & + button {
        color: var(--link-interactive);
        font-family: 'Red Hat Display', sans-serif;
        font-size: var(--font-typesize-03);
        font-style: normal;
        font-weight: var(--font-weight-semi-bold);
        line-height: 1.25rem; /* 125% */
      }
    }
    & .administrator-description {
      color: var(--text-primary);
      font-family: 'Red Hat Display', sans-serif;
      font-size: var(--font-typesize-03);
      font-style: normal;
      font-weight: var(--font-weight-regular);
      line-height: 1.25rem;
    }
    & .contact-account-executive {
      color: var(--text-primary);
      /* Body/Web/B1 - Size 16 */
      font-family: 'Red Hat Display', sans-serif;
      font-size: var(--font-typesize-03);
      font-style: normal;
      font-weight: var(--font-weight-regular);
      line-height: 1.25rem; /* 125% */
      & button {
        color: var(--text-interactive);
        font-family: 'Red Hat Display', sans-serif;
        font-size: var(--font-typesize-03);
        font-style: normal;
        font-weight: var(--font-weight-regular);
        line-height: 1.25rem;
        text-decoration-line: underline;
        text-decoration-style: solid;
        text-decoration-skip-ink: none;
        text-decoration-thickness: auto;
        text-underline-offset: auto;
        text-underline-position: from-font;
      }
    }
    & .account-executive {
      background-color: var(--blue-8);
      background-image: url('/assets/swirl-help-iX8xQxW4.svg');
      background-position: center right;
      background-repeat: no-repeat;
      background-size: cover;
      border-radius: var(--radius-3);
      margin: 1.5rem 0 0 0;
      padding: 1.5rem;
      & h4 {
        margin: 0;
        padding: 0;
        color: var(--tag-text-blue);
        font-family: 'Red Hat Display', sans-serif;
        font-size: var(--font-typesize-04);
        font-style: normal;
        font-weight: var(--font-weight-bold);
        line-height: 1.5rem; /* 120% */
      }
      & p {
        color: var(--tag-text-blue);
        font-family: 'Red Hat Display', sans-serif;
        font-size: var(--font-typesize-02);
        font-style: normal;
        font-weight: var(--font-weight-regular);
        line-height: 1rem; /* 133.333% */
      }
      & dl,
      & dt,
      & dd {
        margin: 0;
        padding: 0;
      }
      & dl {
        display: grid;
        gap: 0.5rem;
        grid-template-columns: 2rem 1fr;
        margin: 1rem 0 0 0;
      }
      & dt {
        display: grid;
        border-radius: var(--radius-3);
        background: var(--chips-background-on-default);
        padding: 0.5rem;
        place-items: center;
        color: var(--tag-text-blue);
      }
      & dd {
        place-self: center start;
        color: var(--tag-text-blue);
        font-family: 'Red Hat Display', sans-serif;
        font-size: var(--font-typesize-02);
        font-style: normal;
        font-weight: var(--font-weight-semibold);
        line-height: 1rem; /* 133.333% */

        & a {
          color: var(--tag-text-blue);
        }
      }
    }
  }
}
@layer app {
  .support-menu > .support-request {
    display: flex;
    padding: 0.75rem 1rem !important;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
    align-self: stretch;
    border-radius: 0.5rem;
    background: var(--support-info-subtle-background);
    border-bottom: none;
  }

  .support-request__title {
    align-self: stretch;
    color: var(--tag-text-blue);
    /* Heading/Desktop/heading-01 */
    font-family: 'Red Hat Display', sans-serif;
    font-size: var(--font-typesize-04);
    font-style: normal;
    font-weight: var(--font-weight-bold);
    line-height: 1.5rem; /* 120% */
  }

  .support-request__content {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
  }

  .support-request__description {
    color: var(--tag-text-blue);
    align-self: stretch;
    /* Body/Desktop/body-02 */
    font-family: 'Red Hat Display', sans-serif;
    font-size: var(--Font-size-B1---Body, 1rem);
    font-style: normal;
    font-weight: var(--font-weight-regular);
    line-height: var(--Line-height-Label, 1.25rem); /* 125% */
  }

  .support-request__link-wrapper {
    display: inline-flex;
    align-items: center;
  }

  .support-request__link {
    color: var(--text-interactive);
    /* Body/Desktop/body-02 (semibold) */
    font-family: 'Red Hat Display', sans-serif;
    font-size: var(--Font-size-B1---Body, 1rem);
    font-style: normal;
    font-weight: var(--font-weight-semibold);
    line-height: var(--Line-height-Label, 1.25rem);
    /* 125% */
  }

  .support-request__link a {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    text-decoration: none;
    color: inherit;
  }

  .support-request__link a:hover {
    text-decoration: underline;
  }
}

.cobalt-side-navigation-context-switcher .cobalt-side-navigation-context-switcher-trigger .cobalt-side-navigation-context-switcher-trigger-value-text{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
}
.cobalt-side-navigation-context-switcher-panel {
  ul {
    .cobalt-dropdown-item{
      & .content{
        width: 100%;
          & .label{
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            width: 100%;
          }
      }
    }
  }
}

.cobalt-side-navigation-item {
    a {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden ;
    }
    /* Overwrite cobalt styles to truncate nav items and switcher label and options  - TO DO: to be remove when old library is deleted and new one is fixed */
    a:-webkit-any-link {
        color: inherit;
        text-decoration: none;
    }
    & .label {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden ;
        font-size: var(--font-typesize-02);
        }
}
/* END TO DO */

& .feedback-btn {
    justify-content: flex-start;
    padding-inline: 0;
    &.cobalt-button.cobalt-button-ghost:not(:disabled){
        color:var(--text-primary);
        font-size:var(--font-typesize-02);
    }
}

.cobalt-side-navigation{box-shadow:var(--shadow--raise-04);display:flex;flex-direction:column;justify-content:space-between;position:relative;width:14.5rem;min-height:100%;background:var(--surface-primary);border-right:.1rem solid var(--stroke-subtle);-webkit-user-select:none;user-select:none;z-index:var(--z-index-side-navigation);transition:width .5s ease-in-out;box-shadow:0 1px 24px #00000014}.cobalt-side-navigation .cobalt-divider.cobalt-divider-horizontal{transition:margin .5s ease-in-out;margin:0 var(--space-12);width:initial}.cobalt-side-navigation.cobalt-side-navigation-mobile.cobalt-side-navigation-opened{position:absolute;top:0;left:0;right:0;bottom:0;height:100%;z-index:var(--z-index-global-header)}.cobalt-side-navigation .cobalt-side-navigation-header{border-bottom:1px solid var(--stroke-subtle);box-shadow:var(--shadow--raised-04);display:flex;flex-direction:row;align-items:center;height:3rem;padding:0 .94rem;gap:.125rem;z-index:1200}.cobalt-side-navigation .cobalt-side-navigation-header .header-container{display:flex;font-size:var(--text-size-1);line-height:1.25rem}.cobalt-side-navigation .cobalt-side-navigation-header .header-container .header-title{font-weight:var(--font-weight-bold);color:var(--text-primary);-webkit-user-select:text;user-select:text;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cobalt-side-navigation .cobalt-side-navigation-header .header-container .logo{font-size:var(--text-size-1);color:var(--text-primary);font-weight:var(--font-weight-light);-webkit-user-select:text;user-select:text}.cobalt-side-navigation .cobalt-side-navigation-header .header-container .logo.default{margin-right:.12rem}.cobalt-side-navigation .cobalt-side-navigation-header .header-container .logo.flightscape{display:flex;margin-right:.75rem}.cobalt-side-navigation.cobalt-side-navigation-collapsed{width:var(--space-48)}.cobalt-side-navigation.cobalt-side-navigation-collapsed .cobalt-divider{margin:0 var(--space-08);width:initial}.cobalt-side-navigation.cobalt-side-navigation-collapsed .cobalt-side-navigation-expand-collapse button{transform:rotate(180deg)}.cobalt-side-navigation .cobalt-side-navigation-content{flex:1 0 0;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;position:relative}.cobalt-side-navigation .cobalt-side-navigation-footer{display:flex;flex-direction:column;overflow-x:hidden}.cobalt-side-navigation.cobalt-side-navigation-hidden{display:none}.cobalt-side-navigation.cobalt-side-navigation-mobile{position:absolute;top:0;left:0;right:0;bottom:0}.cobalt-side-navigation .cobalt-side-navigation-expand-collapse{display:flex;justify-content:flex-end;align-items:center;min-height:var(--space-48);padding:.625rem var(--space-08)}.cobalt-side-navigation .cobalt-side-navigation-expand-collapse .cobalt-button{transition:transform .5s ease-int-out}.cobalt-side-navigation svg{height:1.25rem;width:1.25rem}.cobalt-side-navigation-overlay{position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;background-color:var(--surface-scrim);transition:visibility .3s ease-in-out,opacity .2s ease-in-out .1s;visibility:hidden;z-index:var(--z-index-global-header)}.cobalt-side-navigation-overlay.cobalt-side-navigation-overlay-opened{opacity:1;transition:opacity .3s ease-in-out;visibility:visible}
.cobalt-side-navigation-item:not(.cobalt-side-navigation-item-group-button)>*{align-items:center;flex:1 0 100%;display:flex;height:100%;gap:var(--space-12)}.cobalt-side-navigation-item{align-items:center;background:transparent;border:0;color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--font-typesize-02);gap:var(--space-12);height:var(--space-48);line-height:var(--space-16);min-height:var(--space-48);opacity:1;overflow-x:hidden;padding:0 .875rem;text-decoration:none;visibility:visible;white-space:nowrap}.cobalt-side-navigation-item>*{align-items:center;flex:1 0 100%;display:flex;height:100%;gap:var(--space-12)}.cobalt-side-navigation-item.cobalt-side-navigation-item-activated{background-color:var(--nav-selected-default);color:var(--nav-selected-text);font-weight:var(--font-weight-bold)}.cobalt-side-navigation-item.cobalt-side-navigation-item-activated:hover{background-color:var(--nav-selected-hover)}.cobalt-side-navigation-item.cobalt-side-navigation-item-activated:active,.cobalt-side-navigation-item.cobalt-side-navigation-item-activated:hover:active{background-color:var(--nav-selected-pressed)}.cobalt-side-navigation-item .cobalt-side-navigation-item-label{opacity:1;width:100%;transition:width .5s ease-in-out,opacity .5s ease-in-out;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:11rem}.cobalt-side-navigation-item.cobalt-side-navigation-item-collapsed .cobalt-side-navigation-item-label{opacity:0;width:0}.cobalt-side-navigation-item svg{flex:0 0 1.25rem}.cobalt-side-navigation-item:active,.cobalt-side-navigation-item:active:hover{background:var(--button-ghost-pressed)}.cobalt-side-navigation-item:focus-visible{outline:none}.cobalt-side-navigation-item:focus-visible,.cobalt-side-navigation-item:hover{background:var(--button-ghost-hover)}
.cobalt-side-navigation-item-group{font-size:var(--font-typesize-02);line-height:var(--space-16);display:flex;flex-direction:column;position:relative;width:100%}.cobalt-side-navigation-item-group:active{background-color:var(--button-ghost-pressed)}.cobalt-side-navigation-item-group:focus{outline:none}.cobalt-side-navigation-item-group:focus,.cobalt-side-navigation-item-group:hover{background-color:var(--button-ghost-hover)}.cobalt-side-navigation-item-group .cobalt-side-navigation-item-group-button{flex:1;display:flex;width:100%}.cobalt-side-navigation-item-group .cobalt-side-navigation-item-group-button.cobalt-side-navigation-item>*{flex:0}.cobalt-side-navigation-item-group .cobalt-side-navigation-item-group-button .cobalt-side-navigation-item-group-button-label{opacity:1;width:100%;transition:width .5s ease-in-out,opacity .5s ease-in-out}.cobalt-side-navigation-item-group .cobalt-side-navigation-item-group-button.cobalt-side-navigation-item-collapsed .cobalt-side-navigation-item-group-button-label{opacity:0;width:0}.cobalt-side-navigation-item-group .cobalt-side-navigation-item-group-button.cobalt-side-navigation-item-group-button-expanded.cobalt-side-navigation-item{font-weight:var(--font-weight-bold);color:var(--nav-selected-text)}.cobalt-side-navigation-item-group .cobalt-side-navigation-item-group-button.cobalt-side-navigation-item-activated{color:var(--nav-selected-text);background-color:var(--nav-group-active-default);font-weight:var(--font-weight-bold)}.cobalt-side-navigation-item-group .cobalt-side-navigation-item-group-button.cobalt-side-navigation-item-activated:focus,.cobalt-side-navigation-item-group .cobalt-side-navigation-item-group-button.cobalt-side-navigation-item-activated:hover{background-color:var(--nav-group-active-hover)}.cobalt-side-navigation-item-group .cobalt-side-navigation-item-group-button.cobalt-side-navigation-item-activated:active{background-color:var(--nav-group-active-pressed)}.cobalt-side-navigation-item-group .cobalt-side-navigation-item-group-items-expanded{height:auto;opacity:1}.cobalt-side-navigation-item-group .cobalt-side-navigation-item-group-items .cobalt-side-navigation-item{height:var(--space-48);min-height:var(--space-48);padding-left:2.875rem;background-color:var(--nav-group-active-default)}.cobalt-side-navigation-item-group .cobalt-side-navigation-item-group-items .cobalt-side-navigation-item:focus,.cobalt-side-navigation-item-group .cobalt-side-navigation-item-group-items .cobalt-side-navigation-item:hover{background-color:var(--nav-group-active-hover)}.cobalt-side-navigation-item-group .cobalt-side-navigation-item-group-items .cobalt-side-navigation-item:active{background-color:var(--nav-group-active-pressed)}.cobalt-side-navigation-item-group .cobalt-side-navigation-item-group-items .cobalt-side-navigation-item.cobalt-side-navigation-item-activated{color:var(--nav-selected-text);background-color:var(--nav-selected-default);font-weight:var(--font-weight-bold)}.cobalt-side-navigation-item-group .cobalt-side-navigation-item-group-items .cobalt-side-navigation-item.cobalt-side-navigation-item-activated:hover{background-color:var(--nav-selected-hover)}.cobalt-side-navigation-item-group .cobalt-side-navigation-item-group-items .cobalt-side-navigation-item.cobalt-side-navigation-item-activated:active,.cobalt-side-navigation-item-group .cobalt-side-navigation-item-group-items .cobalt-side-navigation-item.cobalt-side-navigation-item-activated:hover:active{background-color:var(--nav-selected-pressed)}.cobalt-side-navigation-item-group .cobalt-side-navigation-item-group-items-overflow-menu:popover-open{left:var(--space-48);box-shadow:0 1px 24px #00000014;display:flex;flex-direction:column;inset:unset;width:var(--space-240);margin-left:var(--space-08);padding:var(--space-16) 0 var(--space-12) 0;background-color:var(--surface-secondary);border-radius:var(--radius-08);border-width:0;overflow-x:auto}.cobalt-side-navigation-item-group .cobalt-side-navigation-item-group-items-overflow-menu:popover-open .cobalt-side-navigation-item-group-button-label{font-size:var(--font-typesize-03);line-height:var(--space-20);display:flex;align-items:center;padding:0 var(--space-12) var(--space-12) var(--space-12);font-weight:var(--font-weight-bold);gap:var(--space-12)}.cobalt-side-navigation-item-group .cobalt-side-navigation-item-group-items-overflow-menu:popover-open .cobalt-side-navigation-item{font-size:var(--font-typesize-03);line-height:var(--space-20);height:var(--space-40);min-height:var(--space-40);padding:0 var(--space-12);overflow:visible;background-color:var(--surface-secondary);border:none;cursor:pointer;flex-flow:row wrap;gap:var(--space-16)}.cobalt-side-navigation-item-group .cobalt-side-navigation-item-group-items-overflow-menu:popover-open .cobalt-side-navigation-item.cobalt-side-navigation-item-collapsed{width:unset;text-indent:0}.cobalt-side-navigation-item-group .cobalt-side-navigation-item-group-items-overflow-menu:popover-open .cobalt-side-navigation-item.cobalt-side-navigation-item-activated,.cobalt-side-navigation-item-group .cobalt-side-navigation-item-group-items-overflow-menu:popover-open .cobalt-side-navigation-item.cobalt-side-navigation-item-activated:hover,.cobalt-side-navigation-item-group .cobalt-side-navigation-item-group-items-overflow-menu:popover-open .cobalt-side-navigation-item.cobalt-side-navigation-item-activated:active{background-color:var(--button-primary-default);color:var(--text-on-color);font-weight:var(--font-weight-bold)}.cobalt-side-navigation-item-group .cobalt-side-navigation-item-group-items-overflow-menu:popover-open .cobalt-side-navigation-item:focus,.cobalt-side-navigation-item-group .cobalt-side-navigation-item-group-items-overflow-menu:popover-open .cobalt-side-navigation-item:hover{background-color:var(--button-ghost-hover)}.cobalt-side-navigation-item-group .cobalt-side-navigation-item-group-items-overflow-menu:popover-open .cobalt-side-navigation-item:active,.cobalt-side-navigation-item-group .cobalt-side-navigation-item-group-items-overflow-menu:popover-open .cobalt-side-navigation-item:hover:active{background-color:var(--button-ghost-pressed)}.cobalt-side-navigation-item-group .cobalt-side-navigation-item-group-items-overflow-menu:popover-open .cobalt-side-navigation-item.cobalt-side-navigation-item-collapsed .cobalt-side-navigation-item-label{opacity:1;width:1}
@layer overrides{
    .survey-info{
      display: flex;
      flex-direction: column;
      gap: 1rem;
      padding-inline: 1.5rem;
      flex: 1;
      /* temporaly fix to avoid doble check inside :checked checkbox */
      :not(.co-form__toggle) > input[type='checkbox']::after{
        display: none;
      }
    }
}
/* Organization Switcher New Component Styles */
.organization-switcher {
  position: relative;
  display: inline-block;
}

/* Menu Styles */
.organization-switcher__menu {
  width: 13.25rem;
  border: 0.0625rem solid var(--stroke-subtle);
  box-shadow: 0 0.0625rem 2rem rgba(0, 0, 0, 0.08);
  display: flex;
  flex-direction: column;
  max-height: 20rem;
}

.organization-switcher__menu-content {
  max-height: 20rem;
  overflow-y: auto;
  flex: 1;
}

/* Menu Item Styles */
.organization-switcher__menu-item {
  display: flex;
  flex-direction: row;
  gap: var(--cobalt-size-1);
  padding: var(--cobalt-size-3) var(--cobalt-size-4);
  cursor: pointer;
  transition: background-color var(--cobalt-duration-fast)
    var(--cobalt-easing-standard);
  padding: 0.75rem;
}

.organization-switcher__current-org {
  color: var(--support-success-background);
}

.organization-switcher__item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  gap: var(--cobalt-size-2);
}

.organization-switcher__org-name {
  color: var(--text-primary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 9.5rem;
}

.organization-switcher__organization-texts {
  display: flex;
  flex-direction: column;
  flex: 1;
  margin-left: 0.55rem;
}

.organization-switcher__org-label {
  font-size: 0.75rem;
  color: var(--text-secondary);
}

.organization-switcher__trigger {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: space-between;
}

.organization-switcher__trigger-text {
  font-size: 1rem;
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  max-width: 9rem;
  overflow: hidden;
  text-overflow: ellipsis;
}

.organization-switcher__org-roles {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.organization-switcher__roles {
  font-size: var(--text-size-02);
  color: var(--text-secondary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

/* Accessibility Improvements */
@media (prefers-reduced-motion: reduce) {
  .organization-switcher__icon {
    transition: none;
  }

  .organization-switcher__menu-item {
    transition: none;
  }
}

/* Responsive Design */
@media (max-width: 768px) {
  .organization-switcher__button {
    min-width: 10rem;
  }

  .organization-switcher__menu {
    min-width: 18rem;
    max-width: 22rem;
  }
}

@media (max-width: 480px) {
  .organization-switcher__button {
    min-width: 8rem;
  }

  .organization-switcher__menu {
    min-width: 16rem;
    max-width: 20rem;
  }
}

.cobalt-menu-item.organization-switcher__menu-item
  .organization-switcher__settings-button,
.organization-switcher__menu-item .organization-switcher__settings-button {
  position: relative;
  z-index: 2;
  background: transparent;
  border: none;
  padding: 0.375rem;
  border-radius: 0.375rem;
  color: var(--text-secondary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition:
    background-color 150ms ease,
    color 150ms ease;
}

.cobalt-menu-item.organization-switcher__menu-item
  .organization-switcher__settings-button:hover,
.organization-switcher__menu-item
  .organization-switcher__settings-button:hover {
  background: transparent;
  color: var(--table-button-inactive-hover);
}

.cobalt-menu-item.organization-switcher__menu-item
  .organization-switcher__settings-button:active,
.organization-switcher__menu-item
  .organization-switcher__settings-button:active {
  color: var(--table-button-inactive-pressed);
  background: transparent;
}

/* Ensure SVG icon inherits the button color */
.organization-switcher__settings-button svg,
.organization-switcher__settings-button :where(svg *) {
  fill: currentColor;
  color: inherit;
}
.organization-switcher__search-wrapper {
  border-top: 1px solid var(--cobalt-color-border-subtle);
}
 
.organization-switcher__search-input {
  width: 100%;
  border: none;
  border-radius: unset;
  outline: none;
}
 
.organization-switcher__no-results {
  padding: 0.75rem;
  color: var(--neutral-6);
  font-size: 0.875rem;
  text-align: start;
  cursor: default;
  user-select: none;
  border-bottom: 1px solid var(--stroke-subtle);
}
.organization-switcher__search-section {
  z-index: 1;
}

.organization-switcher__menu-searchContent:not(.organization-switcher__no-results) {
  border-top: 1px solid var(--stroke-subtle);
}

.organization-switcher__menu-searchContent:has(.organization-switcher__no-results) {
  border-top: none;
}

.organization-switcher__search-input
  svg[data-testid='cobalt-icon-search-outline'] {
  display: none;
}

.organization-switcher__search-wrapper
  div[id='organization-switcher-search-input'] {
  outline: none;
  outline-offset: -2px;
}@layer app {
  .sf-connect-multiple-accounts--email-details-main {
    display: flex;
    align-items: center;
    gap: 5rem;
    margin-bottom: 0.5rem;
  }
  .sf-connect-multiple-accounts--sf-email-details,
  .sf-connect-multiple-accounts--portal-email-details {
    display: flex;
    border: solid 1px var(--neutral-8);
    padding: 0.8rem;
    margin-bottom: 2rem;
    border-radius: 0.5rem;
    & p {
      margin: 0;
    }
  }
  .sf-connect-multiple-accounts--icon {
    padding: 0.5rem;
    border-radius: 0.5rem;
    margin-right: 1rem;
    align-self: start;
    background: hsla(222, 83%, 91%, 1);
    color: hsla(221, 71%, 30%, 1);
  }
  .sf-connect-multiple-accounts--h4 {
    margin: 0;
  }
  .sf-connect-multiple-users-details-main {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    border: solid 1px var(--neutral-8);
    padding: 0.2rem;
    margin-bottom: 0.5rem;
    border-radius: 0.5rem;
    width: 35%;
    & p {
      color: var(--neutral-5);
      font-weight: var(--font-weight-semibold);
      font-family: var(--font-family-text);
    }
  }
  .sf-connect-multiple-users--users-basic-details {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0.8rem;
    margin-bottom: 0.5rem;
  }
  .sf-connect-multiple-users-accounts--company-email-details {
    display: flex;
    align-items: center;
    gap: 5rem;
    padding-left: 4.2rem;
    margin-bottom: 0.5rem;
  }
  .sf-connect-multiple-users--icon {
    padding: 0.5rem;
    background: var(--blue-8);
    color: var(--blue-4);
    border-radius: 0.5rem;
    margin-right: 1rem;
  }
  .discrepancy-resolve-icon {
    align-self: center;
    margin-bottom: 2rem;
    color: var(--neutral-6);
  }
  .sync-cancel-sf {
    display: flex;
    gap: 2rem;
  }
}
@layer app {
    .edit-user-form__form-container {
      display: flex;
      flex-direction: column;
      gap: 1rem;
    }
    .edit-user-form__basic-info {
      display: flex;
      justify-content: space-between;
    }
    .edituser--contact {
      margin-top: -1rem;
    }
    .edit-user-form__create-user-footer {
      background-color: var(--white);
      border-top: 1px solid var(--neutral-8);
      display: flex;
      gap:1rem;
      justify-content: flex-end;
      left: 0;
      padding: 1rem 1.5rem;
      right: 0;
      width: 100%;
      bottom: 0;
      position: absolute;
    }
    .edit-user-form__disable-user-status-toggle input:checked {
      background-color: var(--track-color-inactive);
    }
  }
  @layer app {
  .edit-user__dialog-details {
    margin-top: 1.5rem;
    padding: 0;
    .user-details__dialog {
      padding: 0rem 0rem 5rem 1rem;
    }
    .personal-information-heading {
      color: var(--neutral-075);
      font-weight: var(--font-weight-bold);
      font-size: var(--text-size-3);
      line-height: 1.5rem;
    }

    .edit-user--sync {
      color: var(--blue-4);
      cursor: pointer;
      display: inline;
    }

    .edit-user-loader-overlay {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: hsla(0, 0%, 100%, 0.5);
      display: flex;
      justify-content: center;
      align-items: center;
      color: white;
      font-size: 1.5rem;
    }
  }
}
@layer app {
  .sfredirect-modal--container {
    padding: 1rem;
    height: 12rem;
  }
}
@layer app {
  .user-discrepancy {
    width: 47rem;
    height: 21rem;
    & .discrepancy-modal-content {
      padding-left: 1rem;
      padding-right: 1rem;
      & .user-discrepancy-details-main {
        display: grid;
        grid-template-columns: auto 1fr auto 1fr;
        grid-gap: 1rem;
      }
      & .user-discrepancy-sf-connect-details,
      .user-discrepancy-portal-details {
        display: flex;
        width: 20rem;
        border: solid 1px var(--neutral-8);
        padding: 0.8rem;
        margin-bottom: 2rem;
        border-radius: 0.5rem;
      }
      & .discrepancy-resolve-icon {
        align-self: center;
        margin-bottom: 2rem;
        color: var(--neutral-6);
      }
      & .user-discrepancy--icon {
        padding: 0.5rem;
        height: 2.5rem;
        border-radius: 0.5rem;
        margin-right: 1rem;
        background: hsla(222, 83%, 91%, 1);
        color: hsla(221, 71%, 30%, 1);
      }
      & .user-discrepancy-h4 {
        margin: 0;
      }
      & p {
        margin: 0;
      }
      & .user-details {
        display: inline-flex;
        align-items: center;
      }
      & .copy-button:hover {
        background: var(--neutral-6);
        border-radius: 0.2rem;
      }
    }
  }
}
@layer app {
  .create-user--search-with-filter {
    display: flex;
    width: 90%;
  }
  .page-users {
    & .co-screen__header {
      display: grid;
      gap: 1.5rem;
      grid-template-columns: repeat(12, 1fr);
      grid-template-rows: auto;

      & hgroup {
        grid-column: 1/10;
        grid-row: 1/2;
        margin-block: 0; /* temporarily remove default margin */
      }

      & .toolbar {
        grid-column: 1/13;
        grid-row: 2/3;
      }

      & .btn-add-user {
        margin: 0 0 0 auto;
        white-space: nowrap;
        place-self: end;
      }
    }

    & [role='tabpanel'] {
      @media (--lg-n-above) {
        padding: 1.5rem 2.5rem 2.5rem 2.5rem;
      }
      @media (--lg-n-below) {
        padding: 1.5rem 2rem 2rem 2rem;
      }
      @media (--md-n-below) {
        padding: 1.5rem;
      }
    }

    .btn-filters{
      margin-left: 0.844rem;
    }
  }
  .user-details__dialog {
    padding: 0rem 1rem 5rem 1rem;
  }
}

@layer overrides {
  .page-users {
    & .co-screen__header {
      padding-bottom: var(--space-32)
    }
    & .co-screen__content {
      padding: 0;
    }
  }
}
@layer app {
  .create-user-title {
    color: #181c1e;
    font-family: var(--font-family-display);
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 2rem;
  }
  .create-user-info {
    color: #181c1e;
    font-family: var(--font-family-display);
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 24px;
  }
  .create-user-fieldset {
    border: none;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem 0;
  }
  .create-user-field {
    grid-column: 1/2;
    grid-row: 1/2;
  }
  .checkboxes-main {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }
  .custom-checkboxes {
    display: grid;
    grid-template-columns: 1.25rem auto;
    grid-row-gap: 0rem;
    row-gap: 0rem;
    grid-column-gap: 0.5rem;
    -moz-column-gap: 0.5rem;
    column-gap: 0.5rem;
  }

  .checkbox-helper {
    grid-column: 2/3;
    grid-row: 2/3;
  }

  .checkbox-label {
    font-size: 0.875rem;
    font-weight: 400;
    color: var(--neutral-400);
  }
  .checkbox-helper-label {
    font-size: 0.75rem;
    font-weight: 400;
    color: var(--neutral-400);
  }
  .create-user-toggle input[type='checkbox'] {
    box-sizing: content-box !important;
  }
  .create-user-form-fields {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    flex-grow: 1;
    padding-bottom: 1rem;
    margin-top: 2.5rem;
  }
  .create-user-form {
    display: flex;
    flex-flow: column;
    height: 100%;
    padding: 1.5rem;
    overflow-y: scroll;
    padding-bottom: 4.5rem;
  }

  .personal-information-heading {
    color: var(--neutral-075);
    font-weight: var(--font-weight-bold);
    font-size: var(--text-size-3);
    line-height: 1.5rem;
  }

  .create-user-footer {
    background-color: var(--white);
    border-top: 1px solid var(--neutral-8);
    box-shadow: 0 -0.5rem 0.5rem var(--neutral-9);
    display: flex;
    justify-content: space-between;
    left: 0;
    padding: 1rem 1.5rem;
    right: 0;
    width: 100%;
    bottom: 0;
    position: absolute;
  }
  .create-user-loader-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-size: 24px;
  }
}
@layer app {
  .create-user-dialog {
    --size-sm: 22.5rem;
  }
  @media (--md-n-below) {
    .btn-add-user-width {
      width: 100%;
      display: flex;
      justify-content: center;
    }
  }

  .inactive-user-status--title {
    font-size: 1.1rem;
    font-weight: 500;
  }

  .grant-dialog-mode div .co-dialog__footer {
    background: none;
  }
}

@media (--md-n-below) {
  .grant-dialog-mode {
    max-height: 200px;
  }
}
.grant-dialog-mode {
  max-height: 200px;
  padding: 0.85rem;
}

@media (--md-n-above) {
  .create-user-footer {
    padding-bottom: 1rem;
  }
}
@layer app {
  .search-input {
    &.search-users {
      flex: 0 1 20.25rem;
    }
  }
}
.create-btn-container {
  background-color: var(--white);
  border-top: 1px solid var(--neutral-8);
  bottom: 0;
  box-shadow: 0 -0.5rem 0.5rem var(--neutral-9);
  display: flex;
  justify-content: space-between;
  left: 0;
  padding: 0.7rem 1.5rem;
  right: 0;
  width: 100%;
  position: absolute;
  height: auto;
}

.no-result-found-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 5rem 0.2rem;
}

.search-result-heading {
  text-align: center;
}

.search-result-para {
  text-align: center;
}
@layer app {
  .reservations--card-listing {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 0 0 1.5rem 0;
    margin-bottom: 0.5rem;

    & .page-info {
      color: var(--neutral-5);
    }
    & .co-card {
      padding: 1.5rem;

      & .co-card__inner {
        display: grid;
        grid-template-columns: 1fr auto;

        & .co-tag {
          align-self: start;
          font-weight: var(--font-weight-semibold);
          grid-column: 2/3;
          grid-row: 1/2;
        }
        & h4 {
          font-size: var(--text-size-3);
          grid-column: 1/2;
          grid-row: 1/2;
          margin: 0 0 1rem 0;
          line-height: 24px;
        }
        & dl {
          grid-column: 1/3;
        }
      }
    }

    & .co-card--skim {
      box-shadow: 0 0 1rem rgba(0, 0, 0, 0.075);
    }

    & dl {
      display: grid;
      grid-template-columns: 7rem 1fr;
      gap: 1rem;

      &,
      & dt,
      & dd {
        margin: 0;
        padding: 0;
      }

      & dt {
        font-weight: var(--font-weight-semibold);
      }

      & dd {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        &.status {
          align-items: center;
          display: flex;
          gap: 0.5rem;
          font-size: 1rem;
        }
      }
    }

    & nav.pagination {
      display: flex;
      justify-content: space-between;
      margin-top: 0.5rem;

      & button {
        border-radius: var(--radius-2);
        &:hover {
          background-color: var(--neutral-8);
        }
        &:focus-visible {
          outline: 2px solid var(--blue-4);
        }
      }

      & select {
        appearance: none;
        background: transparent;
        border: none;
        border-radius: var(--radius-2);
        padding: 0 0.25rem;

        &:focus-visible {
          outline: 2px solid var(--blue-4);
        }

        &::after {
          content: '\2303';
          display: inline-block;
        }
      }
    }
  }
}
.error-page {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  padding: 2rem 1.5rem;
  overflow: auto;
  justify-content: center;

  h2 {
    margin: 0;
  }

  .error-page-content {
    max-width: 30rem;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;

    .error-img {
      width: 100%;
      height: auto;
    }
  }

  .error-message {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;

    .error-subtitle {
      color: var(--text-secondary);
    }
  }
}
@layer app {
  .maintenance-page {
    color: white;
    margin: 0;
    padding: 0;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: #040b2b;
  }

  .maintenance-page--name {
    position: absolute;
    top: 8rem;
  }

  .maintenance-page--row {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
  }

  .maintenance-page--title {
    margin: 0.5rem 0;
    font-size: 1.5rem;
    font-weight: 600;
  }

  .maintenance-page--message {
    margin: 0.5rem 0 1.5rem 0;
    font-size: 1rem;
    line-height: 1.5;
    opacity: 0.9;
  }

  .maintenance-page--logo {
    position: absolute;
    top: 2rem;
    left: 2rem;
    height: 2rem;
  }

  .maintenance-page--footer {
    position: absolute;
    bottom: 2rem;
    font-size: 0.875rem;
    opacity: 0.7;
  }
}
@layer app {
  .organization-selector-bg {
    background-image: url('/assets/organization-selector-DDs6DaOs.svg');
    background-color: unset;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: unset;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    gap: 3rem;
    & .organization-selector__nav-container {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      padding: 1rem;

      & .organization-selector__help-container {
        display: flex;
        flex-direction: row;
        & p {
          color: var(--white);
        }
      }
    }
  }

  .organization-selector-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
    & .co-card {
      width: 24rem;
    }

    & .organization-selector__title-container {
      display: flex;
      align-items: center;
      margin-bottom: 4.5rem;

      & .organization-selector__sub_title {
        font-family: var(--font-family-display);
        font-weight: var(--font-weight-bold);
        color: var(--white);
        font-size: var(--text-size-9);
      }

      & .organization-selector__title {
        font-family: var(--font-family-display);
        color: var(--white);
        font-size: var(--text-size-9);
        margin-right: 0.5rem;
      }
    }
    & .organization-selector-wrapper--footer {
      color: var(--white);
      display: flex;
      flex: 1;
      align-items: flex-end;
      padding: 1rem 0 1rem 0;
    }
  }

  .organization-selector--selector-parent {
    display: flex;
    gap: 0.75rem;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 1rem;

    & .organization-selector--selector {
      height: 4rem;
      width: 20rem;
      border-radius: 0.5rem;
      background-color: var(--white);
      box-shadow: var(--shadow--lifted-16);
      display: flex;
      align-items: center;
      justify-content: flex-start;
      padding: 0.5rem;
      gap: 0.75rem;
      cursor: pointer;

      & .co-avatar--round {
        border-radius: 50%;
        padding: 1rem;
        background-color: #e6e8e9;
        color: #49535a;
      }

      & P {
        font-weight: var(--font-weight-semibold);
        font-size: var(--text-size-1);
      }
    }
  }

  .organization-selector--footer {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 1rem;
    margin-bottom: 0.5rem;
    gap: 0.5rem;
    & p {
      font-size: var(--text-size-02);
    }
    & .co-icon {
      color: var(--primary-color);
    }
  }
}
@layer app {
  .role-name-container {
    line-height: 4rem;
  }
  .role-name-save-btn {
    display: flex;
    justify-content: flex-end;
    margin-right: 1rem;
  }
  .role-table-mapping-container {
    overflow-x: auto;
    position: relative;
  }

  .role-task-mapping-table {
    overflow-x: auto;
  }

  .role-actions-box {
    padding: 8px 8px;
    display: flex;
    gap: 5px;
  }
  .roles--role-column {
    min-width: 100px;
    background: white;
  }
  .add-task-main {
    position: fixed;
    top: 0;
    left: 0;
    background: #0000009f;
    display: flex;
    width: calc(100vw);
    height: calc(100vh);
  }
  .add-task-board {
    height: 100%;
    width: 500px;
    margin: auto;
    align-items: center;
    display: flex;
    gap: 2.5rem;
  }
  .add-task-label {
    font-weight: 600;
    color: white;
    margin-bottom: 8px;
  }
  .add-task-input {
    min-width: 120px;
    min-height: 50px;
    font-size: 16px;
    outline: 2px solid transparent;
    color: white;
    background-color: transparent;
    border: 1px solid white;
    border-radius: 8px;
    padding: 12px 20px;
  }
  .add-task-btn {
    max-width: 200px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 24px;
    text-align: center;
    font-weight: 500;
    color: white;
    border-radius: 8px;
  }
  .add-task-btn:hover {
    opacity: 0.9;
  }
  .add-task-btn.btn-add {
    background-color: rgb(16, 185, 129);
  }
  .add-task-btn.btn-cancel {
    background-color: rgb(138, 153, 175);
  }
  .add-task-btn-group {
    margin-top: 28px;
    display: flex;
    gap: 20px;
  }
}
@layer app {
  .user-forbidden {
    color: white;
    margin: 0;
    padding: 0;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  .user-forbidden--name {
    position: absolute;
    top: 8rem;
  }
  .user-forbidden--header {
    position: absolute;
    cursor: pointer;
    top: 2rem;
    right: 2rem;
  }
  .user-forbidden--row {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
  }
  .user-forbidden--cae {
    margin: 5px;
  }
  .user-forbidden {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTkyMHB4IiBoZWlnaHQ9IjEwODBweCIgdmlld0JveD0iMCAwIDE5MjAgMTA4MCIgdmVyc2lvbj0iMS4xIj4KICAgIDx0aXRsZT5sb2dpbmJhY2tncm91bmQ8L3RpdGxlPgogICAgPGRlZnM+CiAgICAgICAgPHJlY3QgaWQ9InBhdGgtMSIgeD0iOTM5LjY4MzM1NiIgeT0iMTU5Ny4zMzc3NyIgd2lkdGg9IjE5MjAiIGhlaWdodD0iMTA4MCIvPgogICAgPC9kZWZzPgogICAgPGcgaWQ9IkxvZ2luLWFuZC1hdXRoZW50aWNhdGlvbiIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9ImxvZ2luYmFja2dyb3VuZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTkzOS42ODM0LCAtMTU5Ny4zMzc4KSI+CiAgICAgICAgICAgIDxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IndoaXRlIj4KICAgICAgICAgICAgICAgIDx1c2UgeGxpbms6aHJlZj0iI3BhdGgtMSIvPgogICAgICAgICAgICA8L21hc2s+CiAgICAgICAgICAgIDx1c2UgaWQ9IlJlY3RhbmdsZSIgZmlsbD0iIzA0MEIyQiIgeGxpbms6aHJlZj0iI3BhdGgtMSIvPgogICAgICAgICAgICA8ZyBpZD0ibG9naW5zd2lybHMiIG1hc2s9InVybCgjbWFzay0yKSI+CiAgICAgICAgICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLCAwKSI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9InRvcHJpZ2h0c3dpcmxzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNjYwLjQyNjMsIDEzNTkuNjk1Mykgcm90YXRlKDU3KSB0cmFuc2xhdGUoLTI2NjAuNDI2MywgLTEzNTkuNjk1Myl0cmFuc2xhdGUoMTUxOC40NzQ2LCA2MjEuNjM5NSkiPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTUzNiw3OTMuMTExNzEzIEMxNTM2LDExNzAuMzIwMzUgMTE5Mi4xNTUxMywxNDc2LjExMTcxIDc2Ny45OTgzNzYsMTQ3Ni4xMTE3MSBDMzQzLjg0NDg3MywxNDc2LjExMTcxIC0xLjU2NjMyNDU5ZS0xMiwxMTcwLjMyMDM1IC0xLjU2NjMyNDU5ZS0xMiw3OTMuMTExNzEzIEMtMS41NjYzMjQ1OWUtMTIsNDE1LjkwMzA4IDM0My44NDQ4NzMsMTEwLjExMTcxMyA3NjcuOTk4Mzc2LDExMC4xMTE3MTMgQzExOTIuMTU1MTMsMTEwLjExMTcxMyAxNTM2LDQxNS45MDMwOCAxNTM2LDc5My4xMTE3MTMgWiIgaWQ9IlN0cm9rZS0xIiBzdHJva2U9IiMyOTY5RjIiIHN0cm9rZS13aWR0aD0iMC4yIi8+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNTYyLjAwMTkxLDgxMy43ODQ2NDQgQzE1NTQuNjYyOTMsMTE4My4wMTk2MSAxMjA2LjAzODc3LDE0NzEuNTkzNTUgNzgzLjMyOTkxLDE0NTguMzMwNTcgQzM2MC42MjEwNDksMTQ0NS4wNzA0NyAyMy44OTgzNzQxLDExMzQuOTkzMjcgMzEuMjM3MzUxNSw3NjUuNzU4MzA2IEMzOC41NzYzMjg5LDM5Ni41MjA0NSAzODcuMjAwNDg3LDEwNy45NDY1MDkgODA5LjkwOTM0OCwxMjEuMjA5NDk2IEMxMjMyLjYxODIxLDEzNC40NzI0ODMgMTU2OS4zNDA4OCw0NDQuNTQ5Njc3IDE1NjIuMDAxOTEsODEzLjc4NDY0NCBaIiBpZD0iU3Ryb2tlLTMiIHN0cm9rZT0iIzI5NjlGMiIgc3Ryb2tlLXdpZHRoPSIwLjIiLz4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTE1ODYuOTE5NjUsODMzLjkzMzQ3MiBDMTU3Mi4yNDc4MSwxMTk1LjI0MjczIDEyMTguOTU1MDgsMTQ2Ni42Mzc3NSA3OTcuODI0NTY3LDE0NDAuMTA3NzcgQzM3Ni42OTA4MDgsMTQxMy41ODA2OCA0Ny4xODc4ODc1LDEwOTkuMTcyNjQgNjEuODYyOTc0LDczNy44NjMzODcgQzc2LjUzNDgxNDUsMzc2LjU1NDEzMiA0MjkuODI0Mjk1LDEwNS4xNTkxMDQgODUwLjk1ODA1MywxMzEuNjg5MDg3IEMxMjcyLjA5MTgxLDE1OC4yMTYxODIgMTYwMS41OTE0OSw0NzIuNjI0MjE2IDE1ODYuOTE5NjUsODMzLjkzMzQ3MiBaIiBpZD0iU3Ryb2tlLTUiIHN0cm9rZT0iIzI5NjlGMiIgc3Ryb2tlLXdpZHRoPSIwLjIiLz4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTE2MTMuNDQ3MDUsODU0LjYyNTMxIEMxNTkxLjQyNjQ2LDEyMDguMDI5MjMgMTIzMy4xMTQ0NiwxNDYyLjI1NjUzIDgxMy4xMzUwNiwxNDIyLjQ1Mjk4IEMzOTMuMTU4OTEyLDEzODIuNjUyMzEgNzAuNTUwNzkxOCwxMDYzLjg5NDQ3IDkyLjU3NDYyODMsNzEwLjQ5MDU1MiBDMTE0LjU5NTIxNywzNTcuMDgzNzQyIDQ3Mi45MDcyMjEsMTAyLjg1OTMyOCA4OTIuODg2NjE3LDE0Mi42NTk5OTUgQzEzMTIuODYyNzcsMTgyLjQ2MzU1MSAxNjM1LjQ3MDg5LDUwMS4yMjEzODkgMTYxMy40NDcwNSw4NTQuNjI1MzEgWiIgaWQ9IlN0cm9rZS03IiBzdHJva2U9IiMyOTY5RjIiIHN0cm9rZS13aWR0aD0iMC4yIi8+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNjM5LjA3Nzk4LDg3NC41NjA4NjMgQzE2MDkuNzI1MywxMjE5Ljc4MDE2IDEyNDYuNzQwMzUsMTQ1Ni42NDMwNSA4MjguMzI1ODgsMTQwMy42MDI1OCBDNDA5LjkxMTQxMSwxMzUwLjU2NSA5NC41MTIxNTE3LDEwMjcuNzEwNiAxMjMuODY0ODMxLDY4Mi40OTEyOTkgQzE1My4yMTc1MSwzMzcuMjcyIDUxNi4yMDI0NTgsMTAwLjQwOTExMiA5MzQuNjE2OTI3LDE1My40NDk1ODEgQzEzNTMuMDMxNCwyMDYuNDg3MTYzIDE2NjguNDMwNjUsNTI5LjM0MTU2NCAxNjM5LjA3Nzk4LDg3NC41NjA4NjMgWiIgaWQ9IlN0cm9rZS05IiBzdHJva2U9IiMyOTY5RjIiIHN0cm9rZS13aWR0aD0iMC4yIi8+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNjY0LjI4MDE5LDg5NC43MTA5NDEgQzE2MjcuNTkxOCwxMjMxLjk4NjA5IDEyNTkuODA4NTUsMTQ1MS42NTIzMiA4NDIuODEyMDIsMTM4NS4zNDc4NSBDNDI1LjgxODczMiwxMzE5LjA0MzM4IDExNy41MTczNzcsOTkxLjg3NjA1NyAxNTQuMjA1Nzc0LDY1NC41OTgwMTggQzE5MC44OTQxNzEsMzE3LjMyMjg2NyA1NTguNjc3NDE0LDk3LjY1NjYzOTMgOTc1LjY3MDcwMiwxNjMuOTYxMTEgQzEzOTIuNjY3MjQsMjMwLjI2ODQ2OCAxNzAwLjk2ODU5LDU1Ny40MzU3OSAxNjY0LjI4MDE5LDg5NC43MTA5NDEgWiIgaWQ9IlN0cm9rZS0xMSIgc3Ryb2tlPSIjMjk2OUYyIiBzdHJva2Utd2lkdGg9IjAuMiIvPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTY5MC4xNjQ4OCw5MTUuMTA0MzI2IEMxNjQ2LjEyNjMxLDEyNDQuMzc2MyAxMjczLjQxNzM1LDE0NDYuODA5OTUgODU3LjY5OTI2NiwxMzY3LjI0OTc1IEM0NDEuOTgxMTgsMTI4Ny42ODk1NSAxNDAuNjczNzM2LDk1Ni4yNjMzMjIgMTg0LjcxMjMwMSw2MjYuOTkxMzQ5IEMyMjguNzUwODY3LDI5Ny43MTkzNzcgNjAxLjQ1NjU3OSw5NS4yODU3MjYzIDEwMTcuMTc3OTEsMTc0Ljg0NTkyNSBDMTQzMi44OTYsMjU0LjQwNjEyNCAxNzM0LjIwMzQ0LDU4NS44MzIzNTMgMTY5MC4xNjQ4OCw5MTUuMTA0MzI2IFoiIGlkPSJTdHJva2UtMTMiIHN0cm9rZT0iIzI5NjlGMiIgc3Ryb2tlLXdpZHRoPSIwLjIiLz4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTE3MTYuMDc0NjQsOTM1LjE2NTIzOCBDMTY2NC42OTc4NSwxMjU2LjYxNjYxIDEyODcuMTgzNSwxNDQxLjkyNDc1IDg3Mi44NzMxMDEsMTM0OS4wNTgzMyBDNDU4LjU2MjcsMTI1Ni4xOTE5IDE2NC4zNDY4ODMsOTIwLjMyMDcwOSAyMTUuNzIzNjcyLDU5OC44NjY0NSBDMjY3LjEwMDQ2LDI3Ny40MTUwODEgNjQ0LjYxNDgwNiw5Mi4xMDk4MjYxIDEwNTguOTI1MjEsMTg0Ljk3NjI1MiBDMTQ3My4yMzU2MSwyNzcuODM5Nzg4IDE3NjcuNDUxNDIsNjEzLjcxMzg2OCAxNzE2LjA3NDY0LDkzNS4xNjUyMzggWiIgaWQ9IlN0cm9rZS0xNSIgc3Ryb2tlPSIjMjk2OUYyIiBzdHJva2Utd2lkdGg9IjAuMiIvPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTc0MS40ODA2MSw5NTUuNDUyNDAyIEMxNjgyLjc4NDY1LDEyNjguNzEyMTUgMTMwMC41ODQwNCwxNDM2LjY4MDIyIDg4Ny44MTMyMiwxMzMwLjYyMDM1IEM0NzUuMDQ1NjUsMTIyNC41NTc1OSAxODguMDEyOTQzLDg4NC42Mjg0MDggMjQ2LjcwODkwNiw1NzEuMzY4NjU3IEMzMDUuNDA0ODcsMjU4LjEwODkwNiA2ODcuNjA1NDgsOTAuMTQwODM5MSAxMTAwLjM3NjMsMTk2LjIwMDcwOCBDMTUxMy4xNDM4NywzMDIuMjYzNDY1IDE4MDAuMTc2NTcsNjQyLjE5MjY1MSAxNzQxLjQ4MDYxLDk1NS40NTI0MDIgWiIgaWQ9IlN0cm9rZS0xNyIgc3Ryb2tlPSIjMjk2OUYyIiBzdHJva2Utd2lkdGg9IjAuMiIvPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTc2Ni43MTgyNyw5NzUuNzE1MzA5IEMxNzAwLjY4NTYsMTI4MS4xODAxOSAxMzEzLjY3MDA0LDE0MzIuMDI0NjkgOTAyLjMwMDg0OSwxMzEyLjYzNTI2IEM0OTAuOTI4NDE0LDExOTMuMjQyOTQgMjEwLjk3ODU2Nyw4NDguODI5MDA5IDI3Ny4wMTQ0ODksNTQzLjM2MTI0IEMzNDMuMDQ3MTY0LDIzNy44OTYzNjEgNzMwLjA2MjcyNiw4Ny4wNTE4NjA5IDExNDEuNDMxOTEsMjA2LjQ0NDE4MiBDMTU1Mi44MDExLDMyNS44MzM2MTQgMTgzMi43NTQyLDY3MC4yNTA0MyAxNzY2LjcxODI3LDk3NS43MTUzMDkgWiIgaWQ9IlN0cm9rZS0xOSIgc3Ryb2tlPSIjMjk2OUYyIiBzdHJva2Utd2lkdGg9IjAuMiIvPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTc5Mi42MzQ5NSw5OTYuMTYxNTkyIEMxNzE5LjIzNzA4LDEyOTMuNjg1NjMgMTMyNy4yNzg0MywxNDI3LjMyNDY5IDkxNy4xNjM1MzQsMTI5NC42NTA2OCBDNTA3LjA1MTg4NSwxMTYxLjk3Mzc3IDIzNC4wOTExNzksODEzLjIyNzAxNSAzMDcuNDg5MDQ4LDUxNS43MDI5OCBDMzgwLjg4NjkxNywyMTguMTc4OTQ1IDc3Mi44NDU1NjcsODQuNTM5ODgwOSAxMTgyLjk1NzIyLDIxNy4yMTM4OTYgQzE1OTMuMDY4ODYsMzQ5Ljg5MDggMTg2Ni4wMzI4Miw2OTguNjM3NTU3IDE3OTIuNjM0OTUsOTk2LjE2MTU5MiBaIiBpZD0iU3Ryb2tlLTIxIiBzdHJva2U9IiMyOTY5RjIiIHN0cm9rZS13aWR0aD0iMC4yIi8+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xODE4LjMxMjgzLDEwMTYuNDc4MyBDMTczNy41NzM4LDEzMDUuOTA5ODEgMTM0MC43ODkzLDE0MjIuMjc4NTYgOTMyLjA2NzAzNCwxMjc2LjM4ODcyIEM1MjMuMzQ0NzcxLDExMzAuNTAxNzcgMjU3LjQ2MzIzOSw3NzcuNjA2MTEyIDMzOC4yMDIyNyw0ODguMTcxNzE1IEM0MTguOTQxMywxOTguNzQwMjA3IDgxNS43MjU4LDgyLjM3NDM1MDYgMTIyNC40NDgwNiwyMjguMjYxMzAyIEMxNjMzLjE3MDMzLDM3NC4xNDgyNTMgMTg5OS4wNTE4Niw3MjcuMDQ2Nzk2IDE4MTguMzEyODMsMTAxNi40NzgzIFoiIGlkPSJTdHJva2UtMjMiIHN0cm9rZT0iIzI5NjlGMiIgc3Ryb2tlLXdpZHRoPSIwLjIiLz4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTE4NDQuMDE5NzUsMTAzNi40MzggQzE3NTUuOTY3MzYsMTMxNy44NjYzMiAxMzU0LjQ4NTE5LDE0MTcuMDA0MjEgOTQ3LjI4NTg4MSwxMjU3Ljg2NzIxIEM1NDAuMDgzMzI2LDEwOTguNzMwMjIgMjgxLjM2NDA4LDc0MS41ODAyNzYgMzY5LjQxNjQ3NSw0NjAuMTUxOTU0IEM0NTcuNDY4ODcsMTc4LjcyMzYzMiA4NTguOTUxMDM4LDc5LjU4NTc1MDggMTI2Ni4xNTAzNSwyMzguNzIyNzQ0IEMxNjczLjM1MjksMzk3Ljg1OTczNiAxOTMyLjA3MjE1LDc1NS4wMDk2OCAxODQ0LjAxOTc1LDEwMzYuNDM4IFoiIGlkPSJTdHJva2UtMjUiIHN0cm9rZT0iIzI5NjlGMiIgc3Ryb2tlLXdpZHRoPSIwLjIiLz4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTE4NjkuMjkxNTUsMTA1Ni42MzkgQzE3NzMuODk3MzUsMTMzMC4xNDAxOCAxMzY3LjU4MDgxLDE0MTIuMDc1MjggOTYxLjc2MTAwOCwxMjM5LjY0MzI4IEM1NTUuOTQxMjA3LDEwNjcuMjExMjcgMzA0LjI5MzY0NSw3MDUuNzExODIyIDM5OS42ODc4NCw0MzIuMjA3NzUyIEM0OTUuMDgyMDM1LDE1OC43MDY1NjkgOTAxLjM5ODU3OSw3Ni43NzE0Njk2IDEzMDcuMjE4MzgsMjQ5LjIwMzQ3NSBDMTcxMy4wMzgxOCw0MjEuNjM1NDgxIDE5NjQuNjg1NzQsNzgzLjEzNzgyIDE4NjkuMjkxNTUsMTA1Ni42MzkgWiIgaWQ9IlN0cm9rZS0yNyIgc3Ryb2tlPSIjMjk2OUYyIiBzdHJva2Utd2lkdGg9IjAuMiIvPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTg5NS4yMzg3NCwxMDc2LjkxNzc3IEMxNzkyLjQ2NjgxLDEzNDIuMzM0NzcgMTM4MS4xNzc3LDE0MDcuMDIyOTUgOTc2LjU5ODg3LDEyMjEuMzk4NTIgQzU3Mi4wMjAwNDQsMTAzNS43NzQwOSAzMjcuMzU3NzUxLDY3MC4xMzI3MDkgNDMwLjEzMjkzMyw0MDQuNzE1NzAyIEM1MzIuOTA0ODY3LDEzOS4yOTg2OTUgOTQ0LjE5Mzk3OCw3NC42MTA1MTggMTM0OC43NzI4LDI2MC4yMzQ5NDkgQzE3NTMuMzUxNjMsNDQ1Ljg1OTM4MSAxOTk4LjAxMDY3LDgxMS41MDA3NiAxODk1LjIzODc0LDEwNzYuOTE3NzcgWiIgaWQ9IlN0cm9rZS0yOSIgc3Ryb2tlPSIjMjk2OUYyIiBzdHJva2Utd2lkdGg9IjAuMiIvPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTkyMS4xNTc5LDEwOTcuMTIwOTQgQzE4MTEuMTA2OTMsMTM1NC41MzIzNyAxMzk1LjI0ODQzLDE0MDIuMDAwMzMgOTkyLjMwNTk5LDEyMDMuMTM3ODMgQzU4OS4zNjY3OTMsMTAwNC4yNzUzMyAzNTEuOTMwOTE0LDYzNC4zOTQxOTUgNDYxLjk4MTg4OSwzNzYuOTc5ODg2IEM1NzIuMDI5NjE4LDExOS41Njg0NjMgOTg3Ljg5MTM1Niw3Mi4xMDMzODc1IDEzOTAuODMwNTUsMjcwLjk2MzAwMSBDMTc5My43NzMsNDY5LjgyNTUwMSAyMDMxLjIwODg4LDgzOS43MDk1MjEgMTkyMS4xNTc5LDEwOTcuMTIwOTQgWiIgaWQ9IlN0cm9rZS0zMSIgc3Ryb2tlPSIjMjk2OUYyIiBzdHJva2Utd2lkdGg9IjAuMiIvPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTk0Ni43LDExMTcuMzMxMTUgQzE4MjkuMjYzNTksMTM2Ni44MTU1IDE0MDguNDE0MzIsMTM5Ny4wNzMzNiAxMDA2LjcwNTM0LDExODQuOTEzMTkgQzYwNC45OTYzNjQsOTcyLjc1MzAxNyAzNzQuNTQ2NTIyLDU5OC41MTIwNTEgNDkxLjk4MjkzNSwzNDkuMDI3NyBDNjA5LjQxOTM0OSw5OS41NDMzNDkyIDEwMzAuMjY4NjIsNjkuMjg1NDk1MyAxNDMxLjk3NzU5LDI4MS40NDU2NjYgQzE4MzMuNjg2NTcsNDkzLjYwNTgzNyAyMDY0LjEzNjQyLDg2Ny44NDY4MDIgMTk0Ni43LDExMTcuMzMxMTUgWiIgaWQ9IlN0cm9rZS0zMyIgc3Ryb2tlPSIjMjk2OUYyIiBzdHJva2Utd2lkdGg9IjAuMiIvPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTk3Mi41OTU0MywxMTM4LjY0MjYxIEMxODQ3LjgwNjU5LDEzODAuMjc3NzYgMTQyMi4wOTYxOSwxMzkzLjMyNTg1IDEwMjEuNzQ3NTgsMTE2Ny43ODQxMSBDNjIxLjM5NTcxNSw5NDIuMjQyMzY3IDM5OC4wMDgwMTUsNTYzLjUxODU0NyA1MjIuNzk2ODQ5LDMyMS44ODA1MSBDNjQ3LjU4NTY4Myw4MC4yNDUzNjM0IDEwNzMuMjk2MDksNjcuMTk3Mjc5MyAxNDczLjY0NDcsMjkyLjc0MTkwOCBDMTg3My45OTY1Niw1MTguMjgzNjQ3IDIwOTcuMzg0MjYsODk3LjAwNzQ2OCAxOTcyLjU5NTQzLDExMzguNjQyNjEgWiIgaWQ9IlN0cm9rZS0zNSIgc3Ryb2tlPSIjMjk2OUYyIiBzdHJva2Utd2lkdGg9IjAuMiIvPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTk5Ny45NDc3OCwxMTU4LjQwODY2IEMxODY1Ljg0NjAxLDEzOTIuMDgyMTggMTQzNS40MTA0NCwxMzg3LjkwMzg2IDEwMzYuNTM5OTMsMTE0OS4wNzI0NyBDNjM3LjY3MjY2OSw5MTAuMjQxMDY4IDQyMS40MTU4MTMsNTI3LjE5NzE0OSA1NTMuNTE3NTgsMjkzLjUyMzYyOSBDNjg1LjYxOTM0Nyw1OS44NTAxMDggMTExNi4wNTQ5MSw2NC4wMjg0MjIyIDE1MTQuOTI1NDIsMzAyLjg1OTgyIEMxOTEzLjc5MjY5LDU0MS42OTEyMTkgMjEzMC4wNDk1NCw5MjQuNzM1MTM3IDE5OTcuOTQ3NzgsMTE1OC40MDg2NiBaIiBpZD0iU3Ryb2tlLTM3IiBzdHJva2U9IiMyOTY5RjIiIHN0cm9rZS13aWR0aD0iMC4yIi8+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yMDIzLjk3NjMyLDExNzguMjc3MTkgQzE4ODQuNTE1OTYsMTQwMy45MDQ1NiAxNDQ5LjIwMjA3LDEzODIuNTAxNjcgMTA1MS42NzY4OSwxMTMwLjQ3MzgzIEM2NTQuMTUxNzE0LDg3OC40NDMxMDUgNDQ0Ljk0OTgxNSw0OTEuMjIzNzMgNTg0LjQxMDE3LDI2NS41OTM0NzMgQzcyMy44NzA1MjUsMzkuOTY2MTA0OSAxMTU5LjE4NDQyLDYxLjM2OTAwMDYgMTU1Ni43MDk1OSwzMTMuMzk5NzI1IEMxOTU0LjIzNDc3LDU2NS40MzA0NSAyMTYzLjQzNjY3LDk1Mi42NDk4MjUgMjAyMy45NzYzMiwxMTc4LjI3NzE5IFoiIGlkPSJTdHJva2UtMzkiIHN0cm9rZT0iIzI5NjlGMiIgc3Ryb2tlLXdpZHRoPSIwLjIiLz4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTIwNDkuNTIwMzUsMTE5OC44MDgwMiBDMTkwMi43NDQyMSwxNDE2LjUwODEzIDE0NjIuNjg1MjksMTM3Ny44NzI3MyAxMDY2LjYyMzgyLDExMTIuNTEwNDUgQzY3MC41NjU1OTMsODQ3LjE1MTA1OSA0NjguNDc5Myw0NTUuNTQ5NzYgNjE1LjI1ODY4OCwyMzcuODQ5NjUxIEM3NjIuMDM0ODMsMjAuMTQ5NTQxIDEyMDIuMDkzNzUsNTguNzg0OTM5MiAxNTk4LjE1MTk3LDMyNC4xNDcyMiBDMTk5NC4yMTM0NCw1ODkuNTA2NjExIDIxOTYuMjk2NDksOTgxLjEwNzkxIDIwNDkuNTIwMzUsMTE5OC44MDgwMiBaIiBpZD0iU3Ryb2tlLTQxIiBzdHJva2U9IiMyOTY5RjIiIHN0cm9rZS13aWR0aD0iMC4yIi8+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yMDc0LjYyNjA0LDEyMTkuMDA0NDIgQzE5MjAuNDc5MDcsMTQyOC41NjI3OSAxNDc1LjUyMzU2LDEzNzIuNzQyMzUgMTA4MC43ODk4OCwxMDk0LjMyMTU0IEM2ODYuMDU2MTkzLDgxNS45MDM2MTkgNDkxLjAxNzkyNSw0MjAuMzE4NDkzIDY0NS4xNjQ4OTYsMjEwLjc1NzIzOSBDNzk5LjMwODYyLDEuMTk4ODcxMjcgMTI0NC4yNjQxMyw1Ny4wMjIyMDE0IDE2MzkuMDAxMDYsMzM1LjQ0MDEyMiBDMjAzMy43MzQ3NCw2MTMuODYwOTMgMjIyOC43NzMwMSwxMDA5LjQ0NjA1IDIwNzQuNjI2MDQsMTIxOS4wMDQ0MiBaIiBpZD0iU3Ryb2tlLTQzIiBzdHJva2U9IiMyOTY5RjIiIHN0cm9rZS13aWR0aD0iMC4yIi8+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yMTAwLjg5NzM4LDEyMzkuNjIxNTkgQzE5MzkuNDI4MTIsMTQ0MS4zNDYzMyAxNDg5LjcwODA5LDEzNjguMjU5NTQgMTA5Ni40MTY1OCwxMDc2LjM3MTggQzcwMy4xMjUwNjYsNzg0LjQ4Njk0MyA1MTUuMTkzNDY3LDM4NC4zMzQyNSA2NzYuNjYyNzMzLDE4Mi42MDk1MTQgQzgzOC4xMzE5OTgsLTE5LjExNTIyMjQgMTI4Ny44NTIwMiw1My45NzE1NjU4IDE2ODEuMTQzNTQsMzQ1Ljg1OTMwNyBDMjA3NC40MzUwNSw2MzcuNzQ0MTYgMjI2Mi4zNjY2NSwxMDM3Ljg5Njg1IDIxMDAuODk3MzgsMTIzOS42MjE1OSBaIiBpZD0iU3Ryb2tlLTQ1IiBzdHJva2U9IiMyOTY5RjIiIHN0cm9rZS13aWR0aD0iMC4yIi8+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yMTI1Ljg0ODUyLDEyNTkuNzE2MzcgQzE5NTcuMTA3OTcsMTQ1My40Mzc2NiAxNTAyLjc1NDI5LDEzNjMuMTMwODkgMTExMS4wMTkzOCwxMDU4LjAwOTY4IEM3MTkuMjg3NzEyLDc1Mi44ODg0NzggNTM4LjUxNDIsMzQ4LjQ5NTY5OCA3MDcuMjU0NzU1LDE1NC43NzE1MjYgQzg3NS45OTUzMSwtMzguOTQ5NzU2MyAxMzMwLjM0ODk5LDUxLjM1NzAxMzcgMTcyMi4wODM5LDM1Ni40NzgyMTggQzIxMTMuODE1NTYsNjYxLjU5OTQyMiAyMjk0LjU4OTA4LDEwNjUuOTk1MDkgMjEyNS44NDg1MiwxMjU5LjcxNjM3IFoiIGlkPSJTdHJva2UtNDciIHN0cm9rZT0iIzI5NjlGMiIgc3Ryb2tlLXdpZHRoPSIwLjIiLz4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTIxNTIuMzU4ODEsMTI4MC4zNzA2NiBDMTk3Ni4xNzYyNiwxNDY2LjEwMTU1IDE1MTYuNzMyMjgsMTM1OC41NzQ2NiAxMTI2LjE2NDYzLDEwNDAuMjAwMzIgQzczNS41OTM3MjQsNzIxLjgyNTk4MyA1NjEuODAxNjczLDMxMy4xNjYwMzkgNzM3Ljk4NDIyNSwxMjcuNDM1MTU1IEM5MTQuMTY2Nzc3LC01OC4yOTg2MTcxIDEzNzMuNjEwNzUsNDkuMjMxMTU3NSAxNzY0LjE3ODQxLDM2Ny42MDU0OTcgQzIxNTQuNzQ2MDcsNjg1Ljk3OTgzNiAyMzI4LjU0MTM2LDEwOTQuNjM5NzggMjE1Mi4zNTg4MSwxMjgwLjM3MDY2IFoiIGlkPSJTdHJva2UtNDkiIHN0cm9rZT0iIzI5NjlGMiIgc3Ryb2tlLXdpZHRoPSIwLjIiLz4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTIxNzguMzE1NjMsMTI5OS45OTQ1NiBDMTk5NC44NTMxMiwxNDc3Ljc2MDgxIDE1MzAuNzQ4NTUsMTM1Mi45OTc2NiAxMTQxLjcwODkzLDEwMjEuMzI0NDkgQzc1Mi42NjYwNjYsNjg5LjY1MTMyNCA1ODYuMDE1OTczLDI3Ni42NjkxNyA3NjkuNDc4NDg1LDk4LjkwMDAyNTEgQzk1Mi45NDA5OTcsLTc4Ljg2NjIzMDMgMTQxNy4wNDU1Niw0NS44OTk4MTA4IDE4MDYuMDg1MTksMzc3LjU3MDA5IEMyMTk1LjEyNDgxLDcwOS4yNDMyNTkgMjM2MS43NzgxNSwxMTIyLjIyODMgMjE3OC4zMTU2MywxMjk5Ljk5NDU2IFoiIGlkPSJTdHJva2UtNTEiIHN0cm9rZT0iIzI5NjlGMiIgc3Ryb2tlLXdpZHRoPSIwLjIiLz4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTIyMDMuMzA4NDEsMTMyMC4zMTQyMiBDMjAxMi41MDE4NywxNDkwLjAyODQxIDE1NDMuNTY3MjksMTM0OC4wOTc0IDExNTUuOTE0OCwxMDAzLjI5NzIyIEM3NjguMjYyMzAyLDY1OC40OTcwNDYgNjA4LjY5MTg3NCwyNDEuMzk5OTY3IDc5OS40OTg0MTUsNzEuNjg1Nzc4NiBDOTkwLjMwNDk1NSwtOTguMDI4NDA5NSAxNDU5LjIzOTUzLDQzLjkwMjYwMzcgMTg0Ni44OTIwMywzODguNzAyNzc5IEMyMjM0LjU0NDUyLDczMy41MDI5NTQgMjM5NC4xMTQ5NSwxMTUwLjYwMDAzIDIyMDMuMzA4NDEsMTMyMC4zMTQyMiBaIiBpZD0iU3Ryb2tlLTUzIiBzdHJva2U9IiMyOTY5RjIiIHN0cm9rZS13aWR0aD0iMC4yIi8+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDxnIGlkPSJib3R0b21sZWZ0c3dpcmxzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMzU3Ljk4NzEsIDMxNDQuNTI3NCkgcm90YXRlKDMwKSB0cmFuc2xhdGUoLTEzNTcuOTg3MSwgLTMxNDQuNTI3NCl0cmFuc2xhdGUoMjE2LjAzNTQsIDI0MDYuNDcxNikiPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTUzNiw3OTMuMTExNzEzIEMxNTM2LDExNzAuMzIwMzUgMTE5Mi4xNTUxMywxNDc2LjExMTcxIDc2Ny45OTgzNzYsMTQ3Ni4xMTE3MSBDMzQzLjg0NDg3MywxNDc2LjExMTcxIDUuMTIyNTQ2OTNlLTEyLDExNzAuMzIwMzUgNS4xMjI1NDY5M2UtMTIsNzkzLjExMTcxMyBDNS4xMjI1NDY5M2UtMTIsNDE1LjkwMzA4IDM0My44NDQ4NzMsMTEwLjExMTcxMyA3NjcuOTk4Mzc2LDExMC4xMTE3MTMgQzExOTIuMTU1MTMsMTEwLjExMTcxMyAxNTM2LDQxNS45MDMwOCAxNTM2LDc5My4xMTE3MTMgWiIgaWQ9IlN0cm9rZS0xIiBzdHJva2U9IiMyOTY5RjIiIHN0cm9rZS13aWR0aD0iMC4yIi8+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNTYyLjAwMTkxLDgxMy43ODQ2NDQgQzE1NTQuNjYyOTMsMTE4My4wMTk2MSAxMjA2LjAzODc3LDE0NzEuNTkzNTUgNzgzLjMyOTkxLDE0NTguMzMwNTcgQzM2MC42MjEwNDksMTQ0NS4wNzA0NyAyMy44OTgzNzQxLDExMzQuOTkzMjcgMzEuMjM3MzUxNSw3NjUuNzU4MzA2IEMzOC41NzYzMjg5LDM5Ni41MjA0NSAzODcuMjAwNDg3LDEwNy45NDY1MDkgODA5LjkwOTM0OCwxMjEuMjA5NDk2IEMxMjMyLjYxODIxLDEzNC40NzI0ODMgMTU2OS4zNDA4OCw0NDQuNTQ5Njc3IDE1NjIuMDAxOTEsODEzLjc4NDY0NCBaIiBpZD0iU3Ryb2tlLTMiIHN0cm9rZT0iIzI5NjlGMiIgc3Ryb2tlLXdpZHRoPSIwLjIiLz4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTE1ODYuOTE5NjUsODMzLjkzMzQ3MiBDMTU3Mi4yNDc4MSwxMTk1LjI0MjczIDEyMTguOTU1MDgsMTQ2Ni42Mzc3NSA3OTcuODI0NTY3LDE0NDAuMTA3NzcgQzM3Ni42OTA4MDgsMTQxMy41ODA2OCA0Ny4xODc4ODc1LDEwOTkuMTcyNjQgNjEuODYyOTc0LDczNy44NjMzODcgQzc2LjUzNDgxNDUsMzc2LjU1NDEzMiA0MjkuODI0Mjk1LDEwNS4xNTkxMDQgODUwLjk1ODA1MywxMzEuNjg5MDg3IEMxMjcyLjA5MTgxLDE1OC4yMTYxODIgMTYwMS41OTE0OSw0NzIuNjI0MjE2IDE1ODYuOTE5NjUsODMzLjkzMzQ3MiBaIiBpZD0iU3Ryb2tlLTUiIHN0cm9rZT0iIzI5NjlGMiIgc3Ryb2tlLXdpZHRoPSIwLjIiLz4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTE2MTMuNDQ3MDUsODU0LjYyNTMxIEMxNTkxLjQyNjQ2LDEyMDguMDI5MjMgMTIzMy4xMTQ0NiwxNDYyLjI1NjUzIDgxMy4xMzUwNiwxNDIyLjQ1Mjk4IEMzOTMuMTU4OTEyLDEzODIuNjUyMzEgNzAuNTUwNzkxOCwxMDYzLjg5NDQ3IDkyLjU3NDYyODMsNzEwLjQ5MDU1MiBDMTE0LjU5NTIxNywzNTcuMDgzNzQyIDQ3Mi45MDcyMjEsMTAyLjg1OTMyOCA4OTIuODg2NjE3LDE0Mi42NTk5OTUgQzEzMTIuODYyNzcsMTgyLjQ2MzU1MSAxNjM1LjQ3MDg5LDUwMS4yMjEzODkgMTYxMy40NDcwNSw4NTQuNjI1MzEgWiIgaWQ9IlN0cm9rZS03IiBzdHJva2U9IiMyOTY5RjIiIHN0cm9rZS13aWR0aD0iMC4yIi8+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNjM5LjA3Nzk4LDg3NC41NjA4NjMgQzE2MDkuNzI1MywxMjE5Ljc4MDE2IDEyNDYuNzQwMzUsMTQ1Ni42NDMwNSA4MjguMzI1ODgsMTQwMy42MDI1OCBDNDA5LjkxMTQxMSwxMzUwLjU2NSA5NC41MTIxNTE3LDEwMjcuNzEwNiAxMjMuODY0ODMxLDY4Mi40OTEyOTkgQzE1My4yMTc1MSwzMzcuMjcyIDUxNi4yMDI0NTgsMTAwLjQwOTExMiA5MzQuNjE2OTI3LDE1My40NDk1ODEgQzEzNTMuMDMxNCwyMDYuNDg3MTYzIDE2NjguNDMwNjUsNTI5LjM0MTU2NCAxNjM5LjA3Nzk4LDg3NC41NjA4NjMgWiIgaWQ9IlN0cm9rZS05IiBzdHJva2U9IiMyOTY5RjIiIHN0cm9rZS13aWR0aD0iMC4yIi8+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNjY0LjI4MDE5LDg5NC43MTA5NDEgQzE2MjcuNTkxOCwxMjMxLjk4NjA5IDEyNTkuODA4NTUsMTQ1MS42NTIzMiA4NDIuODEyMDIsMTM4NS4zNDc4NSBDNDI1LjgxODczMiwxMzE5LjA0MzM4IDExNy41MTczNzcsOTkxLjg3NjA1NyAxNTQuMjA1Nzc0LDY1NC41OTgwMTggQzE5MC44OTQxNzEsMzE3LjMyMjg2NyA1NTguNjc3NDE0LDk3LjY1NjYzOTMgOTc1LjY3MDcwMiwxNjMuOTYxMTEgQzEzOTIuNjY3MjQsMjMwLjI2ODQ2OCAxNzAwLjk2ODU5LDU1Ny40MzU3OSAxNjY0LjI4MDE5LDg5NC43MTA5NDEgWiIgaWQ9IlN0cm9rZS0xMSIgc3Ryb2tlPSIjMjk2OUYyIiBzdHJva2Utd2lkdGg9IjAuMiIvPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTY5MC4xNjQ4OCw5MTUuMTA0MzI2IEMxNjQ2LjEyNjMxLDEyNDQuMzc2MyAxMjczLjQxNzM1LDE0NDYuODA5OTUgODU3LjY5OTI2NiwxMzY3LjI0OTc1IEM0NDEuOTgxMTgsMTI4Ny42ODk1NSAxNDAuNjczNzM2LDk1Ni4yNjMzMjIgMTg0LjcxMjMwMSw2MjYuOTkxMzQ5IEMyMjguNzUwODY3LDI5Ny43MTkzNzcgNjAxLjQ1NjU3OSw5NS4yODU3MjYzIDEwMTcuMTc3OTEsMTc0Ljg0NTkyNSBDMTQzMi44OTYsMjU0LjQwNjEyNCAxNzM0LjIwMzQ0LDU4NS44MzIzNTMgMTY5MC4xNjQ4OCw5MTUuMTA0MzI2IFoiIGlkPSJTdHJva2UtMTMiIHN0cm9rZT0iIzI5NjlGMiIgc3Ryb2tlLXdpZHRoPSIwLjIiLz4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTE3MTYuMDc0NjQsOTM1LjE2NTIzOCBDMTY2NC42OTc4NSwxMjU2LjYxNjYxIDEyODcuMTgzNSwxNDQxLjkyNDc1IDg3Mi44NzMxMDEsMTM0OS4wNTgzMyBDNDU4LjU2MjcsMTI1Ni4xOTE5IDE2NC4zNDY4ODMsOTIwLjMyMDcwOSAyMTUuNzIzNjcyLDU5OC44NjY0NSBDMjY3LjEwMDQ2LDI3Ny40MTUwODEgNjQ0LjYxNDgwNiw5Mi4xMDk4MjYxIDEwNTguOTI1MjEsMTg0Ljk3NjI1MiBDMTQ3My4yMzU2MSwyNzcuODM5Nzg4IDE3NjcuNDUxNDIsNjEzLjcxMzg2OCAxNzE2LjA3NDY0LDkzNS4xNjUyMzggWiIgaWQ9IlN0cm9rZS0xNSIgc3Ryb2tlPSIjMjk2OUYyIiBzdHJva2Utd2lkdGg9IjAuMiIvPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTc0MS40ODA2MSw5NTUuNDUyNDAyIEMxNjgyLjc4NDY1LDEyNjguNzEyMTUgMTMwMC41ODQwNCwxNDM2LjY4MDIyIDg4Ny44MTMyMiwxMzMwLjYyMDM1IEM0NzUuMDQ1NjUsMTIyNC41NTc1OSAxODguMDEyOTQzLDg4NC42Mjg0MDggMjQ2LjcwODkwNiw1NzEuMzY4NjU3IEMzMDUuNDA0ODcsMjU4LjEwODkwNiA2ODcuNjA1NDgsOTAuMTQwODM5MSAxMTAwLjM3NjMsMTk2LjIwMDcwOCBDMTUxMy4xNDM4NywzMDIuMjYzNDY1IDE4MDAuMTc2NTcsNjQyLjE5MjY1MSAxNzQxLjQ4MDYxLDk1NS40NTI0MDIgWiIgaWQ9IlN0cm9rZS0xNyIgc3Ryb2tlPSIjMjk2OUYyIiBzdHJva2Utd2lkdGg9IjAuMiIvPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTc2Ni43MTgyNyw5NzUuNzE1MzA5IEMxNzAwLjY4NTYsMTI4MS4xODAxOSAxMzEzLjY3MDA0LDE0MzIuMDI0NjkgOTAyLjMwMDg0OSwxMzEyLjYzNTI2IEM0OTAuOTI4NDE0LDExOTMuMjQyOTQgMjEwLjk3ODU2Nyw4NDguODI5MDA5IDI3Ny4wMTQ0ODksNTQzLjM2MTI0IEMzNDMuMDQ3MTY0LDIzNy44OTYzNjEgNzMwLjA2MjcyNiw4Ny4wNTE4NjA5IDExNDEuNDMxOTEsMjA2LjQ0NDE4MiBDMTU1Mi44MDExLDMyNS44MzM2MTQgMTgzMi43NTQyLDY3MC4yNTA0MyAxNzY2LjcxODI3LDk3NS43MTUzMDkgWiIgaWQ9IlN0cm9rZS0xOSIgc3Ryb2tlPSIjMjk2OUYyIiBzdHJva2Utd2lkdGg9IjAuMiIvPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTc5Mi42MzQ5NSw5OTYuMTYxNTkyIEMxNzE5LjIzNzA4LDEyOTMuNjg1NjMgMTMyNy4yNzg0MywxNDI3LjMyNDY5IDkxNy4xNjM1MzQsMTI5NC42NTA2OCBDNTA3LjA1MTg4NSwxMTYxLjk3Mzc3IDIzNC4wOTExNzksODEzLjIyNzAxNSAzMDcuNDg5MDQ4LDUxNS43MDI5OCBDMzgwLjg4NjkxNywyMTguMTc4OTQ1IDc3Mi44NDU1NjcsODQuNTM5ODgwOSAxMTgyLjk1NzIyLDIxNy4yMTM4OTYgQzE1OTMuMDY4ODYsMzQ5Ljg5MDggMTg2Ni4wMzI4Miw2OTguNjM3NTU3IDE3OTIuNjM0OTUsOTk2LjE2MTU5MiBaIiBpZD0iU3Ryb2tlLTIxIiBzdHJva2U9IiMyOTY5RjIiIHN0cm9rZS13aWR0aD0iMC4yIi8+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xODE4LjMxMjgzLDEwMTYuNDc4MyBDMTczNy41NzM4LDEzMDUuOTA5ODEgMTM0MC43ODkzLDE0MjIuMjc4NTYgOTMyLjA2NzAzNCwxMjc2LjM4ODcyIEM1MjMuMzQ0NzcxLDExMzAuNTAxNzcgMjU3LjQ2MzIzOSw3NzcuNjA2MTEyIDMzOC4yMDIyNyw0ODguMTcxNzE1IEM0MTguOTQxMywxOTguNzQwMjA3IDgxNS43MjU4LDgyLjM3NDM1MDYgMTIyNC40NDgwNiwyMjguMjYxMzAyIEMxNjMzLjE3MDMzLDM3NC4xNDgyNTMgMTg5OS4wNTE4Niw3MjcuMDQ2Nzk2IDE4MTguMzEyODMsMTAxNi40NzgzIFoiIGlkPSJTdHJva2UtMjMiIHN0cm9rZT0iIzI5NjlGMiIgc3Ryb2tlLXdpZHRoPSIwLjIiLz4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTE4NDQuMDE5NzUsMTAzNi40MzggQzE3NTUuOTY3MzYsMTMxNy44NjYzMiAxMzU0LjQ4NTE5LDE0MTcuMDA0MjEgOTQ3LjI4NTg4MSwxMjU3Ljg2NzIxIEM1NDAuMDgzMzI2LDEwOTguNzMwMjIgMjgxLjM2NDA4LDc0MS41ODAyNzYgMzY5LjQxNjQ3NSw0NjAuMTUxOTU0IEM0NTcuNDY4ODcsMTc4LjcyMzYzMiA4NTguOTUxMDM4LDc5LjU4NTc1MDggMTI2Ni4xNTAzNSwyMzguNzIyNzQ0IEMxNjczLjM1MjksMzk3Ljg1OTczNiAxOTMyLjA3MjE1LDc1NS4wMDk2OCAxODQ0LjAxOTc1LDEwMzYuNDM4IFoiIGlkPSJTdHJva2UtMjUiIHN0cm9rZT0iIzI5NjlGMiIgc3Ryb2tlLXdpZHRoPSIwLjIiLz4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTE4NjkuMjkxNTUsMTA1Ni42MzkgQzE3NzMuODk3MzUsMTMzMC4xNDAxOCAxMzY3LjU4MDgxLDE0MTIuMDc1MjggOTYxLjc2MTAwOCwxMjM5LjY0MzI4IEM1NTUuOTQxMjA3LDEwNjcuMjExMjcgMzA0LjI5MzY0NSw3MDUuNzExODIyIDM5OS42ODc4NCw0MzIuMjA3NzUyIEM0OTUuMDgyMDM1LDE1OC43MDY1NjkgOTAxLjM5ODU3OSw3Ni43NzE0Njk2IDEzMDcuMjE4MzgsMjQ5LjIwMzQ3NSBDMTcxMy4wMzgxOCw0MjEuNjM1NDgxIDE5NjQuNjg1NzQsNzgzLjEzNzgyIDE4NjkuMjkxNTUsMTA1Ni42MzkgWiIgaWQ9IlN0cm9rZS0yNyIgc3Ryb2tlPSIjMjk2OUYyIiBzdHJva2Utd2lkdGg9IjAuMiIvPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTg5NS4yMzg3NCwxMDc2LjkxNzc3IEMxNzkyLjQ2NjgxLDEzNDIuMzM0NzcgMTM4MS4xNzc3LDE0MDcuMDIyOTUgOTc2LjU5ODg3LDEyMjEuMzk4NTIgQzU3Mi4wMjAwNDQsMTAzNS43NzQwOSAzMjcuMzU3NzUxLDY3MC4xMzI3MDkgNDMwLjEzMjkzMyw0MDQuNzE1NzAyIEM1MzIuOTA0ODY3LDEzOS4yOTg2OTUgOTQ0LjE5Mzk3OCw3NC42MTA1MTggMTM0OC43NzI4LDI2MC4yMzQ5NDkgQzE3NTMuMzUxNjMsNDQ1Ljg1OTM4MSAxOTk4LjAxMDY3LDgxMS41MDA3NiAxODk1LjIzODc0LDEwNzYuOTE3NzcgWiIgaWQ9IlN0cm9rZS0yOSIgc3Ryb2tlPSIjMjk2OUYyIiBzdHJva2Utd2lkdGg9IjAuMiIvPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTkyMS4xNTc5LDEwOTcuMTIwOTQgQzE4MTEuMTA2OTMsMTM1NC41MzIzNyAxMzk1LjI0ODQzLDE0MDIuMDAwMzMgOTkyLjMwNTk5LDEyMDMuMTM3ODMgQzU4OS4zNjY3OTMsMTAwNC4yNzUzMyAzNTEuOTMwOTE0LDYzNC4zOTQxOTUgNDYxLjk4MTg4OSwzNzYuOTc5ODg2IEM1NzIuMDI5NjE4LDExOS41Njg0NjMgOTg3Ljg5MTM1Niw3Mi4xMDMzODc1IDEzOTAuODMwNTUsMjcwLjk2MzAwMSBDMTc5My43NzMsNDY5LjgyNTUwMSAyMDMxLjIwODg4LDgzOS43MDk1MjEgMTkyMS4xNTc5LDEwOTcuMTIwOTQgWiIgaWQ9IlN0cm9rZS0zMSIgc3Ryb2tlPSIjMjk2OUYyIiBzdHJva2Utd2lkdGg9IjAuMiIvPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTk0Ni43LDExMTcuMzMxMTUgQzE4MjkuMjYzNTksMTM2Ni44MTU1IDE0MDguNDE0MzIsMTM5Ny4wNzMzNiAxMDA2LjcwNTM0LDExODQuOTEzMTkgQzYwNC45OTYzNjQsOTcyLjc1MzAxNyAzNzQuNTQ2NTIyLDU5OC41MTIwNTEgNDkxLjk4MjkzNSwzNDkuMDI3NyBDNjA5LjQxOTM0OSw5OS41NDMzNDkyIDEwMzAuMjY4NjIsNjkuMjg1NDk1MyAxNDMxLjk3NzU5LDI4MS40NDU2NjYgQzE4MzMuNjg2NTcsNDkzLjYwNTgzNyAyMDY0LjEzNjQyLDg2Ny44NDY4MDIgMTk0Ni43LDExMTcuMzMxMTUgWiIgaWQ9IlN0cm9rZS0zMyIgc3Ryb2tlPSIjMjk2OUYyIiBzdHJva2Utd2lkdGg9IjAuMiIvPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTk3Mi41OTU0MywxMTM4LjY0MjYxIEMxODQ3LjgwNjU5LDEzODAuMjc3NzYgMTQyMi4wOTYxOSwxMzkzLjMyNTg1IDEwMjEuNzQ3NTgsMTE2Ny43ODQxMSBDNjIxLjM5NTcxNSw5NDIuMjQyMzY3IDM5OC4wMDgwMTUsNTYzLjUxODU0NyA1MjIuNzk2ODQ5LDMyMS44ODA1MSBDNjQ3LjU4NTY4Myw4MC4yNDUzNjM0IDEwNzMuMjk2MDksNjcuMTk3Mjc5MyAxNDczLjY0NDcsMjkyLjc0MTkwOCBDMTg3My45OTY1Niw1MTguMjgzNjQ3IDIwOTcuMzg0MjYsODk3LjAwNzQ2OCAxOTcyLjU5NTQzLDExMzguNjQyNjEgWiIgaWQ9IlN0cm9rZS0zNSIgc3Ryb2tlPSIjMjk2OUYyIiBzdHJva2Utd2lkdGg9IjAuMiIvPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTk5Ny45NDc3OCwxMTU4LjQwODY2IEMxODY1Ljg0NjAxLDEzOTIuMDgyMTggMTQzNS40MTA0NCwxMzg3LjkwMzg2IDEwMzYuNTM5OTMsMTE0OS4wNzI0NyBDNjM3LjY3MjY2OSw5MTAuMjQxMDY4IDQyMS40MTU4MTMsNTI3LjE5NzE0OSA1NTMuNTE3NTgsMjkzLjUyMzYyOSBDNjg1LjYxOTM0Nyw1OS44NTAxMDggMTExNi4wNTQ5MSw2NC4wMjg0MjIyIDE1MTQuOTI1NDIsMzAyLjg1OTgyIEMxOTEzLjc5MjY5LDU0MS42OTEyMTkgMjEzMC4wNDk1NCw5MjQuNzM1MTM3IDE5OTcuOTQ3NzgsMTE1OC40MDg2NiBaIiBpZD0iU3Ryb2tlLTM3IiBzdHJva2U9IiMyOTY5RjIiIHN0cm9rZS13aWR0aD0iMC4yIi8+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yMDIzLjk3NjMyLDExNzguMjc3MTkgQzE4ODQuNTE1OTYsMTQwMy45MDQ1NiAxNDQ5LjIwMjA3LDEzODIuNTAxNjcgMTA1MS42NzY4OSwxMTMwLjQ3MzgzIEM2NTQuMTUxNzE0LDg3OC40NDMxMDUgNDQ0Ljk0OTgxNSw0OTEuMjIzNzMgNTg0LjQxMDE3LDI2NS41OTM0NzMgQzcyMy44NzA1MjUsMzkuOTY2MTA0OSAxMTU5LjE4NDQyLDYxLjM2OTAwMDYgMTU1Ni43MDk1OSwzMTMuMzk5NzI1IEMxOTU0LjIzNDc3LDU2NS40MzA0NSAyMTYzLjQzNjY3LDk1Mi42NDk4MjUgMjAyMy45NzYzMiwxMTc4LjI3NzE5IFoiIGlkPSJTdHJva2UtMzkiIHN0cm9rZT0iIzI5NjlGMiIgc3Ryb2tlLXdpZHRoPSIwLjIiLz4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTIwNDkuNTIwMzUsMTE5OC44MDgwMiBDMTkwMi43NDQyMSwxNDE2LjUwODEzIDE0NjIuNjg1MjksMTM3Ny44NzI3MyAxMDY2LjYyMzgyLDExMTIuNTEwNDUgQzY3MC41NjU1OTMsODQ3LjE1MTA1OSA0NjguNDc5Myw0NTUuNTQ5NzYgNjE1LjI1ODY4OCwyMzcuODQ5NjUxIEM3NjIuMDM0ODMsMjAuMTQ5NTQxIDEyMDIuMDkzNzUsNTguNzg0OTM5MiAxNTk4LjE1MTk3LDMyNC4xNDcyMiBDMTk5NC4yMTM0NCw1ODkuNTA2NjExIDIxOTYuMjk2NDksOTgxLjEwNzkxIDIwNDkuNTIwMzUsMTE5OC44MDgwMiBaIiBpZD0iU3Ryb2tlLTQxIiBzdHJva2U9IiMyOTY5RjIiIHN0cm9rZS13aWR0aD0iMC4yIi8+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yMDc0LjYyNjA0LDEyMTkuMDA0NDIgQzE5MjAuNDc5MDcsMTQyOC41NjI3OSAxNDc1LjUyMzU2LDEzNzIuNzQyMzUgMTA4MC43ODk4OCwxMDk0LjMyMTU0IEM2ODYuMDU2MTkzLDgxNS45MDM2MTkgNDkxLjAxNzkyNSw0MjAuMzE4NDkzIDY0NS4xNjQ4OTYsMjEwLjc1NzIzOSBDNzk5LjMwODYyLDEuMTk4ODcxMjcgMTI0NC4yNjQxMyw1Ny4wMjIyMDE0IDE2MzkuMDAxMDYsMzM1LjQ0MDEyMiBDMjAzMy43MzQ3NCw2MTMuODYwOTMgMjIyOC43NzMwMSwxMDA5LjQ0NjA1IDIwNzQuNjI2MDQsMTIxOS4wMDQ0MiBaIiBpZD0iU3Ryb2tlLTQzIiBzdHJva2U9IiMyOTY5RjIiIHN0cm9rZS13aWR0aD0iMC4yIi8+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yMTAwLjg5NzM4LDEyMzkuNjIxNTkgQzE5MzkuNDI4MTIsMTQ0MS4zNDYzMyAxNDg5LjcwODA5LDEzNjguMjU5NTQgMTA5Ni40MTY1OCwxMDc2LjM3MTggQzcwMy4xMjUwNjYsNzg0LjQ4Njk0MyA1MTUuMTkzNDY3LDM4NC4zMzQyNSA2NzYuNjYyNzMzLDE4Mi42MDk1MTQgQzgzOC4xMzE5OTgsLTE5LjExNTIyMjQgMTI4Ny44NTIwMiw1My45NzE1NjU4IDE2ODEuMTQzNTQsMzQ1Ljg1OTMwNyBDMjA3NC40MzUwNSw2MzcuNzQ0MTYgMjI2Mi4zNjY2NSwxMDM3Ljg5Njg1IDIxMDAuODk3MzgsMTIzOS42MjE1OSBaIiBpZD0iU3Ryb2tlLTQ1IiBzdHJva2U9IiMyOTY5RjIiIHN0cm9rZS13aWR0aD0iMC4yIi8+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yMTI1Ljg0ODUyLDEyNTkuNzE2MzcgQzE5NTcuMTA3OTcsMTQ1My40Mzc2NiAxNTAyLjc1NDI5LDEzNjMuMTMwODkgMTExMS4wMTkzOCwxMDU4LjAwOTY4IEM3MTkuMjg3NzEyLDc1Mi44ODg0NzggNTM4LjUxNDIsMzQ4LjQ5NTY5OCA3MDcuMjU0NzU1LDE1NC43NzE1MjYgQzg3NS45OTUzMSwtMzguOTQ5NzU2MyAxMzMwLjM0ODk5LDUxLjM1NzAxMzcgMTcyMi4wODM5LDM1Ni40NzgyMTggQzIxMTMuODE1NTYsNjYxLjU5OTQyMiAyMjk0LjU4OTA4LDEwNjUuOTk1MDkgMjEyNS44NDg1MiwxMjU5LjcxNjM3IFoiIGlkPSJTdHJva2UtNDciIHN0cm9rZT0iIzI5NjlGMiIgc3Ryb2tlLXdpZHRoPSIwLjIiLz4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTIxNTIuMzU4ODEsMTI4MC4zNzA2NiBDMTk3Ni4xNzYyNiwxNDY2LjEwMTU1IDE1MTYuNzMyMjgsMTM1OC41NzQ2NiAxMTI2LjE2NDYzLDEwNDAuMjAwMzIgQzczNS41OTM3MjQsNzIxLjgyNTk4MyA1NjEuODAxNjczLDMxMy4xNjYwMzkgNzM3Ljk4NDIyNSwxMjcuNDM1MTU1IEM5MTQuMTY2Nzc3LC01OC4yOTg2MTcxIDEzNzMuNjEwNzUsNDkuMjMxMTU3NSAxNzY0LjE3ODQxLDM2Ny42MDU0OTcgQzIxNTQuNzQ2MDcsNjg1Ljk3OTgzNiAyMzI4LjU0MTM2LDEwOTQuNjM5NzggMjE1Mi4zNTg4MSwxMjgwLjM3MDY2IFoiIGlkPSJTdHJva2UtNDkiIHN0cm9rZT0iIzI5NjlGMiIgc3Ryb2tlLXdpZHRoPSIwLjIiLz4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTIxNzguMzE1NjMsMTI5OS45OTQ1NiBDMTk5NC44NTMxMiwxNDc3Ljc2MDgxIDE1MzAuNzQ4NTUsMTM1Mi45OTc2NiAxMTQxLjcwODkzLDEwMjEuMzI0NDkgQzc1Mi42NjYwNjYsNjg5LjY1MTMyNCA1ODYuMDE1OTczLDI3Ni42NjkxNyA3NjkuNDc4NDg1LDk4LjkwMDAyNTEgQzk1Mi45NDA5OTcsLTc4Ljg2NjIzMDMgMTQxNy4wNDU1Niw0NS44OTk4MTA4IDE4MDYuMDg1MTksMzc3LjU3MDA5IEMyMTk1LjEyNDgxLDcwOS4yNDMyNTkgMjM2MS43NzgxNSwxMTIyLjIyODMgMjE3OC4zMTU2MywxMjk5Ljk5NDU2IFoiIGlkPSJTdHJva2UtNTEiIHN0cm9rZT0iIzI5NjlGMiIgc3Ryb2tlLXdpZHRoPSIwLjIiLz4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTIyMDMuMzA4NDEsMTMyMC4zMTQyMiBDMjAxMi41MDE4NywxNDkwLjAyODQxIDE1NDMuNTY3MjksMTM0OC4wOTc0IDExNTUuOTE0OCwxMDAzLjI5NzIyIEM3NjguMjYyMzAyLDY1OC40OTcwNDYgNjA4LjY5MTg3NCwyNDEuMzk5OTY3IDc5OS40OTg0MTUsNzEuNjg1Nzc4NiBDOTkwLjMwNDk1NSwtOTguMDI4NDA5NSAxNDU5LjIzOTUzLDQzLjkwMjYwMzcgMTg0Ni44OTIwMywzODguNzAyNzc5IEMyMjM0LjU0NDUyLDczMy41MDI5NTQgMjM5NC4xMTQ5NSwxMTUwLjYwMDAzIDIyMDMuMzA4NDEsMTMyMC4zMTQyMiBaIiBpZD0iU3Ryb2tlLTUzIiBzdHJva2U9IiMyOTY5RjIiIHN0cm9rZS13aWR0aD0iMC4yIi8+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=) !important;
    background-color: unset !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: unset !important;
  }
  .user-forbidden--footer {
    position: absolute;
    bottom: 1rem;
    color: #fff;
  }
  .user-forbidden--logo {
    position: absolute;
    top: 2rem;
    left: 2rem;
  }
}