/* Note: using '@use "./base/base_index.scss"' below should activate auto refresh on save (not sure it's working fine) */
/* --- Base --- */
@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
:root,
:host,
.sl-theme-light {
  /* primary */
  --sl-color-primary-50: rgb(254 249 242);
  --sl-color-primary-100: rgb(252 233 212);
  --sl-color-primary-200: rgb(251 216 179);
  --sl-color-primary-300: rgb(248 197 142);
  --sl-color-primary-400: rgb(245 170 89);
  --sl-color-primary-500: rgb(242 148 40);
  --sl-color-primary-600: rgb(240 125 0);
  --sl-color-primary-700: rgb(167 87 0);
  --sl-color-primary-800: rgb(138 72 0);
  --sl-color-primary-900: rgb(98 51 0);
  --sl-color-primary-950: rgb(61 32 0);
  /* danger */
  --sl-color-danger-50: rgb(250 232 230);
  --sl-color-danger-100: rgb(246 215 210);
  --sl-color-danger-200: rgb(242 196 189);
  --sl-color-danger-300: rgb(236 170 159);
  --sl-color-danger-400: rgb(228 134 119);
  --sl-color-danger-500: rgb(219 91 71);
  --sl-color-danger-600: rgb(216 78 56);
  --sl-color-danger-700: rgb(188 68 49);
  --sl-color-danger-800: rgb(155 56 40);
  --sl-color-danger-900: rgb(111 40 29);
  --sl-color-danger-950: rgb(69 25 18);
  /* warning */
  --sl-color-warning-50: rgb(254 249 242);
  --sl-color-warning-100: rgb(252 233 212);
  --sl-color-warning-200: rgb(251 216 179);
  --sl-color-warning-300: rgb(248 197 142);
  --sl-color-warning-400: rgb(245 170 89);
  --sl-color-warning-500: rgb(242 148 40);
  --sl-color-warning-600: rgb(240 125 0);
  --sl-color-warning-700: rgb(167 87 0);
  --sl-color-warning-800: rgb(138 72 0);
  --sl-color-warning-900: rgb(98 51 0);
  --sl-color-warning-950: rgb(61 32 0);
  /* neutral */
  --sl-color-neutral-50: rgb(248 249 251);
  --sl-color-neutral-100: rgb(233 237 241);
  --sl-color-neutral-200: rgb(216 223 230);
  --sl-color-neutral-300: rgb(197 208 218);
  --sl-color-neutral-400: rgb(173 188 202);
  --sl-color-neutral-500: rgb(141 162 181);
  --sl-color-neutral-600: rgb(108 135 160);
  --sl-color-neutral-700: rgb(79 111 141);
  --sl-color-neutral-800: rgb(55 92 126);
  --sl-color-neutral-900: rgb(22 65 105);
  --sl-color-neutral-950: rgb(0 39 76);
  /* info */
  --sl-color-info-50: rgb(251 249 250);
  --sl-color-info-100: rgb(221 202 209);
  --sl-color-info-200: rgb(206 179 190);
  --sl-color-info-300: rgb(188 150 165);
  --sl-color-info-400: rgb(167 118 138);
  --sl-color-info-500: rgb(150 90 114);
  --sl-color-info-600: rgb(131 61 89);
  --sl-color-info-700: rgb(114 55 79);
  --sl-color-info-800: rgb(99 46 67);
  --sl-color-info-900: rgb(81 38 54);
  --sl-color-info-950: rgb(61 28 41);
  /*
  * Forms
  */
  /* button */
  --sl-button-font-size-medium: var(--sl-font-size-medium);
  /* input */
  --sl-input-color: var(--sl-color-neutral-950);
  --sl-input-color-hover: var(--sl-color-neutral-950);
  --sl-input-color-focus: var(--sl-color-neutral-950);
  --sl-input-color-disabled: var(--sl-color-neutral-900);
  --sl-input-icon-color: var(--sl-color-neutral-800);
  --sl-input-border-color: var(--sl-color-neutral-500);
  --sl-input-border-color-focus: var(--sl-color-neutral-500);
  --sl-input-required-content-color: var(--sl-color-danger-600);
  --sl-input-focus-ring-color: var(--sl-color-neutral-300);
  /* Tooltips */
  --sl-tooltip-background-color: var(--sl-color-info-600);
}

sl-tooltip > div[slot=content] h1 {
  margin: 0.5rem 0;
  font-size: 1.25rem;
}

/* Toasts position */
.sl-toast-stack {
  top: 6rem !important;
  right: 1.25rem !important;
}

.main-logo__subtitle {
  background: linear-gradient(45deg, rgb(0, 47, 90) 20%, rgb(0, 70, 135) 45%, rgb(131, 61, 89) 70%, rgb(216, 78, 56) 85%, rgb(240, 125, 0) 98%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}

body .app-loading .app__loading__logo {
  margin: 5rem auto;
  width: fit-content;
}
body .app-loading .app__loading__loader {
  margin: auto;
  width: fit-content;
}
body .app-loading .app__loading__loader sl-spinner {
  font-size: 3rem;
  --track-width: .5rem;
  --indicator-color: var(--sl-color-neutral-800);
  --track-color: var(--sl-color-gray-200);
}

:root {
  --public-images-gradient-bg-url: url("/_content/Prodige.Common.Razor/public/images/gradient-bg.svg");
  --public-images-gradient-bg-login-url: url("/_content/Prodige.Common.Razor/public/images/gradient-bg-login.svg");
  --public-images-logo-light-url: url("/_content/Prodige.Common.Razor/public/images/logo-light.svg");
  --public-images-error-bg-url: url("/_content/Prodige.Common.Razor/public/images/error-bg.png");
  --public-images-error-404-bg-url: url("/_content/Prodige.Common.Razor/public/images/error-404-bg.png");
  --public-images-error-access-denied-bg-url: url("/_content/Prodige.Common.Razor/public/images/error-access-denied-bg.png");
}

.font-weight-bold {
  font-weight: bold;
}

.link {
  width: fit-content;
  padding-bottom: 2px;
  color: var(--sl-color-neutral-400);
  text-decoration: none;
  box-shadow: none;
  transition: box-shadow 200ms ease 0s;
}
.link:hover {
  box-shadow: 0px 2px 0px;
}

.mouse-pointer {
  cursor: pointer;
}

.mouse-cell {
  cursor: cell;
}

.mouse-default {
  cursor: default;
}

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

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

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

.vertical-align-top {
  vertical-align: top;
}
.vertical-align-middle {
  vertical-align: middle;
}
.vertical-align-bottom {
  vertical-align: bottom;
}

.fit-content {
  width: fit-content;
}

.humanized-date {
  display: block;
  font-size: 0.8rem;
  margin-top: -0.1rem;
  color: var(--sl-color-neutral-600);
}

h1 {
  font-weight: 600;
}

.small-text {
  font-size: 0.8rem;
}
.small-text.gray {
  color: var(--sl-color-neutral-600);
}
.small-text.bold {
  font-weight: bold;
}
.small-text.orange {
  color: var(--sl-color-warning-700);
}

.upper {
  text-transform: uppercase;
}

.f-right {
  float: right;
}

/* Rem widths */
.minw-2 {
  width: 2rem;
  min-width: 2rem;
}

.w-2 {
  width: 2rem;
}

.maxw-2 {
  max-width: 2rem;
}

.minw-4 {
  width: 4rem;
  min-width: 4rem;
}

.w-4 {
  width: 4rem;
}

.maxw-4 {
  max-width: 4rem;
}

.minw-6 {
  width: 6rem;
  min-width: 6rem;
}

.w-6 {
  width: 6rem;
}

.maxw-6 {
  max-width: 6rem;
}

.minw-8 {
  width: 8rem;
  min-width: 8rem;
}

.w-8 {
  width: 8rem;
}

.maxw-8 {
  max-width: 8rem;
}

.minw-10 {
  width: 10rem;
  min-width: 10rem;
}

.w-10 {
  width: 10rem;
}

.maxw-10 {
  max-width: 10rem;
}

.minw-12 {
  width: 12rem;
  min-width: 12rem;
}

.w-12 {
  width: 12rem;
}

.maxw-12 {
  max-width: 12rem;
}

.minw-14 {
  width: 14rem;
  min-width: 14rem;
}

.w-14 {
  width: 14rem;
}

.maxw-14 {
  max-width: 14rem;
}

.minw-16 {
  width: 16rem;
  min-width: 16rem;
}

.w-16 {
  width: 16rem;
}

.maxw-16 {
  max-width: 16rem;
}

.minw-18 {
  width: 18rem;
  min-width: 18rem;
}

.w-18 {
  width: 18rem;
}

.maxw-18 {
  max-width: 18rem;
}

.minw-20 {
  width: 20rem;
  min-width: 20rem;
}

.w-20 {
  width: 20rem;
}

.maxw-20 {
  max-width: 20rem;
}

.minw-22 {
  width: 22rem;
  min-width: 22rem;
}

.w-22 {
  width: 22rem;
}

.maxw-22 {
  max-width: 22rem;
}

.minw-24 {
  width: 24rem;
  min-width: 24rem;
}

.w-24 {
  width: 24rem;
}

.maxw-24 {
  max-width: 24rem;
}

.minw-26 {
  width: 26rem;
  min-width: 26rem;
}

.w-26 {
  width: 26rem;
}

.maxw-26 {
  max-width: 26rem;
}

.minw-28 {
  width: 28rem;
  min-width: 28rem;
}

.w-28 {
  width: 28rem;
}

.maxw-28 {
  max-width: 28rem;
}

.minw-30 {
  width: 30rem;
  min-width: 30rem;
}

.w-30 {
  width: 30rem;
}

.maxw-30 {
  max-width: 30rem;
}

.minw-32 {
  width: 32rem;
  min-width: 32rem;
}

.w-32 {
  width: 32rem;
}

.maxw-32 {
  max-width: 32rem;
}

.minw-34 {
  width: 34rem;
  min-width: 34rem;
}

.w-34 {
  width: 34rem;
}

.maxw-34 {
  max-width: 34rem;
}

.minw-36 {
  width: 36rem;
  min-width: 36rem;
}

.w-36 {
  width: 36rem;
}

.maxw-36 {
  max-width: 36rem;
}

.minw-38 {
  width: 38rem;
  min-width: 38rem;
}

.w-38 {
  width: 38rem;
}

.maxw-38 {
  max-width: 38rem;
}

.minw-40 {
  width: 40rem;
  min-width: 40rem;
}

.w-40 {
  width: 40rem;
}

.maxw-40 {
  max-width: 40rem;
}

.minw-42 {
  width: 42rem;
  min-width: 42rem;
}

.w-42 {
  width: 42rem;
}

.maxw-42 {
  max-width: 42rem;
}

.minw-44 {
  width: 44rem;
  min-width: 44rem;
}

.w-44 {
  width: 44rem;
}

.maxw-44 {
  max-width: 44rem;
}

.minw-46 {
  width: 46rem;
  min-width: 46rem;
}

.w-46 {
  width: 46rem;
}

.maxw-46 {
  max-width: 46rem;
}

.minw-48 {
  width: 48rem;
  min-width: 48rem;
}

.w-48 {
  width: 48rem;
}

.maxw-48 {
  max-width: 48rem;
}

.minw-50 {
  width: 50rem;
  min-width: 50rem;
}

.w-50 {
  width: 50rem;
}

.maxw-50 {
  max-width: 50rem;
}

.minw-52 {
  width: 52rem;
  min-width: 52rem;
}

.w-52 {
  width: 52rem;
}

.maxw-52 {
  max-width: 52rem;
}

.minw-54 {
  width: 54rem;
  min-width: 54rem;
}

.w-54 {
  width: 54rem;
}

.maxw-54 {
  max-width: 54rem;
}

.minw-56 {
  width: 56rem;
  min-width: 56rem;
}

.w-56 {
  width: 56rem;
}

.maxw-56 {
  max-width: 56rem;
}

.minw-58 {
  width: 58rem;
  min-width: 58rem;
}

.w-58 {
  width: 58rem;
}

.maxw-58 {
  max-width: 58rem;
}

.minw-60 {
  width: 60rem;
  min-width: 60rem;
}

.w-60 {
  width: 60rem;
}

.maxw-60 {
  max-width: 60rem;
}

.minw-62 {
  width: 62rem;
  min-width: 62rem;
}

.w-62 {
  width: 62rem;
}

.maxw-62 {
  max-width: 62rem;
}

.minw-64 {
  width: 64rem;
  min-width: 64rem;
}

.w-64 {
  width: 64rem;
}

.maxw-64 {
  max-width: 64rem;
}

.minw-66 {
  width: 66rem;
  min-width: 66rem;
}

.w-66 {
  width: 66rem;
}

.maxw-66 {
  max-width: 66rem;
}

.minw-68 {
  width: 68rem;
  min-width: 68rem;
}

.w-68 {
  width: 68rem;
}

.maxw-68 {
  max-width: 68rem;
}

.minw-70 {
  width: 70rem;
  min-width: 70rem;
}

.w-70 {
  width: 70rem;
}

.maxw-70 {
  max-width: 70rem;
}

.minw-72 {
  width: 72rem;
  min-width: 72rem;
}

.w-72 {
  width: 72rem;
}

.maxw-72 {
  max-width: 72rem;
}

.minw-74 {
  width: 74rem;
  min-width: 74rem;
}

.w-74 {
  width: 74rem;
}

.maxw-74 {
  max-width: 74rem;
}

.minw-76 {
  width: 76rem;
  min-width: 76rem;
}

.w-76 {
  width: 76rem;
}

.maxw-76 {
  max-width: 76rem;
}

.minw-78 {
  width: 78rem;
  min-width: 78rem;
}

.w-78 {
  width: 78rem;
}

.maxw-78 {
  max-width: 78rem;
}

.minw-80 {
  width: 80rem;
  min-width: 80rem;
}

.w-80 {
  width: 80rem;
}

.maxw-80 {
  max-width: 80rem;
}

.minw-82 {
  width: 82rem;
  min-width: 82rem;
}

.w-82 {
  width: 82rem;
}

.maxw-82 {
  max-width: 82rem;
}

.minw-84 {
  width: 84rem;
  min-width: 84rem;
}

.w-84 {
  width: 84rem;
}

.maxw-84 {
  max-width: 84rem;
}

.minw-86 {
  width: 86rem;
  min-width: 86rem;
}

.w-86 {
  width: 86rem;
}

.maxw-86 {
  max-width: 86rem;
}

.minw-88 {
  width: 88rem;
  min-width: 88rem;
}

.w-88 {
  width: 88rem;
}

.maxw-88 {
  max-width: 88rem;
}

.minw-90 {
  width: 90rem;
  min-width: 90rem;
}

.w-90 {
  width: 90rem;
}

.maxw-90 {
  max-width: 90rem;
}

.minw-92 {
  width: 92rem;
  min-width: 92rem;
}

.w-92 {
  width: 92rem;
}

.maxw-92 {
  max-width: 92rem;
}

.minw-94 {
  width: 94rem;
  min-width: 94rem;
}

.w-94 {
  width: 94rem;
}

.maxw-94 {
  max-width: 94rem;
}

.minw-96 {
  width: 96rem;
  min-width: 96rem;
}

.w-96 {
  width: 96rem;
}

.maxw-96 {
  max-width: 96rem;
}

.minw-98 {
  width: 98rem;
  min-width: 98rem;
}

.w-98 {
  width: 98rem;
}

.maxw-98 {
  max-width: 98rem;
}

.minw-100 {
  width: 100rem;
  min-width: 100rem;
}

.w-100 {
  width: 100rem;
}

.maxw-100 {
  max-width: 100rem;
}

/* Percentage widths */
.minw-5pc {
  width: 5%;
  min-width: 5%;
}

.w-5pc {
  width: 5%;
}

.maxw-5pc {
  max-width: 5%;
}

.minw-10pc {
  width: 10%;
  min-width: 10%;
}

.w-10pc {
  width: 10%;
}

.maxw-10pc {
  max-width: 10%;
}

.minw-15pc {
  width: 15%;
  min-width: 15%;
}

.w-15pc {
  width: 15%;
}

.maxw-15pc {
  max-width: 15%;
}

.minw-20pc {
  width: 20%;
  min-width: 20%;
}

.w-20pc {
  width: 20%;
}

.maxw-20pc {
  max-width: 20%;
}

.minw-25pc {
  width: 25%;
  min-width: 25%;
}

.w-25pc {
  width: 25%;
}

.maxw-25pc {
  max-width: 25%;
}

.minw-30pc {
  width: 30%;
  min-width: 30%;
}

.w-30pc {
  width: 30%;
}

.maxw-30pc {
  max-width: 30%;
}

.minw-35pc {
  width: 35%;
  min-width: 35%;
}

.w-35pc {
  width: 35%;
}

.maxw-35pc {
  max-width: 35%;
}

.minw-40pc {
  width: 40%;
  min-width: 40%;
}

.w-40pc {
  width: 40%;
}

.maxw-40pc {
  max-width: 40%;
}

.minw-45pc {
  width: 45%;
  min-width: 45%;
}

.w-45pc {
  width: 45%;
}

.maxw-45pc {
  max-width: 45%;
}

.minw-50pc {
  width: 50%;
  min-width: 50%;
}

.w-50pc {
  width: 50%;
}

.maxw-50pc {
  max-width: 50%;
}

.minw-55pc {
  width: 55%;
  min-width: 55%;
}

.w-55pc {
  width: 55%;
}

.maxw-55pc {
  max-width: 55%;
}

.minw-60pc {
  width: 60%;
  min-width: 60%;
}

.w-60pc {
  width: 60%;
}

.maxw-60pc {
  max-width: 60%;
}

.minw-65pc {
  width: 65%;
  min-width: 65%;
}

.w-65pc {
  width: 65%;
}

.maxw-65pc {
  max-width: 65%;
}

.minw-70pc {
  width: 70%;
  min-width: 70%;
}

.w-70pc {
  width: 70%;
}

.maxw-70pc {
  max-width: 70%;
}

.minw-75pc {
  width: 75%;
  min-width: 75%;
}

.w-75pc {
  width: 75%;
}

.maxw-75pc {
  max-width: 75%;
}

.minw-80pc {
  width: 80%;
  min-width: 80%;
}

.w-80pc {
  width: 80%;
}

.maxw-80pc {
  max-width: 80%;
}

.minw-85pc {
  width: 85%;
  min-width: 85%;
}

.w-85pc {
  width: 85%;
}

.maxw-85pc {
  max-width: 85%;
}

.minw-90pc {
  width: 90%;
  min-width: 90%;
}

.w-90pc {
  width: 90%;
}

.maxw-90pc {
  max-width: 90%;
}

.minw-95pc {
  width: 95%;
  min-width: 95%;
}

.w-95pc {
  width: 95%;
}

.maxw-95pc {
  max-width: 95%;
}

.minw-100pc {
  width: 100%;
  min-width: 100%;
}

.w-100pc {
  width: 100%;
}

.maxw-100pc {
  max-width: 100%;
}

.full-height {
  min-height: 100%;
}

.h-100 {
  height: 100%;
}

.display-inline {
  display: inline;
}
.display-inline-block {
  display: inline-block;
}
.display-block {
  display: block;
}
.display-flex {
  display: flex;
}
.display-grid {
  display: grid;
}
.display-none {
  display: none !important;
}

@media (max-width: 600px) {
  .sm-hide {
    display: none !important;
  }
}
@media (max-width: 800px) {
  .md-hide {
    display: none !important;
  }
}
@media (max-width: 1024px) {
  .lg-hide {
    display: none !important;
  }
}
@media (max-width: 1280px) {
  .xl-hide {
    display: none !important;
  }
}
.align-items-start {
  align-items: start;
}
.align-items-end {
  align-items: end;
}
.align-items-center {
  align-items: center;
}

.flex-direction-row {
  flex-direction: row !important;
}

.justify-content-start {
  justify-content: start;
}
.justify-content-center {
  justify-content: center;
}
.justify-content-end {
  justify-content: end;
}
.justify-content-right {
  justify-content: right;
}
.justify-content-space-around {
  justify-content: space-around;
}
.justify-content-space-evenly {
  justify-content: space-evenly;
}
.justify-content-space-between {
  justify-content: space-between;
}

.width-auto {
  width: auto !important;
}

.line-break {
  white-space: pre;
}
.line-break-all {
  white-space: pre-line;
  line-break: anywhere;
}

embed {
  width: 100%;
  border: 1px solid #333;
}
embed.vh-50 {
  height: 50vh;
}

.position-relative {
  position: relative;
}

.position-absolute-top-right {
  position: absolute;
  top: 0;
  right: 0;
}

.split-view {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.split-view *:last-child {
  margin-left: auto;
}
.split-view.flex-end {
  align-items: flex-end;
}

.text-italic {
  font-style: italic;
}
.text-white {
  color: white;
}
.text-muted {
  color: var(--sl-color-neutral-500);
}
.text-danger {
  color: var(--sl-color-danger-600);
}
.text-success {
  color: var(--sl-color-success-600);
}

.list-style-circle {
  list-style: circle;
}

.border-none {
  border: none !important;
}

.grid-template-columns-auto {
  grid-template-columns: auto !important;
}

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

.word-break-all {
  word-break: break-all;
}

.error-display {
  width: 100%;
  max-width: 1024px;
  height: calc(100% - 5rem);
  background-image: var(--public-images-error-bg-url);
}
.error-display.error-404 {
  background-image: var(--public-images-error-404-bg-url);
}
.error-display.error-access-denied {
  background-image: var(--public-images-error-access-denied-bg-url);
}
.error-display {
  background-size: 768px;
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: bottom;
}
@media (max-width: 1024px) {
  .error-display {
    background-size: 384px;
    background-position-y: calc(100% - 5rem);
  }
}
@media (max-width: 800px) {
  .error-display {
    background-size: 80%;
    background-position-x: center;
    background-position-y: calc(100% - 3rem);
  }
}
.error-display h1 {
  color: var(--sl-color-neutral-900);
}
.error-display p.error-display__information {
  color: var(--sl-color-neutral-900);
  padding: 0;
  margin-bottom: 2rem;
  width: fit-content;
  max-width: 80%;
}
.error-display p.error-display__information a {
  color: var(--sl-color-red-900);
}
@media (max-width: 1024px) {
  .error-display p.error-display__information {
    max-width: 70%;
  }
}
@media (max-width: 800px) {
  .error-display p.error-display__information {
    max-width: 100%;
  }
}
.error-display p.error-display__details {
  color: var(--sl-color-neutral-800);
  border-radius: 0.25rem;
  border: solid 1px var(--sl-color-neutral-200);
  border-left: solid 4px var(--sl-color-red-800);
  background-color: rgba(255, 255, 255, 0.7333333333);
  padding: 0.5rem 1rem;
  width: auto;
}
.error-display p.error-display__details pre {
  white-space: pre-line;
}

html {
  font-size: 16px;
}
@media (max-width: 800px) {
  html {
    font-size: 15px;
  }
}
@media (max-width: 600px) {
  html {
    font-size: 14px;
  }
}
@media (max-width: 500px) {
  html {
    font-size: 13px;
  }
}

body {
  font-family: var(--sl-font-sans);
  color: var(--sl-color-neutral-950);
}

container.details-sticky-header .main-title {
  position: sticky;
  top: 0;
  background-color: var(--sl-color-neutral-0);
  z-index: 10;
  margin-bottom: 0;
}
container.details-sticky-header .main-title::before, container.details-sticky-header .main-title::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 2rem;
  background-color: var(--sl-color-neutral-0);
}
container.details-sticky-header .main-title::before {
  top: -1.5rem;
}
container.details-sticky-header .main-title::after {
  top: 3rem;
}
container.details-sticky-header sl-tab-group::part(nav) {
  position: sticky;
  top: 3.5rem;
  background-color: var(--sl-color-neutral-0);
  z-index: 10;
}
@media (max-width: 1023px) {
  container sl-tab-group sl-tab {
    padding-top: 2.5rem;
    height: 6rem;
  }
}
container div.tab-top-action-buttons {
  position: absolute;
  display: flex;
  top: 0;
  right: 0;
  margin-right: 0.6rem;
  gap: 1rem;
  width: auto;
}
@media (min-width: 1024px) and (max-width: 2099px) {
  container div.tab-top-action-buttons:not(.no-clip) {
    clip-path: inset(0 0 0 calc(100% - 3rem));
    transition: clip-path 0.3s ease-out;
    padding-left: 2rem;
  }
  container div.tab-top-action-buttons:not(.no-clip) * {
    transition: opacity 0.3s ease-out;
    opacity: 0.3;
  }
  container div.tab-top-action-buttons:not(.no-clip)::before {
    position: absolute;
    font-size: 1.5rem;
    text-align: right;
    font-weight: 600;
    right: 0.5rem;
    height: 100%;
    width: 3rem;
    content: " ";
    z-index: 100;
    background: linear-gradient(to right, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 20%, rgba(255, 255, 255, 0) 100%);
    opacity: 1;
    transition: opacity 0.2s ease-in-out 0.2s;
    pointer-events: none;
  }
  container div.tab-top-action-buttons:not(.no-clip):hover {
    clip-path: inset(0 0 0 0);
    background-color: #fff;
  }
  container div.tab-top-action-buttons:not(.no-clip):hover * {
    opacity: 1;
  }
  container div.tab-top-action-buttons:not(.no-clip):hover::before {
    opacity: 0;
    transition: opacity 0s 0s;
  }
}

/* Main layout for logged in page is composed of body => NavMenu & TopBar (for page structure) + container (for main content) */
body .login-layout {
  display: flex;
  max-width: 100vw;
  min-height: 100vh;
  padding: 0;
  margin: 0;
  background-image: var(--public-images-gradient-bg-login-url);
  background-size: cover;
  background-position-x: center;
}
@media (max-width: 800px) {
  body .login-layout {
    background: none;
  }
}
body .login-layout main {
  flex-grow: 1;
}
body .login-layout main container .big-card.login {
  box-shadow: 0 -2px 16px rgba(0, 39, 76, 0.25);
  background-color: #fff;
  margin: 3rem auto auto auto;
  max-width: 30rem;
  padding: 2rem 4rem;
}
@media (max-width: 800px) {
  body .login-layout main container .big-card.login {
    justify-content: center;
    align-items: center;
    min-height: fit-content;
    margin: 6rem auto;
    box-shadow: unset;
  }
}
body .login-layout main container .big-card.login .main-logo {
  margin: 3rem auto;
}
body .login-layout main container .big-card.login sl-input {
  margin-bottom: 1rem;
}
body .login-layout main container .big-card.login .login-button-wrapper {
  width: 100%;
  text-align: center;
}
body .login-layout main container .big-card.login .login-button-wrapper sl-button {
  margin-top: 4rem;
  margin-bottom: 2rem;
}
body .logged-in-layout {
  display: flex;
  max-width: 100vw;
  min-height: 100vh;
  padding: 0;
  margin: 0;
  background-image: var(--public-images-gradient-bg-url);
  background-position: -980px -320px;
  background-repeat: no-repeat;
}
body .logged-in-layout .burger-button {
  border: none;
  display: none;
}
@media (max-width: 800px) {
  body .logged-in-layout .burger-button {
    z-index: 999;
    display: block;
    position: fixed;
    top: 1rem;
    left: 1.5rem;
    transition: transform 0.3s ease-in-out;
    font-size: 2rem;
    color: white;
    background-color: transparent;
    cursor: pointer;
  }
}
body .logged-in-layout nav {
  min-height: 100vh;
  max-width: 12rem;
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  padding: 0 1.5rem;
  transition: transform 0.3s ease-in-out;
}
body .logged-in-layout nav .top {
  position: relative;
  height: 7rem;
  margin: 1rem auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
body .logged-in-layout nav .top .main-logo {
  width: 9rem;
  transition: transform 0.3s ease-in-out;
}
body .logged-in-layout nav .menu {
  flex-grow: 1;
  display: flex;
  padding-top: 2rem;
  flex-direction: column;
  gap: 0.5rem;
}
@media (max-width: 800px) {
  body .logged-in-layout nav .menu {
    padding-top: 1rem;
  }
}
body .logged-in-layout nav .menu a {
  display: flex;
  align-items: center;
  padding: 0.25rem 1rem;
  color: #fff;
  border-radius: 0.25rem;
  text-decoration: none;
  font-size: 1.1rem;
}
body .logged-in-layout nav .menu a.active {
  color: var(--sl-color-neutral-950);
  background-color: #fff;
}
body .logged-in-layout nav .menu a:hover {
  color: var(--sl-color-neutral-800);
  background-color: #fff;
  transition: background-color 0.3s ease-in-out;
}
@media (max-width: 800px) {
  body .logged-in-layout nav {
    position: fixed;
    top: 0;
    left: 0;
    min-height: 100%;
    width: 18rem;
    max-width: 60%;
    transform: translateX(-120%);
    z-index: 998;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    background-color: var(--sl-color-neutral-800);
    box-shadow: 2px 0 10px 5px rgba(0, 0, 0, 0.15);
    padding-top: 2.5rem;
  }
}
body .logged-in-layout nav.visible {
  opacity: 1;
  transform: translateX(0);
}
body .logged-in-layout main {
  min-height: 100vh;
  max-width: 100%;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
body .logged-in-layout main header {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 5rem;
  height: 5rem;
  padding: 1rem;
  text-align: right;
  position: static;
}
body .logged-in-layout main header sl-spinner {
  margin-left: 1.25rem;
  transition: opacity 0s linear;
  opacity: 1;
  font-size: 1.75rem;
  --track-width: .2rem;
  --indicator-color: var(--sl-color-neutral-800);
  --track-color: var(--sl-color-neutral-100);
}
body .logged-in-layout main header sl-spinner.not-active {
  transition: opacity 0.3s linear;
  opacity: 0;
}
body .logged-in-layout main header .spinner-separator {
  flex-grow: 1;
}
body .logged-in-layout main header sl-avatar::part(base) {
  background-color: #fff;
}
body .logged-in-layout main header sl-avatar::part(initials) {
  font-size: 1.1rem;
  font-weight: 600;
  color: #F07D00;
}
@media (max-width: 800px) {
  body .logged-in-layout main header {
    gap: 1rem;
    position: sticky;
    z-index: 997;
    top: 0;
    right: 0;
    max-width: 100%;
    background-color: var(--sl-color-neutral-800);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  }
  body .logged-in-layout main header .spinner-separator {
    flex-grow: 0;
  }
}
body .logged-in-layout main container {
  width: calc(100vw - 12.75rem) !important;
  height: calc(100vh - 6rem) !important;
  display: block;
  padding: 1.5rem;
  border-radius: 10px;
  box-shadow: 0 -2px 16px rgba(0, 39, 76, 0.25);
  background-color: #fff;
  overflow-y: auto;
  scrollbar-color: #f0f0f0 rgba(255, 255, 255, 0);
  scrollbar-width: thin;
}
@media (max-width: 800px) {
  body .logged-in-layout main container {
    padding-bottom: 2.5rem !important;
    box-shadow: none;
    border-radius: unset;
    flex-grow: 1;
    width: 100% !important;
  }
}

/*
  1. Use a more-intuitive box-sizing model.
*/
*, *::before, *::after {
  box-sizing: border-box;
}

/*
  2. Remove default margin and browser focus style
*/
* {
  margin: 0;
}
*:focus-visible {
  outline: unset;
}

/*
  Typographic tweaks!
  3. Add accessible line-height
  4. Improve text rendering
*/
body {
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

/*
  5. Improve media defaults
*/
img, picture, video, canvas, svg {
  display: block;
  max-width: 100%;
}

/*
  6. Remove built-in form typography styles
*/
input, button, textarea, select {
  font: inherit;
}

/*
  7. Avoid text overflows
*/
p, h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word;
}

/*
  8. Create a root stacking context
*/
#root, #__next {
  isolation: isolate;
}

.m-0 {
  margin: 0rem !important;
}

.mx-0 {
  margin-left: 0rem !important;
  margin-right: 0rem !important;
}

.my-0 {
  margin-top: 0rem !important;
  margin-bottom: 0rem !important;
}

.mt-0 {
  margin-top: 0rem !important;
}

.mt-n0 {
  margin-top: 0rem !important;
}

.mr-0 {
  margin-right: 0rem !important;
}

.mb-0 {
  margin-bottom: 0rem !important;
}

.mb-n0 {
  margin-bottom: 0rem !important;
}

.tr-y-0 {
  transform: translateY(0rem);
}

.tr-y-n0 {
  transform: translateY(0rem);
}

.ml-0 {
  margin-left: 0rem !important;
}

.p-0 {
  padding: 0rem !important;
}

.px-0 {
  padding-left: 0rem !important;
  padding-right: 0rem !important;
}

.py-0 {
  padding-top: 0rem !important;
  padding-bottom: 0rem !important;
}

.pt-0 {
  padding-top: 0rem !important;
}

.pt-n0 {
  padding-bottom: 0rem !important;
}

.pr-0 {
  padding-right: 0rem !important;
}

.pb-0 {
  padding-bottom: 0rem !important;
}

.pb-n0 {
  padding-bottom: 0rem !important;
}

.pl-0 {
  padding-left: 0rem !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mx-1 {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mt-n1 {
  margin-top: -0.25rem !important;
}

.mr-1 {
  margin-right: 0.25rem !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.mb-n1 {
  margin-bottom: -0.25rem !important;
}

.tr-y-1 {
  transform: translateY(0.25rem);
}

.tr-y-n1 {
  transform: translateY(-0.25rem);
}

.ml-1 {
  margin-left: 0.25rem !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.px-1 {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pt-n1 {
  padding-bottom: -0.25rem !important;
}

.pr-1 {
  padding-right: 0.25rem !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pb-n1 {
  padding-bottom: -0.25rem !important;
}

.pl-1 {
  padding-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mx-2 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mt-n2 {
  margin-top: -0.5rem !important;
}

.mr-2 {
  margin-right: 0.5rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.mb-n2 {
  margin-bottom: -0.5rem !important;
}

.tr-y-2 {
  transform: translateY(0.5rem);
}

.tr-y-n2 {
  transform: translateY(-0.5rem);
}

.ml-2 {
  margin-left: 0.5rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.px-2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pt-n2 {
  padding-bottom: -0.5rem !important;
}

.pr-2 {
  padding-right: 0.5rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pb-n2 {
  padding-bottom: -0.5rem !important;
}

.pl-2 {
  padding-left: 0.5rem !important;
}

.m-3 {
  margin: 0.75rem !important;
}

.mx-3 {
  margin-left: 0.75rem !important;
  margin-right: 0.75rem !important;
}

.my-3 {
  margin-top: 0.75rem !important;
  margin-bottom: 0.75rem !important;
}

.mt-3 {
  margin-top: 0.75rem !important;
}

.mt-n3 {
  margin-top: -0.75rem !important;
}

.mr-3 {
  margin-right: 0.75rem !important;
}

.mb-3 {
  margin-bottom: 0.75rem !important;
}

.mb-n3 {
  margin-bottom: -0.75rem !important;
}

.tr-y-3 {
  transform: translateY(0.75rem);
}

.tr-y-n3 {
  transform: translateY(-0.75rem);
}

.ml-3 {
  margin-left: 0.75rem !important;
}

.p-3 {
  padding: 0.75rem !important;
}

.px-3 {
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}

.py-3 {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}

.pt-3 {
  padding-top: 0.75rem !important;
}

.pt-n3 {
  padding-bottom: -0.75rem !important;
}

.pr-3 {
  padding-right: 0.75rem !important;
}

.pb-3 {
  padding-bottom: 0.75rem !important;
}

.pb-n3 {
  padding-bottom: -0.75rem !important;
}

.pl-3 {
  padding-left: 0.75rem !important;
}

.m-4 {
  margin: 1rem !important;
}

.mx-4 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}

.my-4 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.mt-4 {
  margin-top: 1rem !important;
}

.mt-n4 {
  margin-top: -1rem !important;
}

.mr-4 {
  margin-right: 1rem !important;
}

.mb-4 {
  margin-bottom: 1rem !important;
}

.mb-n4 {
  margin-bottom: -1rem !important;
}

.tr-y-4 {
  transform: translateY(1rem);
}

.tr-y-n4 {
  transform: translateY(-1rem);
}

.ml-4 {
  margin-left: 1rem !important;
}

.p-4 {
  padding: 1rem !important;
}

.px-4 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.py-4 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.pt-4 {
  padding-top: 1rem !important;
}

.pt-n4 {
  padding-bottom: -1rem !important;
}

.pr-4 {
  padding-right: 1rem !important;
}

.pb-4 {
  padding-bottom: 1rem !important;
}

.pb-n4 {
  padding-bottom: -1rem !important;
}

.pl-4 {
  padding-left: 1rem !important;
}

.m-5 {
  margin: 1.25rem !important;
}

.mx-5 {
  margin-left: 1.25rem !important;
  margin-right: 1.25rem !important;
}

.my-5 {
  margin-top: 1.25rem !important;
  margin-bottom: 1.25rem !important;
}

.mt-5 {
  margin-top: 1.25rem !important;
}

.mt-n5 {
  margin-top: -1.25rem !important;
}

.mr-5 {
  margin-right: 1.25rem !important;
}

.mb-5 {
  margin-bottom: 1.25rem !important;
}

.mb-n5 {
  margin-bottom: -1.25rem !important;
}

.tr-y-5 {
  transform: translateY(1.25rem);
}

.tr-y-n5 {
  transform: translateY(-1.25rem);
}

.ml-5 {
  margin-left: 1.25rem !important;
}

.p-5 {
  padding: 1.25rem !important;
}

.px-5 {
  padding-left: 1.25rem !important;
  padding-right: 1.25rem !important;
}

.py-5 {
  padding-top: 1.25rem !important;
  padding-bottom: 1.25rem !important;
}

.pt-5 {
  padding-top: 1.25rem !important;
}

.pt-n5 {
  padding-bottom: -1.25rem !important;
}

.pr-5 {
  padding-right: 1.25rem !important;
}

.pb-5 {
  padding-bottom: 1.25rem !important;
}

.pb-n5 {
  padding-bottom: -1.25rem !important;
}

.pl-5 {
  padding-left: 1.25rem !important;
}

.m-6 {
  margin: 1.5rem !important;
}

.mx-6 {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}

.my-6 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.mt-6 {
  margin-top: 1.5rem !important;
}

.mt-n6 {
  margin-top: -1.5rem !important;
}

.mr-6 {
  margin-right: 1.5rem !important;
}

.mb-6 {
  margin-bottom: 1.5rem !important;
}

.mb-n6 {
  margin-bottom: -1.5rem !important;
}

.tr-y-6 {
  transform: translateY(1.5rem);
}

.tr-y-n6 {
  transform: translateY(-1.5rem);
}

.ml-6 {
  margin-left: 1.5rem !important;
}

.p-6 {
  padding: 1.5rem !important;
}

.px-6 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

.py-6 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.pt-6 {
  padding-top: 1.5rem !important;
}

.pt-n6 {
  padding-bottom: -1.5rem !important;
}

.pr-6 {
  padding-right: 1.5rem !important;
}

.pb-6 {
  padding-bottom: 1.5rem !important;
}

.pb-n6 {
  padding-bottom: -1.5rem !important;
}

.pl-6 {
  padding-left: 1.5rem !important;
}

.m-7 {
  margin: 1.75rem !important;
}

.mx-7 {
  margin-left: 1.75rem !important;
  margin-right: 1.75rem !important;
}

.my-7 {
  margin-top: 1.75rem !important;
  margin-bottom: 1.75rem !important;
}

.mt-7 {
  margin-top: 1.75rem !important;
}

.mt-n7 {
  margin-top: -1.75rem !important;
}

.mr-7 {
  margin-right: 1.75rem !important;
}

.mb-7 {
  margin-bottom: 1.75rem !important;
}

.mb-n7 {
  margin-bottom: -1.75rem !important;
}

.tr-y-7 {
  transform: translateY(1.75rem);
}

.tr-y-n7 {
  transform: translateY(-1.75rem);
}

.ml-7 {
  margin-left: 1.75rem !important;
}

.p-7 {
  padding: 1.75rem !important;
}

.px-7 {
  padding-left: 1.75rem !important;
  padding-right: 1.75rem !important;
}

.py-7 {
  padding-top: 1.75rem !important;
  padding-bottom: 1.75rem !important;
}

.pt-7 {
  padding-top: 1.75rem !important;
}

.pt-n7 {
  padding-bottom: -1.75rem !important;
}

.pr-7 {
  padding-right: 1.75rem !important;
}

.pb-7 {
  padding-bottom: 1.75rem !important;
}

.pb-n7 {
  padding-bottom: -1.75rem !important;
}

.pl-7 {
  padding-left: 1.75rem !important;
}

.m-8 {
  margin: 2rem !important;
}

.mx-8 {
  margin-left: 2rem !important;
  margin-right: 2rem !important;
}

.my-8 {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}

.mt-8 {
  margin-top: 2rem !important;
}

.mt-n8 {
  margin-top: -2rem !important;
}

.mr-8 {
  margin-right: 2rem !important;
}

.mb-8 {
  margin-bottom: 2rem !important;
}

.mb-n8 {
  margin-bottom: -2rem !important;
}

.tr-y-8 {
  transform: translateY(2rem);
}

.tr-y-n8 {
  transform: translateY(-2rem);
}

.ml-8 {
  margin-left: 2rem !important;
}

.p-8 {
  padding: 2rem !important;
}

.px-8 {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

.py-8 {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

.pt-8 {
  padding-top: 2rem !important;
}

.pt-n8 {
  padding-bottom: -2rem !important;
}

.pr-8 {
  padding-right: 2rem !important;
}

.pb-8 {
  padding-bottom: 2rem !important;
}

.pb-n8 {
  padding-bottom: -2rem !important;
}

.pl-8 {
  padding-left: 2rem !important;
}

.m-auto {
  margin: auto;
}

.centered {
  margin-left: auto;
  margin-right: auto;
}

.gap-0-5 {
  gap: 0.5rem;
}

.gap-1 {
  gap: 1rem;
}

.gap-1-5 {
  gap: 1.5rem;
}

.gap-2 {
  gap: 2rem;
}

div.pure-g > div:not(.form-card) {
  padding: 0.5rem;
}

.validation-dialog {
  color: var(--sl-color-neutral-950);
}
.validation-dialog::part(title), .validation-dialog::part(body) {
  text-align: left !important;
}
.validation-dialog::part(body) {
  line-height: 1.75rem !important;
  font-size: var(--sl-font-size-medium) !important;
  font-weight: normal !important;
}

/* --- Components --- */
sl-avatar.small {
  --size: 1.6rem;
}
sl-avatar.small::part(base) {
  border-radius: 0.25rem;
}
sl-avatar.small::part(initials) {
  font-size: 1rem;
}

.badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: max(13px, 0.75em);
  letter-spacing: var(--sl-letter-spacing-normal);
  line-height: 1.1;
  border-radius: var(--sl-border-radius-small);
  background-color: var(--sl-color-neutral-800);
  color: var(--sl-color-neutral-0);
  white-space: nowrap;
  padding: 0.4em 0.8em;
  user-select: none;
  -webkit-user-select: none;
  cursor: inherit;
}
.badge sl-icon[slot=prefix] {
  margin-right: 6px;
}
.badge sl-icon[slot=suffix] {
  margin-left: 6px;
}
.badge .badge__dismiss {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.25em;
  height: 1.25em;
  margin-left: 0.5em;
  border-radius: var(--sl-border-radius-circle);
  background-color: var(--sl-color-neutral-50);
  color: var(--sl-color-gray-800);
  cursor: pointer;
}

/* Variant modifiers */
.badge--primary {
  background-color: var(--sl-color-primary-600);
  color: var(--sl-color-neutral-0);
}
.badge--primary .badge__dismiss {
  color: var(--sl-color-primary-700);
}

.badge--success {
  background-color: var(--sl-color-success-600);
  color: var(--sl-color-neutral-0);
}
.badge--success .badge__dismiss {
  color: var(--sl-color-success-700);
}

.badge--neutral {
  background-color: var(--sl-color-neutral-600);
  color: var(--sl-color-neutral-0);
}
.badge--neutral .badge__dismiss {
  color: var(--sl-color-neutral-700);
}

.badge--warning {
  background-color: var(--sl-color-warning-700);
  color: var(--sl-color-neutral-0);
}
.badge--warning .badge__dismiss {
  color: var(--sl-color-warning-800);
}

.badge--danger {
  background-color: var(--sl-color-danger-600);
  color: var(--sl-color-neutral-0);
}
.badge--danger .badge__dismiss {
  color: var(--sl-color-danger-700);
}

.badge--info {
  background-color: var(--sl-color-info-600);
  color: var(--sl-color-neutral-0);
}
.badge--info .badge__dismiss {
  color: var(--sl-color-info-700);
}

.badge--blue {
  background-color: var(--sl-color-blue-600);
  color: var(--sl-color-blue-50);
}
.badge--blue .badge__dismiss {
  color: var(--sl-color-blue-700);
}

.badge--dark-blue {
  background-color: var(--sl-color-blue-800);
  color: var(--sl-color-blue-50);
}
.badge--dark-blue .badge__dismiss {
  color: var(--sl-color-blue-900);
}

.badge--pink {
  background-color: var(--sl-color-pink-600);
  color: var(--sl-color-pink-50);
}
.badge--pink .badge__dismiss {
  color: var(--sl-color-pink-700);
}

.badge--green {
  background-color: var(--sl-color-green-700);
  color: var(--sl-color-green-50);
}
.badge--green .badge__dismiss {
  color: var(--sl-color-green-800);
}

.badge--lime {
  background-color: var(--sl-color-lime-500);
  color: var(--sl-color-lime-50);
}
.badge--lime .badge__dismiss {
  color: var(--sl-color-lime-600);
}

.badge--yellow {
  background-color: var(--sl-color-yellow-400);
  color: var(--sl-color-yellow-800);
}
.badge--yellow .badge__dismiss {
  color: var(--sl-color-yellow-600);
}

.badge--black {
  background-color: var(--sl-color-gray-900);
  color: var(--sl-color-gray-50);
}
.badge--black .badge__dismiss {
  color: var(--sl-color-gray-800);
}

.badge--purple {
  background-color: var(--sl-color-purple-500);
  color: var(--sl-color-purple-50);
}
.badge--purple .badge__dismiss {
  color: var(--sl-color-purple-600);
}

.badge--cyan {
  background-color: var(--sl-color-cyan-600);
  color: var(--sl-color-cyan-50);
}
.badge--cyan .badge__dismiss {
  color: var(--sl-color-cyan-700);
}

.badge--violet {
  background-color: var(--sl-color-violet-800);
  color: var(--sl-color-violet-50);
}
.badge--violet .badge__dismiss {
  color: var(--sl-color-violet-900);
}

.badge--fuchsia {
  background-color: var(--sl-color-fuchsia-600);
  color: var(--sl-color-fuchsia-50);
}
.badge--fuchsia .badge__dismiss {
  color: var(--sl-color-fuchsia-700);
}

.badge--rose {
  background-color: var(--sl-color-rose-300);
  color: var(--sl-color-rose-900);
}
.badge--rose .badge__dismiss {
  color: var(--sl-color-rose-400);
}

.badge--indigo {
  background-color: var(--sl-color-indigo-600);
  color: var(--sl-color-indigo-50);
}
.badge--indigo .badge__dismiss {
  color: var(--sl-color-indigo-700);
}

.badge--amber {
  background-color: var(--sl-color-amber-600);
  color: var(--sl-color-amber-50);
}
.badge--amber .badge__dismiss {
  color: var(--sl-color-amber-700);
}

.badge--orange {
  background-color: var(--sl-color-orange-600);
  color: var(--sl-color-orange-50);
}
.badge--orange .badge__dismiss {
  color: var(--sl-color-orange-700);
}

.badge--red {
  background-color: var(--sl-color-red-600);
  color: var(--sl-color-red-50);
}
.badge--red .badge__dismiss {
  color: var(--sl-color-red-700);
}

.badge--gray {
  background-color: var(--sl-color-gray-500);
  color: var(--sl-color-gray-50);
}
.badge--gray .badge__dismiss {
  color: var(--sl-color-gray-600);
}

/* Pill modifier */
.badge--pill {
  border-radius: var(--sl-border-radius-pill);
}

.badge-group {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.big-calendar-top-menu {
  display: flex;
  flex-wrap: wrap;
}
.big-calendar-top-menu sl-button::part(base) {
  min-width: unset;
}
.big-calendar-top-menu > * {
  margin-left: 3rem;
  margin-bottom: 0.5rem;
}
.big-calendar-top-menu > * sl-tag > sl-icon {
  margin-right: 0.75rem;
}
.big-calendar-top-menu .month-selector {
  margin-left: auto;
  margin-right: auto;
  min-width: 18rem;
  text-align: center;
}
.big-calendar-top-menu .month-selector span {
  font-size: 1.2rem;
  font-weight: 600;
}
@media (max-width: 879px) {
  .big-calendar-top-menu > * {
    margin-left: 0.5rem;
  }
}

.big-calendar-content {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.5rem;
  margin-bottom: 1rem;
}
.big-calendar-content > div {
  width: 13.5%;
  height: 7rem;
  padding: 0.5rem;
  border: 1px solid var(--sl-color-neutral-200);
  border-radius: 0.25rem;
}
@media (max-width: 1180px) {
  .big-calendar-content > div {
    width: 13%;
  }
}
@media (max-width: 800px) {
  .big-calendar-content > div {
    width: 12.5%;
  }
}
.big-calendar-content > div.out-of-range {
  background-color: var(--sl-color-neutral-50);
  border-color: var(--sl-color-neutral-50);
}
.big-calendar-content > div.non-working-day {
  background-color: var(--sl-color-neutral-600);
}
.big-calendar-content > div.non-working-day h2, .big-calendar-content > div.non-working-day h3 {
  color: var(--sl-color-neutral-50);
}
.big-calendar-content > div.week-end {
  background-color: var(--sl-color-neutral-200);
}
.big-calendar-content > div.week-end h2, .big-calendar-content > div.week-end h3 {
  color: var(--sl-color-neutral-600);
}
.big-calendar-content > div h2 {
  font-size: 0.9rem;
  font-weight: 600;
  margin-top: -0.25rem;
  margin-bottom: -0.3rem;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.big-calendar-content > div h3 {
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 0.25rem;
}
.big-calendar-content > div div.__color-blocks {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-content: stretch;
  align-items: flex-end;
  gap: 0.5rem;
  height: 2.75rem;
}
.big-calendar-content > div div.__color-blocks div {
  flex: 0 1 auto;
  align-self: auto;
  width: 50%;
  height: 100%;
  text-align: center;
  line-height: 2.75rem;
  font-weight: 600;
  font-size: 1.1rem;
  color: var(--sl-color-gray-500);
}
.big-calendar-content > div div.__color-blocks div.empty {
  background-color: var(--sl-color-neutral-50);
}
.big-calendar-content > div div.__color-blocks div.others {
  border: solid 1px var(--sl-color-warning-100);
}
.big-calendar-content > div div.__color-blocks div.me-off {
  background-color: var(--sl-color-rose-100);
}
.big-calendar-content > div div.__color-blocks div.me-rdv {
  background-color: #9cc6fa;
}
.big-calendar-content > div div[slot=content] {
  padding: 0.5rem;
  white-space: pre;
}

.big-calendar-legend {
  width: fit-content;
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  margin-top: 2rem;
  margin-left: auto;
  padding: 1rem;
  border: 1px solid var(--sl-color-neutral-100);
  border-radius: 0.5rem;
  box-shadow: 0 -2px 16px var(--sl-color-neutral-100);
}
.big-calendar-legend > h2 {
  color: var(--sl-color-neutral-600);
}
@media (max-width: 880px) {
  .big-calendar-legend > h2 {
    width: 100%;
    margin-bottom: -1rem;
  }
}
.big-calendar-legend > div {
  padding: 0.5rem;
  min-width: 5rem;
  text-align: center;
}
.big-calendar-legend > div span {
  display: block;
  bottom: 0;
  font-size: 0.8rem;
}
.big-calendar-legend > div.empty {
  background-color: var(--sl-color-neutral-50);
}
.big-calendar-legend > div.others {
  border: solid 1px var(--sl-color-warning-100);
}
.big-calendar-legend > div.me-off {
  background-color: var(--sl-color-rose-100);
}
.big-calendar-legend > div.me-rdv {
  background-color: #9cc6fa;
}
@media (max-width: 768px) {
  .big-calendar-legend > div {
    width: 40%;
  }
}

sl-button::part(base) {
  font-weight: var(--sl-font-weight-normal);
}
sl-button.min-w::part(base) {
  min-width: 8.125rem;
}
sl-button {
  /* neutral */
}
sl-button[variant=neutral]::part(base) {
  border-color: var(--sl-color-neutral-800);
  background-color: var(--sl-color-neutral-800);
  color: white;
}
sl-button[variant=neutral]::part(base):hover {
  border-color: var(--sl-color-neutral-700);
  background-color: var(--sl-color-neutral-700);
  color: white;
}
sl-button[variant=neutral][outline]::part(base) {
  background-color: white;
  color: var(--sl-color-neutral-800);
  border-color: var(--sl-color-neutral-800);
}
sl-button[variant=neutral][outline]::part(base):hover {
  background-color: var(--sl-color-neutral-800);
  color: white;
}
sl-button {
  /* info */
}
sl-button[variant=info]::part(base) {
  background-color: var(--sl-color-info-600);
  border-color: var(--sl-color-info-600);
  color: var(--sl-color-neutral-0);
}
sl-button[variant=info]::part(base):hover::part(base) {
  background-color: var(--sl-color-info-500);
  border-color: var(--sl-color-info-500);
}
sl-button[variant=info][outline]::part(base) {
  background: none;
  border-color: var(--sl-color-info-600);
  color: var(--sl-color-info-600);
}
sl-button[variant=info][outline]::part(base):hover {
  background-color: var(--sl-color-info-600);
  color: var(--sl-color-neutral-0);
}
sl-button {
  /* blue */
}
sl-button[variant=blue]::part(base) {
  background-color: var(--sl-color-blue-600);
  border-color: var(--sl-color-blue-600);
  color: var(--sl-color-blue-50);
}
sl-button[variant=blue]:hover::part(base) {
  background-color: var(--sl-color-blue-500);
  border-color: var(--sl-color-blue-500);
}
sl-button[variant=blue][outline]::part(base) {
  background: none;
  border-color: var(--sl-color-blue-600);
  color: var(--sl-color-blue-600);
}
sl-button[variant=blue][outline]::part(base):hover {
  background-color: var(--sl-color-blue-600);
  color: var(--sl-color-blue-50);
}
sl-button {
  /* dark-blue */
}
sl-button[variant=dark-blue]::part(base) {
  background-color: var(--sl-color-blue-800);
  border-color: var(--sl-color-blue-800);
  color: var(--sl-color-blue-50);
}
sl-button[variant=dark-blue]:hover::part(base) {
  background-color: var(--sl-color-blue-700);
  border-color: var(--sl-color-blue-700);
}
sl-button[variant=dark-blue][outline]::part(base) {
  background: none;
  border-color: var(--sl-color-blue-800);
  color: var(--sl-color-blue-800);
}
sl-button[variant=dark-blue][outline]::part(base):hover {
  background-color: var(--sl-color-blue-800);
  color: var(--sl-color-blue-50);
}
sl-button {
  /* pink */
}
sl-button[variant=pink]::part(base) {
  background-color: var(--sl-color-pink-600);
  border-color: var(--sl-color-pink-600);
  color: var(--sl-color-pink-50);
}
sl-button[variant=pink]:hover::part(base) {
  background-color: var(--sl-color-pink-500);
  border-color: var(--sl-color-pink-500);
}
sl-button[variant=pink][outline]::part(base) {
  background: none;
  border-color: var(--sl-color-pink-600);
  color: var(--sl-color-pink-600);
}
sl-button[variant=pink][outline]::part(base):hover {
  background-color: var(--sl-color-pink-600);
  color: var(--sl-color-pink-50);
}
sl-button {
  /* green */
}
sl-button[variant=green]::part(base) {
  background-color: var(--sl-color-green-700);
  border-color: var(--sl-color-green-700);
  color: var(--sl-color-green-50);
}
sl-button[variant=green]:hover::part(base) {
  background-color: var(--sl-color-green-600);
  border-color: var(--sl-color-green-600);
}
sl-button[variant=green][outline]::part(base) {
  background: none;
  border-color: var(--sl-color-green-700);
  color: var(--sl-color-green-700);
}
sl-button[variant=green][outline]::part(base):hover {
  background-color: var(--sl-color-green-700);
  color: var(--sl-color-green-50);
}
sl-button {
  /* lime */
}
sl-button[variant=lime]::part(base) {
  background-color: var(--sl-color-lime-500);
  border-color: var(--sl-color-lime-500);
  color: var(--sl-color-lime-50);
}
sl-button[variant=lime]:hover::part(base) {
  background-color: var(--sl-color-lime-400);
  border-color: var(--sl-color-lime-400);
}
sl-button[variant=lime][outline]::part(base) {
  background: none;
  border-color: var(--sl-color-lime-500);
  color: var(--sl-color-lime-500);
}
sl-button[variant=lime][outline]::part(base):hover {
  background-color: var(--sl-color-lime-500);
  color: var(--sl-color-lime-50);
}
sl-button {
  /* yellow */
}
sl-button[variant=yellow]::part(base) {
  background-color: var(--sl-color-yellow-400);
  border-color: var(--sl-color-yellow-400);
  color: var(--sl-color-yellow-800);
}
sl-button[variant=yellow]:hover::part(base) {
  background-color: var(--sl-color-yellow-300);
  border-color: var(--sl-color-yellow-300);
}
sl-button[variant=yellow][outline]::part(base) {
  background: none;
  border-color: var(--sl-color-yellow-400);
  color: var(--sl-color-yellow-500);
}
sl-button[variant=yellow][outline]::part(base):hover {
  background-color: var(--sl-color-yellow-400);
  color: var(--sl-color-yellow-800);
}
sl-button {
  /* black */
}
sl-button[variant=black]::part(base) {
  background-color: var(--sl-color-gray-900);
  border-color: var(--sl-color-gray-900);
  color: var(--sl-color-gray-50);
}
sl-button[variant=black]:hover::part(base) {
  background-color: var(--sl-color-gray-700);
  border-color: var(--sl-color-gray-700);
}
sl-button[variant=black][outline]::part(base) {
  background: none;
  border-color: var(--sl-color-gray-900);
  color: var(--sl-color-gray-900);
}
sl-button[variant=black][outline]::part(base):hover {
  background-color: var(--sl-color-gray-900);
  color: var(--sl-color-gray-50);
}
sl-button {
  /* purple */
}
sl-button[variant=purple]::part(base) {
  background-color: var(--sl-color-purple-500);
  border-color: var(--sl-color-purple-500);
  color: var(--sl-color-purple-50);
}
sl-button[variant=purple]:hover::part(base) {
  background-color: var(--sl-color-purple-400);
  border-color: var(--sl-color-purple-400);
}
sl-button[variant=purple][outline]::part(base) {
  background: none;
  border-color: var(--sl-color-purple-500);
  color: var(--sl-color-purple-500);
}
sl-button[variant=purple][outline]::part(base):hover {
  background-color: var(--sl-color-purple-500);
  color: var(--sl-color-purple-50);
}
sl-button {
  /* cyan */
}
sl-button[variant=cyan]::part(base) {
  background-color: var(--sl-color-cyan-600);
  border-color: var(--sl-color-cyan-600);
  color: var(--sl-color-cyan-50);
}
sl-button[variant=cyan]:hover::part(base) {
  background-color: var(--sl-color-cyan-500);
  border-color: var(--sl-color-cyan-500);
}
sl-button[variant=cyan][outline]::part(base) {
  background: none;
  border-color: var(--sl-color-cyan-600);
  color: var(--sl-color-cyan-600);
}
sl-button[variant=cyan][outline]::part(base):hover {
  background-color: var(--sl-color-cyan-600);
  color: var(--sl-color-cyan-50);
}
sl-button {
  /* violet */
}
sl-button[variant=violet]::part(base) {
  background-color: var(--sl-color-violet-800);
  border-color: var(--sl-color-violet-800);
  color: var(--sl-color-violet-50);
}
sl-button[variant=violet]:hover::part(base) {
  background-color: var(--sl-color-violet-700);
  border-color: var(--sl-color-violet-700);
}
sl-button[variant=violet][outline]::part(base) {
  background: none;
  border-color: var(--sl-color-violet-800);
  color: var(--sl-color-violet-800);
}
sl-button[variant=violet][outline]::part(base):hover {
  background-color: var(--sl-color-violet-800);
  color: var(--sl-color-violet-50);
}
sl-button {
  /* fuchsia */
}
sl-button[variant=fuchsia]::part(base) {
  background-color: var(--sl-color-fuchsia-600);
  border-color: var(--sl-color-fuchsia-600);
  color: var(--sl-color-fuchsia-50);
}
sl-button[variant=fuchsia]:hover::part(base) {
  background-color: var(--sl-color-fuchsia-500);
  border-color: var(--sl-color-fuchsia-500);
}
sl-button[variant=fuchsia][outline]::part(base) {
  background: none;
  border-color: var(--sl-color-fuchsia-600);
  color: var(--sl-color-fuchsia-600);
}
sl-button[variant=fuchsia][outline]::part(base):hover {
  background-color: var(--sl-color-fuchsia-600);
  color: var(--sl-color-fuchsia-50);
}
sl-button[variant=rose]::part(base) {
  background-color: var(--sl-color-rose-300);
  border-color: var(--sl-color-rose-300);
  color: var(--sl-color-rose-900);
}
sl-button[variant=rose]:hover::part(base) {
  background-color: var(--sl-color-rose-200);
  border-color: var(--sl-color-rose-200);
}
sl-button[variant=rose][outline]::part(base) {
  background: none;
  border-color: var(--sl-color-rose-400);
  color: var(--sl-color-rose-400);
}
sl-button[variant=rose][outline]::part(base):hover {
  background-color: var(--sl-color-rose-300);
  border-color: var(--sl-color-rose-300);
  color: var(--sl-color-rose-900);
}
sl-button {
  /* indigo */
}
sl-button[variant=indigo]::part(base) {
  background-color: var(--sl-color-indigo-600);
  border-color: var(--sl-color-indigo-600);
  color: var(--sl-color-indigo-50);
}
sl-button[variant=indigo]:hover::part(base) {
  background-color: var(--sl-color-indigo-500);
  border-color: var(--sl-color-indigo-500);
}
sl-button[variant=indigo][outline]::part(base) {
  background: none;
  border-color: var(--sl-color-indigo-600);
  color: var(--sl-color-indigo-600);
}
sl-button[variant=indigo][outline]::part(base):hover {
  background-color: var(--sl-color-indigo-600);
  color: var(--sl-color-indigo-50);
}
sl-button {
  /* amber */
}
sl-button[variant=amber]::part(base) {
  background-color: var(--sl-color-amber-600);
  border-color: var(--sl-color-amber-600);
  color: var(--sl-color-amber-50);
}
sl-button[variant=amber]:hover::part(base) {
  background-color: var(--sl-color-amber-500);
  border-color: var(--sl-color-amber-500);
}
sl-button[variant=amber][outline]::part(base) {
  background: none;
  border-color: var(--sl-color-amber-600);
  color: var(--sl-color-amber-600);
}
sl-button[variant=amber][outline]::part(base):hover {
  background-color: var(--sl-color-amber-600);
  color: var(--sl-color-amber-50);
}
sl-button {
  /* orange */
}
sl-button[variant=orange]::part(base) {
  background-color: var(--sl-color-orange-600);
  border-color: var(--sl-color-orange-600);
  color: var(--sl-color-orange-50);
}
sl-button[variant=orange]:hover::part(base) {
  background-color: var(--sl-color-orange-500);
  border-color: var(--sl-color-orange-500);
}
sl-button[variant=orange][outline]::part(base) {
  background: none;
  border-color: var(--sl-color-orange-600);
  color: var(--sl-color-orange-600);
}
sl-button[variant=orange][outline]::part(base):hover {
  background-color: var(--sl-color-orange-600);
  color: var(--sl-color-orange-50);
}
sl-button {
  /* red */
}
sl-button[variant=red]::part(base) {
  background-color: var(--sl-color-red-600);
  border-color: var(--sl-color-red-600);
  color: var(--sl-color-red-50);
}
sl-button[variant=red]:hover::part(base) {
  background-color: var(--sl-color-red-500);
  border-color: var(--sl-color-red-500);
}
sl-button[variant=red][outline]::part(base) {
  background: none;
  border-color: var(--sl-color-red-600);
  color: var(--sl-color-red-600);
}
sl-button[variant=red][outline]::part(base):hover {
  background-color: var(--sl-color-red-600);
  color: var(--sl-color-red-50);
}
sl-button {
  /* gray */
}
sl-button[variant=gray]::part(base) {
  background-color: var(--sl-color-gray-500);
  border-color: var(--sl-color-gray-500);
  color: var(--sl-color-gray-50);
}
sl-button[variant=gray]:hover::part(base) {
  background-color: var(--sl-color-gray-400);
  border-color: var(--sl-color-gray-400);
}
sl-button[outline]::part(base) {
  background: none;
  border-color: var(--sl-color-gray-500);
  color: var(--sl-color-gray-500);
}
sl-button[outline]::part(base):hover {
  background-color: var(--sl-color-gray-500);
  color: var(--sl-color-gray-50);
}

.validation-buttons {
  background-color: #fff;
  z-index: 800;
  padding: 0.5rem;
  border: 1px solid var(--sl-color-neutral-500);
  border-radius: 0.2rem;
  box-shadow: 0 -2px 12px rgba(85, 85, 85, 0.3764705882);
}

.button-group {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.button-group.align-right {
  justify-content: flex-end;
}
.button-group.vertical-align-center {
  align-items: center;
}
.button-group.with-last-item-aligned-right > *:last-child {
  margin-left: auto;
}
.button-group .button-group-item {
  display: inline-block;
}

.big-card {
  width: 100%;
  padding: 20px;
  border-radius: 0.75rem;
  box-shadow: 0 -2px 16px var(--sl-color-neutral-100);
}

.flex-break {
  flex-basis: 100%;
  height: 0;
}

.no-stretch {
  align-self: flex-start;
}

.data-card {
  background-color: var(--sl-color-neutral-100);
  border-radius: 1.2rem;
  border: 0.5rem solid #fff;
  padding: 1.25rem !important;
}
.data-card.no-border {
  border: none !important;
}
.data-card h2, .data-card h2 * {
  font-size: 1.3rem;
  font-weight: 600;
  color: var(--sl-color-neutral-400);
}
.data-card h2 {
  margin-bottom: 0.5rem;
}
.data-card h2 sl-switch {
  font-size: 0.9rem;
}
.data-card h2:not(:first-child) {
  margin-top: 1.5rem;
}
.data-card h3 {
  font-size: 1rem;
  font-weight: normal;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
  overflow: hidden;
  text-align: center;
  color: var(--sl-color-neutral-600);
}
.data-card h3::before, .data-card h3::after {
  background-color: var(--sl-color-neutral-300);
  content: "";
  display: inline-block;
  height: 1px;
  position: relative;
  vertical-align: middle;
  width: 50%;
}
.data-card h3:before {
  right: 0.5em;
  margin-left: -50%;
}
.data-card h3:after {
  left: 0.5em;
  margin-right: -50%;
}
.data-card h4 {
  margin-top: 1rem;
  margin-bottom: 0.3rem;
  font-size: 1rem;
  font-weight: 600;
  color: var(--sl-color-neutral-500);
}
.data-card sl-button::part(base) {
  min-width: unset;
}
.data-card data {
  display: grid;
  grid-template-columns: repeat(2, auto);
  justify-content: space-between;
  gap: 0.8rem;
  margin-bottom: 0.3rem;
  padding-bottom: 0.3rem;
  border-bottom: 2px solid var(--sl-color-neutral-200);
  color: var(--sl-color-neutral-700);
  font-size: 1rem;
}
.data-card data label {
  color: var(--sl-color-neutral-700);
}
.data-card data value {
  color: var(--sl-color-neutral-950);
  font-weight: 600;
  text-align: right;
}
.data-card data sub-data {
  grid-column: span 2;
  margin-top: -0.5rem;
  margin-bottom: 1rem;
  margin-left: 1.25rem;
}
.data-card data sub-data * {
  font-size: 0.8rem;
}
.data-card data sub-data data {
  border-bottom: none;
  padding-bottom: 0;
}
.data-card data sub-data data label {
  color: var(--sl-color-neutral-600);
}
.data-card data sub-data data value {
  color: var(--sl-color-neutral-900);
  letter-spacing: 0.05rem;
}
.data-card data.danger label, .data-card data.danger value, .data-card data.danger span {
  color: var(--sl-color-danger-600);
}
.data-card data:last-child {
  border-bottom: none;
}
.data-card data:last-child sub-data {
  margin-bottom: 0;
}
.data-card .sub-card {
  background-color: var(--sl-color-neutral-50);
  border-radius: 0.5rem;
  padding: 1rem;
}

.actions-card {
  background-color: var(--sl-color-neutral-50);
  border-radius: 1.2rem;
  border: 0.5rem solid #fff;
  padding: 0.75rem 1.25rem !important;
}

.form-card {
  position: relative;
  gap: 1rem;
  align-items: end;
  margin-top: 1rem;
  margin-bottom: 1.9rem;
  border: 1px solid var(--sl-color-neutral-300);
  border-radius: 0.25rem;
  padding: 1.25rem 1rem 1rem;
  display: grid;
  grid-template-columns: repeat(4, calc(25% - 0.9rem));
}
.form-card * {
  vertical-align: bottom;
}
.form-card .col-full-width {
  grid-column-start: 1;
  grid-column-end: 5;
}
@media (max-width: 1280px) {
  .form-card {
    grid-template-columns: repeat(3, calc(33% - 0.5rem));
  }
}
@media (max-width: 1024px) {
  .form-card {
    grid-template-columns: repeat(2, calc(50% - 0.6rem));
  }
}
@media (max-width: 840px) {
  .form-card {
    grid-template-columns: 100%;
  }
}
.form-card > div.with-arrow {
  display: grid;
  grid-template-columns: calc(100% - 2rem) 2.5rem;
  align-items: end;
}
.form-card > div.with-arrow .amount-arrow {
  font-size: 1.9rem;
  margin-bottom: 0.25rem;
  width: 2.5rem;
  max-width: 2.5rem;
  min-width: 2.5rem;
  text-align: center;
}
.form-card.sl-details-card {
  margin-top: 0;
  margin-bottom: 1rem;
  border: none;
  border-radius: 0;
  padding: 0 1rem;
}
.form-card.cols-1 {
  grid-template-columns: 100%;
}
.form-card.cols-2 {
  grid-template-columns: repeat(2, calc(50% - 0.6rem));
}
@media (max-width: 1024px) {
  .form-card.cols-2 {
    grid-template-columns: 100%;
  }
}
.form-card.cols-2 .col-full-width {
  grid-column-start: 1;
  grid-column-end: 3;
}
.form-card.cols-3 {
  grid-template-columns: repeat(3, calc(33% - 0.5rem));
}
@media (max-width: 1280px) {
  .form-card.cols-3 {
    grid-template-columns: repeat(2, calc(50% - 0.6rem));
  }
}
@media (max-width: 1024px) {
  .form-card.cols-3 {
    grid-template-columns: 100%;
  }
}
.form-card.cols-3 .col-full-width {
  grid-column-start: 1;
  grid-column-end: 4;
}
.form-card .col-pos-1 {
  grid-column-start: 1;
}
.form-card .col-pos-2 {
  grid-column-start: 2;
}
@media (max-width: 840px) {
  .form-card .col-pos-2 {
    grid-column-start: unset;
  }
}
.form-card .col-pos-3 {
  grid-column-start: 3;
}
@media (max-width: 1024px) {
  .form-card .col-pos-3 {
    grid-column-start: unset;
  }
}
.form-card .col-pos-4 {
  grid-column-start: 4;
}
@media (max-width: 1280px) {
  .form-card .col-pos-4 {
    grid-column-start: unset;
  }
}
.form-card span.card-title {
  position: absolute;
  top: -0.8rem;
  left: 1rem;
  background-color: white;
  border: 1px solid var(--sl-color-neutral-300);
  border-radius: var(--sl-border-radius-medium);
  padding: 0.25rem 0.63rem;
  font-size: 0.63rem;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--sl-color-neutral-800);
}
.form-card sl-button.card-top-right-button {
  position: absolute;
  top: -0.8rem;
  right: 1rem;
}
.form-card sl-button.card-top-right-button::part(base) {
  min-width: unset;
}
@media (max-width: 800px) {
  .form-card sl-button.card-top-right-button {
    top: -1.5rem;
  }
}
.form-card--filled {
  background-color: var(--sl-color-neutral-50);
}
.form-card--filled .data-inline-card, .form-card--filled .data-sub-card {
  background-color: var(--sl-color-gray-200) !important;
}
.form-card .data-inline-card, .form-card .data-sub-card {
  position: relative;
  background-color: var(--sl-color-gray-50);
  border-radius: 0.5rem;
  padding: 0.75rem;
  height: 100%;
}
.form-card .data-inline-card h4, .form-card .data-sub-card h4 {
  margin-bottom: 0.3rem;
  font-size: 1rem;
  font-weight: 600;
  color: var(--sl-color-neutral-500);
}
.form-card .data-inline-card data, .form-card .data-sub-card data {
  display: grid;
  grid-template-columns: repeat(2, auto);
  align-items: baseline;
  justify-content: space-between;
  gap: 0.8rem;
  margin-bottom: 0.3rem;
  padding-bottom: 0.3rem;
  color: var(--sl-color-neutral-700);
  font-size: 1rem;
}
.form-card .data-inline-card data label, .form-card .data-sub-card data label {
  color: var(--sl-color-neutral-700);
}
.form-card .data-inline-card data value, .form-card .data-sub-card data value {
  color: var(--sl-color-neutral-950);
  font-weight: 600;
  text-align: right;
}
.form-card .data-inline-card sl-button.sub-card-top-right-button, .form-card .data-sub-card sl-button.sub-card-top-right-button {
  position: absolute;
  top: -0.25rem;
  right: 0.5rem;
}
.form-card .data-inline-card sl-button.sub-card-top-right-button::part(base), .form-card .data-sub-card sl-button.sub-card-top-right-button::part(base) {
  min-width: unset;
}
.form-card .data-sub-card {
  grid-column-start: 1;
}
.form-card .data-sub-card.col-pos-2 {
  grid-column-start: 2;
}
@media (max-width: 840px) {
  .form-card .data-sub-card.col-pos-2 {
    grid-column-start: unset;
  }
}
.form-card .data-sub-card.col-pos-3 {
  grid-column-start: 3;
}
@media (max-width: 1024px) {
  .form-card .data-sub-card.col-pos-3 {
    grid-column-start: unset;
  }
}
.form-card .data-sub-card.col-pos-4 {
  grid-column-start: 4;
}
@media (max-width: 1280px) {
  .form-card .data-sub-card.col-pos-4 {
    grid-column-start: unset;
  }
}
.form-card.align-items-start {
  align-items: start;
}

.drawer-form-card {
  position: relative;
  gap: 1rem;
  align-items: end;
  margin-top: 2rem;
  margin-bottom: 2rem;
  display: grid;
  grid-template-columns: 100%;
}
.drawer-form-card > div.with-arrow {
  display: grid;
  grid-template-columns: calc(100% - 2rem) 2.5rem;
  align-items: end;
}
.drawer-form-card > div.with-arrow .amount-arrow {
  font-size: 1.9rem;
  margin-bottom: 0.25rem;
  width: 2.5rem;
  max-width: 2.5rem;
  min-width: 2.5rem;
  text-align: center;
}

.form-errors-card, .form-warnings-card {
  color: #fff;
  border-radius: 0.25rem;
  padding: 0.5rem;
  margin-top: -0.75rem;
}
.form-errors-card ul, .form-warnings-card ul {
  display: block;
  padding-inline-start: 1rem;
}
.form-errors-card ul li, .form-warnings-card ul li {
  display: block;
}
.form-errors-card ul li sl-icon, .form-warnings-card ul li sl-icon {
  margin-right: 1.2rem;
}

.form-errors-card {
  background-color: var(--sl-color-danger-600);
}

.form-warnings-card {
  background-color: var(--sl-color-warning-600);
}

.search-card {
  position: relative;
  gap: 0.25rem 1rem;
  align-items: end;
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 1px solid var(--sl-color-neutral-200);
  border-radius: 0.25rem;
  padding: 1.25rem 1rem 1rem;
  display: grid;
  grid-template-columns: repeat(5, calc(20% - 0.9rem));
}
@media (max-width: 1780px) {
  .search-card {
    grid-template-columns: repeat(4, calc(25% - 0.9rem));
  }
}
@media (max-width: 1480px) {
  .search-card {
    grid-template-columns: repeat(3, calc(33% - 0.5rem));
  }
}
@media (max-width: 1280px) {
  .search-card {
    grid-template-columns: repeat(2, calc(50% - 0.6rem));
  }
}
@media (max-width: 960px) {
  .search-card {
    grid-template-columns: 100%;
  }
}
.search-card .search-buttons {
  min-width: 15rem;
  padding-top: 0.5rem;
  flex-grow: 0;
}
.search-card .search-buttons > * {
  margin-right: 0.5rem;
}
.search-card .search-buttons > *:last-child {
  margin-right: 0;
}
.search-card .search-buttons sl-button::part(base) {
  min-width: 8.125rem;
}
.search-card sl-switch {
  margin-bottom: 0.5rem;
}
.search-card span.card-title {
  position: absolute;
  top: -0.8rem;
  left: 1rem;
  background-color: white;
  border: 1px solid var(--sl-color-neutral-200);
  border-radius: var(--sl-border-radius-medium);
  padding: 0.25rem 0.63rem;
  font-size: 0.63rem;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--sl-color-neutral-800);
}

.sl-icon-small {
  font-size: 1rem;
}

.sl-icon-medium {
  font-size: 1.25rem;
}

.sl-icon-large {
  font-size: 1.75rem;
}

/* Variant modifiers */
.sl-icon--primary {
  color: var(--sl-color-primary-600);
}

.sl-icon--success {
  color: var(--sl-color-success-600);
}

.sl-icon--neutral {
  color: var(--sl-color-neutral-600);
}

.sl-icon--warning {
  color: var(--sl-color-warning-700);
}

.sl-icon--danger {
  color: var(--sl-color-danger-600);
}

.sl-icon--info {
  color: var(--sl-color-info-600);
}

.sl-icon--blue {
  color: var(--sl-color-blue-600);
}

.sl-icon--dark-blue {
  color: var(--sl-color-blue-800);
}

.sl-icon--pink {
  color: var(--sl-color-pink-600);
}

.sl-icon--green {
  color: var(--sl-color-green-700);
}

.sl-icon--lime {
  color: var(--sl-color-lime-500);
}

.sl-icon--yellow {
  color: var(--sl-color-yellow-400);
}

.sl-icon--black {
  color: var(--sl-color-gray-900);
}

.sl-icon--purple {
  color: var(--sl-color-purple-500);
}

.sl-icon--cyan {
  color: var(--sl-color-cyan-600);
}

.sl-icon--violet {
  color: var(--sl-color-violet-800);
}

.sl-icon--fuchsia {
  color: var(--sl-color-fuchsia-600);
}

.sl-icon--rose {
  color: var(--sl-color-rose-300);
}

.sl-icon--indigo {
  color: var(--sl-color-indigo-600);
}

.sl-icon--amber {
  color: var(--sl-color-amber-600);
}

.sl-icon--orange {
  color: var(--sl-color-orange-600);
}

.sl-icon--red {
  color: var(--sl-color-red-600);
}

.sl-icon--gray {
  color: var(--sl-color-gray-500);
}

.form-input-container {
  position: relative;
}

sl-input sl-icon[slot=suffix], sl-input .input-suffix, sl-input .file-extension {
  height: 100%;
  background-color: var(--sl-color-neutral-100);
  border-left: solid var(--sl-input-border-width) var(--sl-input-border-color);
  padding: 0 10px;
}
sl-input .input-suffix, sl-input .file-extension {
  display: flex;
  align-items: center;
  font-size: 12px;
  color: var(--sl-input-icon-color);
}
sl-input .file-extension {
  font-size: 14px;
  font-weight: 600;
}

sl-checkbox::part(control--checked),
sl-radio::part(control--checked) {
  border-color: var(--sl-color-neutral-800);
  background-color: var(--sl-color-neutral-800);
}

/*
    Avoid orange color on auto complete inputs
*/
sl-input::part(input) {
  -webkit-text-fill-color: unset;
}

.main-logo {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 7.2rem;
}
.main-logo__divider {
  height: 0.5px;
  width: 50%;
  margin-bottom: 6px;
  background: var(--sl-color-neutral-700);
  border: 0;
}
.main-logo__subtitle {
  text-transform: uppercase;
}
@media (max-width: 800px) {
  .main-logo:not(.login-page) .main-logo__img {
    content: var(--public-images-logo-light-url);
  }
  .main-logo:not(.login-page) .main-logo__subtitle {
    background: none;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
    background-clip: unset;
    color: #fff;
  }
}

.main-title {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1rem;
  height: 3.5rem;
}
.main-title__icon {
  font-size: 2.5rem;
}
@media (max-width: 800px) {
  .main-title__icon {
    display: none;
  }
}
.main-title__content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.main-title__content span {
  font-size: 0.9rem;
  font-weight: 300;
  transform: translateY(0.25rem);
}
.main-title__content h1 {
  font-size: 1.5rem;
  line-height: 1.5rem;
  margin-top: 0.3rem;
}
.main-title__right-details {
  text-align: right;
  padding: 0.5rem;
  display: contents;
}
.main-title__right-details > * {
  margin: auto 0.5rem;
}

.powerbi-report-container iframe {
  border: none;
  outline: none;
}

.table-wrapper {
  width: 100%;
  overflow-x: auto;
  border-radius: 0.4rem;
  border: 1px solid var(--sl-color-neutral-200);
}
.table-wrapper.fit-to-content {
  width: unset;
  display: inline-block;
}
.table-wrapper.no-scroll {
  overflow-x: unset;
}
.table-wrapper.no-scroll table {
  width: 100% !important;
}
.table-wrapper.no-sticky th {
  position: static !important;
  top: auto !important;
}
.table-wrapper table {
  border-collapse: collapse;
  min-width: 100%;
}
.table-wrapper table th, .table-wrapper table td {
  padding: 0.5rem;
  text-align: left;
  border: 1px solid var(--sl-color-neutral-200);
}
.table-wrapper table th.align-center, .table-wrapper table td.align-center {
  text-align: center;
}
.table-wrapper table th.align-right, .table-wrapper table td.align-right {
  text-align: right;
}
.table-wrapper table thead th {
  background-color: var(--sl-color-neutral-800);
  color: #fff;
  border-top: none;
  position: sticky;
  top: -1.7rem;
  z-index: 1;
}
.table-wrapper table thead th:first-child {
  border-top-left-radius: 0.4rem;
}
.table-wrapper table thead th:last-child {
  border-top-right-radius: 0.4rem;
}
.table-wrapper table th:first-child, .table-wrapper table td:first-child {
  border-left: none;
}
.table-wrapper table th:last-child, .table-wrapper table td:last-child {
  border-right: none;
}
.table-wrapper table tr.header td {
  background-color: var(--sl-color-neutral-800);
  color: #fff;
}
.table-wrapper table tr {
  background-color: #fff;
  width: 100%;
}
.table-wrapper table tr:nth-child(even) {
  background-color: var(--sl-color-gray-50);
}
.table-wrapper table tr:hover {
  background-color: var(--sl-color-blue-100);
}
.table-wrapper table td sl-button {
  position: unset;
}
.table-wrapper table td sl-button::part(base) {
  min-width: unset;
}
.table-wrapper table td div.danger-data {
  border-left: solid 0.4rem var(--sl-color-danger-600);
  padding-left: 0.3rem;
}
.table-wrapper table td div.warning-data {
  border-left: solid 0.4rem var(--sl-color-warning-600);
  padding-left: 0.3rem;
}
.table-wrapper table td div.success-data {
  border-left: solid 0.4rem var(--sl-color-success-600);
  padding-left: 0.3rem;
}
.table-wrapper table td div.muted-data {
  border-left: solid 0.4rem var(--sl-color-neutral-300);
  color: var(--sl-color-neutral-500);
  padding-left: 0.3rem;
}
.table-wrapper table td data {
  display: grid;
  grid-template-columns: repeat(2, auto);
  justify-content: space-between;
  gap: 0.8rem;
  margin-bottom: 0.3rem;
  padding-bottom: 0.3rem;
  border-bottom: 1px solid var(--sl-color-neutral-300);
  color: var(--sl-color-neutral-700);
  font-size: 0.9rem;
}
.table-wrapper table td data.small * {
  font-size: 0.8rem;
}
.table-wrapper table td data label {
  color: var(--sl-color-neutral-700);
}
.table-wrapper table td data value {
  color: var(--sl-color-neutral-950);
  font-weight: 600;
  text-align: right;
}
.table-wrapper table td data:first-child {
  margin-top: -0.3rem;
}
.table-wrapper table td data:last-child {
  border-bottom: none;
  margin-bottom: -0.5rem;
}
.table-wrapper table td data sub-data {
  grid-column: span 2;
  margin-top: 0.25rem;
  margin-bottom: 1rem;
  margin-left: 1.25rem;
}
.table-wrapper table td data sub-data * {
  font-size: 0.8rem;
}
.table-wrapper table td data sub-data.small * {
  font-size: 0.75rem;
}
.table-wrapper table td data sub-data data {
  border-bottom: none;
  padding-bottom: 0;
}
.table-wrapper table td data sub-data data label {
  color: var(--sl-color-neutral-600);
}
.table-wrapper table td data sub-data data value {
  color: var(--sl-color-neutral-900);
  letter-spacing: 0.05rem;
}
.table-wrapper table td:nth-child(1) {
  display: var(--td-1-display, table-cell);
  text-align: var(--td-1-alignment);
}
.table-wrapper table td:nth-child(1) data {
  justify-content: var(--td-1-alignment);
}
.table-wrapper table td:nth-child(2) {
  display: var(--td-2-display, table-cell);
  text-align: var(--td-2-alignment);
}
.table-wrapper table td:nth-child(2) data {
  justify-content: var(--td-2-alignment);
}
.table-wrapper table td:nth-child(3) {
  display: var(--td-3-display, table-cell);
  text-align: var(--td-3-alignment);
}
.table-wrapper table td:nth-child(3) data {
  justify-content: var(--td-3-alignment);
}
.table-wrapper table td:nth-child(4) {
  display: var(--td-4-display, table-cell);
  text-align: var(--td-4-alignment);
}
.table-wrapper table td:nth-child(4) data {
  justify-content: var(--td-4-alignment);
}
.table-wrapper table td:nth-child(5) {
  display: var(--td-5-display, table-cell);
  text-align: var(--td-5-alignment);
}
.table-wrapper table td:nth-child(5) data {
  justify-content: var(--td-5-alignment);
}
.table-wrapper table td:nth-child(6) {
  display: var(--td-6-display, table-cell);
  text-align: var(--td-6-alignment);
}
.table-wrapper table td:nth-child(6) data {
  justify-content: var(--td-6-alignment);
}
.table-wrapper table td:nth-child(7) {
  display: var(--td-7-display, table-cell);
  text-align: var(--td-7-alignment);
}
.table-wrapper table td:nth-child(7) data {
  justify-content: var(--td-7-alignment);
}
.table-wrapper table td:nth-child(8) {
  display: var(--td-8-display, table-cell);
  text-align: var(--td-8-alignment);
}
.table-wrapper table td:nth-child(8) data {
  justify-content: var(--td-8-alignment);
}
.table-wrapper table td:nth-child(9) {
  display: var(--td-9-display, table-cell);
  text-align: var(--td-9-alignment);
}
.table-wrapper table td:nth-child(9) data {
  justify-content: var(--td-9-alignment);
}
.table-wrapper table td:nth-child(10) {
  display: var(--td-10-display, table-cell);
  text-align: var(--td-10-alignment);
}
.table-wrapper table td:nth-child(10) data {
  justify-content: var(--td-10-alignment);
}
.table-wrapper table td:nth-child(11) {
  display: var(--td-11-display, table-cell);
  text-align: var(--td-11-alignment);
}
.table-wrapper table td:nth-child(11) data {
  justify-content: var(--td-11-alignment);
}
.table-wrapper table td:nth-child(12) {
  display: var(--td-12-display, table-cell);
  text-align: var(--td-12-alignment);
}
.table-wrapper table td:nth-child(12) data {
  justify-content: var(--td-12-alignment);
}
.table-wrapper table td:nth-child(13) {
  display: var(--td-13-display, table-cell);
  text-align: var(--td-13-alignment);
}
.table-wrapper table td:nth-child(13) data {
  justify-content: var(--td-13-alignment);
}
.table-wrapper table td:nth-child(14) {
  display: var(--td-14-display, table-cell);
  text-align: var(--td-14-alignment);
}
.table-wrapper table td:nth-child(14) data {
  justify-content: var(--td-14-alignment);
}
.table-wrapper table td:nth-child(15) {
  display: var(--td-15-display, table-cell);
  text-align: var(--td-15-alignment);
}
.table-wrapper table td:nth-child(15) data {
  justify-content: var(--td-15-alignment);
}
.table-wrapper table td:nth-child(16) {
  display: var(--td-16-display, table-cell);
  text-align: var(--td-16-alignment);
}
.table-wrapper table td:nth-child(16) data {
  justify-content: var(--td-16-alignment);
}
.table-wrapper table td:nth-child(17) {
  display: var(--td-17-display, table-cell);
  text-align: var(--td-17-alignment);
}
.table-wrapper table td:nth-child(17) data {
  justify-content: var(--td-17-alignment);
}
.table-wrapper table td:nth-child(18) {
  display: var(--td-18-display, table-cell);
  text-align: var(--td-18-alignment);
}
.table-wrapper table td:nth-child(18) data {
  justify-content: var(--td-18-alignment);
}
.table-wrapper table td:nth-child(19) {
  display: var(--td-19-display, table-cell);
  text-align: var(--td-19-alignment);
}
.table-wrapper table td:nth-child(19) data {
  justify-content: var(--td-19-alignment);
}
.table-wrapper table td:nth-child(20) {
  display: var(--td-20-display, table-cell);
  text-align: var(--td-20-alignment);
}
.table-wrapper table td:nth-child(20) data {
  justify-content: var(--td-20-alignment);
}
.table-wrapper table td:nth-child(21) {
  display: var(--td-21-display, table-cell);
  text-align: var(--td-21-alignment);
}
.table-wrapper table td:nth-child(21) data {
  justify-content: var(--td-21-alignment);
}
.table-wrapper table td:nth-child(22) {
  display: var(--td-22-display, table-cell);
  text-align: var(--td-22-alignment);
}
.table-wrapper table td:nth-child(22) data {
  justify-content: var(--td-22-alignment);
}
.table-wrapper table td:nth-child(23) {
  display: var(--td-23-display, table-cell);
  text-align: var(--td-23-alignment);
}
.table-wrapper table td:nth-child(23) data {
  justify-content: var(--td-23-alignment);
}
.table-wrapper table td:nth-child(24) {
  display: var(--td-24-display, table-cell);
  text-align: var(--td-24-alignment);
}
.table-wrapper table td:nth-child(24) data {
  justify-content: var(--td-24-alignment);
}
.table-wrapper table td:nth-child(25) {
  display: var(--td-25-display, table-cell);
  text-align: var(--td-25-alignment);
}
.table-wrapper table td:nth-child(25) data {
  justify-content: var(--td-25-alignment);
}
.table-wrapper table td:nth-child(26) {
  display: var(--td-26-display, table-cell);
  text-align: var(--td-26-alignment);
}
.table-wrapper table td:nth-child(26) data {
  justify-content: var(--td-26-alignment);
}
.table-wrapper table td:nth-child(27) {
  display: var(--td-27-display, table-cell);
  text-align: var(--td-27-alignment);
}
.table-wrapper table td:nth-child(27) data {
  justify-content: var(--td-27-alignment);
}
.table-wrapper table td:nth-child(28) {
  display: var(--td-28-display, table-cell);
  text-align: var(--td-28-alignment);
}
.table-wrapper table td:nth-child(28) data {
  justify-content: var(--td-28-alignment);
}
.table-wrapper table td:nth-child(29) {
  display: var(--td-29-display, table-cell);
  text-align: var(--td-29-alignment);
}
.table-wrapper table td:nth-child(29) data {
  justify-content: var(--td-29-alignment);
}
.table-wrapper table td:nth-child(30) {
  display: var(--td-30-display, table-cell);
  text-align: var(--td-30-alignment);
}
.table-wrapper table td:nth-child(30) data {
  justify-content: var(--td-30-alignment);
}
.table-wrapper tr:last-child td {
  border-bottom: none;
}
.table-wrapper tr:last-child td:first-child {
  border-bottom-left-radius: 0.4rem;
}
.table-wrapper tr:last-child td:last-child {
  border-bottom-right-radius: 0.4rem;
}
.table-wrapper tr.no-data, .table-wrapper tr.loading {
  background-color: var(--sl-color-neutral-100);
  color: var(--sl-color-neutral-400);
}
.table-wrapper tr.no-data td, .table-wrapper tr.loading td {
  padding: 1.25rem;
  text-align: center;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.table-wrapper tr.loading sl-spinner {
  font-size: 2rem;
  --track-width: .4rem;
  --indicator-color: var(--sl-color-neutral-800);
  --track-color: var(--sl-color-neutral-400);
}

.data-card .table-wrapper tr.no-data, .data-card .table-wrapper tr.loading {
  background-color: var(--sl-color-neutral-50);
}

table tr.absences-summary > td:not(:first-child) {
  padding: 0;
}
table tr.absences-summary > td:not(:first-child) div:not([slot=content]) {
  display: inline-block;
  margin: 0.25rem;
  min-width: calc(50% - 0.75rem);
}
table tr.absences-summary > td:not(:first-child) div:not([slot=content]).off {
  background-color: var(--sl-color-rose-100);
}
table tr.absences-summary > td:not(:first-child) div:not([slot=content]).rdv {
  background-color: #9cc6fa;
}

.user-menu-box {
  position: fixed;
  top: 4.5rem;
  right: 0.5rem;
  width: auto;
  min-width: 20rem;
  padding: 1.5rem;
  background-color: var(--sl-color-neutral-100);
  border: 1px solid var(--sl-color-neutral-500);
  border-radius: 0.25rem;
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.3764705882);
  z-index: 997;
  text-align: right;
}
.user-menu-box .user-roles {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
  margin: 1rem 0;
}
.user-menu-box #logout-button {
  margin-top: 1rem;
}

/*# sourceMappingURL=prodige-common-design.min.css.map */