@charset "UTF-8";
/*!
 * MudBlazor (https://mudblazor.com/)
 * Copyright (c) 2021 MudBlazor
 * Licensed under MIT (https://github.com/MudBlazor/MudBlazor/blob/master/LICENSE)
 */
.mud-primary {
  background-color: var(--mud-palette-primary) !important; }

.mud-primary-text {
  color: var(--mud-palette-primary) !important; }

.mud-primary-hover {
  background-color: var(--mud-palette-primary-hover) !important; }

.hover\:mud-primary-hover:hover, .hover\:mud-primary-hover:focus-visible {
  background-color: var(--mud-palette-primary-hover) !important; }

.mud-border-primary {
  border-color: var(--mud-palette-primary) !important; }

.mud-theme-primary {
  color: var(--mud-palette-primary-text) !important;
  background-color: var(--mud-palette-primary) !important; }

.mud-secondary {
  background-color: var(--mud-palette-secondary) !important; }

.mud-secondary-text {
  color: var(--mud-palette-secondary) !important; }

.mud-secondary-hover {
  background-color: var(--mud-palette-secondary-hover) !important; }

.hover\:mud-secondary-hover:hover, .hover\:mud-secondary-hover:focus-visible {
  background-color: var(--mud-palette-secondary-hover) !important; }

.mud-border-secondary {
  border-color: var(--mud-palette-secondary) !important; }

.mud-theme-secondary {
  color: var(--mud-palette-secondary-text) !important;
  background-color: var(--mud-palette-secondary) !important; }

.mud-tertiary {
  background-color: var(--mud-palette-tertiary) !important; }

.mud-tertiary-text {
  color: var(--mud-palette-tertiary) !important; }

.mud-tertiary-hover {
  background-color: var(--mud-palette-tertiary-hover) !important; }

.hover\:mud-tertiary-hover:hover, .hover\:mud-tertiary-hover:focus-visible {
  background-color: var(--mud-palette-tertiary-hover) !important; }

.mud-border-tertiary {
  border-color: var(--mud-palette-tertiary) !important; }

.mud-theme-tertiary {
  color: var(--mud-palette-tertiary-text) !important;
  background-color: var(--mud-palette-tertiary) !important; }

.mud-info {
  background-color: var(--mud-palette-info) !important; }

.mud-info-text {
  color: var(--mud-palette-info) !important; }

.mud-info-hover {
  background-color: var(--mud-palette-info-hover) !important; }

.hover\:mud-info-hover:hover, .hover\:mud-info-hover:focus-visible {
  background-color: var(--mud-palette-info-hover) !important; }

.mud-border-info {
  border-color: var(--mud-palette-info) !important; }

.mud-theme-info {
  color: var(--mud-palette-info-text) !important;
  background-color: var(--mud-palette-info) !important; }

.mud-success {
  background-color: var(--mud-palette-success) !important; }

.mud-success-text {
  color: var(--mud-palette-success) !important; }

.mud-success-hover {
  background-color: var(--mud-palette-success-hover) !important; }

.hover\:mud-success-hover:hover, .hover\:mud-success-hover:focus-visible {
  background-color: var(--mud-palette-success-hover) !important; }

.mud-border-success {
  border-color: var(--mud-palette-success) !important; }

.mud-theme-success {
  color: var(--mud-palette-success-text) !important;
  background-color: var(--mud-palette-success) !important; }

.mud-warning {
  background-color: var(--mud-palette-warning) !important; }

.mud-warning-text {
  color: var(--mud-palette-warning) !important; }

.mud-warning-hover {
  background-color: var(--mud-palette-warning-hover) !important; }

.hover\:mud-warning-hover:hover, .hover\:mud-warning-hover:focus-visible {
  background-color: var(--mud-palette-warning-hover) !important; }

.mud-border-warning {
  border-color: var(--mud-palette-warning) !important; }

.mud-theme-warning {
  color: var(--mud-palette-warning-text) !important;
  background-color: var(--mud-palette-warning) !important; }

.mud-error {
  background-color: var(--mud-palette-error) !important; }

.mud-error-text {
  color: var(--mud-palette-error) !important; }

.mud-error-hover {
  background-color: var(--mud-palette-error-hover) !important; }

.hover\:mud-error-hover:hover, .hover\:mud-error-hover:focus-visible {
  background-color: var(--mud-palette-error-hover) !important; }

.mud-border-error {
  border-color: var(--mud-palette-error) !important; }

.mud-theme-error {
  color: var(--mud-palette-error-text) !important;
  background-color: var(--mud-palette-error) !important; }

.mud-dark {
  background-color: var(--mud-palette-dark) !important; }

.mud-dark-text {
  color: var(--mud-palette-dark) !important; }

.mud-dark-hover {
  background-color: var(--mud-palette-dark-hover) !important; }

.hover\:mud-dark-hover:hover, .hover\:mud-dark-hover:focus-visible {
  background-color: var(--mud-palette-dark-hover) !important; }

.mud-border-dark {
  border-color: var(--mud-palette-dark) !important; }

.mud-theme-dark {
  color: var(--mud-palette-dark-text) !important;
  background-color: var(--mud-palette-dark) !important; }

.mud-inherit-text {
  color: inherit !important; }

.mud-border-lines-default {
  border-color: var(--mud-palette-lines-default); }

.mud-background {
  background-color: var(--mud-palette-background) !important; }

.mud-background-gray {
  background-color: var(--mud-palette-background-grey) !important; }

.mud-theme-transparent {
  color: inherit !important;
  background-color: transparent !important; }

.mud-transparent {
  background-color: transparent !important; }

.mud-transparent-text {
  color: transparent !important; }

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

.mud-text-secondary {
  color: var(--mud-palette-text-secondary); }

.mud-text-disabled {
  color: var(--mud-palette-text-disabled); }

.white {
  background-color: #FFFFFF !important; }

.white-text {
  color: #FFFFFF !important; }

.black {
  background-color: #000000 !important; }

.black-text {
  color: #000000 !important; }

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border-width: 0;
  border-style: solid;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

strong, b {
  font-weight: 700; }

body {
  color: var(--mud-palette-text-primary);
  font-family: var(--mud-typography-default-family);
  font-size: var(--mud-typography-default-size);
  font-weight: var(--mud-typography-default-weight);
  line-height: var(--mud-typography-default-lineheight);
  letter-spacing: var(--mud-typography-default-letterspacing);
  text-transform: var(--mud-typography-default-text-transform);
  background-color: var(--mud-palette-background); }

a {
  color: var(--mud-palette-text-primary); }

.mud-layout {
  height: 100%;
  width: 100%;
  position: relative; }

#blazor-error-ui {
  background: lightyellow;
  bottom: 0;
  box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
  display: none;
  left: 0;
  padding: 0.6rem 1.25rem 0.7rem 1.25rem;
  position: fixed;
  width: 100%;
  z-index: 9999; }

#blazor-error-ui .dismiss {
  cursor: pointer;
  position: absolute;
  right: 0.75rem;
  top: 0.5rem; }

#components-reconnect-modal {
  z-index: 9999 !important; }
  #components-reconnect-modal h5 {
    font-size: 18px; }
  #components-reconnect-modal button {
    color: var(--mud-palette-text-primary);
    padding: 8px 16px;
    font-size: .875rem;
    min-width: 64px;
    box-sizing: border-box;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    font-weight: 500;
    line-height: 1;
    border-radius: var(--mud-default-borderradius);
    letter-spacing: .02857em;
    text-transform: uppercase;
    margin: 40px auto !important; }
    #components-reconnect-modal button:hover {
      background-color: var(--mud-palette-action-default-hover); }

@keyframes mud-animation-fadein {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-moz-keyframes mud-animation-fadein {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes mud-animation-fadein {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-o-keyframes mud-animation-fadein {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-ms-keyframes mud-animation-fadein {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes mud-scale-up-center {
  0% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes mud-scale-up-center {
  0% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@-webkit-keyframes mud-skeleton-keyframes-pulse {
  0% {
    opacity: 1; }
  50% {
    opacity: 0.4; }
  100% {
    opacity: 1; } }

@-webkit-keyframes mud-skeleton-keyframes-wave {
  0% {
    transform: translateX(-100%); }
  60% {
    transform: translateX(100%); }
  100% {
    transform: translateX(100%); } }

@-webkit-keyframes mud-progress-circular-keyframes-circular-rotate {
  0% {
    transform-origin: 50% 50%; }
  100% {
    transform: rotate(360deg); } }

@-webkit-keyframes mud-progress-circular-keyframes-circular-dash {
  0% {
    stroke-dasharray: 1px, 200px;
    stroke-dashoffset: 0px; }
  50% {
    stroke-dasharray: 100px, 200px;
    stroke-dashoffset: -15px; }
  100% {
    stroke-dasharray: 100px, 200px;
    stroke-dashoffset: -125px; } }

@-webkit-keyframes mud-progress-linear-horizontal-keyframes-indeterminate1 {
  0% {
    left: -35%;
    right: 100%; }
  60% {
    left: 100%;
    right: -90%; }
  100% {
    left: 100%;
    right: -90%; } }

@-webkit-keyframes mud-progress-linear-horizontal-keyframes-indeterminate2 {
  0% {
    left: -200%;
    right: 100%; }
  60% {
    left: 107%;
    right: -8%; }
  100% {
    left: 107%;
    right: -8%; } }

@-webkit-keyframes mud-progress-linear-horizontal-keyframes-buffer {
  0% {
    opacity: 1;
    background-position: 0 -23px; }
  50% {
    opacity: 0;
    background-position: 0 -23px; }
  100% {
    opacity: 1;
    background-position: -200px -23px; } }

@-webkit-keyframes mud-progress-linear-vertical-keyframes-indeterminate1 {
  0% {
    bottom: -35%;
    top: 100%; }
  60% {
    bottom: 100%;
    top: -90%; }
  100% {
    bottom: 100%;
    top: -90%; } }

@-webkit-keyframes mud-progress-linear-vertical-keyframes-indeterminate2 {
  0% {
    bottom: -200%;
    top: 100%; }
  60% {
    bottom: 107%;
    top: -8%; }
  100% {
    bottom: 107%;
    top: -8%; } }

@-webkit-keyframes mud-progress-linear-vertical-keyframes-buffer {
  0% {
    opacity: 1;
    background-position: -23px 0; }
  50% {
    opacity: 0;
    background-position: -23px 0; }
  100% {
    opacity: 1;
    background-position: -23px -200px; } }

@keyframes mud-progress-linear-striped-loading {
  0% {
    background-position: 0 0; }
  100% {
    background-position: 300px 0; } }

a {
  text-decoration: none; }
  a:focus-visible {
    outline: none; }

label {
  display: inline-block; }

button {
  color: inherit;
  border: 0;
  cursor: pointer;
  margin: 0;
  display: inline-flex;
  outline: 0;
  padding: 0;
  position: relative;
  align-items: center;
  user-select: none;
  border-radius: 0;
  vertical-align: middle;
  -moz-appearance: none;
  justify-content: center;
  text-decoration: none;
  background-color: transparent;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent; }

button:focus {
  outline: none; }

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

button,
input {
  overflow: visible; }

button,
select {
  text-transform: none; }

select {
  word-wrap: normal; }

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

iframe {
  border: none;
  height: 100%;
  width: 100%; }

ul {
  margin: 0;
  padding: 0;
  list-style: none; }

.mud-elevation-0 {
  box-shadow: var(--mud-elevation-0); }

.mud-elevation-1 {
  box-shadow: var(--mud-elevation-1); }

.mud-elevation-2 {
  box-shadow: var(--mud-elevation-2); }

.mud-elevation-3 {
  box-shadow: var(--mud-elevation-3); }

.mud-elevation-4 {
  box-shadow: var(--mud-elevation-4); }

.mud-elevation-5 {
  box-shadow: var(--mud-elevation-5); }

.mud-elevation-6 {
  box-shadow: var(--mud-elevation-6); }

.mud-elevation-7 {
  box-shadow: var(--mud-elevation-7); }

.mud-elevation-8 {
  box-shadow: var(--mud-elevation-8); }

.mud-elevation-9 {
  box-shadow: var(--mud-elevation-9); }

.mud-elevation-10 {
  box-shadow: var(--mud-elevation-10); }

.mud-elevation-11 {
  box-shadow: var(--mud-elevation-11); }

.mud-elevation-12 {
  box-shadow: var(--mud-elevation-12); }

.mud-elevation-13 {
  box-shadow: var(--mud-elevation-13); }

.mud-elevation-14 {
  box-shadow: var(--mud-elevation-14); }

.mud-elevation-15 {
  box-shadow: var(--mud-elevation-15); }

.mud-elevation-16 {
  box-shadow: var(--mud-elevation-16); }

.mud-elevation-17 {
  box-shadow: var(--mud-elevation-17); }

.mud-elevation-18 {
  box-shadow: var(--mud-elevation-18); }

.mud-elevation-19 {
  box-shadow: var(--mud-elevation-19); }

.mud-elevation-20 {
  box-shadow: var(--mud-elevation-20); }

.mud-elevation-21 {
  box-shadow: var(--mud-elevation-21); }

.mud-elevation-22 {
  box-shadow: var(--mud-elevation-22); }

.mud-elevation-23 {
  box-shadow: var(--mud-elevation-23); }

.mud-elevation-24 {
  box-shadow: var(--mud-elevation-24); }

.mud-elevation-25 {
  box-shadow: var(--mud-elevation-25); }

.mud-alert {
  display: flex;
  padding: 6px 16px;
  border-radius: var(--mud-default-borderradius);
  background-color: transparent;
  transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; }
  .mud-alert.mud-square {
    border-radius: 0px; }
  .mud-alert.mud-dense {
    padding: 0px 12px; }

.mud-alert-text-normal {
  color: var(--mud-palette-text-primary);
  background-color: var(--mud-palette-dark-hover); }

.mud-alert-text-primary {
  color: var(--mud-palette-primary-darken);
  background-color: var(--mud-palette-primary-hover); }
  .mud-alert-text-primary .mud-alert-icon {
    color: var(--mud-palette-primary); }

.mud-alert-text-secondary {
  color: var(--mud-palette-secondary-darken);
  background-color: var(--mud-palette-secondary-hover); }
  .mud-alert-text-secondary .mud-alert-icon {
    color: var(--mud-palette-secondary); }

.mud-alert-text-tertiary {
  color: var(--mud-palette-tertiary-darken);
  background-color: var(--mud-palette-tertiary-hover); }
  .mud-alert-text-tertiary .mud-alert-icon {
    color: var(--mud-palette-tertiary); }

.mud-alert-text-info {
  color: var(--mud-palette-info-darken);
  background-color: var(--mud-palette-info-hover); }
  .mud-alert-text-info .mud-alert-icon {
    color: var(--mud-palette-info); }

.mud-alert-text-success {
  color: var(--mud-palette-success-darken);
  background-color: var(--mud-palette-success-hover); }
  .mud-alert-text-success .mud-alert-icon {
    color: var(--mud-palette-success); }

.mud-alert-text-warning {
  color: var(--mud-palette-warning-darken);
  background-color: var(--mud-palette-warning-hover); }
  .mud-alert-text-warning .mud-alert-icon {
    color: var(--mud-palette-warning); }

.mud-alert-text-error {
  color: var(--mud-palette-error-darken);
  background-color: var(--mud-palette-error-hover); }
  .mud-alert-text-error .mud-alert-icon {
    color: var(--mud-palette-error); }

.mud-alert-text-dark {
  color: var(--mud-palette-dark-darken);
  background-color: var(--mud-palette-dark-hover); }
  .mud-alert-text-dark .mud-alert-icon {
    color: var(--mud-palette-dark); }

.mud-alert-outlined-normal {
  color: var(--mud-palette-text-primary);
  border: 1px solid var(--mud-palette-text-primary); }

.mud-alert-outlined-primary {
  color: var(--mud-palette-primary-darken);
  border: 1px solid var(--mud-palette-primary); }
  .mud-alert-outlined-primary .mud-alert-icon {
    color: var(--mud-palette-primary); }

.mud-alert-outlined-secondary {
  color: var(--mud-palette-secondary-darken);
  border: 1px solid var(--mud-palette-secondary); }
  .mud-alert-outlined-secondary .mud-alert-icon {
    color: var(--mud-palette-secondary); }

.mud-alert-outlined-tertiary {
  color: var(--mud-palette-tertiary-darken);
  border: 1px solid var(--mud-palette-tertiary); }
  .mud-alert-outlined-tertiary .mud-alert-icon {
    color: var(--mud-palette-tertiary); }

.mud-alert-outlined-info {
  color: var(--mud-palette-info-darken);
  border: 1px solid var(--mud-palette-info); }
  .mud-alert-outlined-info .mud-alert-icon {
    color: var(--mud-palette-info); }

.mud-alert-outlined-success {
  color: var(--mud-palette-success-darken);
  border: 1px solid var(--mud-palette-success); }
  .mud-alert-outlined-success .mud-alert-icon {
    color: var(--mud-palette-success); }

.mud-alert-outlined-warning {
  color: var(--mud-palette-warning-darken);
  border: 1px solid var(--mud-palette-warning); }
  .mud-alert-outlined-warning .mud-alert-icon {
    color: var(--mud-palette-warning); }

.mud-alert-outlined-error {
  color: var(--mud-palette-error-darken);
  border: 1px solid var(--mud-palette-error); }
  .mud-alert-outlined-error .mud-alert-icon {
    color: var(--mud-palette-error); }

.mud-alert-outlined-dark {
  color: var(--mud-palette-dark-darken);
  border: 1px solid var(--mud-palette-dark); }
  .mud-alert-outlined-dark .mud-alert-icon {
    color: var(--mud-palette-dark); }

.mud-alert-filled-normal {
  color: var(--mud-palette-dark-text);
  font-weight: 500;
  background-color: var(--mud-palette-dark); }

.mud-alert-filled-primary {
  color: var(--mud-palette-primary-text);
  font-weight: 500;
  background-color: var(--mud-palette-primary); }

.mud-alert-filled-secondary {
  color: var(--mud-palette-secondary-text);
  font-weight: 500;
  background-color: var(--mud-palette-secondary); }

.mud-alert-filled-tertiary {
  color: var(--mud-palette-tertiary-text);
  font-weight: 500;
  background-color: var(--mud-palette-tertiary); }

.mud-alert-filled-info {
  color: var(--mud-palette-info-text);
  font-weight: 500;
  background-color: var(--mud-palette-info); }

.mud-alert-filled-success {
  color: var(--mud-palette-success-text);
  font-weight: 500;
  background-color: var(--mud-palette-success); }

.mud-alert-filled-warning {
  color: var(--mud-palette-warning-text);
  font-weight: 500;
  background-color: var(--mud-palette-warning); }

.mud-alert-filled-error {
  color: var(--mud-palette-error-text);
  font-weight: 500;
  background-color: var(--mud-palette-error); }

.mud-alert-filled-dark {
  color: var(--mud-palette-dark-text);
  font-weight: 500;
  background-color: var(--mud-palette-dark); }

.mud-alert-icon {
  display: flex;
  opacity: 0.9;
  padding: 7px 0;
  font-size: 22px;
  margin-right: 12px;
  margin-inline-end: 12px;
  margin-inline-start: unset; }
  .mud-alert-icon.mud-alert-icon-left {
    margin-right: 12px;
    margin-inline-end: 12px;
    margin-inline-start: unset; }
  .mud-alert-icon.mud-alert-icon-right {
    margin-left: 12px;
    margin-inline-start: 12px;
    margin-inline-end: unset; }

.mud-alert-message {
  padding: 9px 0; }

.mud-alert-position {
  flex: 1;
  display: flex; }

.mud-alert-close {
  display: flex;
  flex: 0;
  align-items: center;
  margin-left: 8px; }

.mud-badge-root {
  position: relative;
  display: inline-block; }
  .mud-badge-root .mud-badge-wrapper {
    top: 0;
    left: 0;
    flex: 0 1;
    width: 100%;
    height: 100%;
    display: flex;
    pointer-events: none;
    position: absolute; }
    .mud-badge-root .mud-badge-wrapper.mud-badge-top {
      align-items: flex-start; }
      .mud-badge-root .mud-badge-wrapper.mud-badge-top.left {
        justify-content: flex-start; }
      .mud-badge-root .mud-badge-wrapper.mud-badge-top.center {
        justify-content: center; }
      .mud-badge-root .mud-badge-wrapper.mud-badge-top.right {
        justify-content: flex-end; }
    .mud-badge-root .mud-badge-wrapper.mud-badge-center {
      align-items: center; }
      .mud-badge-root .mud-badge-wrapper.mud-badge-center.left {
        justify-content: flex-start; }
      .mud-badge-root .mud-badge-wrapper.mud-badge-center.center {
        justify-content: center; }
      .mud-badge-root .mud-badge-wrapper.mud-badge-center.right {
        justify-content: flex-end; }
    .mud-badge-root .mud-badge-wrapper.mud-badge-bottom {
      align-items: flex-end; }
      .mud-badge-root .mud-badge-wrapper.mud-badge-bottom.left {
        justify-content: flex-start; }
      .mud-badge-root .mud-badge-wrapper.mud-badge-bottom.center {
        justify-content: center; }
      .mud-badge-root .mud-badge-wrapper.mud-badge-bottom.right {
        justify-content: flex-end; }

.mud-badge {
  border-radius: 10px;
  font-size: 12px;
  height: 20px;
  letter-spacing: 0;
  min-width: 20px;
  padding: 4px 6px;
  pointer-events: auto;
  line-height: 1;
  position: absolute;
  text-align: center;
  text-indent: 0;
  top: auto;
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  white-space: nowrap; }
  .mud-badge.mud-badge-default {
    color: var(--mud-palette-text-primary);
    background-color: var(--mud-palette-grey-light); }
  .mud-badge.mud-badge-bordered {
    border-color: var(--mud-palette-surface);
    border-style: solid;
    border-width: 2px;
    padding: 3px 4px; }
    .mud-badge.mud-badge-bordered.mud-badge-icon {
      padding: 4px 6px; }
      .mud-badge.mud-badge-bordered.mud-badge-icon .mud-icon-badge {
        margin-left: -4px;
        margin-inline-start: -4px;
        margin-inline-end: unset;
        margin-top: -4px; }
  .mud-badge.mud-badge-icon {
    width: 20px;
    height: 20px; }
    .mud-badge.mud-badge-icon .mud-icon-badge {
      color: inherit;
      font-size: 12px;
      margin-left: -2px;
      margin-inline-start: -2px;
      margin-inline-end: unset; }
  .mud-badge.mud-badge-dot {
    border-radius: 50%;
    height: 9px;
    min-width: 0;
    padding: 0;
    width: 9px; }
  .mud-badge.mud-badge-top.left {
    inset: auto calc(100% - 4px) calc(100% - 4px) auto; }
    .mud-badge.mud-badge-top.left.mud-badge-overlap {
      inset: auto calc(100% - 12px) calc(100% - 12px) auto; }
  .mud-badge.mud-badge-top.center {
    bottom: calc(100% - 4px); }
    .mud-badge.mud-badge-top.center.mud-badge-overlap {
      bottom: calc(100% - 12px); }
  .mud-badge.mud-badge-top.right {
    inset: auto auto calc(100% - 4px) calc(100% - 4px); }
    .mud-badge.mud-badge-top.right.mud-badge-overlap {
      inset: auto auto calc(100% - 12px) calc(100% - 12px); }
  .mud-badge.mud-badge-center.left {
    right: calc(100% - 4px); }
    .mud-badge.mud-badge-center.left.mud-badge-overlap {
      right: calc(100% - 12px); }
  .mud-badge.mud-badge-center.right {
    left: calc(100% - 4px); }
    .mud-badge.mud-badge-center.right.mud-badge-overlap {
      left: calc(100% - 12px); }
  .mud-badge.mud-badge-bottom.left {
    inset: calc(100% - 4px) calc(100% - 4px) auto auto; }
    .mud-badge.mud-badge-bottom.left.mud-badge-overlap {
      inset: calc(100% - 12px) calc(100% - 12px) auto auto; }
  .mud-badge.mud-badge-bottom.center {
    top: calc(100% - 4px); }
    .mud-badge.mud-badge-bottom.center.mud-badge-overlap {
      top: calc(100% - 12px); }
  .mud-badge.mud-badge-bottom.right {
    inset: calc(100% - 4px) auto auto calc(100% - 4px); }
    .mud-badge.mud-badge-bottom.right.mud-badge-overlap {
      inset: calc(100% - 12px) auto auto calc(100% - 12px); }

.mud-toolbar {
  display: flex;
  position: relative;
  align-items: center;
  height: 56px; }

.mud-toolbar-gutters {
  padding-left: 16px;
  padding-right: 16px; }

.mud-toolbar-dense {
  height: 48px; }

.mud-tooltip-root {
  width: fit-content; }
  .mud-tooltip-root.mud-tooltip-inline {
    display: inline-block; }

.mud-tooltip {
  padding: 4px 8px;
  text-align: center;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.4em;
  border-radius: var(--mud-default-borderradius);
  z-index: var(--mud-zindex-tooltip); }
  .mud-tooltip.mud-tooltip-default {
    color: var(--mud-palette-dark-text);
    background-color: var(--mud-palette-grey-darker); }
    .mud-tooltip.mud-tooltip-default.mud-tooltip-arrow::after {
      border-color: var(--mud-palette-grey-darker) transparent transparent transparent; }
  .mud-tooltip.mud-tooltip-center-left:not([data-mudpopover-flip]), .mud-tooltip.mud-tooltip-center-right[data-mudpopover-flip] {
    transform: translateX(-10px); }
    .mud-tooltip.mud-tooltip-center-left:not([data-mudpopover-flip]).mud-tooltip-arrow::after, .mud-tooltip.mud-tooltip-center-right[data-mudpopover-flip].mud-tooltip-arrow::after {
      left: 100%;
      transform: rotate(270deg); }
  .mud-tooltip.mud-tooltip-center-right:not([data-mudpopover-flip]), .mud-tooltip.mud-tooltip-center-left[data-mudpopover-flip] {
    transform: translateX(10px); }
    .mud-tooltip.mud-tooltip-center-right:not([data-mudpopover-flip]).mud-tooltip-arrow::after, .mud-tooltip.mud-tooltip-center-left[data-mudpopover-flip].mud-tooltip-arrow::after {
      right: 100%;
      transform: rotate(90deg); }
  .mud-tooltip.mud-tooltip-top-center:not([data-mudpopover-flip]), .mud-tooltip.mud-tooltip-bottom-center[data-mudpopover-flip] {
    transform: translateY(-10px); }
    .mud-tooltip.mud-tooltip-top-center:not([data-mudpopover-flip]).mud-tooltip-arrow::after, .mud-tooltip.mud-tooltip-bottom-center[data-mudpopover-flip].mud-tooltip-arrow::after {
      top: 100%;
      transform: rotate(0deg); }
  .mud-tooltip.mud-tooltip-bottom-center:not([data-mudpopover-flip]), .mud-tooltip.mud-tooltip-top-center[data-mudpopover-flip] {
    transform: translateY(10px); }
    .mud-tooltip.mud-tooltip-bottom-center:not([data-mudpopover-flip]).mud-tooltip-arrow::after, .mud-tooltip.mud-tooltip-top-center[data-mudpopover-flip].mud-tooltip-arrow::after {
      bottom: 100%;
      transform: rotate(180deg); }
  .mud-tooltip.mud-tooltip-arrow::after {
    content: "";
    position: absolute;
    border-width: 6px;
    border-style: solid;
    border-color: transparent;
    border-top-color: inherit; }

.mud-avatar {
  display: flex;
  overflow: hidden;
  position: relative;
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  line-height: 1;
  user-select: none;
  border-radius: 50%;
  justify-content: center;
  color: var(--mud-palette-white);
  background-color: var(--mud-palette-grey-light); }
  .mud-avatar.mud-avatar-small {
    width: 24px;
    height: 24px;
    font-size: .875rem; }
  .mud-avatar.mud-avatar-medium {
    width: 40px;
    height: 40px;
    font-size: 1.25rem; }
  .mud-avatar.mud-avatar-large {
    width: 56px;
    height: 56px;
    font-size: 1.75rem; }

.mud-avatar-rounded {
  border-radius: var(--mud-default-borderradius); }

.mud-avatar-square {
  border-radius: 0; }

.mud-avatar-img {
  color: transparent;
  width: 100%;
  height: 100%;
  object-fit: cover;
  text-align: center;
  text-indent: 10000px; }

.mud-avatar-fallback {
  width: 75%;
  height: 75%; }

.mud-avatar-outlined {
  color: var(--mud-palette-text-primary);
  background-color: unset;
  border: 1px solid var(--mud-palette-text-primary); }
  .mud-avatar-outlined.mud-avatar-outlined-primary {
    color: var(--mud-palette-primary);
    border: 1px solid var(--mud-palette-primary); }
  .mud-avatar-outlined.mud-avatar-outlined-secondary {
    color: var(--mud-palette-secondary);
    border: 1px solid var(--mud-palette-secondary); }
  .mud-avatar-outlined.mud-avatar-outlined-tertiary {
    color: var(--mud-palette-tertiary);
    border: 1px solid var(--mud-palette-tertiary); }
  .mud-avatar-outlined.mud-avatar-outlined-info {
    color: var(--mud-palette-info);
    border: 1px solid var(--mud-palette-info); }
  .mud-avatar-outlined.mud-avatar-outlined-success {
    color: var(--mud-palette-success);
    border: 1px solid var(--mud-palette-success); }
  .mud-avatar-outlined.mud-avatar-outlined-warning {
    color: var(--mud-palette-warning);
    border: 1px solid var(--mud-palette-warning); }
  .mud-avatar-outlined.mud-avatar-outlined-error {
    color: var(--mud-palette-error);
    border: 1px solid var(--mud-palette-error); }
  .mud-avatar-outlined.mud-avatar-outlined-dark {
    color: var(--mud-palette-dark);
    border: 1px solid var(--mud-palette-dark); }

.mud-avatar-filled {
  color: var(--mud-palette-white);
  background-color: var(--mud-palette-grey-light); }
  .mud-avatar-filled.mud-avatar-filled-primary {
    background-color: var(--mud-palette-primary); }
  .mud-avatar-filled.mud-avatar-filled-secondary {
    background-color: var(--mud-palette-secondary); }
  .mud-avatar-filled.mud-avatar-filled-tertiary {
    background-color: var(--mud-palette-tertiary); }
  .mud-avatar-filled.mud-avatar-filled-info {
    background-color: var(--mud-palette-info); }
  .mud-avatar-filled.mud-avatar-filled-success {
    background-color: var(--mud-palette-success); }
  .mud-avatar-filled.mud-avatar-filled-warning {
    background-color: var(--mud-palette-warning); }
  .mud-avatar-filled.mud-avatar-filled-error {
    background-color: var(--mud-palette-error); }
  .mud-avatar-filled.mud-avatar-filled-dark {
    background-color: var(--mud-palette-dark); }

.mud-avatar-group {
  display: flex; }
  .mud-avatar-group .mud-avatar:first-child {
    margin-inline-start: 0px !important; }
  .mud-avatar-group.mud-avatar-group-outlined.mud-avatar-group-outlined-transparent .mud-avatar:not(.mud-avatar-outlined) {
    border-color: transparent; }
  .mud-avatar-group.mud-avatar-group-outlined.mud-avatar-group-outlined-surface .mud-avatar:not(.mud-avatar-outlined) {
    border-color: var(--mud-palette-surface); }
  .mud-avatar-group.mud-avatar-group-outlined.mud-avatar-group-outlined-primary .mud-avatar:not(.mud-avatar-outlined) {
    border-color: var(--mud-palette-primary); }
  .mud-avatar-group.mud-avatar-group-outlined.mud-avatar-group-outlined-secondary .mud-avatar:not(.mud-avatar-outlined) {
    border-color: var(--mud-palette-secondary); }
  .mud-avatar-group.mud-avatar-group-outlined.mud-avatar-group-outlined-tertiary .mud-avatar:not(.mud-avatar-outlined) {
    border-color: var(--mud-palette-tertiary); }
  .mud-avatar-group.mud-avatar-group-outlined.mud-avatar-group-outlined-info .mud-avatar:not(.mud-avatar-outlined) {
    border-color: var(--mud-palette-info); }
  .mud-avatar-group.mud-avatar-group-outlined.mud-avatar-group-outlined-success .mud-avatar:not(.mud-avatar-outlined) {
    border-color: var(--mud-palette-success); }
  .mud-avatar-group.mud-avatar-group-outlined.mud-avatar-group-outlined-warning .mud-avatar:not(.mud-avatar-outlined) {
    border-color: var(--mud-palette-warning); }
  .mud-avatar-group.mud-avatar-group-outlined.mud-avatar-group-outlined-error .mud-avatar:not(.mud-avatar-outlined) {
    border-color: var(--mud-palette-error); }
  .mud-avatar-group.mud-avatar-group-outlined.mud-avatar-group-outlined-dark .mud-avatar:not(.mud-avatar-outlined) {
    border-color: var(--mud-palette-dark); }
  .mud-avatar-group.mud-avatar-group-outlined .mud-avatar {
    border: 2px solid; }
    .mud-avatar-group.mud-avatar-group-outlined .mud-avatar.mud-avatar-small {
      width: 28px;
      height: 28px; }
    .mud-avatar-group.mud-avatar-group-outlined .mud-avatar.mud-avatar-medium {
      width: 44px;
      height: 44px; }
    .mud-avatar-group.mud-avatar-group-outlined .mud-avatar.mud-avatar-large {
      width: 60px;
      height: 60px; }

.mud-breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  flex: 0 1 auto;
  align-items: center;
  list-style-type: none;
  margin: 0;
  padding: 16px 12px; }

.mud-breadcrumb-separator {
  padding: 0 12px; }

.mud-breadcrumb-separator > span {
  color: var(--mud-palette-text-primary);
  opacity: 0.38; }

.mud-breadcrumb-item > a {
  display: flex;
  align-items: center; }

.mud-breadcrumb-item > a > svg.mud-icon-root {
  margin-right: 4px;
  margin-inline-end: 4px;
  margin-inline-start: unset; }

.mud-breadcrumb-item.mud-disabled > a {
  pointer-events: none;
  color: var(--mud-palette-action-disabled); }

.mud-breadcrumbs-expander {
  cursor: pointer;
  display: flex;
  background-color: #EEEEEE; }

.mud-breadcrumbs-expander:hover {
  background-color: #E0E0E0; }

.mud-breadcrumbs-expander > svg {
  width: 26px; }

.mud-button-root {
  color: inherit;
  border: 0;
  cursor: pointer;
  margin: 0;
  display: inline-flex;
  outline: 0;
  padding: 0;
  position: relative;
  align-items: center;
  user-select: none;
  border-radius: 0;
  vertical-align: middle;
  -moz-appearance: none;
  justify-content: center;
  text-decoration: none;
  background-color: transparent;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent; }
  .mud-button-root::-moz-focus-inner {
    border-style: none; }
  .mud-button-root:disabled {
    color: var(--mud-palette-action-disabled) !important;
    cursor: default;
    pointer-events: none; }

.mud-button {
  padding: 6px 16px;
  font-family: var(--mud-typography-button-family);
  font-size: var(--mud-typography-button-size);
  font-weight: var(--mud-typography-button-weight);
  line-height: var(--mud-typography-button-lineheight);
  letter-spacing: var(--mud-typography-button-letterspacing);
  text-transform: var(--mud-typography-button-text-transform);
  min-width: 64px;
  box-sizing: border-box;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  border-radius: var(--mud-default-borderradius);
  color: var(--mud-palette-text-primary); }
  .mud-button:hover, .mud-button:focus-visible {
    background-color: var(--mud-palette-action-default-hover); }

.mud-button-label {
  width: 100%;
  display: inherit;
  align-items: inherit;
  justify-content: inherit; }

.mud-button-text {
  padding: 6px 8px; }
  .mud-button-text.mud-button-text-inherit {
    color: inherit; }
  .mud-button-text.mud-button-text-primary {
    color: var(--mud-palette-primary); }
    .mud-button-text.mud-button-text-primary:hover, .mud-button-text.mud-button-text-primary:focus-visible {
      background-color: var(--mud-palette-primary-hover); }
  .mud-button-text.mud-button-text-secondary {
    color: var(--mud-palette-secondary); }
    .mud-button-text.mud-button-text-secondary:hover, .mud-button-text.mud-button-text-secondary:focus-visible {
      background-color: var(--mud-palette-secondary-hover); }
  .mud-button-text.mud-button-text-tertiary {
    color: var(--mud-palette-tertiary); }
    .mud-button-text.mud-button-text-tertiary:hover, .mud-button-text.mud-button-text-tertiary:focus-visible {
      background-color: var(--mud-palette-tertiary-hover); }
  .mud-button-text.mud-button-text-info {
    color: var(--mud-palette-info); }
    .mud-button-text.mud-button-text-info:hover, .mud-button-text.mud-button-text-info:focus-visible {
      background-color: var(--mud-palette-info-hover); }
  .mud-button-text.mud-button-text-success {
    color: var(--mud-palette-success); }
    .mud-button-text.mud-button-text-success:hover, .mud-button-text.mud-button-text-success:focus-visible {
      background-color: var(--mud-palette-success-hover); }
  .mud-button-text.mud-button-text-warning {
    color: var(--mud-palette-warning); }
    .mud-button-text.mud-button-text-warning:hover, .mud-button-text.mud-button-text-warning:focus-visible {
      background-color: var(--mud-palette-warning-hover); }
  .mud-button-text.mud-button-text-error {
    color: var(--mud-palette-error); }
    .mud-button-text.mud-button-text-error:hover, .mud-button-text.mud-button-text-error:focus-visible {
      background-color: var(--mud-palette-error-hover); }
  .mud-button-text.mud-button-text-dark {
    color: var(--mud-palette-dark); }
    .mud-button-text.mud-button-text-dark:hover, .mud-button-text.mud-button-text-dark:focus-visible {
      background-color: var(--mud-palette-dark-hover); }

.mud-button-outlined {
  color: var(--mud-palette-text-primary);
  border: 1px solid var(--mud-palette-text-primary);
  padding: 5px 15px; }
  .mud-button-outlined.mud-button-outlined-inherit {
    color: inherit;
    border-color: currentColor; }
  .mud-button-outlined.mud-icon-button {
    padding: 5px; }
  .mud-button-outlined:hover, .mud-button-outlined:focus-visible {
    background-color: var(--mud-palette-action-default-hover); }
  .mud-button-outlined.mud-button-outlined-primary {
    color: var(--mud-palette-primary);
    border: 1px solid var(--mud-palette-primary); }
    .mud-button-outlined.mud-button-outlined-primary:hover, .mud-button-outlined.mud-button-outlined-primary:focus-visible {
      border: 1px solid var(--mud-palette-primary);
      background-color: var(--mud-palette-primary-hover); }
  .mud-button-outlined.mud-button-outlined-secondary {
    color: var(--mud-palette-secondary);
    border: 1px solid var(--mud-palette-secondary); }
    .mud-button-outlined.mud-button-outlined-secondary:hover, .mud-button-outlined.mud-button-outlined-secondary:focus-visible {
      border: 1px solid var(--mud-palette-secondary);
      background-color: var(--mud-palette-secondary-hover); }
  .mud-button-outlined.mud-button-outlined-tertiary {
    color: var(--mud-palette-tertiary);
    border: 1px solid var(--mud-palette-tertiary); }
    .mud-button-outlined.mud-button-outlined-tertiary:hover, .mud-button-outlined.mud-button-outlined-tertiary:focus-visible {
      border: 1px solid var(--mud-palette-tertiary);
      background-color: var(--mud-palette-tertiary-hover); }
  .mud-button-outlined.mud-button-outlined-info {
    color: var(--mud-palette-info);
    border: 1px solid var(--mud-palette-info); }
    .mud-button-outlined.mud-button-outlined-info:hover, .mud-button-outlined.mud-button-outlined-info:focus-visible {
      border: 1px solid var(--mud-palette-info);
      background-color: var(--mud-palette-info-hover); }
  .mud-button-outlined.mud-button-outlined-success {
    color: var(--mud-palette-success);
    border: 1px solid var(--mud-palette-success); }
    .mud-button-outlined.mud-button-outlined-success:hover, .mud-button-outlined.mud-button-outlined-success:focus-visible {
      border: 1px solid var(--mud-palette-success);
      background-color: var(--mud-palette-success-hover); }
  .mud-button-outlined.mud-button-outlined-warning {
    color: var(--mud-palette-warning);
    border: 1px solid var(--mud-palette-warning); }
    .mud-button-outlined.mud-button-outlined-warning:hover, .mud-button-outlined.mud-button-outlined-warning:focus-visible {
      border: 1px solid var(--mud-palette-warning);
      background-color: var(--mud-palette-warning-hover); }
  .mud-button-outlined.mud-button-outlined-error {
    color: var(--mud-palette-error);
    border: 1px solid var(--mud-palette-error); }
    .mud-button-outlined.mud-button-outlined-error:hover, .mud-button-outlined.mud-button-outlined-error:focus-visible {
      border: 1px solid var(--mud-palette-error);
      background-color: var(--mud-palette-error-hover); }
  .mud-button-outlined.mud-button-outlined-dark {
    color: var(--mud-palette-dark);
    border: 1px solid var(--mud-palette-dark); }
    .mud-button-outlined.mud-button-outlined-dark:hover, .mud-button-outlined.mud-button-outlined-dark:focus-visible {
      border: 1px solid var(--mud-palette-dark);
      background-color: var(--mud-palette-dark-hover); }
  .mud-button-outlined:disabled {
    border: 1px solid var(--mud-palette-action-disabled-background); }

.mud-button-filled {
  color: var(--mud-palette-text-primary);
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  background-color: var(--mud-palette-action-default-hover); }
  .mud-button-filled.mud-icon-button {
    padding: 6px; }
  .mud-button-filled:hover, .mud-button-filled:focus-visible {
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
    background-color: var(--mud-palette-action-disabled-background); }
  .mud-button-filled:active {
    box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); }
  .mud-button-filled:disabled {
    color: var(--mud-palette-action-disabled);
    box-shadow: none;
    background-color: var(--mud-palette-action-disabled-background) !important; }
  .mud-button-filled.mud-button-filled-primary {
    color: var(--mud-palette-primary-text);
    background-color: var(--mud-palette-primary); }
    .mud-button-filled.mud-button-filled-primary:hover, .mud-button-filled.mud-button-filled-primary:focus-visible {
      background-color: var(--mud-palette-primary-darken); }
  .mud-button-filled.mud-button-filled-secondary {
    color: var(--mud-palette-secondary-text);
    background-color: var(--mud-palette-secondary); }
    .mud-button-filled.mud-button-filled-secondary:hover, .mud-button-filled.mud-button-filled-secondary:focus-visible {
      background-color: var(--mud-palette-secondary-darken); }
  .mud-button-filled.mud-button-filled-tertiary {
    color: var(--mud-palette-tertiary-text);
    background-color: var(--mud-palette-tertiary); }
    .mud-button-filled.mud-button-filled-tertiary:hover, .mud-button-filled.mud-button-filled-tertiary:focus-visible {
      background-color: var(--mud-palette-tertiary-darken); }
  .mud-button-filled.mud-button-filled-info {
    color: var(--mud-palette-info-text);
    background-color: var(--mud-palette-info); }
    .mud-button-filled.mud-button-filled-info:hover, .mud-button-filled.mud-button-filled-info:focus-visible {
      background-color: var(--mud-palette-info-darken); }
  .mud-button-filled.mud-button-filled-success {
    color: var(--mud-palette-success-text);
    background-color: var(--mud-palette-success); }
    .mud-button-filled.mud-button-filled-success:hover, .mud-button-filled.mud-button-filled-success:focus-visible {
      background-color: var(--mud-palette-success-darken); }
  .mud-button-filled.mud-button-filled-warning {
    color: var(--mud-palette-warning-text);
    background-color: var(--mud-palette-warning); }
    .mud-button-filled.mud-button-filled-warning:hover, .mud-button-filled.mud-button-filled-warning:focus-visible {
      background-color: var(--mud-palette-warning-darken); }
  .mud-button-filled.mud-button-filled-error {
    color: var(--mud-palette-error-text);
    background-color: var(--mud-palette-error); }
    .mud-button-filled.mud-button-filled-error:hover, .mud-button-filled.mud-button-filled-error:focus-visible {
      background-color: var(--mud-palette-error-darken); }
  .mud-button-filled.mud-button-filled-dark {
    color: var(--mud-palette-dark-text);
    background-color: var(--mud-palette-dark); }
    .mud-button-filled.mud-button-filled-dark:hover, .mud-button-filled.mud-button-filled-dark:focus-visible {
      background-color: var(--mud-palette-dark-darken); }

.mud-button-disable-elevation {
  box-shadow: none; }
  .mud-button-disable-elevation:hover {
    box-shadow: none; }
  .mud-button-disable-elevation:active {
    box-shadow: none; }
  .mud-button-disable-elevation.mud-focus-visible {
    box-shadow: none; }
  .mud-button-disable-elevation:disabled {
    box-shadow: none; }

.mud-button-color-inherit {
  color: inherit;
  border-color: currentColor; }

.mud-button-text-size-small {
  padding: 4px 5px;
  font-size: 0.8125rem; }

.mud-button-text-size-large {
  padding: 8px 11px;
  font-size: 0.9375rem; }

.mud-button-outlined-size-small {
  padding: 3px 9px;
  font-size: 0.8125rem; }
  .mud-button-outlined-size-small.mud-icon-button {
    padding: 4px; }

.mud-button-outlined-size-large {
  padding: 7px 21px;
  font-size: 0.9375rem; }
  .mud-button-outlined-size-large.mud-icon-button {
    padding: 4px; }

.mud-button-filled-size-small {
  padding: 4px 10px;
  font-size: 0.8125rem; }
  .mud-button-filled-size-small.mud-icon-button {
    padding: 5px; }

.mud-button-filled-size-large {
  padding: 8px 22px;
  font-size: 0.9375rem; }
  .mud-button-filled-size-large.mud-icon-button {
    padding: 5px; }

.mud-button-full-width {
  width: 100%; }

.mud-button-label .mud-button-icon-start {
  display: inherit;
  margin-left: -4px;
  margin-right: 8px;
  margin-inline-start: -4px;
  margin-inline-end: 8px; }
  .mud-button-label .mud-button-icon-start.mud-button-icon-size-small {
    margin-left: -2px;
    margin-inline-start: -2px;
    margin-inline-end: 8px; }

.mud-button-label .mud-button-icon-end {
  display: inherit;
  margin-left: 8px;
  margin-right: -4px;
  margin-inline-start: 8px;
  margin-inline-end: -4px; }
  .mud-button-label .mud-button-icon-end.mud-button-icon-size-small {
    margin-right: -2px;
    margin-inline-end: -2px;
    margin-inline-start: 8px; }

.mud-button-icon-size-small > *:first-child {
  font-size: 18px; }

.mud-button-icon-size-medium > *:first-child {
  font-size: 20px; }

.mud-button-icon-size-large > *:first-child {
  font-size: 22px; }

.mud-button-group-root {
  border-radius: var(--mud-default-borderradius);
  display: inline-flex; }
  .mud-button-group-root .mud-button-root {
    border-radius: var(--mud-default-borderradius); }
  .mud-button-group-root.mud-button-group-override-styles .mud-button {
    color: var(--mud-palette-text-primary); }
  .mud-button-group-root.mud-button-group-override-styles .mud-button-root {
    background-color: inherit;
    box-shadow: none;
    border: none; }
    .mud-button-group-root.mud-button-group-override-styles .mud-button-root:hover, .mud-button-group-root.mud-button-group-override-styles .mud-button-root:focus-visible {
      background-color: var(--mud-palette-action-default-hover); }

.mud-button-group-horizontal:not(.mud-button-group-rtl) > .mud-button-root:not(:last-child), .mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:last-child) .mud-button-root {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.mud-button-group-horizontal:not(.mud-button-group-rtl) > .mud-button-root:not(:first-child), .mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:first-child) .mud-button-root {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: -1px; }

.mud-button-group-horizontal.mud-button-group-rtl > .mud-button-root:not(:last-child), .mud-button-group-horizontal.mud-button-group-rtl > :not(:last-child) .mud-button-root {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: -1px; }

.mud-button-group-horizontal.mud-button-group-rtl > .mud-button-root:not(:first-child), .mud-button-group-horizontal.mud-button-group-rtl > :not(:first-child) .mud-button-root {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.mud-button-group-vertical {
  flex-direction: column; }
  .mud-button-group-vertical .mud-icon-button {
    width: 100%; }
  .mud-button-group-vertical > .mud-button-root:not(:last-child), .mud-button-group-vertical > :not(:last-child) .mud-button-root {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0; }
  .mud-button-group-vertical > .mud-button-root:not(:first-child), .mud-button-group-vertical > :not(:first-child) .mud-button-root {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    margin-top: -1px; }

.mud-button-group-text.mud-button-group-override-styles .mud-button-root {
  padding: 6px 8px; }

.mud-button-group-text.mud-button-group-override-styles.mud-button-group-horizontal:not(.mud-button-group-rtl) .mud-button-root:not(:first-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:first-child) .mud-button-root {
  border-left: 1px solid var(--mud-palette-text-primary); }

.mud-button-group-text.mud-button-group-override-styles.mud-button-group-horizontal.mud-button-group-rtl .mud-button-root:not(:first-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-horizontal.mud-button-group-rtl > :not(:first-child) .mud-button-root {
  border-right: 1px solid var(--mud-palette-text-primary); }

.mud-button-group-text.mud-button-group-override-styles.mud-button-group-vertical .mud-button-root:not(:last-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-vertical > :not(:last-child) .mud-button-root {
  border-bottom: 1px solid var(--mud-palette-text-primary); }

.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-primary .mud-button-root {
  color: var(--mud-palette-primary); }
  .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-primary .mud-button-root:hover, .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-primary .mud-button-root:focus-visible {
    background-color: var(--mud-palette-primary-hover); }

.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-primary.mud-button-group-horizontal:not(.mud-button-group-rtl) .mud-button-root:not(:first-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-primary.mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:first-child) .mud-button-root {
  border-left: 1px solid var(--mud-palette-primary); }

.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-primary.mud-button-group-horizontal.mud-button-group-rtl .mud-button-root:not(:first-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-primary.mud-button-group-horizontal.mud-button-group-rtl > :not(:first-child) .mud-button-root {
  border-right: 1px solid var(--mud-palette-primary); }

.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-primary.mud-button-group-vertical .mud-button-root:not(:last-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-primary.mud-button-group-vertical > :not(:last-child) .mud-button-root {
  border-bottom: 1px solid var(--mud-palette-primary); }

.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-secondary .mud-button-root {
  color: var(--mud-palette-secondary); }
  .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-secondary .mud-button-root:hover, .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-secondary .mud-button-root:focus-visible {
    background-color: var(--mud-palette-secondary-hover); }

.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-secondary.mud-button-group-horizontal:not(.mud-button-group-rtl) .mud-button-root:not(:first-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-secondary.mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:first-child) .mud-button-root {
  border-left: 1px solid var(--mud-palette-secondary); }

.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-secondary.mud-button-group-horizontal.mud-button-group-rtl .mud-button-root:not(:first-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-secondary.mud-button-group-horizontal.mud-button-group-rtl > :not(:first-child) .mud-button-root {
  border-right: 1px solid var(--mud-palette-secondary); }

.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-secondary.mud-button-group-vertical .mud-button-root:not(:last-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-secondary.mud-button-group-vertical > :not(:last-child) .mud-button-root {
  border-bottom: 1px solid var(--mud-palette-secondary); }

.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-tertiary .mud-button-root {
  color: var(--mud-palette-tertiary); }
  .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-tertiary .mud-button-root:hover, .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-tertiary .mud-button-root:focus-visible {
    background-color: var(--mud-palette-tertiary-hover); }

.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-tertiary.mud-button-group-horizontal:not(.mud-button-group-rtl) .mud-button-root:not(:first-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-tertiary.mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:first-child) .mud-button-root {
  border-left: 1px solid var(--mud-palette-tertiary); }

.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-tertiary.mud-button-group-horizontal.mud-button-group-rtl .mud-button-root:not(:first-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-tertiary.mud-button-group-horizontal.mud-button-group-rtl > :not(:first-child) .mud-button-root {
  border-right: 1px solid var(--mud-palette-tertiary); }

.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-tertiary.mud-button-group-vertical .mud-button-root:not(:last-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-tertiary.mud-button-group-vertical > :not(:last-child) .mud-button-root {
  border-bottom: 1px solid var(--mud-palette-tertiary); }

.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-info .mud-button-root {
  color: var(--mud-palette-info); }
  .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-info .mud-button-root:hover, .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-info .mud-button-root:focus-visible {
    background-color: var(--mud-palette-info-hover); }

.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-info.mud-button-group-horizontal:not(.mud-button-group-rtl) .mud-button-root:not(:first-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-info.mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:first-child) .mud-button-root {
  border-left: 1px solid var(--mud-palette-info); }

.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-info.mud-button-group-horizontal.mud-button-group-rtl .mud-button-root:not(:first-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-info.mud-button-group-horizontal.mud-button-group-rtl > :not(:first-child) .mud-button-root {
  border-right: 1px solid var(--mud-palette-info); }

.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-info.mud-button-group-vertical .mud-button-root:not(:last-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-info.mud-button-group-vertical > :not(:last-child) .mud-button-root {
  border-bottom: 1px solid var(--mud-palette-info); }

.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-success .mud-button-root {
  color: var(--mud-palette-success); }
  .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-success .mud-button-root:hover, .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-success .mud-button-root:focus-visible {
    background-color: var(--mud-palette-success-hover); }

.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-success.mud-button-group-horizontal:not(.mud-button-group-rtl) .mud-button-root:not(:first-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-success.mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:first-child) .mud-button-root {
  border-left: 1px solid var(--mud-palette-success); }

.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-success.mud-button-group-horizontal.mud-button-group-rtl .mud-button-root:not(:first-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-success.mud-button-group-horizontal.mud-button-group-rtl > :not(:first-child) .mud-button-root {
  border-right: 1px solid var(--mud-palette-success); }

.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-success.mud-button-group-vertical .mud-button-root:not(:last-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-success.mud-button-group-vertical > :not(:last-child) .mud-button-root {
  border-bottom: 1px solid var(--mud-palette-success); }

.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-warning .mud-button-root {
  color: var(--mud-palette-warning); }
  .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-warning .mud-button-root:hover, .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-warning .mud-button-root:focus-visible {
    background-color: var(--mud-palette-warning-hover); }

.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-warning.mud-button-group-horizontal:not(.mud-button-group-rtl) .mud-button-root:not(:first-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-warning.mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:first-child) .mud-button-root {
  border-left: 1px solid var(--mud-palette-warning); }

.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-warning.mud-button-group-horizontal.mud-button-group-rtl .mud-button-root:not(:first-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-warning.mud-button-group-horizontal.mud-button-group-rtl > :not(:first-child) .mud-button-root {
  border-right: 1px solid var(--mud-palette-warning); }

.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-warning.mud-button-group-vertical .mud-button-root:not(:last-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-warning.mud-button-group-vertical > :not(:last-child) .mud-button-root {
  border-bottom: 1px solid var(--mud-palette-warning); }

.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-error .mud-button-root {
  color: var(--mud-palette-error); }
  .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-error .mud-button-root:hover, .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-error .mud-button-root:focus-visible {
    background-color: var(--mud-palette-error-hover); }

.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-error.mud-button-group-horizontal:not(.mud-button-group-rtl) .mud-button-root:not(:first-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-error.mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:first-child) .mud-button-root {
  border-left: 1px solid var(--mud-palette-error); }

.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-error.mud-button-group-horizontal.mud-button-group-rtl .mud-button-root:not(:first-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-error.mud-button-group-horizontal.mud-button-group-rtl > :not(:first-child) .mud-button-root {
  border-right: 1px solid var(--mud-palette-error); }

.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-error.mud-button-group-vertical .mud-button-root:not(:last-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-error.mud-button-group-vertical > :not(:last-child) .mud-button-root {
  border-bottom: 1px solid var(--mud-palette-error); }

.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-dark .mud-button-root {
  color: var(--mud-palette-dark); }
  .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-dark .mud-button-root:hover, .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-dark .mud-button-root:focus-visible {
    background-color: var(--mud-palette-dark-hover); }

.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-dark.mud-button-group-horizontal:not(.mud-button-group-rtl) .mud-button-root:not(:first-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-dark.mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:first-child) .mud-button-root {
  border-left: 1px solid var(--mud-palette-dark); }

.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-dark.mud-button-group-horizontal.mud-button-group-rtl .mud-button-root:not(:first-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-dark.mud-button-group-horizontal.mud-button-group-rtl > :not(:first-child) .mud-button-root {
  border-right: 1px solid var(--mud-palette-dark); }

.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-dark.mud-button-group-vertical .mud-button-root:not(:last-child), .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-dark.mud-button-group-vertical > :not(:last-child) .mud-button-root {
  border-bottom: 1px solid var(--mud-palette-dark); }

.mud-button-group-outlined.mud-button-group-override-styles .mud-button-root {
  padding: 5px 15px;
  border: 1px solid var(--mud-palette-text-primary); }

.mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-primary .mud-button-root {
  color: var(--mud-palette-primary);
  border: 1px solid var(--mud-palette-primary); }
  .mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-primary .mud-button-root:hover, .mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-primary .mud-button-root:focus-visible {
    background-color: var(--mud-palette-primary-hover); }

.mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-secondary .mud-button-root {
  color: var(--mud-palette-secondary);
  border: 1px solid var(--mud-palette-secondary); }
  .mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-secondary .mud-button-root:hover, .mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-secondary .mud-button-root:focus-visible {
    background-color: var(--mud-palette-secondary-hover); }

.mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-tertiary .mud-button-root {
  color: var(--mud-palette-tertiary);
  border: 1px solid var(--mud-palette-tertiary); }
  .mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-tertiary .mud-button-root:hover, .mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-tertiary .mud-button-root:focus-visible {
    background-color: var(--mud-palette-tertiary-hover); }

.mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-info .mud-button-root {
  color: var(--mud-palette-info);
  border: 1px solid var(--mud-palette-info); }
  .mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-info .mud-button-root:hover, .mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-info .mud-button-root:focus-visible {
    background-color: var(--mud-palette-info-hover); }

.mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-success .mud-button-root {
  color: var(--mud-palette-success);
  border: 1px solid var(--mud-palette-success); }
  .mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-success .mud-button-root:hover, .mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-success .mud-button-root:focus-visible {
    background-color: var(--mud-palette-success-hover); }

.mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-warning .mud-button-root {
  color: var(--mud-palette-warning);
  border: 1px solid var(--mud-palette-warning); }
  .mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-warning .mud-button-root:hover, .mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-warning .mud-button-root:focus-visible {
    background-color: var(--mud-palette-warning-hover); }

.mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-error .mud-button-root {
  color: var(--mud-palette-error);
  border: 1px solid var(--mud-palette-error); }
  .mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-error .mud-button-root:hover, .mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-error .mud-button-root:focus-visible {
    background-color: var(--mud-palette-error-hover); }

.mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-dark .mud-button-root {
  color: var(--mud-palette-dark);
  border: 1px solid var(--mud-palette-dark); }
  .mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-dark .mud-button-root:hover, .mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-dark .mud-button-root:focus-visible {
    background-color: var(--mud-palette-dark-hover); }

.mud-button-group-filled {
  box-shadow: var(--mud-elevation-2); }
  .mud-button-group-filled .mud-button-root {
    box-shadow: none; }
    .mud-button-group-filled .mud-button-root:hover, .mud-button-group-filled .mud-button-root:focus-visible {
      box-shadow: var(--mud-elevation-4); }
  .mud-button-group-filled.mud-button-group-override-styles .mud-button-root {
    background-color: var(--mud-palette-action-default-hover);
    padding: 6px 16px; }
  .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-horizontal:not(.mud-button-group-rtl) .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:first-child) .mud-button-root {
    border-left: 1px solid var(--mud-palette-divider); }
  .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-horizontal.mud-button-group-rtl .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-horizontal.mud-button-group-rtl > :not(:first-child) .mud-button-root {
    border-right: 1px solid var(--mud-palette-divider); }
  .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-vertical .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-vertical > :not(:first-child) .mud-button-root {
    border-top: 1px solid var(--mud-palette-divider); }
  .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-primary .mud-button-root {
    background-color: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text); }
    .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-primary .mud-button-root:hover, .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-primary .mud-button-root:focus-visible {
      background-color: var(--mud-palette-primary-darken); }
  .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-primary.mud-button-group-horizontal:not(.mud-button-group-rtl) .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-primary.mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:first-child) .mud-button-root {
    border-left: 1px solid var(--mud-palette-primary-lighten); }
  .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-primary.mud-button-group-horizontal.mud-button-group-rtl .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-primary.mud-button-group-horizontal.mud-button-group-rtl > :not(:first-child) .mud-button-root {
    border-right: 1px solid var(--mud-palette-primary-lighten); }
  .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-primary.mud-button-group-vertical .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-primary.mud-button-group-vertical > :not(:first-child) .mud-button-root {
    border-top: 1px solid var(--mud-palette-primary-lighten); }
  .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-secondary .mud-button-root {
    background-color: var(--mud-palette-secondary);
    color: var(--mud-palette-secondary-text); }
    .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-secondary .mud-button-root:hover, .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-secondary .mud-button-root:focus-visible {
      background-color: var(--mud-palette-secondary-darken); }
  .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-secondary.mud-button-group-horizontal:not(.mud-button-group-rtl) .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-secondary.mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:first-child) .mud-button-root {
    border-left: 1px solid var(--mud-palette-secondary-lighten); }
  .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-secondary.mud-button-group-horizontal.mud-button-group-rtl .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-secondary.mud-button-group-horizontal.mud-button-group-rtl > :not(:first-child) .mud-button-root {
    border-right: 1px solid var(--mud-palette-secondary-lighten); }
  .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-secondary.mud-button-group-vertical .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-secondary.mud-button-group-vertical > :not(:first-child) .mud-button-root {
    border-top: 1px solid var(--mud-palette-secondary-lighten); }
  .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-tertiary .mud-button-root {
    background-color: var(--mud-palette-tertiary);
    color: var(--mud-palette-tertiary-text); }
    .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-tertiary .mud-button-root:hover, .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-tertiary .mud-button-root:focus-visible {
      background-color: var(--mud-palette-tertiary-darken); }
  .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-tertiary.mud-button-group-horizontal:not(.mud-button-group-rtl) .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-tertiary.mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:first-child) .mud-button-root {
    border-left: 1px solid var(--mud-palette-tertiary-lighten); }
  .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-tertiary.mud-button-group-horizontal.mud-button-group-rtl .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-tertiary.mud-button-group-horizontal.mud-button-group-rtl > :not(:first-child) .mud-button-root {
    border-right: 1px solid var(--mud-palette-tertiary-lighten); }
  .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-tertiary.mud-button-group-vertical .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-tertiary.mud-button-group-vertical > :not(:first-child) .mud-button-root {
    border-top: 1px solid var(--mud-palette-tertiary-lighten); }
  .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-info .mud-button-root {
    background-color: var(--mud-palette-info);
    color: var(--mud-palette-info-text); }
    .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-info .mud-button-root:hover, .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-info .mud-button-root:focus-visible {
      background-color: var(--mud-palette-info-darken); }
  .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-info.mud-button-group-horizontal:not(.mud-button-group-rtl) .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-info.mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:first-child) .mud-button-root {
    border-left: 1px solid var(--mud-palette-info-lighten); }
  .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-info.mud-button-group-horizontal.mud-button-group-rtl .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-info.mud-button-group-horizontal.mud-button-group-rtl > :not(:first-child) .mud-button-root {
    border-right: 1px solid var(--mud-palette-info-lighten); }
  .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-info.mud-button-group-vertical .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-info.mud-button-group-vertical > :not(:first-child) .mud-button-root {
    border-top: 1px solid var(--mud-palette-info-lighten); }
  .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-success .mud-button-root {
    background-color: var(--mud-palette-success);
    color: var(--mud-palette-success-text); }
    .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-success .mud-button-root:hover, .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-success .mud-button-root:focus-visible {
      background-color: var(--mud-palette-success-darken); }
  .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-success.mud-button-group-horizontal:not(.mud-button-group-rtl) .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-success.mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:first-child) .mud-button-root {
    border-left: 1px solid var(--mud-palette-success-lighten); }
  .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-success.mud-button-group-horizontal.mud-button-group-rtl .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-success.mud-button-group-horizontal.mud-button-group-rtl > :not(:first-child) .mud-button-root {
    border-right: 1px solid var(--mud-palette-success-lighten); }
  .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-success.mud-button-group-vertical .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-success.mud-button-group-vertical > :not(:first-child) .mud-button-root {
    border-top: 1px solid var(--mud-palette-success-lighten); }
  .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-warning .mud-button-root {
    background-color: var(--mud-palette-warning);
    color: var(--mud-palette-warning-text); }
    .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-warning .mud-button-root:hover, .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-warning .mud-button-root:focus-visible {
      background-color: var(--mud-palette-warning-darken); }
  .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-warning.mud-button-group-horizontal:not(.mud-button-group-rtl) .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-warning.mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:first-child) .mud-button-root {
    border-left: 1px solid var(--mud-palette-warning-lighten); }
  .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-warning.mud-button-group-horizontal.mud-button-group-rtl .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-warning.mud-button-group-horizontal.mud-button-group-rtl > :not(:first-child) .mud-button-root {
    border-right: 1px solid var(--mud-palette-warning-lighten); }
  .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-warning.mud-button-group-vertical .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-warning.mud-button-group-vertical > :not(:first-child) .mud-button-root {
    border-top: 1px solid var(--mud-palette-warning-lighten); }
  .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-error .mud-button-root {
    background-color: var(--mud-palette-error);
    color: var(--mud-palette-error-text); }
    .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-error .mud-button-root:hover, .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-error .mud-button-root:focus-visible {
      background-color: var(--mud-palette-error-darken); }
  .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-error.mud-button-group-horizontal:not(.mud-button-group-rtl) .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-error.mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:first-child) .mud-button-root {
    border-left: 1px solid var(--mud-palette-error-lighten); }
  .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-error.mud-button-group-horizontal.mud-button-group-rtl .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-error.mud-button-group-horizontal.mud-button-group-rtl > :not(:first-child) .mud-button-root {
    border-right: 1px solid var(--mud-palette-error-lighten); }
  .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-error.mud-button-group-vertical .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-error.mud-button-group-vertical > :not(:first-child) .mud-button-root {
    border-top: 1px solid var(--mud-palette-error-lighten); }
  .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-dark .mud-button-root {
    background-color: var(--mud-palette-dark);
    color: var(--mud-palette-dark-text); }
    .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-dark .mud-button-root:hover, .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-dark .mud-button-root:focus-visible {
      background-color: var(--mud-palette-dark-darken); }
  .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-dark.mud-button-group-horizontal:not(.mud-button-group-rtl) .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-dark.mud-button-group-horizontal:not(.mud-button-group-rtl) > :not(:first-child) .mud-button-root {
    border-left: 1px solid var(--mud-palette-dark-lighten); }
  .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-dark.mud-button-group-horizontal.mud-button-group-rtl .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-dark.mud-button-group-horizontal.mud-button-group-rtl > :not(:first-child) .mud-button-root {
    border-right: 1px solid var(--mud-palette-dark-lighten); }
  .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-dark.mud-button-group-vertical .mud-button-root:not(:first-child), .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-dark.mud-button-group-vertical > :not(:first-child) .mud-button-root {
    border-top: 1px solid var(--mud-palette-dark-lighten); }

.mud-button-group-disable-elevation {
  box-shadow: none; }

.mud-button-group-root.mud-button-group-text-size-small .mud-button-root {
  padding: 4px 5px;
  font-size: 0.8125rem; }
  .mud-button-group-root.mud-button-group-text-size-small .mud-button-root.mud-icon-button .mud-icon-root {
    font-size: 1.422rem; }

.mud-button-group-root.mud-button-group-text-size-large .mud-button-root {
  padding: 8px 11px;
  font-size: 0.9375rem; }
  .mud-button-group-root.mud-button-group-text-size-large .mud-button-root.mud-icon-button .mud-icon-root {
    font-size: 1.641rem; }

.mud-button-group-root.mud-button-group-outlined-size-small .mud-button-root {
  padding: 3px 9px;
  font-size: 0.8125rem; }
  .mud-button-group-root.mud-button-group-outlined-size-small .mud-button-root.mud-icon-button {
    padding: 3px 9px; }
    .mud-button-group-root.mud-button-group-outlined-size-small .mud-button-root.mud-icon-button .mud-icon-root {
      font-size: 1.422rem; }

.mud-button-group-root.mud-button-group-outlined-size-large .mud-button-root {
  padding: 7px 21px;
  font-size: 0.9375rem; }
  .mud-button-group-root.mud-button-group-outlined-size-large .mud-button-root.mud-icon-button {
    padding: 7px 15px; }
    .mud-button-group-root.mud-button-group-outlined-size-large .mud-button-root.mud-icon-button .mud-icon-root {
      font-size: 1.641rem; }

.mud-button-group-root.mud-button-group-filled-size-small .mud-button-root {
  padding: 4px 10px;
  font-size: 0.8125rem; }
  .mud-button-group-root.mud-button-group-filled-size-small .mud-button-root.mud-icon-button {
    padding: 4px 10px; }
    .mud-button-group-root.mud-button-group-filled-size-small .mud-button-root.mud-icon-button .mud-icon-root {
      font-size: 1.422rem; }

.mud-button-group-root.mud-button-group-filled-size-large .mud-button-root {
  padding: 8px 22px;
  font-size: 0.9375rem; }
  .mud-button-group-root.mud-button-group-filled-size-large .mud-button-root.mud-icon-button {
    padding: 8px 16px; }
    .mud-button-group-root.mud-button-group-filled-size-large .mud-button-root.mud-icon-button .mud-icon-root {
      font-size: 1.641rem; }

.mud-button-group-root .mud-button-root.mud-icon-button {
  padding-right: 12px;
  padding-left: 12px; }
  .mud-button-group-root .mud-button-root.mud-icon-button .mud-icon-root {
    font-size: 1.516rem; }
  .mud-button-group-root .mud-button-root.mud-icon-button.mud-ripple-icon:after {
    transform: scale(10, 10); }
  .mud-button-group-root .mud-button-root.mud-icon-button.mud-ripple-icon:active:after {
    transform: scale(0, 0);
    opacity: 0.1;
    transition: 0s; }

.mud-icon-button {
  flex: 0 0 auto;
  padding: 12px;
  overflow: visible;
  font-size: 1.5rem;
  text-align: center;
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  border-radius: 50%;
  color: var(--mud-palette-action-default); }
  .mud-icon-button.mud-button {
    min-width: unset;
    border-radius: var(--mud-default-borderradius); }
  .mud-icon-button:hover, .mud-icon-button:focus-visible {
    background-color: var(--mud-palette-action-default-hover); }
  .mud-icon-button:disabled {
    color: var(--mud-palette-action-disabled);
    background-color: transparent; }
  .mud-icon-button.mud-readonly, .mud-icon-button .mud-readonly:hover {
    cursor: default; }

.mud-icon-button-color-inherit {
  color: inherit; }
  .mud-icon-button-color-inherit:hover, .mud-icon-button-color-inherit:focus-visible {
    background-color: var(--mud-palette-action-default-hover); }

.mud-icon-button-label {
  width: 100%;
  display: flex;
  align-items: inherit;
  justify-content: inherit; }

.mud-icon-button-edge-start {
  margin-left: -12px;
  margin-inline-start: -12px;
  margin-inline-end: unset; }

.mud-icon-button-edge-end {
  margin-right: -12px;
  margin-inline-end: -12px;
  margin-inline-start: unset; }

.mud-icon-button-edge-margin-end {
  margin-right: 8px;
  margin-inline-end: 8px;
  margin-inline-start: unset; }

.mud-icon-button-size-small {
  padding: 3px;
  font-size: 1.125rem; }
  .mud-icon-button-size-small.mud-icon-button-edge-start {
    margin-left: -3px;
    margin-inline-start: -3px;
    margin-inline-end: unset; }
  .mud-icon-button-size-small.mud-icon-button-edge-end {
    margin-right: -3px;
    margin-inline-end: -3px;
    margin-inline-start: unset; }

.mud-icon-button-size-large.mud-button > .mud-icon-button-label > .mud-icon-size-large {
  font-size: 2rem; }

.mud-card-header {
  display: flex;
  padding: 16px;
  align-items: center;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit; }
  .mud-card-header .mud-card-header-avatar {
    flex: 0 0 auto;
    margin-right: 16px;
    margin-inline-end: 16px;
    margin-inline-start: unset; }
  .mud-card-header .mud-card-header-content {
    flex: 1 1 auto; }
    .mud-card-header .mud-card-header-content .mud-typography {
      margin-bottom: 0; }
  .mud-card-header .mud-card-header-actions {
    flex: 0 0 auto;
    align-self: flex-start;
    margin-top: -8px;
    margin-right: -8px;
    margin-inline-end: -8px;
    margin-inline-start: unset; }

.mud-card-media {
  display: block;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit; }

.mud-card-header + .mud-card-media {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px; }

.mud-card-content {
  padding: 16px; }

.mud-card-actions {
  display: flex;
  padding: 8px;
  align-items: center; }

.mud-carousel {
  display: flex !important;
  position: relative;
  margin: 0px !important;
  clip-path: inset(0px 0px 0px 0px);
  overflow: hidden; }
  .mud-carousel.mud-carousel-primary {
    color: var(--mud-palette-primary-text); }
  .mud-carousel.mud-carousel-secondary {
    color: var(--mud-palette-secondary-text); }
  .mud-carousel.mud-carousel-tertiary {
    color: var(--mud-palette-tertiary-text); }
  .mud-carousel.mud-carousel-info {
    color: var(--mud-palette-info-text); }
  .mud-carousel.mud-carousel-success {
    color: var(--mud-palette-success-text); }
  .mud-carousel.mud-carousel-warning {
    color: var(--mud-palette-warning-text); }
  .mud-carousel.mud-carousel-error {
    color: var(--mud-palette-error-text); }
  .mud-carousel.mud-carousel-dark {
    color: var(--mud-palette-dark-text); }

.mud-carousel-elements-rtl {
  transform: rotate(180deg) !important; }

.mud-carousel-item {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  margin: inherit;
  padding: inherit;
  z-index: 2; }
  .mud-carousel-item.mud-carousel-item-primary {
    color: var(--mud-palette-primary-text);
    background-color: var(--mud-palette-primary); }
  .mud-carousel-item.mud-carousel-item-secondary {
    color: var(--mud-palette-secondary-text);
    background-color: var(--mud-palette-secondary); }
  .mud-carousel-item.mud-carousel-item-tertiary {
    color: var(--mud-palette-tertiary-text);
    background-color: var(--mud-palette-tertiary); }
  .mud-carousel-item.mud-carousel-item-info {
    color: var(--mud-palette-info-text);
    background-color: var(--mud-palette-info); }
  .mud-carousel-item.mud-carousel-item-success {
    color: var(--mud-palette-success-text);
    background-color: var(--mud-palette-success); }
  .mud-carousel-item.mud-carousel-item-warning {
    color: var(--mud-palette-warning-text);
    background-color: var(--mud-palette-warning); }
  .mud-carousel-item.mud-carousel-item-error {
    color: var(--mud-palette-error-text);
    background-color: var(--mud-palette-error); }
  .mud-carousel-item.mud-carousel-item-dark {
    color: var(--mud-palette-dark-text);
    background-color: var(--mud-palette-dark); }

.mud-carousel-item-exit {
  z-index: 1; }

/* ### Transitions ### */
/*Fade
*/
@keyframes mud-carousel-transition-fade-in-keyframe {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes mud-carousel-transition-fade-out-keyframe {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

.mud-carousel-transition-fade-in {
  animation: 0.5s mud-carousel-transition-fade-in-keyframe; }

.mud-carousel-transition-fade-out {
  animation: 0.5s mud-carousel-transition-fade-out-keyframe;
  animation-fill-mode: forwards; }

.mud-carousel-transition-none {
  display: none; }

/*Slide
*/
@keyframes mud-carousel-transition-slide-next-enter-keyframe {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to {
    transform: translate3d(0, 0, 0); } }

@keyframes mud-carousel-transition-slide-next-rtl-enter-keyframe {
  from {
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to {
    transform: translate3d(0, 0, 0); } }

@keyframes mud-carousel-transition-slide-next-exit-keyframe {
  from {
    transform: translate3d(0, 0, 0);
    visibility: visible; }
  to {
    transform: translate3d(-100%, 0, 0); } }

@keyframes mud-carousel-transition-slide-next-rtl-exit-keyframe {
  from {
    transform: translate3d(0, 0, 0);
    visibility: visible; }
  to {
    transform: translate3d(100%, 0, 0); } }

.mud-carousel-transition-slide-next-enter {
  animation: 0.5s mud-carousel-transition-slide-next-enter-keyframe; }

.mud-carousel-transition-slide-next-rtl-enter {
  animation: 0.5s mud-carousel-transition-slide-next-rtl-enter-keyframe; }

.mud-carousel-transition-slide-next-exit {
  animation: 0.5s mud-carousel-transition-slide-next-exit-keyframe;
  animation-fill-mode: forwards; }

.mud-carousel-transition-slide-next-rtl-exit {
  animation: 0.5s mud-carousel-transition-slide-next-rtl-exit-keyframe;
  animation-fill-mode: forwards; }

@keyframes mud-carousel-transition-slide-prev-enter-keyframe {
  from {
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to {
    transform: translate3d(0, 0, 0); } }

@keyframes mud-carousel-transition-slide-prev-rtl-enter-keyframe {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to {
    transform: translate3d(0, 0, 0); } }

@keyframes mud-carousel-transition-slide-prev-exit-keyframe {
  from {
    transform: translate3d(0, 0, 0);
    visibility: visible; }
  to {
    transform: translate3d(100%, 0, 0); } }

@keyframes mud-carousel-transition-slide-prev-rtl-exit-keyframe {
  from {
    transform: translate3d(0, 0, 0);
    visibility: visible; }
  to {
    transform: translate3d(-100%, 0, 0); } }

.mud-carousel-transition-slide-prev-enter {
  animation: 0.5s mud-carousel-transition-slide-prev-enter-keyframe; }

.mud-carousel-transition-slide-prev-rtl-enter {
  animation: 0.5s mud-carousel-transition-slide-prev-rtl-enter-keyframe; }

.mud-carousel-transition-slide-prev-exit {
  animation: 0.5s mud-carousel-transition-slide-prev-exit-keyframe;
  animation-fill-mode: forwards; }

.mud-carousel-transition-slide-prev-rtl-exit {
  animation: 0.5s mud-carousel-transition-slide-prev-rtl-exit-keyframe;
  animation-fill-mode: forwards; }

.mud-chart {
  display: flex; }
  .mud-chart.mud-chart-legend-bottom {
    flex-direction: column; }
    .mud-chart.mud-chart-legend-bottom .mud-chart-legend {
      margin-top: 10px;
      justify-content: center;
      width: 100%; }
  .mud-chart.mud-chart-legend-top {
    flex-direction: column-reverse; }
    .mud-chart.mud-chart-legend-top .mud-chart-legend {
      justify-content: center;
      width: 100%; }
  .mud-chart.mud-chart-legend-right {
    flex-direction: row; }
    .mud-chart.mud-chart-legend-right .mud-chart-legend {
      flex-direction: column; }
  .mud-chart.mud-chart-legend-left {
    flex-direction: row-reverse; }
    .mud-chart.mud-chart-legend-left .mud-chart-legend {
      flex-direction: column; }
  .mud-chart .mud-chart-donut, .mud-chart .mud-chart-pie, .mud-chart mud-chart-line {
    display: flex;
    margin: auto; }
  .mud-chart .mud-chart-legend {
    display: flex;
    padding: 10px 0px;
    margin: auto;
    flex-wrap: wrap; }
    .mud-chart .mud-chart-legend .mud-chart-legend-item {
      display: block;
      margin: 2px 5px; }
      .mud-chart .mud-chart-legend .mud-chart-legend-item .mud-chart-legend-marker {
        height: 12px;
        width: 12px;
        border-radius: 50%;
        position: relative;
        display: inline-flex; }
      .mud-chart .mud-chart-legend .mud-chart-legend-item .mud-chart-legend-text {
        display: inline-flex; }

.mud-charts-yaxis {
  fill: var(--mud-palette-text-primary); }

.mud-charts-xaxis {
  fill: var(--mud-palette-text-primary); }

.mud-chart-donut .mud-donut-hole {
  fill: transparent;
  user-select: none;
  pointer-events: unset; }

.mud-chart-donut .mud-donut-ring {
  fill: transparent;
  stroke-width: 5;
  stroke: white;
  pointer-events: unset; }

.mud-chart-donut .mud-donut-segment {
  stroke-width: 5;
  fill: transparent;
  pointer-events: stroke;
  -webkit-transition: stroke .2s ease;
  -moz-transition: stroke .2s ease;
  -o-transition: stroke .2s ease;
  transition: stroke .2s ease; }

.mud-chart-legend-marker {
  height: 12px;
  width: 12px;
  border-radius: 50%;
  position: relative;
  display: inline-block; }

.mud-chart-marker-color-0 {
  background-color: #008FFB; }

.mud-chart-marker-color-1 {
  background-color: #00E396; }

.mud-chart-marker-color-2 {
  background-color: #FEB019; }

.mud-chart-marker-color-3 {
  background-color: #FF4560; }

.mud-chart-marker-color-4 {
  background-color: #594ae2; }

.mud-checkbox {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent; }
  .mud-checkbox.mud-disabled, .mud-checkbox .mud-disabled:hover, .mud-checkbox .mud-disabled:focus-visible {
    cursor: default;
    background-color: transparent !important; }
    .mud-checkbox.mud-disabled *, .mud-checkbox .mud-disabled:hover *, .mud-checkbox .mud-disabled:focus-visible * {
      cursor: default;
      color: var(--mud-palette-text-disabled); }
  .mud-checkbox.mud-readonly, .mud-checkbox .mud-readonly:hover {
    cursor: default; }
  .mud-checkbox .mud-checkbox-dense {
    padding: 4px; }

.mud-checkbox-input {
  top: 0;
  left: 0;
  width: 100%;
  cursor: inherit;
  height: 100%;
  margin: 0;
  opacity: 0;
  padding: 0;
  z-index: 1;
  position: absolute; }

.mud-checkbox-span {
  display: inline-block;
  width: 100%;
  cursor: pointer; }

.mud-chip {
  border: none;
  cursor: default;
  display: inline-flex;
  max-width: 100%;
  outline: 0;
  padding: 0 12px;
  position: relative;
  box-sizing: border-box;
  transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  align-items: center;
  white-space: nowrap;
  vertical-align: middle;
  justify-content: center;
  text-decoration: none;
  line-height: normal;
  margin: 4px; }
  .mud-chip.mud-disabled {
    opacity: 0.5;
    pointer-events: none; }
  .mud-chip.mud-chip-size-small {
    border-radius: 12px;
    font-size: 12px;
    height: 24px; }
  .mud-chip.mud-chip-size-medium {
    height: 32px;
    font-size: 14px;
    border-radius: 16px; }
  .mud-chip.mud-chip-size-large {
    height: 40px;
    font-size: 16px;
    border-radius: 20px; }
  .mud-chip.mud-chip-label {
    border-radius: var(--mud-default-borderradius); }
  .mud-chip.mud-clickable {
    cursor: pointer; }
  .mud-chip .mud-chip-icon {
    margin-left: -4px;
    margin-right: 4px;
    margin-inline-start: -4px;
    margin-inline-end: 4px;
    color: inherit; }
  .mud-chip .mud-chip-close-button {
    padding: 1px;
    margin-right: -4px;
    margin-left: 6px;
    margin-inline-end: -4px;
    margin-inline-start: 6px;
    height: 18px;
    width: 18px;
    color: inherit;
    transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), visibility 0s; }
    .mud-chip .mud-chip-close-button .mud-icon-size-small {
      font-size: 1.15rem; }
    .mud-chip .mud-chip-close-button:hover {
      opacity: .70; }
  .mud-chip > .mud-chip-content {
    align-items: center;
    display: inline-flex;
    height: 100%;
    max-width: 100%;
    user-select: none; }

.mud-chip-filled {
  color: var(--mud-palette-text-primary);
  background-color: var(--mud-palette-action-disabled-background); }
  .mud-chip-filled:hover:not(.mud-disabled), .mud-chip-filled:focus-visible:not(.mud-disabled) {
    background-color: var(--mud-palette-action-disabled); }
  .mud-chip-filled.mud-chip-color-primary {
    color: var(--mud-palette-primary-text);
    background-color: var(--mud-palette-primary); }
    .mud-chip-filled.mud-chip-color-primary:hover:not(.mud-disabled), .mud-chip-filled.mud-chip-color-primary:focus-visible:not(.mud-disabled) {
      background-color: var(--mud-palette-primary-darken); }
  .mud-chip-filled.mud-chip-color-secondary {
    color: var(--mud-palette-secondary-text);
    background-color: var(--mud-palette-secondary); }
    .mud-chip-filled.mud-chip-color-secondary:hover:not(.mud-disabled), .mud-chip-filled.mud-chip-color-secondary:focus-visible:not(.mud-disabled) {
      background-color: var(--mud-palette-secondary-darken); }
  .mud-chip-filled.mud-chip-color-tertiary {
    color: var(--mud-palette-tertiary-text);
    background-color: var(--mud-palette-tertiary); }
    .mud-chip-filled.mud-chip-color-tertiary:hover:not(.mud-disabled), .mud-chip-filled.mud-chip-color-tertiary:focus-visible:not(.mud-disabled) {
      background-color: var(--mud-palette-tertiary-darken); }
  .mud-chip-filled.mud-chip-color-info {
    color: var(--mud-palette-info-text);
    background-color: var(--mud-palette-info); }
    .mud-chip-filled.mud-chip-color-info:hover:not(.mud-disabled), .mud-chip-filled.mud-chip-color-info:focus-visible:not(.mud-disabled) {
      background-color: var(--mud-palette-info-darken); }
  .mud-chip-filled.mud-chip-color-success {
    color: var(--mud-palette-success-text);
    background-color: var(--mud-palette-success); }
    .mud-chip-filled.mud-chip-color-success:hover:not(.mud-disabled), .mud-chip-filled.mud-chip-color-success:focus-visible:not(.mud-disabled) {
      background-color: var(--mud-palette-success-darken); }
  .mud-chip-filled.mud-chip-color-warning {
    color: var(--mud-palette-warning-text);
    background-color: var(--mud-palette-warning); }
    .mud-chip-filled.mud-chip-color-warning:hover:not(.mud-disabled), .mud-chip-filled.mud-chip-color-warning:focus-visible:not(.mud-disabled) {
      background-color: var(--mud-palette-warning-darken); }
  .mud-chip-filled.mud-chip-color-error {
    color: var(--mud-palette-error-text);
    background-color: var(--mud-palette-error); }
    .mud-chip-filled.mud-chip-color-error:hover:not(.mud-disabled), .mud-chip-filled.mud-chip-color-error:focus-visible:not(.mud-disabled) {
      background-color: var(--mud-palette-error-darken); }
  .mud-chip-filled.mud-chip-color-dark {
    color: var(--mud-palette-dark-text);
    background-color: var(--mud-palette-dark); }
    .mud-chip-filled.mud-chip-color-dark:hover:not(.mud-disabled), .mud-chip-filled.mud-chip-color-dark:focus-visible:not(.mud-disabled) {
      background-color: var(--mud-palette-dark-darken); }

.mud-chip-outlined {
  color: var(--mud-palette-text-primary);
  border: 1px solid var(--mud-palette-lines-inputs); }
  .mud-chip-outlined:hover:not(.mud-disabled), .mud-chip-outlined:focus-visible:not(.mud-disabled) {
    background-color: var(--mud-palette-action-default-hover); }
  .mud-chip-outlined.mud-chip-color-primary {
    color: var(--mud-palette-primary);
    border: 1px solid var(--mud-palette-primary); }
    .mud-chip-outlined.mud-chip-color-primary:hover:not(.mud-disabled), .mud-chip-outlined.mud-chip-color-primary:focus-visible:not(.mud-disabled) {
      background-color: var(--mud-palette-primary-hover); }
    .mud-chip-outlined.mud-chip-color-primary.mud-chip-selected {
      background-color: var(--mud-palette-primary-hover); }
      .mud-chip-outlined.mud-chip-color-primary.mud-chip-selected:hover:not(.mud-disabled), .mud-chip-outlined.mud-chip-color-primary.mud-chip-selected:focus-visible:not(.mud-disabled) {
        background-color: rgba(var(--mud-palette-primary-rgb), 0.12); }
  .mud-chip-outlined.mud-chip-color-secondary {
    color: var(--mud-palette-secondary);
    border: 1px solid var(--mud-palette-secondary); }
    .mud-chip-outlined.mud-chip-color-secondary:hover:not(.mud-disabled), .mud-chip-outlined.mud-chip-color-secondary:focus-visible:not(.mud-disabled) {
      background-color: var(--mud-palette-secondary-hover); }
    .mud-chip-outlined.mud-chip-color-secondary.mud-chip-selected {
      background-color: var(--mud-palette-secondary-hover); }
      .mud-chip-outlined.mud-chip-color-secondary.mud-chip-selected:hover:not(.mud-disabled), .mud-chip-outlined.mud-chip-color-secondary.mud-chip-selected:focus-visible:not(.mud-disabled) {
        background-color: rgba(var(--mud-palette-secondary-rgb), 0.12); }
  .mud-chip-outlined.mud-chip-color-tertiary {
    color: var(--mud-palette-tertiary);
    border: 1px solid var(--mud-palette-tertiary); }
    .mud-chip-outlined.mud-chip-color-tertiary:hover:not(.mud-disabled), .mud-chip-outlined.mud-chip-color-tertiary:focus-visible:not(.mud-disabled) {
      background-color: var(--mud-palette-tertiary-hover); }
    .mud-chip-outlined.mud-chip-color-tertiary.mud-chip-selected {
      background-color: var(--mud-palette-tertiary-hover); }
      .mud-chip-outlined.mud-chip-color-tertiary.mud-chip-selected:hover:not(.mud-disabled), .mud-chip-outlined.mud-chip-color-tertiary.mud-chip-selected:focus-visible:not(.mud-disabled) {
        background-color: rgba(var(--mud-palette-tertiary-rgb), 0.12); }
  .mud-chip-outlined.mud-chip-color-info {
    color: var(--mud-palette-info);
    border: 1px solid var(--mud-palette-info); }
    .mud-chip-outlined.mud-chip-color-info:hover:not(.mud-disabled), .mud-chip-outlined.mud-chip-color-info:focus-visible:not(.mud-disabled) {
      background-color: var(--mud-palette-info-hover); }
    .mud-chip-outlined.mud-chip-color-info.mud-chip-selected {
      background-color: var(--mud-palette-info-hover); }
      .mud-chip-outlined.mud-chip-color-info.mud-chip-selected:hover:not(.mud-disabled), .mud-chip-outlined.mud-chip-color-info.mud-chip-selected:focus-visible:not(.mud-disabled) {
        background-color: rgba(var(--mud-palette-info-rgb), 0.12); }
  .mud-chip-outlined.mud-chip-color-success {
    color: var(--mud-palette-success);
    border: 1px solid var(--mud-palette-success); }
    .mud-chip-outlined.mud-chip-color-success:hover:not(.mud-disabled), .mud-chip-outlined.mud-chip-color-success:focus-visible:not(.mud-disabled) {
      background-color: var(--mud-palette-success-hover); }
    .mud-chip-outlined.mud-chip-color-success.mud-chip-selected {
      background-color: var(--mud-palette-success-hover); }
      .mud-chip-outlined.mud-chip-color-success.mud-chip-selected:hover:not(.mud-disabled), .mud-chip-outlined.mud-chip-color-success.mud-chip-selected:focus-visible:not(.mud-disabled) {
        background-color: rgba(var(--mud-palette-success-rgb), 0.12); }
  .mud-chip-outlined.mud-chip-color-warning {
    color: var(--mud-palette-warning);
    border: 1px solid var(--mud-palette-warning); }
    .mud-chip-outlined.mud-chip-color-warning:hover:not(.mud-disabled), .mud-chip-outlined.mud-chip-color-warning:focus-visible:not(.mud-disabled) {
      background-color: var(--mud-palette-warning-hover); }
    .mud-chip-outlined.mud-chip-color-warning.mud-chip-selected {
      background-color: var(--mud-palette-warning-hover); }
      .mud-chip-outlined.mud-chip-color-warning.mud-chip-selected:hover:not(.mud-disabled), .mud-chip-outlined.mud-chip-color-warning.mud-chip-selected:focus-visible:not(.mud-disabled) {
        background-color: rgba(var(--mud-palette-warning-rgb), 0.12); }
  .mud-chip-outlined.mud-chip-color-error {
    color: var(--mud-palette-error);
    border: 1px solid var(--mud-palette-error); }
    .mud-chip-outlined.mud-chip-color-error:hover:not(.mud-disabled), .mud-chip-outlined.mud-chip-color-error:focus-visible:not(.mud-disabled) {
      background-color: var(--mud-palette-error-hover); }
    .mud-chip-outlined.mud-chip-color-error.mud-chip-selected {
      background-color: var(--mud-palette-error-hover); }
      .mud-chip-outlined.mud-chip-color-error.mud-chip-selected:hover:not(.mud-disabled), .mud-chip-outlined.mud-chip-color-error.mud-chip-selected:focus-visible:not(.mud-disabled) {
        background-color: rgba(var(--mud-palette-error-rgb), 0.12); }
  .mud-chip-outlined.mud-chip-color-dark {
    color: var(--mud-palette-dark);
    border: 1px solid var(--mud-palette-dark); }
    .mud-chip-outlined.mud-chip-color-dark:hover:not(.mud-disabled), .mud-chip-outlined.mud-chip-color-dark:focus-visible:not(.mud-disabled) {
      background-color: var(--mud-palette-dark-hover); }
    .mud-chip-outlined.mud-chip-color-dark.mud-chip-selected {
      background-color: var(--mud-palette-dark-hover); }
      .mud-chip-outlined.mud-chip-color-dark.mud-chip-selected:hover:not(.mud-disabled), .mud-chip-outlined.mud-chip-color-dark.mud-chip-selected:focus-visible:not(.mud-disabled) {
        background-color: rgba(var(--mud-palette-dark-rgb), 0.12); }

.mud-chip-text {
  color: var(--mud-palette-text-primary);
  background-color: var(--mud-palette-action-default-hover); }
  .mud-chip-text:hover:not(.mud-disabled), .mud-chip-text:focus-visible:not(.mud-disabled) {
    background-color: var(--mud-palette-action-disabled-background); }
  .mud-chip-text.mud-chip-color-primary {
    color: var(--mud-palette-primary);
    background-color: var(--mud-palette-primary-hover); }
    .mud-chip-text.mud-chip-color-primary:hover:not(.mud-disabled), .mud-chip-text.mud-chip-color-primary:focus-visible:not(.mud-disabled) {
      background-color: rgba(var(--mud-palette-primary-rgb), 0.12); }
  .mud-chip-text.mud-chip-color-secondary {
    color: var(--mud-palette-secondary);
    background-color: var(--mud-palette-secondary-hover); }
    .mud-chip-text.mud-chip-color-secondary:hover:not(.mud-disabled), .mud-chip-text.mud-chip-color-secondary:focus-visible:not(.mud-disabled) {
      background-color: rgba(var(--mud-palette-secondary-rgb), 0.12); }
  .mud-chip-text.mud-chip-color-tertiary {
    color: var(--mud-palette-tertiary);
    background-color: var(--mud-palette-tertiary-hover); }
    .mud-chip-text.mud-chip-color-tertiary:hover:not(.mud-disabled), .mud-chip-text.mud-chip-color-tertiary:focus-visible:not(.mud-disabled) {
      background-color: rgba(var(--mud-palette-tertiary-rgb), 0.12); }
  .mud-chip-text.mud-chip-color-info {
    color: var(--mud-palette-info);
    background-color: var(--mud-palette-info-hover); }
    .mud-chip-text.mud-chip-color-info:hover:not(.mud-disabled), .mud-chip-text.mud-chip-color-info:focus-visible:not(.mud-disabled) {
      background-color: rgba(var(--mud-palette-info-rgb), 0.12); }
  .mud-chip-text.mud-chip-color-success {
    color: var(--mud-palette-success);
    background-color: var(--mud-palette-success-hover); }
    .mud-chip-text.mud-chip-color-success:hover:not(.mud-disabled), .mud-chip-text.mud-chip-color-success:focus-visible:not(.mud-disabled) {
      background-color: rgba(var(--mud-palette-success-rgb), 0.12); }
  .mud-chip-text.mud-chip-color-warning {
    color: var(--mud-palette-warning);
    background-color: var(--mud-palette-warning-hover); }
    .mud-chip-text.mud-chip-color-warning:hover:not(.mud-disabled), .mud-chip-text.mud-chip-color-warning:focus-visible:not(.mud-disabled) {
      background-color: rgba(var(--mud-palette-warning-rgb), 0.12); }
  .mud-chip-text.mud-chip-color-error {
    color: var(--mud-palette-error);
    background-color: var(--mud-palette-error-hover); }
    .mud-chip-text.mud-chip-color-error:hover:not(.mud-disabled), .mud-chip-text.mud-chip-color-error:focus-visible:not(.mud-disabled) {
      background-color: rgba(var(--mud-palette-error-rgb), 0.12); }
  .mud-chip-text.mud-chip-color-dark {
    color: var(--mud-palette-dark);
    background-color: var(--mud-palette-dark-hover); }
    .mud-chip-text.mud-chip-color-dark:hover:not(.mud-disabled), .mud-chip-text.mud-chip-color-dark:focus-visible:not(.mud-disabled) {
      background-color: rgba(var(--mud-palette-dark-rgb), 0.12); }

.mud-collapse-container {
  height: 0px;
  overflow: hidden; }

@keyframes mud-expand-anim {
  from {
    height: 0; } }

.mud-collapse-entering {
  animation: mud-expand-anim 1s ease-in-out 0ms 1 forwards; }
  .mud-collapse-entering.mud-navgroup-collapse {
    animation-duration: 300ms !important; }

.mud-collapse-entered {
  overflow: initial; }

@keyframes mud-collapse-anim {
  to {
    height: 0; } }

.mud-collapse-exiting {
  animation: mud-collapse-anim 0.5s cubic-bezier(0, 1, 0, 1) 0ms 1 forwards; }
  .mud-collapse-exiting.mud-navgroup-collapse {
    animation-duration: 300ms; }

.mud-collapse-hidden {
  visibility: hidden; }

.mud-collapse-wrapper {
  display: flex; }

.mud-collapse-wrapper-inner {
  width: 100%; }

.mud-dialog-container {
  display: flex;
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: var(--mud-zindex-dialog); }
  .mud-dialog-container.mud-dialog-center {
    align-items: center;
    justify-content: center; }
  .mud-dialog-container.mud-dialog-topcenter {
    align-items: flex-start;
    justify-content: center;
    padding-top: 32px; }
  .mud-dialog-container.mud-dialog-bottomcenter {
    align-items: flex-end;
    justify-content: center;
    padding-bottom: 32px; }
  .mud-dialog-container.mud-dialog-centerright {
    align-items: center;
    justify-content: flex-end;
    padding-right: 32px; }
  .mud-dialog-container.mud-dialog-centerleft {
    align-items: center;
    justify-content: flex-start;
    padding-left: 32px; }
  .mud-dialog-container.mud-dialog-topleft .mud-dialog {
    position: absolute;
    top: 32px;
    left: 32px; }
  .mud-dialog-container.mud-dialog-topright .mud-dialog {
    position: absolute;
    top: 32px;
    right: 32px; }
  .mud-dialog-container.mud-dialog-bottomleft .mud-dialog {
    position: absolute;
    bottom: 32px;
    left: 32px; }
  .mud-dialog-container.mud-dialog-bottomright .mud-dialog {
    position: absolute;
    bottom: 32px;
    right: 32px; }

.mud-dialog {
  display: flex;
  z-index: calc(var(--mud-zindex-dialog) + 2);
  flex-direction: column;
  color: var(--mud-palette-text-primary);
  background-color: var(--mud-palette-surface);
  border-radius: var(--mud-default-borderradius);
  -xwebkit-animation: mud-open-dialog-center 0.1s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  xanimation: mud-open-dialog-center 0.1s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); }
  .mud-dialog.mud-dialog-rtl .mud-dialog-title .mud-button-root {
    right: unset;
    left: 8px; }
  .mud-dialog .mud-dialog-title {
    z-index: +1;
    flex: 0 0 auto;
    margin: 0;
    padding: 16px 24px;
    border-top-left-radius: var(--mud-default-borderradius);
    border-top-right-radius: var(--mud-default-borderradius); }
    .mud-dialog .mud-dialog-title + * > .mud-dialog-content {
      border-radius: 0; }
    .mud-dialog .mud-dialog-title .mud-button-root {
      top: 8px;
      right: 8px;
      position: absolute; }
  .mud-dialog .mud-dialog-content {
    position: relative;
    flex: 1 1 auto;
    padding: 8px 24px;
    -webkit-overflow-scrolling: touch;
    border-top-left-radius: var(--mud-default-borderradius);
    border-top-right-radius: var(--mud-default-borderradius); }
    .mud-dialog .mud-dialog-content.mud-dialog-no-side-padding {
      padding: 12px 0px; }
  .mud-dialog .mud-dialog-actions {
    flex: 0 0 auto;
    display: flex;
    padding: 8px;
    align-items: center;
    justify-content: flex-end;
    border-bottom-left-radius: var(--mud-default-borderradius);
    border-bottom-right-radius: var(--mud-default-borderradius); }
    .mud-dialog .mud-dialog-actions > :not(:first-child) {
      margin-left: 8px;
      margin-inline-start: 8px;
      margin-inline-end: unset; }

.mud-dialog-width-false {
  max-width: calc(100% - 64px); }

.mud-dialog-width-xs {
  max-width: 444px; }

.mud-dialog-width-sm {
  max-width: 600px; }

.mud-dialog-width-md {
  max-width: 960px; }

.mud-dialog-width-lg {
  max-width: 1280px; }

.mud-dialog-width-xl {
  max-width: 1920px; }

.mud-dialog-width-xxl {
  max-width: 2560px; }

.mud-dialog-width-full {
  width: calc(100% - 64px); }

.mud-dialog-fullscreen {
  width: 100%;
  height: 100%;
  margin: 0;
  max-width: 100%;
  max-height: none;
  border-radius: 0; }

@-webkit-keyframes mud-open-dialog-center {
  0% {
    opacity: 0; }
  1% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 1; }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

@keyframes mud-open-dialog-center {
  0% {
    opacity: 0; }
  1% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 1; }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }

.mud-input-control.mud-field .mud-input-slot {
  height: auto;
  min-height: 19px; }
  .mud-input-control.mud-field .mud-input-slot.mud-input-root-outlined.mud-input-adorned-start {
    padding-left: 0;
    padding-inline-start: 0;
    padding-inline-end: 14px; }
  .mud-input-control.mud-field .mud-input-slot.mud-input-root-filled.mud-input-adorned-start {
    padding-left: 0;
    padding-inline-start: 0;
    padding-inline-end: 12px; }
  .mud-input-control.mud-field .mud-input-slot.mud-input-slot-nopadding {
    padding-top: 0px;
    padding-bottom: 0px; }
    .mud-input-control.mud-field .mud-input-slot.mud-input-slot-nopadding.mud-input-root-filled {
      padding-top: 21px;
      padding-bottom: 2px; }
    .mud-input-control.mud-field .mud-input-slot.mud-input-slot-nopadding.mud-input-root-outlined {
      padding-top: 7px;
      padding-bottom: 2px; }

.mud-grid {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box; }

.mud-grid-item {
  margin: 0;
  box-sizing: border-box; }

.mud-grid-spacing-xs-1 {
  width: calc(100% + 8px);
  margin: -4px; }

.mud-grid-spacing-xs-1 > .mud-grid-item {
  padding: 4px; }

.mud-grid-spacing-xs-2 {
  width: calc(100% + 16px);
  margin: -8px; }

.mud-grid-spacing-xs-2 > .mud-grid-item {
  padding: 8px; }

.mud-grid-spacing-xs-3 {
  width: calc(100% + 24px);
  margin: -12px; }

.mud-grid-spacing-xs-3 > .mud-grid-item {
  padding: 12px; }

.mud-grid-spacing-xs-4 {
  width: calc(100% + 32px);
  margin: -16px; }

.mud-grid-spacing-xs-4 > .mud-grid-item {
  padding: 16px; }

.mud-grid-spacing-xs-5 {
  width: calc(100% + 40px);
  margin: -20px; }

.mud-grid-spacing-xs-5 > .mud-grid-item {
  padding: 20px; }

.mud-grid-spacing-xs-6 {
  width: calc(100% + 48px);
  margin: -24px; }

.mud-grid-spacing-xs-6 > .mud-grid-item {
  padding: 24px; }

.mud-grid-spacing-xs-7 {
  width: calc(100% + 56px);
  margin: -28px; }

.mud-grid-spacing-xs-7 > .mud-grid-item {
  padding: 28px; }

.mud-grid-spacing-xs-8 {
  width: calc(100% + 64px);
  margin: -32px; }

.mud-grid-spacing-xs-8 > .mud-grid-item {
  padding: 32px; }

.mud-grid-spacing-xs-9 {
  width: calc(100% + 72px);
  margin: -36px; }

.mud-grid-spacing-xs-9 > .mud-grid-item {
  padding: 36px; }

.mud-grid-spacing-xs-10 {
  width: calc(100% + 80px);
  margin: -40px; }

.mud-grid-spacing-xs-10 > .mud-grid-item {
  padding: 40px; }

.mud-grid-item-xs-auto {
  flex-grow: 0;
  max-width: none;
  flex-basis: auto; }

.mud-grid-item-xs-true {
  flex-grow: 1;
  max-width: 100%;
  flex-basis: 0; }

.mud-grid-item-xs-1 {
  flex-grow: 0;
  max-width: 8.333333%;
  flex-basis: 8.333333%; }

.mud-grid-item-xs-2 {
  flex-grow: 0;
  max-width: 16.666667%;
  flex-basis: 16.666667%; }

.mud-grid-item-xs-3 {
  flex-grow: 0;
  max-width: 25%;
  flex-basis: 25%; }

.mud-grid-item-xs-4 {
  flex-grow: 0;
  max-width: 33.333333%;
  flex-basis: 33.333333%; }

.mud-grid-item-xs-5 {
  flex-grow: 0;
  max-width: 41.666667%;
  flex-basis: 41.666667%; }

.mud-grid-item-xs-6 {
  flex-grow: 0;
  max-width: 50%;
  flex-basis: 50%; }

.mud-grid-item-xs-7 {
  flex-grow: 0;
  max-width: 58.333333%;
  flex-basis: 58.333333%; }

.mud-grid-item-xs-8 {
  flex-grow: 0;
  max-width: 66.666667%;
  flex-basis: 66.666667%; }

.mud-grid-item-xs-9 {
  flex-grow: 0;
  max-width: 75%;
  flex-basis: 75%; }

.mud-grid-item-xs-10 {
  flex-grow: 0;
  max-width: 83.333333%;
  flex-basis: 83.333333%; }

.mud-grid-item-xs-11 {
  flex-grow: 0;
  max-width: 91.666667%;
  flex-basis: 91.666667%; }

.mud-grid-item-xs-12 {
  flex-grow: 0;
  max-width: 100%;
  flex-basis: 100%; }


.mud-paper {
  color: var(--mud-palette-text-primary);
  background-color: var(--mud-palette-surface);
  border-radius: var(--mud-default-borderradius);
  transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; }

.mud-paper-square {
  border-radius: 0px; }

.mud-paper-outlined {
  border: 1px solid var(--mud-palette-lines-default); }

.mud-icon-default {
  color: var(--mud-palette-text-secondary); }

.mud-disabled .mud-icon-root, .mud-disabled .mud-svg-icon, .mud-disabled .mud-icon-default {
  color: var(--mud-palette-text-disabled); }

.mud-icon-root {
  width: 1em;
  height: 1em;
  display: inline-block;
  transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  flex-shrink: 0;
  user-select: none; }
  .mud-icon-root:focus {
    outline: none; }
  .mud-icon-root.mud-svg-icon {
    fill: currentColor; }

.mud-icon-size-small {
  font-size: 1.25rem; }

.mud-icon-size-medium {
  font-size: 1.5rem; }

.mud-icon-size-large {
  font-size: 2.25rem; }

.mud-divider {
  border: none;
  height: 1px;
  margin: 0;
  flex-shrink: 0;
  background-color: var(--mud-palette-divider); }

.mud-divider-absolute {
  left: 0;
  width: 100%;
  bottom: 0;
  position: absolute; }

.mud-divider-inset {
  margin-left: 72px;
  margin-inline-start: 72px;
  margin-inline-end: unset; }

.mud-divider-light {
  background-color: var(--mud-palette-divider-light); }

.mud-divider-middle {
  margin-left: 16px;
  margin-right: 16px; }

.mud-divider-vertical {
  width: 1px;
  height: 100%; }

.mud-divider-flexitem {
  height: auto;
  align-self: stretch; }

.mud-drop-zone {
  position: relative;
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; }

.mud-drop-zone-drag-block > * {
  pointer-events: none; }

.mud-drop-zone-can-drop {
  background-color: var(--mud-palette-success-hover); }

.mud-drop-zone-no-drop {
  background-color: var(--mud-palette-error-hover); }

.mud-drop-item:not(.mud-drop-item-preview-start) {
  cursor: grab;
  user-select: none; }
  .mud-drop-item:not(.mud-drop-item-preview-start):active {
    cursor: grabbing; }

.mud-drop-item-preview-start {
  height: 20px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: +1; }

.mud-expansion-panels {
  flex: 0 1 auto;
  position: relative;
  max-width: 100%;
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  border-radius: var(--mud-default-borderradius); }
  .mud-expansion-panels.mud-expansion-panels-square {
    border-radius: 0px; }
  .mud-expansion-panels.mud-expansion-panels-borders .mud-expand-panel {
    border-bottom: 1px solid var(--mud-palette-lines-default); }

.mud-expand-panel {
  flex: 1 0 100%;
  max-width: 100%;
  position: relative;
  transition: margin 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
  transition-delay: 100ms;
  color: var(--mud-palette-text-primary);
  background-color: var(--mud-palette-surface); }
  .mud-expand-panel.mud-expand-panel-border {
    border-bottom: 1px solid var(--mud-palette-lines-default); }
  .mud-expand-panel:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit; }
  .mud-expand-panel:last-child {
    border-bottom: none;
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit; }
  .mud-expand-panel.mud-panel-expanded {
    margin: 16px 0;
    border-radius: inherit;
    border-bottom: none;
    transition-delay: 0ms; }
    .mud-expand-panel.mud-panel-expanded:first-child {
      margin-top: 0; }
    .mud-expand-panel.mud-panel-expanded:last-child {
      margin-bottom: 0; }
    .mud-expand-panel.mud-panel-expanded + .mud-expand-panel {
      border-top-left-radius: inherit;
      border-top-right-radius: inherit; }
  .mud-expand-panel.mud-panel-next-expanded {
    border-bottom: none;
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit; }
  .mud-expand-panel .mud-expand-panel-header {
    width: 100%;
    align-items: center;
    display: flex;
    font-size: .9375rem;
    line-height: 1;
    min-height: 48px;
    outline: none;
    padding: 16px 24px;
    position: relative;
    transition: min-height 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
    user-select: none; }
    .mud-expand-panel .mud-expand-panel-header:hover {
      cursor: pointer; }
    .mud-expand-panel .mud-expand-panel-header .mud-expand-panel-text {
      flex: 1 1 auto; }
    .mud-expand-panel .mud-expand-panel-header .mud-expand-panel-icon {
      transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), visibility 0s; }
      .mud-expand-panel .mud-expand-panel-header .mud-expand-panel-icon.mud-transform {
        transform: rotate(-180deg); }
  .mud-expand-panel .mud-expand-panel-content {
    padding: 0 24px 16px;
    flex: 1 1 auto;
    max-width: 100%; }
    .mud-expand-panel .mud-expand-panel-content.mud-expand-panel-gutters {
      padding-left: 0px;
      padding-right: 0px; }
    .mud-expand-panel .mud-expand-panel-content.mud-expand-panel-dense {
      padding-top: 0px;
      padding-bottom: 0px; }

.mud-disabled > .mud-expand-panel-header {
  color: var(--mud-palette-text-disabled); }
  .mud-disabled > .mud-expand-panel-header:hover {
    cursor: default; }

.mud-fab {
  padding: 0;
  font-family: var(--mud-typography-button-family);
  font-size: var(--mud-typography-button-size);
  font-weight: var(--mud-typography-button-weight);
  line-height: var(--mud-typography-button-lineheight);
  letter-spacing: var(--mud-typography-button-letterspacing);
  text-transform: var(--mud-typography-button-text-transform);
  min-width: 0;
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  box-sizing: border-box;
  min-height: 36px;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  border-radius: 50%;
  color: var(--mud-palette-text-primary);
  background-color: var(--mud-palette-action-default-hover); }
  .mud-fab:hover, .mud-fab:focus-visible {
    box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
    text-decoration: none;
    background-color: var(--mud-palette-action-disabled-background); }
  .mud-fab:active {
    box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); }
  .mud-fab:disabled {
    color: var(--mud-palette-action-disabled);
    box-shadow: none;
    background-color: var(--mud-palette-action-disabled-background);
    cursor: default;
    pointer-events: none; }
    .mud-fab:disabled:hover {
      background-color: var(--mud-palette-action-disabled-background); }

.mud-fab-disable-elevation {
  box-shadow: none; }
  .mud-fab-disable-elevation:hover {
    box-shadow: none; }
  .mud-fab-disable-elevation:active {
    box-shadow: none; }
  .mud-fab-disable-elevation.mud-focus-visible {
    box-shadow: none; }
  .mud-fab-disable-elevation:disabled {
    box-shadow: none; }

.mud-fab-label {
  width: 100%;
  display: inherit;
  align-items: inherit;
  justify-content: inherit; }

.mud-fab-primary {
  color: var(--mud-palette-primary-text);
  background-color: var(--mud-palette-primary); }
  .mud-fab-primary:hover, .mud-fab-primary:focus-visible {
    background-color: var(--mud-palette-primary-darken); }

.mud-fab-secondary {
  color: var(--mud-palette-secondary-text);
  background-color: var(--mud-palette-secondary); }
  .mud-fab-secondary:hover, .mud-fab-secondary:focus-visible {
    background-color: var(--mud-palette-secondary-darken); }

.mud-fab-tertiary {
  color: var(--mud-palette-tertiary-text);
  background-color: var(--mud-palette-tertiary); }
  .mud-fab-tertiary:hover, .mud-fab-tertiary:focus-visible {
    background-color: var(--mud-palette-tertiary-darken); }

.mud-fab-info {
  color: var(--mud-palette-info-text);
  background-color: var(--mud-palette-info); }
  .mud-fab-info:hover, .mud-fab-info:focus-visible {
    background-color: var(--mud-palette-info-darken); }

.mud-fab-success {
  color: var(--mud-palette-success-text);
  background-color: var(--mud-palette-success); }
  .mud-fab-success:hover, .mud-fab-success:focus-visible {
    background-color: var(--mud-palette-success-darken); }

.mud-fab-warning {
  color: var(--mud-palette-warning-text);
  background-color: var(--mud-palette-warning); }
  .mud-fab-warning:hover, .mud-fab-warning:focus-visible {
    background-color: var(--mud-palette-warning-darken); }

.mud-fab-error {
  color: var(--mud-palette-error-text);
  background-color: var(--mud-palette-error); }
  .mud-fab-error:hover, .mud-fab-error:focus-visible {
    background-color: var(--mud-palette-error-darken); }

.mud-fab-dark {
  color: var(--mud-palette-dark-text);
  background-color: var(--mud-palette-dark); }
  .mud-fab-dark:hover, .mud-fab-dark:focus-visible {
    background-color: var(--mud-palette-dark-darken); }

.mud-fab-extended.mud-fab-size-large {
  width: auto;
  height: 48px;
  padding: 0 16px;
  min-width: 48px;
  min-height: auto;
  border-radius: 24px; }
  .mud-fab-extended.mud-fab-size-large .mud-fab-label {
    gap: 8px; }

.mud-fab-extended.mud-fab-size-small {
  width: auto;
  height: 34px;
  padding: 0 12px;
  min-width: 34px;
  border-radius: 17px; }
  .mud-fab-extended.mud-fab-size-small .mud-fab-label {
    gap: 4px; }

.mud-fab-extended.mud-fab-size-medium {
  width: auto;
  height: 40px;
  padding: 0 16px;
  min-width: 40px;
  border-radius: 20px; }
  .mud-fab-extended.mud-fab-size-medium .mud-fab-label {
    gap: 8px; }

.mud-fab-color-inherit {
  color: inherit; }

.mud-fab-size-small {
  width: 40px;
  height: 40px; }

.mud-fab-size-medium {
  width: 48px;
  height: 48px; }

.mud-fab-size-large {
  width: 56px;
  height: 56px; }

.mud-list {
  margin: 0;
  padding: 0;
  position: relative;
  list-style: none; }
  .mud-list.mud-list-padding {
    padding-top: 8px;
    padding-bottom: 8px; }

.mud-list-item {
  width: 100%;
  display: flex;
  position: relative;
  box-sizing: border-box;
  text-align: start;
  align-items: center;
  padding-top: 8px;
  padding-bottom: 8px;
  justify-content: flex-start;
  text-decoration: none; }
  .mud-list-item.mud-list-item-dense {
    padding-top: 4px;
    padding-bottom: 4px; }
  .mud-list-item.mud-list-item-disabled {
    color: var(--mud-palette-action-disabled) !important;
    cursor: default !important;
    pointer-events: none !important; }
    .mud-list-item.mud-list-item-disabled .mud-list-item-icon {
      color: var(--mud-palette-action-disabled) !important; }

.mud-list-item-clickable {
  color: inherit;
  border: 0;
  cursor: pointer;
  margin: 0;
  outline: 0;
  user-select: none;
  border-radius: 0;
  vertical-align: middle;
  background-color: transparent;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; }
  .mud-list-item-clickable:hover {
    background-color: var(--mud-palette-action-default-hover); }
  .mud-list-item-clickable:focus:not(.mud-selected-item) {
    background-color: var(--mud-palette-action-default-hover); }

.mud-list-item-gutters {
  padding-left: 16px;
  padding-right: 16px; }

.mud-list-item-text {
  flex: 1 1 auto;
  min-width: 0;
  margin-top: 4px;
  margin-bottom: 4px; }

.mud-list-item-text-inset {
  padding-left: 56px;
  padding-inline-start: 56px;
  padding-inline-end: unset; }

.mud-list-item-icon {
  color: var(--mud-palette-action-default);
  display: inline-flex;
  min-width: 56px;
  flex-shrink: 0; }

.mud-list-subheader {
  color: var(--mud-palette-action-default);
  font-size: 0.875rem;
  box-sizing: border-box;
  list-style: none;
  font-weight: 500;
  padding-top: 8px;
  padding-bottom: 20px; }

.mud-list-subheader-gutters {
  padding-left: 16px;
  padding-right: 16px; }

.mud-list-subheader-inset {
  padding-left: 72px;
  padding-inline-start: 72px;
  padding-inline-end: unset; }

.mud-list-subheader-sticky {
  top: 0;
  z-index: 1;
  position: sticky;
  background-color: inherit; }

.mud-list-item-avatar {
  min-width: 56px;
  flex-shrink: 0; }

.mud-nested-list > .mud-list-item {
  padding-left: 32px;
  padding-inline-start: 32px;
  padding-inline-end: unset; }

.mud-application-layout-rtl {
  direction: rtl; }

.mud-menu {
  display: inline-flex;
  align-self: center;
  position: relative; }
  .mud-menu * {
    cursor: pointer; }
  .mud-menu > div.mud-disabled {
    cursor: default; }
    .mud-menu > div.mud-disabled * {
      cursor: default; }
  .mud-menu > div.mud-menu-activator {
    display: contents; }

.mud-link.mud-link-underline-none {
  text-decoration: none; }

.mud-link.mud-link-underline-hover {
  text-decoration: none; }
  .mud-link.mud-link-underline-hover:hover, .mud-link.mud-link-underline-hover:focus-visible {
    text-decoration: underline; }

.mud-link.mud-link-underline-always {
  text-decoration: underline; }

.mud-link.mud-link-disabled {
  cursor: default;
  color: var(--mud-palette-action-disabled) !important; }
  .mud-link.mud-link-disabled:not(.mud-link-underline-always) {
    text-decoration: none; }

.mud-navmenu {
  margin: 0;
  position: relative;
  list-style: none;
  overscroll-behavior-y: contain; }

.mud-nav-group {
  width: 100%;
  display: block;
  justify-content: flex-start; }
  .mud-nav-group > .mud-nav-link > .mud-nav-link-text {
    font-weight: 500; }
  .mud-nav-group * .mud-nav-group > .mud-nav-link > .mud-nav-link-text {
    font-weight: 400; }
  .mud-nav-group * .mud-nav-group > .mud-nav-link.mud-expanded > .mud-nav-link-text {
    font-weight: 500; }
  .mud-nav-group * .mud-navmenu .mud-nav-item .mud-nav-link {
    padding-left: 36px;
    padding-inline-start: 36px;
    padding-inline-end: unset; }

.mud-nav-group-disabled, .mud-nav-group-disabled .mud-nav-link-text, .mud-nav-group-disabled .mud-nav-link-expand-icon, .mud-nav-group-disabled .mud-nav-link-icon {
  color: var(--mud-palette-text-disabled) !important;
  cursor: default;
  pointer-events: none; }

.mud-nav-item {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  text-decoration: none; }

.mud-nav-link {
  width: 100%;
  font-weight: 400;
  padding: 8px 16px 8px 16px;
  color: inherit;
  line-height: 1.75;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  text-transform: inherit;
  background-color: transparent;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, padding 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  align-items: flex-start; }
  .mud-nav-link.mud-nav-link-disabled {
    color: var(--mud-palette-text-disabled) !important;
    cursor: default;
    pointer-events: none; }
  .mud-nav-link:hover:not(.mud-nav-link-disabled) {
    cursor: pointer;
    text-decoration: none;
    background-color: var(--mud-palette-action-default-hover); }
  .mud-nav-link:focus:not(.mud-nav-link-disabled) {
    background-color: var(--mud-palette-action-default-hover); }
  .mud-nav-link.active:not(.mud-nav-link-disabled) {
    font-weight: 500 !important; }
  .mud-nav-link:not(.mud-nav-link-disabled) .mud-nav-link-icon.mud-nav-link-icon-default {
    color: var(--mud-palette-drawer-icon); }
  .mud-nav-link.mud-nav-link-disabled .mud-nav-link-icon {
    color: var(--mud-palette-text-disabled); }
  .mud-nav-link .mud-nav-link-expand-icon {
    color: var(--mud-palette-drawer-icon);
    transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), visibility 0s; }
    .mud-nav-link .mud-nav-link-expand-icon.mud-transform {
      transform: rotate(-180deg); }
    .mud-nav-link .mud-nav-link-expand-icon.mud-transform-disabled {
      transform: rotate(-180deg); }
  .mud-nav-link .mud-nav-link-text {
    width: 100%;
    text-align: start;
    margin-left: 12px;
    margin-inline-start: 12px;
    margin-inline-end: unset;
    letter-spacing: 0; }

.mud-navmenu.mud-navmenu-dense .mud-nav-link {
  padding: 4px 16px 4px 16px; }

.mud-navmenu.mud-navmenu-margin-dense .mud-nav-link {
  margin: 2px 0; }

.mud-navmenu.mud-navmenu-margin-normal .mud-nav-link {
  margin: 4px 0; }

.mud-navmenu.mud-navmenu-rounded .mud-nav-link {
  border-radius: var(--mud-default-borderradius); }

.mud-navmenu.mud-navmenu-bordered .mud-nav-link.active:not(.mud-nav-link-disabled) {
  border-inline-end-style: solid;
  border-inline-end-width: 2px; }

.mud-navmenu.mud-navmenu-default .mud-nav-link.active:not(.mud-nav-link-disabled) {
  color: var(--mud-palette-primary);
  background-color: var(--mud-palette-action-default-hover); }
  .mud-navmenu.mud-navmenu-default .mud-nav-link.active:not(.mud-nav-link-disabled):hover:not(.mud-nav-link-disabled), .mud-navmenu.mud-navmenu-default .mud-nav-link.active:not(.mud-nav-link-disabled):focus-visible:not(.mud-nav-link-disabled) {
    background-color: var(--mud-palette-action-default-hover); }

.mud-navmenu.mud-navmenu-default .mud-nav-link-expand-icon.mud-transform {
  fill: var(--mud-palette-primary); }

.mud-navmenu.mud-navmenu-primary .mud-nav-link.active:not(.mud-nav-link-disabled) {
  color: var(--mud-palette-primary);
  background-color: var(--mud-palette-primary-hover); }
  .mud-navmenu.mud-navmenu-primary .mud-nav-link.active:not(.mud-nav-link-disabled):hover:not(.mud-nav-link-disabled), .mud-navmenu.mud-navmenu-primary .mud-nav-link.active:not(.mud-nav-link-disabled):focus-visible:not(.mud-nav-link-disabled) {
    background-color: rgba(var(--mud-palette-primary-rgb), 0.12); }
  .mud-navmenu.mud-navmenu-primary .mud-nav-link.active:not(.mud-nav-link-disabled) .mud-nav-link-icon {
    color: var(--mud-palette-primary); }

.mud-navmenu.mud-navmenu-primary .mud-nav-link-expand-icon.mud-transform {
  fill: var(--mud-palette-primary); }

.mud-navmenu.mud-navmenu-secondary .mud-nav-link.active:not(.mud-nav-link-disabled) {
  color: var(--mud-palette-secondary);
  background-color: var(--mud-palette-secondary-hover); }
  .mud-navmenu.mud-navmenu-secondary .mud-nav-link.active:not(.mud-nav-link-disabled):hover:not(.mud-nav-link-disabled), .mud-navmenu.mud-navmenu-secondary .mud-nav-link.active:not(.mud-nav-link-disabled):focus-visible:not(.mud-nav-link-disabled) {
    background-color: rgba(var(--mud-palette-secondary-rgb), 0.12); }
  .mud-navmenu.mud-navmenu-secondary .mud-nav-link.active:not(.mud-nav-link-disabled) .mud-nav-link-icon {
    color: var(--mud-palette-secondary); }

.mud-navmenu.mud-navmenu-secondary .mud-nav-link-expand-icon.mud-transform {
  fill: var(--mud-palette-secondary); }

.mud-navmenu.mud-navmenu-tertiary .mud-nav-link.active:not(.mud-nav-link-disabled) {
  color: var(--mud-palette-tertiary);
  background-color: var(--mud-palette-tertiary-hover); }
  .mud-navmenu.mud-navmenu-tertiary .mud-nav-link.active:not(.mud-nav-link-disabled):hover:not(.mud-nav-link-disabled), .mud-navmenu.mud-navmenu-tertiary .mud-nav-link.active:not(.mud-nav-link-disabled):focus-visible:not(.mud-nav-link-disabled) {
    background-color: rgba(var(--mud-palette-tertiary-rgb), 0.12); }
  .mud-navmenu.mud-navmenu-tertiary .mud-nav-link.active:not(.mud-nav-link-disabled) .mud-nav-link-icon {
    color: var(--mud-palette-tertiary); }

.mud-navmenu.mud-navmenu-tertiary .mud-nav-link-expand-icon.mud-transform {
  fill: var(--mud-palette-tertiary); }

.mud-navmenu.mud-navmenu-info .mud-nav-link.active:not(.mud-nav-link-disabled) {
  color: var(--mud-palette-info);
  background-color: var(--mud-palette-info-hover); }
  .mud-navmenu.mud-navmenu-info .mud-nav-link.active:not(.mud-nav-link-disabled):hover:not(.mud-nav-link-disabled), .mud-navmenu.mud-navmenu-info .mud-nav-link.active:not(.mud-nav-link-disabled):focus-visible:not(.mud-nav-link-disabled) {
    background-color: rgba(var(--mud-palette-info-rgb), 0.12); }
  .mud-navmenu.mud-navmenu-info .mud-nav-link.active:not(.mud-nav-link-disabled) .mud-nav-link-icon {
    color: var(--mud-palette-info); }

.mud-navmenu.mud-navmenu-info .mud-nav-link-expand-icon.mud-transform {
  fill: var(--mud-palette-info); }

.mud-navmenu.mud-navmenu-success .mud-nav-link.active:not(.mud-nav-link-disabled) {
  color: var(--mud-palette-success);
  background-color: var(--mud-palette-success-hover); }
  .mud-navmenu.mud-navmenu-success .mud-nav-link.active:not(.mud-nav-link-disabled):hover:not(.mud-nav-link-disabled), .mud-navmenu.mud-navmenu-success .mud-nav-link.active:not(.mud-nav-link-disabled):focus-visible:not(.mud-nav-link-disabled) {
    background-color: rgba(var(--mud-palette-success-rgb), 0.12); }
  .mud-navmenu.mud-navmenu-success .mud-nav-link.active:not(.mud-nav-link-disabled) .mud-nav-link-icon {
    color: var(--mud-palette-success); }

.mud-navmenu.mud-navmenu-success .mud-nav-link-expand-icon.mud-transform {
  fill: var(--mud-palette-success); }

.mud-navmenu.mud-navmenu-warning .mud-nav-link.active:not(.mud-nav-link-disabled) {
  color: var(--mud-palette-warning);
  background-color: var(--mud-palette-warning-hover); }
  .mud-navmenu.mud-navmenu-warning .mud-nav-link.active:not(.mud-nav-link-disabled):hover:not(.mud-nav-link-disabled), .mud-navmenu.mud-navmenu-warning .mud-nav-link.active:not(.mud-nav-link-disabled):focus-visible:not(.mud-nav-link-disabled) {
    background-color: rgba(var(--mud-palette-warning-rgb), 0.12); }
  .mud-navmenu.mud-navmenu-warning .mud-nav-link.active:not(.mud-nav-link-disabled) .mud-nav-link-icon {
    color: var(--mud-palette-warning); }

.mud-navmenu.mud-navmenu-warning .mud-nav-link-expand-icon.mud-transform {
  fill: var(--mud-palette-warning); }

.mud-navmenu.mud-navmenu-error .mud-nav-link.active:not(.mud-nav-link-disabled) {
  color: var(--mud-palette-error);
  background-color: var(--mud-palette-error-hover); }
  .mud-navmenu.mud-navmenu-error .mud-nav-link.active:not(.mud-nav-link-disabled):hover:not(.mud-nav-link-disabled), .mud-navmenu.mud-navmenu-error .mud-nav-link.active:not(.mud-nav-link-disabled):focus-visible:not(.mud-nav-link-disabled) {
    background-color: rgba(var(--mud-palette-error-rgb), 0.12); }
  .mud-navmenu.mud-navmenu-error .mud-nav-link.active:not(.mud-nav-link-disabled) .mud-nav-link-icon {
    color: var(--mud-palette-error); }

.mud-navmenu.mud-navmenu-error .mud-nav-link-expand-icon.mud-transform {
  fill: var(--mud-palette-error); }

.mud-navmenu.mud-navmenu-dark .mud-nav-link.active:not(.mud-nav-link-disabled) {
  color: var(--mud-palette-dark);
  background-color: var(--mud-palette-dark-hover); }
  .mud-navmenu.mud-navmenu-dark .mud-nav-link.active:not(.mud-nav-link-disabled):hover:not(.mud-nav-link-disabled), .mud-navmenu.mud-navmenu-dark .mud-nav-link.active:not(.mud-nav-link-disabled):focus-visible:not(.mud-nav-link-disabled) {
    background-color: rgba(var(--mud-palette-dark-rgb), 0.12); }
  .mud-navmenu.mud-navmenu-dark .mud-nav-link.active:not(.mud-nav-link-disabled) .mud-nav-link-icon {
    color: var(--mud-palette-dark); }

.mud-navmenu.mud-navmenu-dark .mud-nav-link-expand-icon.mud-transform {
  fill: var(--mud-palette-dark); }

.mud-nav-group * .mud-navmenu > .mud-nav-group .mud-nav-link {
  padding-left: 36px;
  padding-inline-start: 36px;
  padding-inline-end: 16px; }

.mud-nav-group * .mud-navmenu > .mud-nav-group * .mud-navmenu .mud-nav-item .mud-nav-link {
  padding-left: 48px;
  padding-inline-start: 48px; }

.mud-nav-group * .mud-navmenu > .mud-nav-group * .mud-navmenu > .mud-nav-group .mud-nav-link {
  padding-left: 48px;
  padding-inline-start: 48px;
  padding-inline-end: 16px; }

.mud-nav-group * .mud-navmenu > .mud-nav-group * .mud-navmenu > .mud-nav-group * .mud-navmenu .mud-nav-item .mud-nav-link {
  padding-left: 60px;
  padding-inline-start: 60px;
  padding-inline-end: 0; }

.mud-nav-group * .mud-navmenu > .mud-nav-group * .mud-navmenu > .mud-nav-group * .mud-navmenu > .mud-nav-group .mud-nav-link {
  padding-left: 60px;
  padding-inline-start: 60px;
  padding-inline-end: 16px; }

.mud-nav-group * .mud-navmenu > .mud-nav-group * .mud-navmenu > .mud-nav-group * .mud-navmenu > .mud-nav-group * .mud-navmenu .mud-nav-item .mud-nav-link {
  padding-left: 72px;
  padding-inline-start: 72px;
  padding-inline-end: 0; }

.mud-drawer--closed.mud-drawer-mini > .mud-drawer-content > .mud-navmenu .mud-nav-link .mud-icon-root:first-child + .mud-nav-link-text {
  display: none; }

.mud-drawer--closed.mud-drawer-mini .mud-nav-group * .mud-navmenu .mud-nav-item .mud-nav-link {
  padding: 8px 16px 8px 16px; }

.mud-drawer--closed.mud-drawer-mini .mud-nav-group * .mud-navmenu > .mud-nav-group .mud-nav-link {
  padding: 8px 16px 8px 16px; }

.mud-drawer--closed.mud-drawer-mini .mud-nav-group * .mud-navmenu > .mud-nav-group * .mud-navmenu .mud-nav-item .mud-nav-link {
  padding: 8px 16px 8px 16px; }

.mud-drawer--closed.mud-drawer-mini .mud-nav-group * .mud-navmenu > .mud-nav-group * .mud-navmenu > .mud-nav-group .mud-nav-link {
  padding: 8px 16px 8px 16px; }

.mud-drawer--closed.mud-drawer-mini .mud-nav-group * .mud-navmenu > .mud-nav-group * .mud-navmenu > .mud-nav-group * .mud-navmenu .mud-nav-item .mud-nav-link {
  padding: 8px 16px 8px 16px; }

.mud-drawer--closed.mud-drawer-mini .mud-nav-group * .mud-navmenu > .mud-nav-group * .mud-navmenu > .mud-nav-group * .mud-navmenu > .mud-nav-group .mud-nav-link {
  padding: 8px 16px 8px 16px; }

.mud-drawer--closed.mud-drawer-mini .mud-nav-group * .mud-navmenu > .mud-nav-group * .mud-navmenu > .mud-nav-group * .mud-navmenu > .mud-nav-group * .mud-navmenu .mud-nav-item .mud-nav-link {
  padding: 8px 16px 8px 16px; }

.page-content-navigation .page-content-navigation-navlink.active .mud-nav-link {
  color: var(--mud-palette-primary);
  border-color: var(--mud-palette-primary);
  background-color: transparent; }

.page-content-navigation .page-content-navigation-navlink .mud-nav-link {
  padding: 4px 16px 4px 16px;
  color: var(--mud-palette-text-secondary);
  border-left: 2px solid var(--mud-palette-action-disabled-background); }
  .page-content-navigation .page-content-navigation-navlink .mud-nav-link.active {
    color: var(--mud-palette-primary);
    border-color: var(--mud-palette-primary);
    background-color: transparent; }
  .page-content-navigation .page-content-navigation-navlink .mud-nav-link .mud-nav-link-text {
    margin-left: 0px;
    margin-inline-start: 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }

.mud-pagination {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
  margin: 0; }
  .mud-pagination .mud-pagination-item > * {
    height: 32px;
    min-width: 32px;
    margin: 0 3px;
    padding: 0 6px;
    text-align: center;
    border-radius: 16px; }
  .mud-pagination .mud-pagination-item :not(mud-pagination-item-selected) > * {
    box-shadow: none; }
  .mud-pagination .mud-pagination-item .mud-button {
    line-height: normal; }
  .mud-pagination .mud-pagination-item .mud-icon-button {
    padding: 0; }
  .mud-pagination .mud-pagination-item-rectangular .mud-button {
    border-radius: var(--mud-default-borderradius); }
  .mud-pagination .mud-pagination-item .mud-typography[disabled] {
    color: var(--mud-palette-action-disabled) !important; }
  .mud-pagination-outlined .mud-pagination-item-selected .mud-button-outlined-default {
    background-color: var(--mud-palette-action-default-hover); }
  .mud-pagination-outlined .mud-pagination-item-selected .mud-button-outlined-primary {
    background-color: var(--mud-palette-primary-hover); }
  .mud-pagination-outlined .mud-pagination-item-selected .mud-button-outlined-secondary {
    background-color: var(--mud-palette-secondary-hover); }
  .mud-pagination-outlined .mud-pagination-item-selected .mud-button-outlined-tertiary {
    background-color: var(--mud-palette-tertiary-hover); }
  .mud-pagination-outlined .mud-pagination-item-selected .mud-button-outlined-info {
    background-color: var(--mud-palette-info-hover); }
  .mud-pagination-outlined .mud-pagination-item-selected .mud-button-outlined-success {
    background-color: var(--mud-palette-success-hover); }
  .mud-pagination-outlined .mud-pagination-item-selected .mud-button-outlined-warning {
    background-color: var(--mud-palette-warning-hover); }
  .mud-pagination-outlined .mud-pagination-item-selected .mud-button-outlined-error {
    background-color: var(--mud-palette-error-hover); }
  .mud-pagination-outlined .mud-pagination-item-selected .mud-button-outlined-dark {
    background-color: var(--mud-palette-dark-hover); }
  .mud-pagination-filled .mud-pagination-item:not(.mud-pagination-item-selected) .mud-button {
    background-color: var(--mud-palette-surface); }
  .mud-pagination-filled .mud-pagination-item .mud-button {
    box-shadow: var(--mud-elevation-1); }
  .mud-pagination-small .mud-pagination-item > * {
    height: 26px;
    min-width: 26px;
    margin: 0 1px;
    padding: 0 4px;
    border-radius: 13px; }
  .mud-pagination-large .mud-pagination-item > * {
    height: 40px;
    min-width: 40px;
    padding: 0 10px;
    border-radius: 20px; }
  .mud-pagination-disable-elevation .mud-pagination-item .mud-button {
    box-shadow: none; }
  .mud-pagination-rtl .mud-pagination-item .mud-icon-root {
    transform: scaleX(-1); }

.mud-picker.mud-rounded {
  border-radius: var(--mud-default-borderradius); }

.mud-picker .mud-picker-actions {
  flex: 0 0 auto;
  display: flex;
  padding: 8px;
  align-items: center;
  justify-content: flex-end; }
  .mud-picker .mud-picker-actions > :not(:first-child) {
    margin-left: 8px;
    margin-inline-start: 8px;
    margin-inline-end: unset; }

.mud-picker-inline {
  display: flex;
  flex: 1 1 auto;
  position: relative;
  max-width: 100%; }
  .mud-picker-inline.mud-picker-input-button .mud-input, .mud-picker-inline.mud-picker-input-button .mud-input .mud-input-root {
    cursor: pointer; }
  .mud-picker-inline.mud-picker-input-button.mud-disabled .mud-input, .mud-picker-inline.mud-picker-input-button.mud-disabled .mud-input .mud-input-root {
    cursor: default; }
  .mud-picker-inline.mud-picker-input-text {
    cursor: text; }
    .mud-picker-inline.mud-picker-input-text:hover {
      cursor: text; }
    .mud-picker-inline.mud-picker-input-text.mud-disabled {
      cursor: default; }
      .mud-picker-inline.mud-picker-input-text.mud-disabled:hover {
        cursor: default; }

.mud-picker-static {
  display: flex;
  overflow: hidden;
  min-width: 310px;
  flex-direction: column; }

.mud-picker-container {
  display: flex;
  flex-direction: column;
  border-radius: inherit; }
  .mud-picker-container.mud-picker-container-landscape {
    flex-direction: row; }
  .mud-picker-container .mud-toolbar {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit; }

.mud-picker-popover-paper {
  outline: 0;
  z-index: calc(var(--mud-zindex-popover) + 1);
  position: absolute;
  min-width: 16px;
  min-height: 16px;
  overflow-x: hidden;
  overflow-y: auto; }

.mud-picker-view {
  display: none;
  margin-top: 20px; }
  .mud-picker-view.mud-picker-open {
    display: block;
    animation: mud-animation-fadein 251ms; }

.mud-picker-content {
  display: flex;
  max-width: 100%;
  min-width: 310px;
  min-height: 305px;
  overflow: hidden;
  flex-direction: column;
  justify-content: center; }
  .mud-picker-content.mud-picker-content-landscape {
    padding: 0 8px; }

.mud-picker-toolbar {
  height: 100px;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: center; }
  .mud-picker-toolbar.mud-picker-toolbar-landscape {
    height: auto;
    padding: 8px;
    max-width: 150px;
    justify-content: flex-start; }
  .mud-picker-toolbar.mud-button-root {
    padding: 0;
    min-width: 16px;
    text-transform: none; }

.mud-picker-inline-paper .mud-paper {
  position: relative !important; }

.mud-picker-hidden {
  visibility: hidden; }

.mud-picker-pos-top {
  top: 0px;
  position: fixed;
  visibility: visible; }
  .mud-picker-pos-top.mud-picker-pos-left {
    left: 10px; }
  .mud-picker-pos-top.mud-picker-pos-right {
    right: 10px; }

.mud-picker-pos-above {
  bottom: 0px;
  visibility: visible; }
  .mud-picker-pos-above.mud-picker-pos-left {
    left: 50%;
    transform: translateX(-50%); }
  .mud-picker-pos-above.mud-picker-pos-right {
    right: 0px; }

.mud-picker-pos-bottom {
  bottom: 10px;
  position: fixed;
  visibility: visible; }
  .mud-picker-pos-bottom.mud-picker-pos-left {
    left: 10px; }
  .mud-picker-pos-bottom.mud-picker-pos-right {
    right: 10px; }

.mud-picker-pos-below {
  visibility: visible; }
  .mud-picker-pos-below.mud-picker-pos-left {
    left: 50%;
    transform: translateX(-50%); }
  .mud-picker-pos-below.mud-picker-pos-right {
    right: 0px; }

.mud-picker-datepicker-toolbar {
  align-items: flex-start;
  flex-direction: column; }
  .mud-picker-datepicker-toolbar .mud-button-year {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.75;
    letter-spacing: 0.00938em; }
  .mud-picker-datepicker-toolbar .mud-button-date {
    font-size: 2.125rem;
    font-weight: 400;
    line-height: 1.17;
    letter-spacing: 0.00735em;
    text-transform: none; }

.mud-picker-datepicker-toolbar-landscape {
  padding: 16px; }

.mud-picker-datepicker-date-landscape {
  margin-right: 16px;
  margin-inline-end: 16px;
  margin-inline-start: unset; }

.mud-picker-calendar-header-switch {
  display: flex;
  margin-top: 4px;
  align-items: center;
  margin-bottom: 8px;
  justify-content: space-between; }
  .mud-picker-calendar-header-switch > .mud-icon-button {
    z-index: 1;
    padding: 8px;
    margin: 6px;
    background-color: var(--mud-palette-surface); }
    .mud-picker-calendar-header-switch > .mud-icon-button:hover {
      background-color: var(--mud-palette-action-default-hover); }
  .mud-picker-calendar-header-switch .mud-picker-calendar-header-transition {
    width: 100%;
    height: 23px;
    overflow: hidden; }
    .mud-picker-calendar-header-switch .mud-picker-calendar-header-transition:hover .mud-typography {
      cursor: pointer;
      font-weight: 500; }

.mud-picker-calendar-header-day {
  display: flex;
  max-height: 16px;
  align-items: center;
  justify-content: center; }
  .mud-picker-calendar-header-day .mud-day-label {
    color: var(--mud-palette-text-secondary);
    width: 36px;
    margin: 0 2px;
    text-align: center; }

.mud-picker-year-container {
  height: 300px;
  overflow-y: auto; }
  .mud-picker-year-container .mud-picker-year {
    cursor: pointer;
    height: 40px;
    display: flex;
    outline: none;
    align-items: center;
    justify-content: center;
    user-select: none;
    animation: mud-animation-fadein 500ms;
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; }
    .mud-picker-year-container .mud-picker-year:hover {
      background-color: var(--mud-palette-action-default-hover); }
    .mud-picker-year-container .mud-picker-year .mud-picker-year-selected {
      margin: 10px 0;
      font-weight: 500; }

.mud-picker-month-container {
  width: 310px;
  display: flex;
  flex-wrap: wrap;
  align-content: stretch; }
  .mud-picker-month-container .mud-picker-month {
    flex: 1 0 33.33%;
    cursor: pointer;
    height: 60px;
    display: flex;
    outline: none;
    transition: font-size 100ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    align-items: center;
    justify-content: center;
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; }
    .mud-picker-month-container .mud-picker-month:hover {
      background-color: var(--mud-palette-action-default-hover); }
    .mud-picker-month-container .mud-picker-month .mud-picker-month-selected {
      font-weight: 500; }
    .mud-picker-month-container .mud-picker-month.mud-disabled {
      color: var(--mud-palette-text-disabled);
      pointer-events: none; }

.mud-picker-slide-transition {
  display: block;
  position: relative; }

.mud-picker-slide-transition > * {
  top: 0;
  left: 0;
  right: 0;
  position: absolute; }

.mud-picker-calendar-transition {
  margin-top: 12px;
  min-height: 216px; }

.mud-picker-calendar-progress-container {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center; }

.mud-picker-calendar-content {
  display: grid;
  --selected-day: 0;
  grid-column-gap: 10px;
  grid-template-columns: auto; }


:not(.mud-picker-hidden) .mud-picker-calendar-header-last .mud-picker-nav-button-next {
  visibility: inherit !important; }

.mud-picker-hidden .mud-picker-nav-button-next, .mud-picker-hidden .mud-picker-nav-button-prev {
  visibility: hidden !important; }

.mud-picker-calendar-container {
  display: flex;
  width: 310px;
  flex-direction: column; }

.mud-picker-calendar {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }
  .mud-picker-calendar .mud-day {
    color: var(--mud-palette-text-primary);
    width: 36px;
    height: 36px;
    margin: 0 2px;
    padding: 0;
    font-size: 0.75rem;
    font-weight: 500; }
    .mud-picker-calendar .mud-day:hover {
      background-color: var(--mud-palette-action-default-hover); }
    .mud-picker-calendar .mud-day.mud-hidden {
      opacity: 0;
      pointer-events: none; }
    .mud-picker-calendar .mud-day.mud-current {
      font-weight: 600; }
    .mud-picker-calendar .mud-day.mud-selected {
      font-weight: 500; }
    .mud-picker-calendar .mud-day .mud-typography {
      margin-top: 2px; }
    .mud-picker-calendar .mud-day.mud-disabled {
      color: var(--mud-palette-text-disabled);
      pointer-events: none; }
    .mud-picker-calendar .mud-day.mud-range {
      margin: 0;
      width: 40px;
      transition: none; }
      .mud-picker-calendar .mud-day.mud-range.mud-range-start-selected {
        border-radius: 50% 0% 0% 50%; }
      .mud-picker-calendar .mud-day.mud-range.mud-range-end-selected {
        border-radius: 0% 50% 50% 0%; }
      .mud-picker-calendar .mud-day.mud-range.mud-range-between {
        border-radius: 0;
        background-color: var(--mud-palette-action-default-hover); }
      .mud-picker-calendar .mud-day.mud-range.mud-range-selection:hover.mud-range-start-selected {
        border-radius: 50%; }
      .mud-picker-calendar .mud-day.mud-range.mud-range-selection:hover:not(.mud-range-start-selected) {
        border-radius: 0% 50% 50% 0%; }
      .mud-picker-calendar .mud-day.mud-range.mud-range-selection:not(:hover):not(.mud-range-start-selected) {
        border-radius: 0;
        background: linear-gradient(var(--mud-palette-action-default-hover) 100%, var(--mud-palette-action-default-hover) 100%, transparent 0%);
        background-size: 100% calc(100% * (var(--selected-day) - var(--day-id))); }

.mud-range-selection-primary:hover {
  color: var(--mud-palette-primary-text) !important;
  background-color: var(--mud-palette-primary) !important; }

.mud-range-selection-secondary:hover {
  color: var(--mud-palette-secondary-text) !important;
  background-color: var(--mud-palette-secondary) !important; }

.mud-range-selection-tertiary:hover {
  color: var(--mud-palette-tertiary-text) !important;
  background-color: var(--mud-palette-tertiary) !important; }

.mud-range-selection-info:hover {
  color: var(--mud-palette-info-text) !important;
  background-color: var(--mud-palette-info) !important; }

.mud-range-selection-success:hover {
  color: var(--mud-palette-success-text) !important;
  background-color: var(--mud-palette-success) !important; }

.mud-range-selection-warning:hover {
  color: var(--mud-palette-warning-text) !important;
  background-color: var(--mud-palette-warning) !important; }

.mud-range-selection-error:hover {
  color: var(--mud-palette-error-text) !important;
  background-color: var(--mud-palette-error) !important; }

.mud-range-selection-dark:hover {
  color: var(--mud-palette-dark-text) !important;
  background-color: var(--mud-palette-dark) !important; }

.mud-picker-calendar-week {
  display: flex;
  margin: 0 5px;
  justify-content: center;
  align-items: center; }
  .mud-picker-calendar-week .mud-picker-calendar-week-text {
    width: 15px;
    margin-top: 2px !important;
    color: var(--mud-palette-text-disabled); }

.mud-application-layout-rtl .mud-picker-calendar .mud-day.mud-range.mud-range-start-selected {
  border-radius: 0% 50% 50% 0%; }

.mud-application-layout-rtl .mud-picker-calendar .mud-day.mud-range.mud-range-end-selected {
  border-radius: 50% 0% 0% 50%; }

.mud-application-layout-rtl .mud-picker-calendar .mud-day.mud-range.mud-range-selection:hover:not(.mud-range-start-selected) {
  border-radius: 50% 0% 0% 50%; }

.mud-picker-timepicker-toolbar .mud-timepicker-button {
  padding: 0;
  min-width: 16px;
  text-transform: none; }
  .mud-picker-timepicker-toolbar .mud-timepicker-button.mud-timepicker-toolbar-text {
    color: rgba(255, 255, 255, 0.54); }
  .mud-picker-timepicker-toolbar .mud-timepicker-button:hover {
    background-color: var(--mud-theme-default-hover); }

.mud-picker-timepicker-toolbar .mud-timepicker-hourminute {
  display: flex;
  align-items: baseline;
  justify-content: flex-end; }
  .mud-picker-timepicker-toolbar .mud-timepicker-hourminute .mud-timepicker-button {
    font-size: 3.75rem;
    font-weight: 300;
    line-height: 1;
    letter-spacing: -0.00833em; }

.mud-picker-timepicker-toolbar .mud-timepicker-ampm {
  display: flex;
  margin-left: 20px;
  margin-right: -20px;
  margin-inline-start: 20px;
  margin-inline-end: -20px;
  flex-direction: column; }
  .mud-picker-timepicker-toolbar .mud-timepicker-ampm .mud-timepicker-button {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.75;
    letter-spacing: 0.00938em; }

.mud-picker-timepicker-toolbar .mud-timepicker-separator {
  cursor: default;
  margin: 0 4px 0 2px;
  margin-inline-start: 2px;
  margin-inline-end: 4px; }

.mud-picker-timepicker-toolbar.mud-picker-timepicker-toolbar-landscape {
  flex-wrap: wrap;
  width: 150px;
  justify-content: center; }
  .mud-picker-timepicker-toolbar.mud-picker-timepicker-toolbar-landscape .mud-timepicker-hourminute .mud-timepicker-button {
    font-size: 3rem;
    font-weight: 400;
    line-height: 1.04;
    letter-spacing: 0em; }
  .mud-picker-timepicker-toolbar.mud-picker-timepicker-toolbar-landscape .mud-timepicker-ampm {
    display: flex;
    margin-left: 20px;
    margin-right: -20px;
    margin-inline-start: 20px;
    margin-inline-end: -20px;
    flex-direction: column; }
    .mud-picker-timepicker-toolbar.mud-picker-timepicker-toolbar-landscape .mud-timepicker-ampm .mud-timepicker-button {
      font-size: 18px;
      font-weight: 400;
      line-height: 1.75;
      letter-spacing: 0.00938em; }
  .mud-picker-timepicker-toolbar.mud-picker-timepicker-toolbar-landscape .mud-timepicker-separator {
    font-size: 3rem;
    font-weight: 400;
    line-height: 1.04;
    letter-spacing: 0em; }

.mud-picker-time-container {
  margin: 16px 0 8px;
  display: flex;
  align-items: flex-end;
  justify-content: center; }
  .mud-picker-time-container .mud-picker-time-clock {
    width: 260px;
    height: 260px;
    position: relative;
    border-radius: 50%;
    pointer-events: none;
    background-color: rgba(0, 0, 0, 0.07); }
    .mud-picker-time-container .mud-picker-time-clock .mud-picker-time-clock-mask {
      width: 100%;
      height: 100%;
      outline: none;
      position: absolute;
      user-select: none;
      touch-actions: none;
      pointer-events: auto; }
    .mud-picker-time-container .mud-picker-time-clock .mud-picker-time-clock-pin {
      top: 50%;
      left: 50%;
      width: 6px;
      height: 6px;
      position: absolute;
      transform: translate(-50%, -50%);
      border-radius: 50%; }
    .mud-picker-time-container .mud-picker-time-clock .mud-picker-stick-inner {
      left: calc(50% - 1px);
      width: 3px;
      height: 35%;
      bottom: 0;
      position: absolute;
      transform-origin: center bottom 0px; }
      .mud-picker-time-container .mud-picker-time-clock .mud-picker-stick-inner.mud-hour:after {
        content: "";
        position: absolute;
        left: 50%;
        transform: translate(-50%, -50%);
        height: 48px;
        width: 48px;
        top: -60%;
        border-radius: 50%;
        background-color: inherit; }
    .mud-picker-time-container .mud-picker-time-clock .mud-picker-stick-outer {
      left: calc(50% - 1px);
      width: 0;
      height: 35%;
      bottom: 35%;
      position: absolute;
      transform-origin: center bottom 0px; }
      .mud-picker-time-container .mud-picker-time-clock .mud-picker-stick-outer.mud-hour:after {
        content: "";
        position: absolute;
        left: 50%;
        transform: translate(-50%, -50%);
        height: 48px;
        width: 62px;
        top: -20px;
        border-radius: 50%;
        background-color: inherit; }
    .mud-picker-time-container .mud-picker-time-clock .mud-picker-stick {
      left: calc(50% - 1px);
      width: 3px;
      height: 50%;
      bottom: 50%;
      position: absolute;
      transform-origin: center bottom 0px; }
      .mud-picker-time-container .mud-picker-time-clock .mud-picker-stick.mud-hour:after {
        content: "";
        position: absolute;
        left: 50%;
        transform: translate(-50%, -50%);
        height: 62px;
        width: 62px;
        top: 20px;
        border-radius: 50%;
        background-color: inherit; }
      .mud-picker-time-container .mud-picker-time-clock .mud-picker-stick.mud-minute:after {
        content: "";
        position: absolute;
        left: 50%;
        transform: translate(-50%, -50%);
        height: 44px;
        width: 15px;
        top: 20px;
        border-radius: 50%;
        background-color: inherit; }
    .mud-picker-time-container .mud-picker-time-clock .mud-picker-time-clock-pointer {
      left: calc(50% - 1px);
      width: 2px;
      bottom: 50%;
      position: absolute;
      transform-origin: center bottom 0px; }
      .mud-picker-time-container .mud-picker-time-clock .mud-picker-time-clock-pointer.mud-picker-time-clock-pointer-animation {
        transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, height 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; }
      .mud-picker-time-container .mud-picker-time-clock .mud-picker-time-clock-pointer .mud-picker-time-clock-pointer-thumb {
        position: absolute;
        border-radius: 100%; }
        .mud-picker-time-container .mud-picker-time-clock .mud-picker-time-clock-pointer .mud-picker-time-clock-pointer-thumb.mud-onclock-text {
          top: -19px;
          left: -13px;
          width: 28px;
          height: 28px;
          border: none;
          background-color: inherit; }
        .mud-picker-time-container .mud-picker-time-clock .mud-picker-time-clock-pointer .mud-picker-time-clock-pointer-thumb.mud-onclock-minute {
          background: transparent;
          border: 2px solid;
          width: 10px;
          height: 10px;
          top: -9px;
          left: -4px; }
    .mud-picker-time-container .mud-picker-time-clock .mud-clock-number {
      left: calc((100% - 32px) / 2);
      color: var(--mud-palette-text-primary);
      background-color: transparent !important;
      width: 32px;
      height: 32px;
      display: inline-flex;
      position: absolute;
      align-items: center;
      user-select: none;
      border-radius: 50%;
      justify-content: center;
      transition-duration: 120ms;
      transition-property: color; }

.mud-time-picker-dial {
  width: 100%;
  height: 100%;
  position: absolute;
  transition: transform 350ms,opacity 350ms; }

.mud-time-picker-dial-out {
  opacity: 0; }

.mud-time-picker-hour.mud-time-picker-dial-out {
  transform: scale(1.2, 1.2);
  transform-origin: center; }

.mud-time-picker-minute.mud-time-picker-dial-out {
  transform: scale(0.8, 0.8);
  transform-origin: center; }

.mud-time-picker-dial-hidden {
  visibility: hidden; }

.mud-picker-container + .mud-picker-color-toolbar {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit; }

.mud-picker-container + .mud-picker-color-content {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit; }

.mud-picker-color-toolbar {
  height: 32px;
  padding-right: 2px;
  padding-left: 2px; }

.mud-picker-color-content {
  min-height: unset;
  position: relative; }

.mud-picker-color-picker {
  width: 312px;
  height: 250px;
  position: relative;
  overflow: hidden; }
  .mud-picker-color-picker .mud-picker-color-overlay {
    width: 100%;
    height: 100%; }
    .mud-picker-color-picker .mud-picker-color-overlay.mud-picker-color-overlay-white {
      background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%); }
    .mud-picker-color-picker .mud-picker-color-overlay.mud-picker-color-overlay-black {
      background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, black 100%); }
  .mud-picker-color-picker .mud-picker-color-selector {
    position: absolute;
    top: -13px;
    left: -13px; }

.mud-picker-color-controls {
  width: 312px;
  padding: 16px;
  display: flex;
  flex-direction: column; }
  .mud-picker-color-controls .mud-picker-color-controls-row {
    display: flex;
    align-items: center; }
    .mud-picker-color-controls .mud-picker-color-controls-row + .mud-picker-color-controls-row {
      margin-top: 24px; }
    .mud-picker-color-controls .mud-picker-color-controls-row .mud-picker-color-sliders {
      display: flex;
      flex: 1 0 auto;
      flex-direction: column; }
      .mud-picker-color-controls .mud-picker-color-controls-row .mud-picker-color-sliders .mud-picker-color-slider {
        min-width: 224px;
        border-radius: var(--mud-default-borderradius); }
        .mud-picker-color-controls .mud-picker-color-controls-row .mud-picker-color-sliders .mud-picker-color-slider .mud-slider-input {
          height: 10px;
          border-radius: var(--mud-default-borderradius); }
          .mud-picker-color-controls .mud-picker-color-controls-row .mud-picker-color-sliders .mud-picker-color-slider .mud-slider-input::-webkit-slider-runnable-track {
            background: initial; }
          .mud-picker-color-controls .mud-picker-color-controls-row .mud-picker-color-sliders .mud-picker-color-slider .mud-slider-input::-moz-range-track {
            background: initial; }
          .mud-picker-color-controls .mud-picker-color-controls-row .mud-picker-color-sliders .mud-picker-color-slider .mud-slider-input::-webkit-slider-thumb {
            appearance: none;
            margin-top: -6px;
            height: 14px;
            width: 14px;
            transform: none;
            transition: none;
            background: #f0f0f0;
            box-shadow: rgba(0, 0, 0, 0.37) 0px 1px 4px 0px; }
          .mud-picker-color-controls .mud-picker-color-controls-row .mud-picker-color-sliders .mud-picker-color-slider .mud-slider-input::-moz-range-thumb {
            appearance: none;
            margin-top: -6px;
            height: 14px;
            width: 14px;
            transform: none;
            transition: none;
            background: #f0f0f0;
            box-shadow: rgba(0, 0, 0, 0.37) 0px 1px 4px 0px; }
          .mud-picker-color-controls .mud-picker-color-controls-row .mud-picker-color-sliders .mud-picker-color-slider .mud-slider-input:active::-webkit-slider-thumb {
            box-shadow: 0 0 0 2px var(--mud-palette-action-default-hover) !important; }
          .mud-picker-color-controls .mud-picker-color-controls-row .mud-picker-color-sliders .mud-picker-color-slider .mud-slider-input:active::-moz-range-thumb {
            box-shadow: 0 0 0 2px var(--mud-palette-action-default-hover) !important; }
        .mud-picker-color-controls .mud-picker-color-controls-row .mud-picker-color-sliders .mud-picker-color-slider.hue + .alpha {
          margin-top: 18px; }
        .mud-picker-color-controls .mud-picker-color-controls-row .mud-picker-color-sliders .mud-picker-color-slider.hue .mud-slider-input {
          background: linear-gradient(90deg, #FF0000, #ff0 16.66%, #0f0 33.33%, #0ff 50%, #00f 66.66%, #f0f 83.33%, #FF0000); }
        .mud-picker-color-controls .mud-picker-color-controls-row .mud-picker-color-sliders .mud-picker-color-slider.alpha .mud-slider-input {
          background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGElEQVQYlWNgYGCQwoKxgqGgcJA5h3yFAAs8BRWVSwooAAAAAElFTkSuQmCC) repeat; }
    .mud-picker-color-controls .mud-picker-color-controls-row .mud-picker-color-inputs {
      display: flex;
      flex: 1 1 auto; }
      .mud-picker-color-controls .mud-picker-color-controls-row .mud-picker-color-inputs .mud-picker-color-inputfield {
        width: 100%;
        margin-right: 8px;
        margin-inline-end: 8px;
        margin-inline-start: unset; }
        .mud-picker-color-controls .mud-picker-color-controls-row .mud-picker-color-inputs .mud-picker-color-inputfield:last-of-type {
          margin-right: 0;
          margin-inline-end: 0;
          margin-inline-start: unset; }
        .mud-picker-color-controls .mud-picker-color-controls-row .mud-picker-color-inputs .mud-picker-color-inputfield .mud-input input {
          padding: 6px;
          height: 1em;
          text-align: center;
          font-size: 14px; }
        .mud-picker-color-controls .mud-picker-color-controls-row .mud-picker-color-inputs .mud-picker-color-inputfield .mud-input-helper-text {
          text-align: center; }
          .mud-picker-color-controls .mud-picker-color-controls-row .mud-picker-color-inputs .mud-picker-color-inputfield .mud-input-helper-text div div {
            margin: auto; }
    .mud-picker-color-controls .mud-picker-color-controls-row .mud-picker-control-switch {
      margin-left: 8px;
      margin-inline-start: 8px;
      margin-inline-end: unset;
      padding-bottom: 16px; }
    .mud-picker-color-controls .mud-picker-color-controls-row .mud-picker-color-collection {
      display: flex;
      min-width: 230px;
      justify-content: space-between; }
      .mud-picker-color-controls .mud-picker-color-controls-row .mud-picker-color-collection .mud-picker-color-dot {
        max-width: 38px; }

.mud-picker-color-dot {
  height: 38px;
  min-width: 38px;
  width: 100%;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-radius 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  border-radius: var(--mud-default-borderradius);
  box-shadow: 0 0 6px rgba(127, 130, 134, 0.18); }
  .mud-picker-color-dot:hover {
    cursor: pointer;
    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); }
  .mud-picker-color-dot.mud-picker-color-dot-current {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGElEQVQYlWNgYGCQwoKxgqGgcJA5h3yFAAs8BRWVSwooAAAAAElFTkSuQmCC) repeat; }
  .mud-picker-color-dot .mud-picker-color-fill {
    width: 100%;
    height: 100%;
    border-radius: inherit; }
  .mud-picker-color-dot + .mud-picker-color-sliders {
    margin-left: 16px;
    margin-inline-start: 16px;
    margin-inline-end: unset; }
  .mud-picker-color-dot + .mud-picker-color-collection {
    margin-left: 10px;
    margin-inline-start: 10px;
    margin-inline-end: unset; }

.mud-picker-color-view {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: auto;
  padding: 6px;
  background-color: var(--mud-palette-surface); }
  .mud-picker-color-view .mud-picker-color-view-collection {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly; }
    .mud-picker-color-view .mud-picker-color-view-collection .mud-picker-color-dot {
      max-width: 38px;
      margin: 8px; }
      .mud-picker-color-view .mud-picker-color-view-collection .mud-picker-color-dot.selected {
        border-radius: 50%;
        box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); }

.mud-picker-color-picker .mud-picker-color-grid {
  display: flex;
  flex-wrap: wrap; }
  .mud-picker-color-picker .mud-picker-color-grid .mud-picker-color-dot {
    height: 25px;
    min-width: 26px;
    max-width: 26px;
    border-radius: 0px;
    box-shadow: none; }

.mud-popover {
  outline: 0;
  z-index: calc(var(--mud-zindex-popover) + 1);
  position: absolute;
  opacity: 0; }
  .mud-popover.mud-popover-fixed {
    position: fixed; }
  .mud-popover.mud-popover-relative-width {
    width: 100%; }
  .mud-popover.mud-popover-open {
    opacity: 1;
    transition: opacity; }
  .mud-popover:not(.mud-popover-open) {
    pointer-events: none;
    transition-duration: 0ms !important;
    transition-delay: 0ms !important; }

.mud-appbar .mud-popover-cascading-value {
  z-index: calc(var(--mud-zindex-appbar) + 2); }

.mud-drawer:not(.mud-drawer-temporary) .mud-popover-cascading-value {
  z-index: calc(var(--mud-zindex-drawer) + 2); }

.mud-drawer.mud-drawer-temporary .mud-popover-cascading-value, .mud-drawer.mud-drawer-responsive .mud-popover-cascading-value {
  z-index: calc(var(--mud-zindex-appbar) + 4); }

.mud-dialog .mud-popover-cascading-value {
  z-index: calc(var(--mud-zindex-dialog) + 3); }

.mud-popover .mud-list {
  max-height: inherit;
  overflow-y: auto; }

.mud-simple-table table {
  width: 100%;
  display: table;
  border-spacing: 0;
  border-collapse: collapse; }
  .mud-simple-table table thead {
    display: table-header-group; }
  .mud-simple-table table tbody {
    display: table-row-group; }
  .mud-simple-table table * tr {
    color: inherit;
    display: table-row;
    outline: 0;
    vertical-align: middle; }
    .mud-simple-table table * tr > td, .mud-simple-table table * tr th {
      display: table-cell;
      padding: 16px;
      font-size: 0.875rem;
      text-align: start;
      font-weight: 400;
      line-height: 1.43;
      border-bottom: 1px solid var(--mud-palette-table-lines);
      letter-spacing: 0.01071em;
      vertical-align: inherit; }
    .mud-simple-table table * tr > th {
      font-weight: 500;
      line-height: 1.5rem; }
  .mud-simple-table table tbody tr:last-child td {
    border-bottom: none; }

.mud-simple-table.mud-table-dense * tr td, .mud-simple-table.mud-table-dense * tr th {
  padding: 6px 16px; }

.mud-simple-table.mud-table-hover .mud-table-container table tbody tr:hover {
  background-color: var(--mud-palette-table-hover); }

.mud-simple-table.mud-table-bordered .mud-table-container table tbody tr td {
  border-right: 1px solid var(--mud-palette-table-lines); }

.mud-simple-table.mud-table-bordered .mud-table-container table tbody tr td:last-child {
  border-right: none; }

.mud-simple-table.mud-table-striped .mud-table-container table tbody tr:nth-of-type(odd) {
  background-color: var(--mud-palette-table-striped); }

.mud-table-hover.mud-table-striped .mud-table-container table tbody tr:nth-of-type(odd):nth-of-type(odd):hover {
  background-color: var(--mud-palette-table-hover); }

.mud-simple-table.mud-table-sticky-header .mud-table-container {
  overflow-x: auto;
  max-height: 100%; }

.mud-simple-table.mud-table-sticky-header * table {
  border-collapse: separate; }
  .mud-simple-table.mud-table-sticky-header * table thead * th:first-child {
    border-radius: var(--mud-default-borderradius) 0 0 0; }
  .mud-simple-table.mud-table-sticky-header * table thead * th:last-child {
    border-radius: 0 var(--mud-default-borderradius) 0 0; }
  .mud-simple-table.mud-table-sticky-header * table thead * th {
    background-color: var(--mud-palette-surface);
    position: sticky;
    z-index: 1;
    top: 0; }

.mud-simple-table.mud-table-sticky-footer .mud-table-container {
  overflow-x: auto;
  max-height: 100%; }

.mud-simple-table.mud-table-sticky-footer * table {
  border-collapse: separate; }
  .mud-simple-table.mud-table-sticky-footer * table tfoot * td {
    background-color: var(--mud-palette-surface);
    position: sticky;
    z-index: 1;
    bottom: 0; }

.mud-skeleton {
  height: 1.2em;
  display: block;
  background-color: rgba(0, 0, 0, 0.11); }

.mud-skeleton-text {
  height: auto;
  transform: scale(1, 0.6);
  margin-top: 0;
  border-radius: var(--mud-default-borderradius);
  margin-bottom: 0;
  transform-origin: 0 60%; }

.mud-skeleton-text:empty:before {
  content: "\00a0"; }

.mud-skeleton-circle {
  border-radius: 50%; }

.mud-skeleton-pulse {
  animation: mud-skeleton-keyframes-pulse 1.5s ease-in-out 0.5s infinite; }

.mud-skeleton-wave {
  overflow: hidden;
  position: relative; }

.mud-skeleton-wave::after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  position: absolute;
  animation: mud-skeleton-keyframes-wave 1.6s linear 0.5s infinite;
  transform: translateX(-100%);
  background: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.04), transparent); }

.mud-slider {
  color: var(--mud-palette-text-primary);
  display: inline-block;
  width: 100%;
  user-select: none; }
  .mud-slider > .mud-typography {
    margin-top: 10px; }
  .mud-slider.mud-slider-vertical {
    transform: rotate(270deg);
    height: 100%;
    width: unset; }
  .mud-slider .mud-slider-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    position: relative;
    display: block;
    width: 100%;
    background-color: transparent;
    cursor: pointer; }
    .mud-slider .mud-slider-input:focus {
      outline: none; }
    .mud-slider .mud-slider-input:active + .mud-slider-value-label {
      opacity: 1; }
    .mud-slider .mud-slider-input::-webkit-slider-runnable-track {
      border-radius: var(--mud-default-borderradius);
      width: 100%; }
    .mud-slider .mud-slider-input::-moz-range-track {
      border-radius: var(--mud-default-borderradius);
      width: 100%; }
    .mud-slider .mud-slider-input::-webkit-slider-thumb {
      appearance: none;
      -webkit-appearance: none;
      border: none;
      border-radius: 50%;
      cursor: pointer;
      transition: box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; }
    .mud-slider .mud-slider-input::-moz-range-thumb {
      appearance: none;
      -webkit-appearance: none;
      border: none;
      border-radius: 50%;
      cursor: pointer;
      transition: box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; }
    .mud-slider .mud-slider-input:disabled {
      cursor: default;
      opacity: 0.38; }
      .mud-slider .mud-slider-input:disabled::-webkit-slider-runnable-track {
        background-color: var(--mud-palette-text-disabled); }
      .mud-slider .mud-slider-input:disabled::-moz-range-track {
        background-color: var(--mud-palette-text-disabled); }
      .mud-slider .mud-slider-input:disabled::-webkit-slider-thumb {
        background-color: black;
        color: white;
        box-shadow: 0 0 0 1px white !important;
        transform: scale(4, 4); }
        .mud-slider .mud-slider-input:disabled::-webkit-slider-thumb:hover {
          box-shadow: 0 0 0 1px white !important; }
      .mud-slider .mud-slider-input:disabled::-moz-range-thumb {
        background-color: black;
        color: white;
        box-shadow: 0 0 0 1px white !important;
        transform: scale(4, 4); }
        .mud-slider .mud-slider-input:disabled::-moz-range-thumb:hover {
          box-shadow: 0 0 0 1px white !important; }
  .mud-slider.mud-slider-primary .mud-slider-filled {
    background-color: var(--mud-palette-primary); }
  .mud-slider.mud-slider-primary .mud-slider-track-tick {
    background-color: var(--mud-palette-primary); }
  .mud-slider.mud-slider-primary .mud-slider-value-label {
    color: var(--mud-palette-primary-text);
    background-color: var(--mud-palette-primary); }
  .mud-slider.mud-slider-primary .mud-slider-input::-webkit-slider-runnable-track {
    background-color: rgba(var(--mud-palette-primary-rgb), 0.3); }
  .mud-slider.mud-slider-primary .mud-slider-input::-moz-range-track {
    background-color: rgba(var(--mud-palette-primary-rgb), 0.3); }
  .mud-slider.mud-slider-primary .mud-slider-input::-webkit-slider-thumb {
    background-color: var(--mud-palette-primary);
    box-shadow: 0px 1px 2px -1px rgba(var(--mud-palette-primary-rgb), 0.3); }
  .mud-slider.mud-slider-primary .mud-slider-input::-moz-range-thumb {
    background-color: var(--mud-palette-primary);
    box-shadow: 0px 1px 2px -1px rgba(var(--mud-palette-primary-rgb), 0.3); }
  .mud-slider.mud-slider-primary .mud-slider-input::-webkit-slider-thumb:hover {
    box-shadow: 0px 1px 2px -1px rgba(var(--mud-palette-primary-rgb), 0.3), 0 0 0 1px rgba(var(--mud-palette-primary-rgb), 0.24); }
  .mud-slider.mud-slider-primary .mud-slider-input::-moz-range-thumb:hover {
    box-shadow: 0px 1px 2px -1px rgba(var(--mud-palette-primary-rgb), 0.3), 0 0 0 1px rgba(var(--mud-palette-primary-rgb), 0.24); }
  .mud-slider.mud-slider-primary .mud-slider-input:active::-webkit-slider-thumb, .mud-slider.mud-slider-primary .mud-slider-input:focus-visible::-webkit-slider-thumb {
    box-shadow: 0px 1px 2px -1px rgba(var(--mud-palette-primary-rgb), 0.3), 0 0 0 2px rgba(var(--mud-palette-primary-rgb), 0.24); }
  .mud-slider.mud-slider-primary .mud-slider-input:active::-moz-range-thumb, .mud-slider.mud-slider-primary .mud-slider-input:focus-visible::-moz-range-thumb {
    box-shadow: 0px 1px 2px -1px rgba(var(--mud-palette-primary-rgb), 0.3), 0 0 0 2px rgba(var(--mud-palette-primary-rgb), 0.24); }
  .mud-slider.mud-slider-secondary .mud-slider-filled {
    background-color: var(--mud-palette-secondary); }
  .mud-slider.mud-slider-secondary .mud-slider-track-tick {
    background-color: var(--mud-palette-secondary); }
  .mud-slider.mud-slider-secondary .mud-slider-value-label {
    color: var(--mud-palette-secondary-text);
    background-color: var(--mud-palette-secondary); }
  .mud-slider.mud-slider-secondary .mud-slider-input::-webkit-slider-runnable-track {
    background-color: rgba(var(--mud-palette-secondary-rgb), 0.3); }
  .mud-slider.mud-slider-secondary .mud-slider-input::-moz-range-track {
    background-color: rgba(var(--mud-palette-secondary-rgb), 0.3); }
  .mud-slider.mud-slider-secondary .mud-slider-input::-webkit-slider-thumb {
    background-color: var(--mud-palette-secondary);
    box-shadow: 0px 1px 2px -1px rgba(var(--mud-palette-secondary-rgb), 0.3); }
  .mud-slider.mud-slider-secondary .mud-slider-input::-moz-range-thumb {
    background-color: var(--mud-palette-secondary);
    box-shadow: 0px 1px 2px -1px rgba(var(--mud-palette-secondary-rgb), 0.3); }
  .mud-slider.mud-slider-secondary .mud-slider-input::-webkit-slider-thumb:hover {
    box-shadow: 0px 1px 2px -1px rgba(var(--mud-palette-secondary-rgb), 0.3), 0 0 0 1px rgba(var(--mud-palette-secondary-rgb), 0.24); }
  .mud-slider.mud-slider-secondary .mud-slider-input::-moz-range-thumb:hover {
    box-shadow: 0px 1px 2px -1px rgba(var(--mud-palette-secondary-rgb), 0.3), 0 0 0 1px rgba(var(--mud-palette-secondary-rgb), 0.24); }
  .mud-slider.mud-slider-secondary .mud-slider-input:active::-webkit-slider-thumb, .mud-slider.mud-slider-secondary .mud-slider-input:focus-visible::-webkit-slider-thumb {
    box-shadow: 0px 1px 2px -1px rgba(var(--mud-palette-secondary-rgb), 0.3), 0 0 0 2px rgba(var(--mud-palette-secondary-rgb), 0.24); }
  .mud-slider.mud-slider-secondary .mud-slider-input:active::-moz-range-thumb, .mud-slider.mud-slider-secondary .mud-slider-input:focus-visible::-moz-range-thumb {
    box-shadow: 0px 1px 2px -1px rgba(var(--mud-palette-secondary-rgb), 0.3), 0 0 0 2px rgba(var(--mud-palette-secondary-rgb), 0.24); }
  .mud-slider.mud-slider-tertiary .mud-slider-filled {
    background-color: var(--mud-palette-tertiary); }
  .mud-slider.mud-slider-tertiary .mud-slider-track-tick {
    background-color: var(--mud-palette-tertiary); }
  .mud-slider.mud-slider-tertiary .mud-slider-value-label {
    color: var(--mud-palette-tertiary-text);
    background-color: var(--mud-palette-tertiary); }
  .mud-slider.mud-slider-tertiary .mud-slider-input::-webkit-slider-runnable-track {
    background-color: rgba(var(--mud-palette-tertiary-rgb), 0.3); }
  .mud-slider.mud-slider-tertiary .mud-slider-input::-moz-range-track {
    background-color: rgba(var(--mud-palette-tertiary-rgb), 0.3); }
  .mud-slider.mud-slider-tertiary .mud-slider-input::-webkit-slider-thumb {
    background-color: var(--mud-palette-tertiary);
    box-shadow: 0px 1px 2px -1px rgba(var(--mud-palette-tertiary-rgb), 0.3); }
  .mud-slider.mud-slider-tertiary .mud-slider-input::-moz-range-thumb {
    background-color: var(--mud-palette-tertiary);
    box-shadow: 0px 1px 2px -1px rgba(var(--mud-palette-tertiary-rgb), 0.3); }
  .mud-slider.mud-slider-tertiary .mud-slider-input::-webkit-slider-thumb:hover {
    box-shadow: 0px 1px 2px -1px rgba(var(--mud-palette-tertiary-rgb), 0.3), 0 0 0 1px rgba(var(--mud-palette-tertiary-rgb), 0.24); }
  .mud-slider.mud-slider-tertiary .mud-slider-input::-moz-range-thumb:hover {
    box-shadow: 0px 1px 2px -1px rgba(var(--mud-palette-tertiary-rgb), 0.3), 0 0 0 1px rgba(var(--mud-palette-tertiary-rgb), 0.24); }
  .mud-slider.mud-slider-tertiary .mud-slider-input:active::-webkit-slider-thumb, .mud-slider.mud-slider-tertiary .mud-slider-input:focus-visible::-webkit-slider-thumb {
    box-shadow: 0px 1px 2px -1px rgba(var(--mud-palette-tertiary-rgb), 0.3), 0 0 0 2px rgba(var(--mud-palette-tertiary-rgb), 0.24); }
  .mud-slider.mud-slider-tertiary .mud-slider-input:active::-moz-range-thumb, .mud-slider.mud-slider-tertiary .mud-slider-input:focus-visible::-moz-range-thumb {
    box-shadow: 0px 1px 2px -1px rgba(var(--mud-palette-tertiary-rgb), 0.3), 0 0 0 2px rgba(var(--mud-palette-tertiary-rgb), 0.24); }
  .mud-slider.mud-slider-info .mud-slider-filled {
    background-color: var(--mud-palette-info); }
  .mud-slider.mud-slider-info .mud-slider-track-tick {
    background-color: var(--mud-palette-info); }
  .mud-slider.mud-slider-info .mud-slider-value-label {
    color: var(--mud-palette-info-text);
    background-color: var(--mud-palette-info); }
  .mud-slider.mud-slider-info .mud-slider-input::-webkit-slider-runnable-track {
    background-color: rgba(var(--mud-palette-info-rgb), 0.3); }
  .mud-slider.mud-slider-info .mud-slider-input::-moz-range-track {
    background-color: rgba(var(--mud-palette-info-rgb), 0.3); }
  .mud-slider.mud-slider-info .mud-slider-input::-webkit-slider-thumb {
    background-color: var(--mud-palette-info);
    box-shadow: 0px 1px 2px -1px rgba(var(--mud-palette-info-rgb), 0.3); }
  .mud-slider.mud-slider-info .mud-slider-input::-moz-range-thumb {
    background-color: var(--mud-palette-info);
    box-shadow: 0px 1px 2px -1px rgba(var(--mud-palette-info-rgb), 0.3); }
  .mud-slider.mud-slider-info .mud-slider-input::-webkit-slider-thumb:hover {
    box-shadow: 0px 1px 2px -1px rgba(var(--mud-palette-info-rgb), 0.3), 0 0 0 1px rgba(var(--mud-palette-info-rgb), 0.24); }
  .mud-slider.mud-slider-info .mud-slider-input::-moz-range-thumb:hover {
    box-shadow: 0px 1px 2px -1px rgba(var(--mud-palette-info-rgb), 0.3), 0 0 0 1px rgba(var(--mud-palette-info-rgb), 0.24); }
  .mud-slider.mud-slider-info .mud-slider-input:active::-webkit-slider-thumb, .mud-slider.mud-slider-info .mud-slider-input:focus-visible::-webkit-slider-thumb {
    box-shadow: 0px 1px 2px -1px rgba(var(--mud-palette-info-rgb), 0.3), 0 0 0 2px rgba(var(--mud-palette-info-rgb), 0.24); }
  .mud-slider.mud-slider-info .mud-slider-input:active::-moz-range-thumb, .mud-slider.mud-slider-info .mud-slider-input:focus-visible::-moz-range-thumb {
    box-shadow: 0px 1px 2px -1px rgba(var(--mud-palette-info-rgb), 0.3), 0 0 0 2px rgba(var(--mud-palette-info-rgb), 0.24); }
  .mud-slider.mud-slider-success .mud-slider-filled {
    background-color: var(--mud-palette-success); }
  .mud-slider.mud-slider-success .mud-slider-track-tick {
    background-color: var(--mud-palette-success); }
  .mud-slider.mud-slider-success .mud-slider-value-label {
    color: var(--mud-palette-success-text);
    background-color: var(--mud-palette-success); }
  .mud-slider.mud-slider-success .mud-slider-input::-webkit-slider-runnable-track {
    background-color: rgba(var(--mud-palette-success-rgb), 0.3); }
  .mud-slider.mud-slider-success .mud-slider-input::-moz-range-track {
    background-color: rgba(var(--mud-palette-success-rgb), 0.3); }
  .mud-slider.mud-slider-success .mud-slider-input::-webkit-slider-thumb {
    background-color: var(--mud-palette-success);
    box-shadow: 0px 1px 2px -1px rgba(var(--mud-palette-success-rgb), 0.3); }
  .mud-slider.mud-slider-success .mud-slider-input::-moz-range-thumb {
    background-color: var(--mud-palette-success);
    box-shadow: 0px 1px 2px -1px rgba(var(--mud-palette-success-rgb), 0.3); }
  .mud-slider.mud-slider-success .mud-slider-input::-webkit-slider-thumb:hover {
    box-shadow: 0px 1px 2px -1px rgba(var(--mud-palette-success-rgb), 0.3), 0 0 0 1px rgba(var(--mud-palette-success-rgb), 0.24); }
  .mud-slider.mud-slider-success .mud-slider-input::-moz-range-thumb:hover {
    box-shadow: 0px 1px 2px -1px rgba(var(--mud-palette-success-rgb), 0.3), 0 0 0 1px rgba(var(--mud-palette-success-rgb), 0.24); }
  .mud-slider.mud-slider-success .mud-slider-input:active::-webkit-slider-thumb, .mud-slider.mud-slider-success .mud-slider-input:focus-visible::-webkit-slider-thumb {
    box-shadow: 0px 1px 2px -1px rgba(var(--mud-palette-success-rgb), 0.3), 0 0 0 2px rgba(var(--mud-palette-success-rgb), 0.24); }
  .mud-slider.mud-slider-success .mud-slider-input:active::-moz-range-thumb, .mud-slider.mud-slider-success .mud-slider-input:focus-visible::-moz-range-thumb {
    box-shadow: 0px 1px 2px -1px rgba(var(--mud-palette-success-rgb), 0.3), 0 0 0 2px rgba(var(--mud-palette-success-rgb), 0.24); }
  .mud-slider.mud-slider-warning .mud-slider-filled {
    background-color: var(--mud-palette-warning); }
  .mud-slider.mud-slider-warning .mud-slider-track-tick {
    background-color: var(--mud-palette-warning); }
  .mud-slider.mud-slider-warning .mud-slider-value-label {
    color: var(--mud-palette-warning-text);
    background-color: var(--mud-palette-warning); }
  .mud-slider.mud-slider-warning .mud-slider-input::-webkit-slider-runnable-track {
    background-color: rgba(var(--mud-palette-warning-rgb), 0.3); }
  .mud-slider.mud-slider-warning .mud-slider-input::-moz-range-track {
    background-color: rgba(var(--mud-palette-warning-rgb), 0.3); }
  .mud-slider.mud-slider-warning .mud-slider-input::-webkit-slider-thumb {
    background-color: var(--mud-palette-warning);
    box-shadow: 0px 1px 2px -1px rgba(var(--mud-palette-warning-rgb), 0.3); }
  .mud-slider.mud-slider-warning .mud-slider-input::-moz-range-thumb {
    background-color: var(--mud-palette-warning);
    box-shadow: 0px 1px 2px -1px rgba(var(--mud-palette-warning-rgb), 0.3); }
  .mud-slider.mud-slider-warning .mud-slider-input::-webkit-slider-thumb:hover {
    box-shadow: 0px 1px 2px -1px rgba(var(--mud-palette-warning-rgb), 0.3), 0 0 0 1px rgba(var(--mud-palette-warning-rgb), 0.24); }
  .mud-slider.mud-slider-warning .mud-slider-input::-moz-range-thumb:hover {
    box-shadow: 0px 1px 2px -1px rgba(var(--mud-palette-warning-rgb), 0.3), 0 0 0 1px rgba(var(--mud-palette-warning-rgb), 0.24); }
  .mud-slider.mud-slider-warning .mud-slider-input:active::-webkit-slider-thumb, .mud-slider.mud-slider-warning .mud-slider-input:focus-visible::-webkit-slider-thumb {
    box-shadow: 0px 1px 2px -1px rgba(var(--mud-palette-warning-rgb), 0.3), 0 0 0 2px rgba(var(--mud-palette-warning-rgb), 0.24); }
  .mud-slider.mud-slider-warning .mud-slider-input:active::-moz-range-thumb, .mud-slider.mud-slider-warning .mud-slider-input:focus-visible::-moz-range-thumb {
    box-shadow: 0px 1px 2px -1px rgba(var(--mud-palette-warning-rgb), 0.3), 0 0 0 2px rgba(var(--mud-palette-warning-rgb), 0.24); }
  .mud-slider.mud-slider-error .mud-slider-filled {
    background-color: var(--mud-palette-error); }
  .mud-slider.mud-slider-error .mud-slider-track-tick {
    background-color: var(--mud-palette-error); }
  .mud-slider.mud-slider-error .mud-slider-value-label {
    color: var(--mud-palette-error-text);
    background-color: var(--mud-palette-error); }
  .mud-slider.mud-slider-error .mud-slider-input::-webkit-slider-runnable-track {
    background-color: rgba(var(--mud-palette-error-rgb), 0.3); }
  .mud-slider.mud-slider-error .mud-slider-input::-moz-range-track {
    background-color: rgba(var(--mud-palette-error-rgb), 0.3); }
  .mud-slider.mud-slider-error .mud-slider-input::-webkit-slider-thumb {
    background-color: var(--mud-palette-error);
    box-shadow: 0px 1px 2px -1px rgba(var(--mud-palette-error-rgb), 0.3); }
  .mud-slider.mud-slider-error .mud-slider-input::-moz-range-thumb {
    background-color: var(--mud-palette-error);
    box-shadow: 0px 1px 2px -1px rgba(var(--mud-palette-error-rgb), 0.3); }
  .mud-slider.mud-slider-error .mud-slider-input::-webkit-slider-thumb:hover {
    box-shadow: 0px 1px 2px -1px rgba(var(--mud-palette-error-rgb), 0.3), 0 0 0 1px rgba(var(--mud-palette-error-rgb), 0.24); }
  .mud-slider.mud-slider-error .mud-slider-input::-moz-range-thumb:hover {
    box-shadow: 0px 1px 2px -1px rgba(var(--mud-palette-error-rgb), 0.3), 0 0 0 1px rgba(var(--mud-palette-error-rgb), 0.24); }
  .mud-slider.mud-slider-error .mud-slider-input:active::-webkit-slider-thumb, .mud-slider.mud-slider-error .mud-slider-input:focus-visible::-webkit-slider-thumb {
    box-shadow: 0px 1px 2px -1px rgba(var(--mud-palette-error-rgb), 0.3), 0 0 0 2px rgba(var(--mud-palette-error-rgb), 0.24); }
  .mud-slider.mud-slider-error .mud-slider-input:active::-moz-range-thumb, .mud-slider.mud-slider-error .mud-slider-input:focus-visible::-moz-range-thumb {
    box-shadow: 0px 1px 2px -1px rgba(var(--mud-palette-error-rgb), 0.3), 0 0 0 2px rgba(var(--mud-palette-error-rgb), 0.24); }
  .mud-slider.mud-slider-dark .mud-slider-filled {
    background-color: var(--mud-palette-dark); }
  .mud-slider.mud-slider-dark .mud-slider-track-tick {
    background-color: var(--mud-palette-dark); }
  .mud-slider.mud-slider-dark .mud-slider-value-label {
    color: var(--mud-palette-dark-text);
    background-color: var(--mud-palette-dark); }
  .mud-slider.mud-slider-dark .mud-slider-input::-webkit-slider-runnable-track {
    background-color: rgba(var(--mud-palette-dark-rgb), 0.3); }
  .mud-slider.mud-slider-dark .mud-slider-input::-moz-range-track {
    background-color: rgba(var(--mud-palette-dark-rgb), 0.3); }
  .mud-slider.mud-slider-dark .mud-slider-input::-webkit-slider-thumb {
    background-color: var(--mud-palette-dark);
    box-shadow: 0px 1px 2px -1px rgba(var(--mud-palette-dark-rgb), 0.3); }
  .mud-slider.mud-slider-dark .mud-slider-input::-moz-range-thumb {
    background-color: var(--mud-palette-dark);
    box-shadow: 0px 1px 2px -1px rgba(var(--mud-palette-dark-rgb), 0.3); }
  .mud-slider.mud-slider-dark .mud-slider-input::-webkit-slider-thumb:hover {
    box-shadow: 0px 1px 2px -1px rgba(var(--mud-palette-dark-rgb), 0.3), 0 0 0 1px rgba(var(--mud-palette-dark-rgb), 0.24); }
  .mud-slider.mud-slider-dark .mud-slider-input::-moz-range-thumb:hover {
    box-shadow: 0px 1px 2px -1px rgba(var(--mud-palette-dark-rgb), 0.3), 0 0 0 1px rgba(var(--mud-palette-dark-rgb), 0.24); }
  .mud-slider.mud-slider-dark .mud-slider-input:active::-webkit-slider-thumb, .mud-slider.mud-slider-dark .mud-slider-input:focus-visible::-webkit-slider-thumb {
    box-shadow: 0px 1px 2px -1px rgba(var(--mud-palette-dark-rgb), 0.3), 0 0 0 2px rgba(var(--mud-palette-dark-rgb), 0.24); }
  .mud-slider.mud-slider-dark .mud-slider-input:active::-moz-range-thumb, .mud-slider.mud-slider-dark .mud-slider-input:focus-visible::-moz-range-thumb {
    box-shadow: 0px 1px 2px -1px rgba(var(--mud-palette-dark-rgb), 0.3), 0 0 0 2px rgba(var(--mud-palette-dark-rgb), 0.24); }
  .mud-slider.mud-slider-small .mud-slider-filled {
    height: 2px; }
  .mud-slider.mud-slider-small .mud-slider-track-tick {
    width: 2px;
    height: 2px; }
  .mud-slider.mud-slider-small .mud-slider-track-tick-label {
    transform: translateX(-50%) translateY(50%); }
  .mud-slider.mud-slider-small .mud-slider-input::-webkit-slider-runnable-track {
    height: 2px;
    margin: 10px 0; }
  .mud-slider.mud-slider-small .mud-slider-input::-moz-range-track {
    height: 2px;
    margin: 10px 0; }
  .mud-slider.mud-slider-small .mud-slider-input::-webkit-slider-thumb {
    height: 2px;
    width: 2px;
    transform: scale(6, 6); }
  .mud-slider.mud-slider-small .mud-slider-input::-moz-range-thumb {
    height: 2px;
    width: 2px;
    transform: scale(6, 6); }
  .mud-slider.mud-slider-medium .mud-slider-filled {
    height: 4px; }
  .mud-slider.mud-slider-medium .mud-slider-track-tick {
    width: 4px;
    height: 4px; }
  .mud-slider.mud-slider-medium .mud-slider-track-tick-label {
    transform: translateX(-50%) translateY(80%); }
  .mud-slider.mud-slider-medium .mud-slider-input::-webkit-slider-runnable-track {
    height: 4px;
    margin: 12px 0; }
  .mud-slider.mud-slider-medium .mud-slider-input::-moz-range-track {
    height: 4px;
    margin: 12px 0; }
  .mud-slider.mud-slider-medium .mud-slider-input::-webkit-slider-thumb {
    height: 4px;
    width: 4px;
    transform: scale(5, 5); }
  .mud-slider.mud-slider-medium .mud-slider-input::-moz-range-thumb {
    height: 4px;
    width: 4px;
    transform: scale(5, 5); }
  .mud-slider.mud-slider-large .mud-slider-filled {
    height: 6px; }
  .mud-slider.mud-slider-large .mud-slider-track-tick {
    width: 6px;
    height: 6px; }
  .mud-slider.mud-slider-large .mud-slider-track-tick-label {
    transform: translateX(-50%) translateY(110%); }
  .mud-slider.mud-slider-large .mud-slider-input::-webkit-slider-runnable-track {
    height: 6px;
    margin: 14px 0; }
  .mud-slider.mud-slider-large .mud-slider-input::-moz-range-track {
    height: 6px;
    margin: 14px 0; }
  .mud-slider.mud-slider-large .mud-slider-input::-webkit-slider-thumb {
    height: 6px;
    width: 6px;
    transform: scale(4, 4); }
  .mud-slider.mud-slider-large .mud-slider-input::-moz-range-thumb {
    height: 6px;
    width: 6px;
    transform: scale(4, 4); }
  .mud-slider .mud-slider-container {
    position: relative;
    width: 100%;
    display: flex;
    align-content: center; }
  .mud-slider .mud-slider-filled {
    border-radius: var(--mud-default-borderradius); }
  .mud-slider .mud-slider-inner-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center; }
  .mud-slider .mud-slider-value-label {
    position: absolute;
    top: 0;
    transform: translateX(-50%) translateY(-125%);
    padding: 4px 8px;
    text-align: center;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    border-radius: 2px;
    line-height: normal;
    opacity: 0;
    transition: opacity .2s ease-in-out;
    pointer-events: none;
    user-select: none; }
  .mud-slider .mud-slider-tickmarks {
    display: flex;
    justify-content: space-between;
    flex-grow: 1; }
  .mud-slider .mud-slider-track-tick {
    border-radius: 9999%;
    background-color: var(--mud-palette-primary); }
  .mud-slider .mud-slider-track-tick-label {
    position: absolute;
    top: 0;
    left: 0; }

.mud-progress-circular {
  display: inline-block;
  color: var(--mud-palette-text-secondary); }
  .mud-progress-circular.mud-progress-indeterminate {
    animation: mud-progress-circular-keyframes-circular-rotate 1.4s linear infinite; }
  .mud-progress-circular.mud-progress-static {
    transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; }
  .mud-progress-circular.mud-progress-small {
    height: 24px;
    width: 24px; }
  .mud-progress-circular.mud-progress-medium {
    height: 40px;
    width: 40px; }
  .mud-progress-circular.mud-progress-large {
    height: 56px;
    width: 56px; }

.mud-progress-circular-svg {
  display: block;
  transform: rotate(-90deg); }

.mud-progress-circular-circle {
  stroke: currentColor; }
  .mud-progress-circular-circle.mud-progress-indeterminate {
    animation: mud-progress-circular-keyframes-circular-dash 1.4s ease-in-out infinite;
    stroke-dasharray: 80px, 200px;
    stroke-dashoffset: 0px; }
  .mud-progress-circular-circle.mud-progress-static {
    transition: stroke-dashoffset 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; }

.mud-progress-circular-disable-shrink {
  animation: none; }

.mud-progress-linear {
  position: relative; }
  .mud-progress-linear::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: block;
    opacity: 0.2; }
  .mud-progress-linear.horizontal {
    width: 100%; }
    .mud-progress-linear.horizontal.mud-progress-linear-small {
      height: 4px; }
    .mud-progress-linear.horizontal.mud-progress-linear-medium {
      height: 8px; }
    .mud-progress-linear.horizontal.mud-progress-linear-large {
      height: 12px; }
    .mud-progress-linear.horizontal .mud-progress-linear-dashed {
      animation: mud-progress-linear-horizontal-keyframes-buffer 3s infinite linear; }
  .mud-progress-linear.vertical {
    height: 100%; }
    .mud-progress-linear.vertical.mud-progress-linear-small {
      width: 4px; }
    .mud-progress-linear.vertical.mud-progress-linear-medium {
      width: 8px; }
    .mud-progress-linear.vertical.mud-progress-linear-large {
      width: 12px; }
  .mud-progress-linear .mud-progress-linear-content {
    position: absolute;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center; }
  .mud-progress-linear .mud-progress-linear-bars {
    position: absolute;
    height: 100%;
    width: 100%;
    overflow: hidden; }
  .mud-progress-linear .mud-progress-linear-bar {
    top: 0;
    left: 0;
    width: 100%;
    bottom: 0;
    position: absolute;
    transition: transform 0.2s linear;
    transform-origin: left; }
    .mud-progress-linear .mud-progress-linear-bar.mud-progress-linear-1-indeterminate.horizontal {
      width: auto;
      animation: mud-progress-linear-horizontal-keyframes-indeterminate1 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; }
    .mud-progress-linear .mud-progress-linear-bar.mud-progress-linear-1-indeterminate.vertical {
      height: auto;
      animation: mud-progress-linear-vertical-keyframes-indeterminate1 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; }
    .mud-progress-linear .mud-progress-linear-bar.mud-progress-linear-2-indeterminate.horizontal {
      width: auto;
      animation: mud-progress-linear-horizontal-keyframes-indeterminate2 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.15s infinite; }
    .mud-progress-linear .mud-progress-linear-bar.mud-progress-linear-2-indeterminate.vertical {
      height: auto;
      animation: mud-progress-linear-vertical-keyframes-indeterminate2 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.15s infinite; }
  .mud-progress-linear.mud-progress-linear-color-default:not(.mud-progress-linear-buffer)::before {
    background-color: var(--mud-palette-action-disabled); }
  .mud-progress-linear.mud-progress-linear-color-default:not(.mud-progress-linear-buffer) .mud-progress-linear-bar {
    background-color: var(--mud-palette-action-default); }
  .mud-progress-linear.mud-progress-linear-color-default.mud-progress-linear-buffer .mud-progress-linear-bar:first-child {
    background-size: 10px 10px;
    background-image: radial-gradient(var(--mud-palette-action-disabled) 0%, var(--mud-palette-action-disabled) 16%, transparent 42%);
    background-position: 0 -23px; }
  .mud-progress-linear.mud-progress-linear-color-default.mud-progress-linear-buffer .mud-progress-linear-bar:nth-child(2) {
    background-color: var(--mud-palette-action-default); }
  .mud-progress-linear.mud-progress-linear-color-default.mud-progress-linear-buffer .mud-progress-linear-bar:last-child {
    transition: transform .4s linear; }
    .mud-progress-linear.mud-progress-linear-color-default.mud-progress-linear-buffer .mud-progress-linear-bar:last-child::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      display: block;
      opacity: 0.4;
      background-color: var(--mud-palette-action-disabled); }
  .mud-progress-linear.mud-progress-linear-color-primary:not(.mud-progress-linear-buffer)::before {
    background-color: var(--mud-palette-primary); }
  .mud-progress-linear.mud-progress-linear-color-primary:not(.mud-progress-linear-buffer) .mud-progress-linear-bar {
    background-color: var(--mud-palette-primary); }
  .mud-progress-linear.mud-progress-linear-color-primary.mud-progress-linear-buffer .mud-progress-linear-bar:first-child {
    background-size: 10px 10px;
    background-image: radial-gradient(var(--mud-palette-primary) 0%, var(--mud-palette-primary) 16%, transparent 42%);
    background-position: 0 -23px; }
  .mud-progress-linear.mud-progress-linear-color-primary.mud-progress-linear-buffer .mud-progress-linear-bar:nth-child(2) {
    background-color: var(--mud-palette-primary); }
  .mud-progress-linear.mud-progress-linear-color-primary.mud-progress-linear-buffer .mud-progress-linear-bar:last-child {
    transition: transform .4s linear; }
    .mud-progress-linear.mud-progress-linear-color-primary.mud-progress-linear-buffer .mud-progress-linear-bar:last-child::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      display: block;
      opacity: 0.4;
      background-color: var(--mud-palette-primary); }
  .mud-progress-linear.mud-progress-linear-color-secondary:not(.mud-progress-linear-buffer)::before {
    background-color: var(--mud-palette-secondary); }
  .mud-progress-linear.mud-progress-linear-color-secondary:not(.mud-progress-linear-buffer) .mud-progress-linear-bar {
    background-color: var(--mud-palette-secondary); }
  .mud-progress-linear.mud-progress-linear-color-secondary.mud-progress-linear-buffer .mud-progress-linear-bar:first-child {
    background-size: 10px 10px;
    background-image: radial-gradient(var(--mud-palette-secondary) 0%, var(--mud-palette-secondary) 16%, transparent 42%);
    background-position: 0 -23px; }
  .mud-progress-linear.mud-progress-linear-color-secondary.mud-progress-linear-buffer .mud-progress-linear-bar:nth-child(2) {
    background-color: var(--mud-palette-secondary); }
  .mud-progress-linear.mud-progress-linear-color-secondary.mud-progress-linear-buffer .mud-progress-linear-bar:last-child {
    transition: transform .4s linear; }
    .mud-progress-linear.mud-progress-linear-color-secondary.mud-progress-linear-buffer .mud-progress-linear-bar:last-child::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      display: block;
      opacity: 0.4;
      background-color: var(--mud-palette-secondary); }
  .mud-progress-linear.mud-progress-linear-color-tertiary:not(.mud-progress-linear-buffer)::before {
    background-color: var(--mud-palette-tertiary); }
  .mud-progress-linear.mud-progress-linear-color-tertiary:not(.mud-progress-linear-buffer) .mud-progress-linear-bar {
    background-color: var(--mud-palette-tertiary); }
  .mud-progress-linear.mud-progress-linear-color-tertiary.mud-progress-linear-buffer .mud-progress-linear-bar:first-child {
    background-size: 10px 10px;
    background-image: radial-gradient(var(--mud-palette-tertiary) 0%, var(--mud-palette-tertiary) 16%, transparent 42%);
    background-position: 0 -23px; }
  .mud-progress-linear.mud-progress-linear-color-tertiary.mud-progress-linear-buffer .mud-progress-linear-bar:nth-child(2) {
    background-color: var(--mud-palette-tertiary); }
  .mud-progress-linear.mud-progress-linear-color-tertiary.mud-progress-linear-buffer .mud-progress-linear-bar:last-child {
    transition: transform .4s linear; }
    .mud-progress-linear.mud-progress-linear-color-tertiary.mud-progress-linear-buffer .mud-progress-linear-bar:last-child::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      display: block;
      opacity: 0.4;
      background-color: var(--mud-palette-tertiary); }
  .mud-progress-linear.mud-progress-linear-color-info:not(.mud-progress-linear-buffer)::before {
    background-color: var(--mud-palette-info); }
  .mud-progress-linear.mud-progress-linear-color-info:not(.mud-progress-linear-buffer) .mud-progress-linear-bar {
    background-color: var(--mud-palette-info); }
  .mud-progress-linear.mud-progress-linear-color-info.mud-progress-linear-buffer .mud-progress-linear-bar:first-child {
    background-size: 10px 10px;
    background-image: radial-gradient(var(--mud-palette-info) 0%, var(--mud-palette-info) 16%, transparent 42%);
    background-position: 0 -23px; }
  .mud-progress-linear.mud-progress-linear-color-info.mud-progress-linear-buffer .mud-progress-linear-bar:nth-child(2) {
    background-color: var(--mud-palette-info); }
  .mud-progress-linear.mud-progress-linear-color-info.mud-progress-linear-buffer .mud-progress-linear-bar:last-child {
    transition: transform .4s linear; }
    .mud-progress-linear.mud-progress-linear-color-info.mud-progress-linear-buffer .mud-progress-linear-bar:last-child::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      display: block;
      opacity: 0.4;
      background-color: var(--mud-palette-info); }
  .mud-progress-linear.mud-progress-linear-color-success:not(.mud-progress-linear-buffer)::before {
    background-color: var(--mud-palette-success); }
  .mud-progress-linear.mud-progress-linear-color-success:not(.mud-progress-linear-buffer) .mud-progress-linear-bar {
    background-color: var(--mud-palette-success); }
  .mud-progress-linear.mud-progress-linear-color-success.mud-progress-linear-buffer .mud-progress-linear-bar:first-child {
    background-size: 10px 10px;
    background-image: radial-gradient(var(--mud-palette-success) 0%, var(--mud-palette-success) 16%, transparent 42%);
    background-position: 0 -23px; }
  .mud-progress-linear.mud-progress-linear-color-success.mud-progress-linear-buffer .mud-progress-linear-bar:nth-child(2) {
    background-color: var(--mud-palette-success); }
  .mud-progress-linear.mud-progress-linear-color-success.mud-progress-linear-buffer .mud-progress-linear-bar:last-child {
    transition: transform .4s linear; }
    .mud-progress-linear.mud-progress-linear-color-success.mud-progress-linear-buffer .mud-progress-linear-bar:last-child::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      display: block;
      opacity: 0.4;
      background-color: var(--mud-palette-success); }
  .mud-progress-linear.mud-progress-linear-color-warning:not(.mud-progress-linear-buffer)::before {
    background-color: var(--mud-palette-warning); }
  .mud-progress-linear.mud-progress-linear-color-warning:not(.mud-progress-linear-buffer) .mud-progress-linear-bar {
    background-color: var(--mud-palette-warning); }
  .mud-progress-linear.mud-progress-linear-color-warning.mud-progress-linear-buffer .mud-progress-linear-bar:first-child {
    background-size: 10px 10px;
    background-image: radial-gradient(var(--mud-palette-warning) 0%, var(--mud-palette-warning) 16%, transparent 42%);
    background-position: 0 -23px; }
  .mud-progress-linear.mud-progress-linear-color-warning.mud-progress-linear-buffer .mud-progress-linear-bar:nth-child(2) {
    background-color: var(--mud-palette-warning); }
  .mud-progress-linear.mud-progress-linear-color-warning.mud-progress-linear-buffer .mud-progress-linear-bar:last-child {
    transition: transform .4s linear; }
    .mud-progress-linear.mud-progress-linear-color-warning.mud-progress-linear-buffer .mud-progress-linear-bar:last-child::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      display: block;
      opacity: 0.4;
      background-color: var(--mud-palette-warning); }
  .mud-progress-linear.mud-progress-linear-color-error:not(.mud-progress-linear-buffer)::before {
    background-color: var(--mud-palette-error); }
  .mud-progress-linear.mud-progress-linear-color-error:not(.mud-progress-linear-buffer) .mud-progress-linear-bar {
    background-color: var(--mud-palette-error); }
  .mud-progress-linear.mud-progress-linear-color-error.mud-progress-linear-buffer .mud-progress-linear-bar:first-child {
    background-size: 10px 10px;
    background-image: radial-gradient(var(--mud-palette-error) 0%, var(--mud-palette-error) 16%, transparent 42%);
    background-position: 0 -23px; }
  .mud-progress-linear.mud-progress-linear-color-error.mud-progress-linear-buffer .mud-progress-linear-bar:nth-child(2) {
    background-color: var(--mud-palette-error); }
  .mud-progress-linear.mud-progress-linear-color-error.mud-progress-linear-buffer .mud-progress-linear-bar:last-child {
    transition: transform .4s linear; }
    .mud-progress-linear.mud-progress-linear-color-error.mud-progress-linear-buffer .mud-progress-linear-bar:last-child::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      display: block;
      opacity: 0.4;
      background-color: var(--mud-palette-error); }
  .mud-progress-linear.mud-progress-linear-color-dark:not(.mud-progress-linear-buffer)::before {
    background-color: var(--mud-palette-dark); }
  .mud-progress-linear.mud-progress-linear-color-dark:not(.mud-progress-linear-buffer) .mud-progress-linear-bar {
    background-color: var(--mud-palette-dark); }
  .mud-progress-linear.mud-progress-linear-color-dark.mud-progress-linear-buffer .mud-progress-linear-bar:first-child {
    background-size: 10px 10px;
    background-image: radial-gradient(var(--mud-palette-dark) 0%, var(--mud-palette-dark) 16%, transparent 42%);
    background-position: 0 -23px; }
  .mud-progress-linear.mud-progress-linear-color-dark.mud-progress-linear-buffer .mud-progress-linear-bar:nth-child(2) {
    background-color: var(--mud-palette-dark); }
  .mud-progress-linear.mud-progress-linear-color-dark.mud-progress-linear-buffer .mud-progress-linear-bar:last-child {
    transition: transform .4s linear; }
    .mud-progress-linear.mud-progress-linear-color-dark.mud-progress-linear-buffer .mud-progress-linear-bar:last-child::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      display: block;
      opacity: 0.4;
      background-color: var(--mud-palette-dark); }
  .mud-progress-linear.mud-progress-indeterminate.horizontal .mud-progress-linear-bar:first-child {
    width: auto;
    animation: mud-progress-linear-horizontal-keyframes-indeterminate1 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; }
  .mud-progress-linear.mud-progress-indeterminate.horizontal .mud-progress-linear-bar:last-child {
    width: auto;
    animation: mud-progress-linear-horizontal-keyframes-indeterminate2 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.15s infinite; }
  .mud-progress-linear.mud-progress-indeterminate.vertical .mud-progress-linear-bar:first-child {
    height: auto;
    animation: mud-progress-linear-vertical-keyframes-indeterminate1 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; }
  .mud-progress-linear.mud-progress-indeterminate.vertical .mud-progress-linear-bar:last-child {
    height: auto;
    animation: mud-progress-linear-vertical-keyframes-indeterminate2 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.15s infinite; }
  .mud-progress-linear.mud-progress-linear-buffer .mud-progress-linear-bar:first-child {
    width: 100%;
    height: 100%;
    position: absolute;
    margin-top: 0; }
  .mud-progress-linear.mud-progress-linear-buffer .mud-progress-linear-bar:nth-child(2) {
    z-index: 1;
    transition: transform .4s linear; }
  .mud-progress-linear.mud-progress-linear-buffer.horizontal .mud-progress-linear-bar:first-child {
    animation: mud-progress-linear-horizontal-keyframes-buffer 3s infinite linear; }
  .mud-progress-linear.mud-progress-linear-buffer.vertical .mud-progress-linear-bar:first-child {
    animation: mud-progress-linear-vertical-keyframes-buffer 3s infinite linear; }
  .mud-progress-linear.mud-progress-linear-striped .mud-progress-linear-bar {
    background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.25) 25%, transparent 0, transparent 50%, rgba(255, 255, 255, 0.25) 0, rgba(255, 255, 255, 0.25) 75%, transparent 0, transparent);
    background-size: 40px 40px;
    background-repeat: repeat;
    animation: mud-progress-linear-striped-loading 10s linear infinite; }
  .mud-progress-linear.mud-progress-linear-rounded {
    border-radius: var(--mud-default-borderradius); }
    .mud-progress-linear.mud-progress-linear-rounded .mud-progress-linear-bars {
      border-radius: var(--mud-default-borderradius); }
    .mud-progress-linear.mud-progress-linear-rounded .mud-progress-linear-bar {
      border-radius: var(--mud-default-borderradius); }

.mud-radio {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent;
  color: var(--mud-palette-action-default); }
  .mud-radio > .mud-radio-content {
    color: var(--mud-palette-text-primary); }
  .mud-radio.mud-disabled, .mud-radio .mud-disabled:hover, .mud-radio .mud-disabled:focus-visible {
    cursor: default;
    background-color: transparent !important; }
    .mud-radio.mud-disabled > .mud-radio-content, .mud-radio .mud-disabled:hover > .mud-radio-content, .mud-radio .mud-disabled:focus-visible > .mud-radio-content {
      color: var(--mud-palette-text-disabled); }
    .mud-radio.mud-disabled *, .mud-radio .mud-disabled:hover *, .mud-radio .mud-disabled:focus-visible * {
      cursor: default;
      color: var(--mud-palette-text-disabled); }
  .mud-radio .mud-radio-dense {
    padding: 4px; }
  .mud-radio.mud-checked {
    color: var(--mud-palette-action-default); }
    .mud-radio.mud-checked:hover {
      background-color: var(--mud-palette-action-default-hover); }

.mud-radio-button {
  width: 100%;
  display: flex;
  align-items: inherit;
  justify-content: inherit; }
  .mud-radio-button .mud-radio-input {
    top: 0;
    left: 0;
    width: 100%;
    cursor: inherit;
    height: 100%;
    margin: 0;
    opacity: 0;
    padding: 0;
    z-index: 1;
    position: absolute; }
  .mud-radio-button .mud-radio-icons {
    display: flex;
    position: relative; }

.mud-radio-icons.mud-checked .mud-radio-icon-checked {
  transform: scale(1);
  transition: transform 150ms cubic-bezier(0, 0, 0.2, 1) 0ms; }

.mud-radio-icon-checked {
  left: 0;
  position: absolute;
  transform: scale(0);
  transition: transform 150ms cubic-bezier(0.4, 0, 1, 1) 0ms; }

.mud-radio-content-placement-start {
  margin-left: 16px;
  margin-right: -11px;
  margin-inline-start: 16px;
  margin-inline-end: -11px;
  flex-direction: row-reverse; }

.mud-radio-content-placement-end {
  margin-left: -11px;
  margin-right: 16px;
  margin-inline-start: -11px;
  margin-inline-end: 16px;
  flex-direction: row; }

.mud-radio-content-placement-top {
  margin-left: 16px;
  margin-inline-start: 16px;
  margin-inline-end: unset;
  flex-direction: column-reverse; }

.mud-radio-content-placement-bottom {
  margin-left: 16px;
  margin-inline-start: 16px;
  margin-inline-end: unset;
  flex-direction: column; }

.mud-rating-root {
  display: inline-flex;
  color: #ffb400; }
  .mud-rating-root:focus-visible {
    outline: none; }
    .mud-rating-root:focus-visible:not(.mud-disabled) {
      background-color: var(--mud-palette-action-default-hover); }

.mud-rating-item {
  cursor: pointer;
  transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; }
  .mud-rating-item.mud-rating-item-active {
    transform: scale(1.2); }
  .mud-rating-item.mud-disabled, .mud-rating-item .mud-disabled:hover {
    cursor: default;
    pointer-events: none; }
    .mud-rating-item.mud-disabled *, .mud-rating-item .mud-disabled:hover * {
      cursor: default;
      color: var(--mud-palette-text-disabled); }
  .mud-rating-item.mud-readonly {
    cursor: default; }
  .mud-rating-item .mud-rating-input {
    clip: rect(0, 0, 0, 0);
    margin: 0;
    opacity: 0;
    padding: 0;
    z-index: 1;
    position: absolute;
    cursor: inherit;
    overflow: hidden; }
  .mud-rating-item svg {
    pointer-events: none; }
    .mud-rating-item svg path {
      pointer-events: none; }

.mud-snackbar {
  display: flex;
  flex-grow: initial;
  padding: 6px 16px;
  align-items: center;
  position: relative;
  pointer-events: auto;
  font-weight: 400;
  line-height: 1.43;
  overflow: hidden;
  margin-top: 16px;
  min-width: 288px;
  max-width: 500px;
  border-radius: var(--mud-default-borderradius);
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); }
  .mud-snackbar.force-cursor {
    cursor: pointer; }
  .mud-snackbar.mud-snackbar-blurred {
    backdrop-filter: blur(18px); }
  .mud-snackbar.mud-snackbar-surface {
    background: var(--mud-palette-surface); }
  .mud-snackbar .mud-snackbar-content-message {
    padding: 8px 0; }
  .mud-snackbar .mud-snackbar-content-action {
    display: flex;
    align-items: center;
    margin-left: auto;
    margin-right: -8px;
    padding-left: 16px;
    margin-inline-start: auto;
    margin-inline-end: -8px;
    padding-inline-start: 16px;
    padding-inline-end: unset; }
    .mud-snackbar .mud-snackbar-content-action > button {
      color: inherit; }

.mud-snackbar-location-top-left {
  top: 24px;
  left: 24px; }

.mud-snackbar-location-top-center {
  top: 24px;
  left: 50%;
  transform: translateX(-50%); }

.mud-snackbar-location-top-right {
  top: 24px;
  right: 24px; }

.mud-snackbar-location-bottom-right {
  right: 24px;
  bottom: 24px; }

.mud-snackbar-location-bottom-center {
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%); }

.mud-snackbar-location-bottom-left {
  bottom: 24px;
  left: 24px; }

#mud-snackbar-container {
  position: fixed;
  z-index: var(--mud-zindex-snackbar);
  pointer-events: none; }

.mud-snackbar-icon {
  display: flex;
  opacity: 0.9;
  padding: 7px 0;
  font-size: 22px;
  margin-right: 12px;
  margin-inline-end: 12px;
  margin-inline-start: unset; }

.mud-switch {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  margin-left: -11px;
  margin-right: 16px;
  margin-inline-start: -11px;
  margin-inline-end: 16px;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent; }
  .mud-switch.mud-disabled {
    color: var(--mud-palette-text-disabled) !important;
    cursor: default; }
  .mud-switch.mud-readonly, .mud-switch .mud-readonly:hover {
    cursor: default;
    background-color: transparent !important; }

.mud-switch-span {
  width: 58px;
  height: 38px;
  display: inline-flex;
  padding: 12px;
  z-index: 0;
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
  flex-shrink: 0;
  vertical-align: middle; }
  .mud-switch-span .mud-switch-track {
    width: 100%;
    height: 100%;
    opacity: 0.48;
    z-index: -1;
    transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    border-radius: 7px;
    background-color: var(--mud-palette-black); }

.mud-switch-base {
  padding: 9px;
  top: 0;
  left: 0;
  color: #fafafa;
  z-index: 1;
  position: absolute;
  transition: left 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; }
  .mud-switch-base.mud-checked {
    transform: translateX(20px); }
    .mud-switch-base.mud-checked + .mud-switch-track {
      opacity: 0.5; }
  .mud-switch-base:hover {
    background-color: var(--mud-palette-action-default-hover); }
  .mud-switch-base.mud-switch-disabled {
    color: var(--mud-palette-grey-default) !important; }
    .mud-switch-base.mud-switch-disabled + .mud-switch-track {
      opacity: 0.12 !important; }
    .mud-switch-base.mud-switch-disabled:hover, .mud-switch-base.mud-switch-disabled:focus-visible {
      cursor: default;
      background-color: transparent !important; }

.mud-switch-button {
  display: flex;
  align-items: inherit;
  justify-content: inherit; }
  .mud-switch-button .mud-switch-input {
    top: 0;
    left: 0;
    width: 100%;
    cursor: inherit;
    height: 100%;
    margin: 0;
    opacity: 0;
    padding: 0;
    z-index: 1;
    position: absolute; }
  .mud-switch-button .mud-switch-thumb {
    width: 20px;
    height: 20px;
    box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
    border-radius: 50%;
    background-color: currentColor; }

.mud-timeline {
  position: relative;
  display: flex; }

.mud-timeline-vertical {
  padding-top: 24px;
  flex-direction: column; }
  .mud-timeline-vertical::before {
    top: 0;
    bottom: 0;
    content: "";
    height: 100%;
    position: absolute;
    width: 2px;
    background: var(--mud-palette-divider); }
  .mud-timeline-vertical .mud-timeline-item {
    padding-bottom: 24px; }
    .mud-timeline-vertical .mud-timeline-item .mud-timeline-item-content {
      max-width: calc(50% - 48px); }
    .mud-timeline-vertical .mud-timeline-item .mud-timeline-item-divider {
      min-width: 96px; }
    .mud-timeline-vertical .mud-timeline-item .mud-timeline-item-opposite {
      flex: 1 1 auto;
      max-width: calc(50% - 48px); }

.mud-timeline-horizontal {
  flex-direction: row; }
  .mud-timeline-horizontal::before {
    top: 0;
    bottom: 0;
    content: "";
    height: 2px;
    position: absolute;
    width: 100%;
    background: var(--mud-palette-divider); }
  .mud-timeline-horizontal .mud-timeline-item {
    padding-left: 24px;
    padding-right: 24px;
    width: 100%; }
    .mud-timeline-horizontal .mud-timeline-item .mud-timeline-item-content {
      max-height: calc(50% - 48px); }
    .mud-timeline-horizontal .mud-timeline-item .mud-timeline-item-divider {
      min-height: 96px; }

.mud-timeline-item {
  display: flex; }
  .mud-timeline-item .mud-timeline-item-content {
    position: relative;
    height: 100%;
    flex: 1 1 auto; }
  .mud-timeline-item .mud-timeline-item-divider {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center; }
  .mud-timeline-item .mud-timeline-item-opposite {
    align-self: center; }

.mud-timeline-vertical {
  /* Both Start & End */ }
  .mud-timeline-vertical.mud-timeline-align-start .mud-timeline-item-divider {
    align-items: flex-start; }
  .mud-timeline-vertical.mud-timeline-align-start .mud-timeline-item-opposite {
    align-self: flex-start; }
  .mud-timeline-vertical.mud-timeline-align-end .mud-timeline-item-divider {
    align-items: flex-end; }
  .mud-timeline-vertical.mud-timeline-align-end .mud-timeline-item-opposite {
    align-self: flex-end; }
  .mud-timeline-vertical.mud-timeline-position-alternate::before {
    left: auto;
    right: calc(50% - 1px); }
  .mud-timeline-vertical.mud-timeline-position-alternate .mud-timeline-item:nth-child(odd):not(.mud-timeline-item-start), .mud-timeline-vertical.mud-timeline-position-alternate .mud-timeline-item.mud-timeline-item-end {
    flex-direction: row-reverse; }
    .mud-timeline-vertical.mud-timeline-position-alternate .mud-timeline-item:nth-child(odd):not(.mud-timeline-item-start) .mud-timeline-item-opposite, .mud-timeline-vertical.mud-timeline-position-alternate .mud-timeline-item.mud-timeline-item-end .mud-timeline-item-opposite {
      text-align: end; }
  .mud-timeline-vertical.mud-timeline-position-alternate .mud-timeline-item:nth-child(2n):not(.mud-timeline-item-end) {
    flex-direction: row; }
    .mud-timeline-vertical.mud-timeline-position-alternate .mud-timeline-item:nth-child(2n):not(.mud-timeline-item-end) .mud-timeline-item-opposite {
      text-align: start; }
  .mud-timeline-vertical.mud-timeline-position-alternate.mud-timeline-reverse .mud-timeline-item:nth-child(odd):not(.mud-timeline-item-end), .mud-timeline-vertical.mud-timeline-position-alternate.mud-timeline-reverse .mud-timeline-item.mud-timeline-item-start {
    flex-direction: row; }
    .mud-timeline-vertical.mud-timeline-position-alternate.mud-timeline-reverse .mud-timeline-item:nth-child(odd):not(.mud-timeline-item-end) .mud-timeline-item-opposite, .mud-timeline-vertical.mud-timeline-position-alternate.mud-timeline-reverse .mud-timeline-item.mud-timeline-item-start .mud-timeline-item-opposite {
      text-align: start; }
  .mud-timeline-vertical.mud-timeline-position-alternate.mud-timeline-reverse .mud-timeline-item:nth-child(2n):not(.mud-timeline-item-start) {
    flex-direction: row-reverse; }
    .mud-timeline-vertical.mud-timeline-position-alternate.mud-timeline-reverse .mud-timeline-item:nth-child(2n):not(.mud-timeline-item-start) .mud-timeline-item-opposite {
      text-align: end; }
  .mud-timeline-vertical.mud-timeline-position-start::before {
    right: auto;
    left: 47px; }
  .mud-timeline-vertical.mud-timeline-position-start.mud-timeline-rtl::before {
    right: 47px;
    left: auto; }
  .mud-timeline-vertical.mud-timeline-position-start .mud-timeline-item {
    flex-direction: row-reverse; }
  .mud-timeline-vertical.mud-timeline-position-end::before {
    right: 47px;
    left: auto; }
  .mud-timeline-vertical.mud-timeline-position-end.mud-timeline-rtl::before {
    left: 47px;
    right: auto; }
  .mud-timeline-vertical.mud-timeline-position-end .mud-timeline-item {
    flex-direction: row; }
  .mud-timeline-vertical.mud-timeline-position-start .mud-timeline-item-content, .mud-timeline-vertical.mud-timeline-position-end .mud-timeline-item-content {
    max-width: calc(100% - 96px); }
  .mud-timeline-vertical.mud-timeline-position-start .mud-timeline-item-opposite, .mud-timeline-vertical.mud-timeline-position-end .mud-timeline-item-opposite {
    display: none; }

.mud-timeline-horizontal {
  /* Both Top & Bottom */ }
  .mud-timeline-horizontal.mud-timeline-align-start .mud-timeline-item-divider {
    justify-content: flex-start; }
  .mud-timeline-horizontal.mud-timeline-align-start .mud-timeline-item-opposite {
    align-self: flex-start; }
  .mud-timeline-horizontal.mud-timeline-align-end .mud-timeline-item-divider {
    justify-content: flex-end; }
  .mud-timeline-horizontal.mud-timeline-align-end .mud-timeline-item-opposite {
    align-self: flex-end; }
  .mud-timeline-horizontal.mud-timeline-position-alternate::before {
    top: auto;
    bottom: calc(50% - 1px); }
  .mud-timeline-horizontal.mud-timeline-position-alternate .mud-timeline-item:nth-child(odd), .mud-timeline-horizontal.mud-timeline-position-alternate .mud-timeline-item.mud-timeline-item-end {
    flex-direction: column-reverse; }
    .mud-timeline-horizontal.mud-timeline-position-alternate .mud-timeline-item:nth-child(odd) .mud-timeline-item-opposite, .mud-timeline-horizontal.mud-timeline-position-alternate .mud-timeline-item.mud-timeline-item-end .mud-timeline-item-opposite {
      /* I dont know */ }
  .mud-timeline-horizontal.mud-timeline-position-alternate .mud-timeline-item:nth-child(2n), .mud-timeline-horizontal.mud-timeline-position-alternate .mud-timeline-item.mud-timeline-item-start {
    flex-direction: column; }
    .mud-timeline-horizontal.mud-timeline-position-alternate .mud-timeline-item:nth-child(2n) .mud-timeline-item-opposite, .mud-timeline-horizontal.mud-timeline-position-alternate .mud-timeline-item.mud-timeline-item-start .mud-timeline-item-opposite {
      /* I dont know */ }
  .mud-timeline-horizontal.mud-timeline-position-alternate.mud-timeline-reverse .mud-timeline-item:nth-child(odd), .mud-timeline-horizontal.mud-timeline-position-alternate.mud-timeline-reverse .mud-timeline-item.mud-timeline-item-end {
    flex-direction: column; }
    .mud-timeline-horizontal.mud-timeline-position-alternate.mud-timeline-reverse .mud-timeline-item:nth-child(odd) .mud-timeline-item-opposite, .mud-timeline-horizontal.mud-timeline-position-alternate.mud-timeline-reverse .mud-timeline-item.mud-timeline-item-end .mud-timeline-item-opposite {
      /* I dont know */ }
  .mud-timeline-horizontal.mud-timeline-position-alternate.mud-timeline-reverse .mud-timeline-item:nth-child(2n), .mud-timeline-horizontal.mud-timeline-position-alternate.mud-timeline-reverse .mud-timeline-item.mud-timeline-item-start {
    flex-direction: column-reverse; }
    .mud-timeline-horizontal.mud-timeline-position-alternate.mud-timeline-reverse .mud-timeline-item:nth-child(2n) .mud-timeline-item-opposite, .mud-timeline-horizontal.mud-timeline-position-alternate.mud-timeline-reverse .mud-timeline-item.mud-timeline-item-start .mud-timeline-item-opposite {
      /* I dont know */ }
  .mud-timeline-horizontal.mud-timeline-position-top::before {
    top: 47px;
    bottom: auto; }
  .mud-timeline-horizontal.mud-timeline-position-top .mud-timeline-item {
    flex-direction: column-reverse; }
  .mud-timeline-horizontal.mud-timeline-position-bottom::before {
    top: auto;
    bottom: 47px; }
  .mud-timeline-horizontal.mud-timeline-position-bottom .mud-timeline-item {
    flex-direction: column; }
  .mud-timeline-horizontal.mud-timeline-position-top .mud-timeline-item-content, .mud-timeline-horizontal.mud-timeline-position-bottom .mud-timeline-item-content {
    max-height: calc(100% - 96px); }
  .mud-timeline-horizontal.mud-timeline-position-top .mud-timeline-item-opposite, .mud-timeline-horizontal.mud-timeline-position-bottom .mud-timeline-item-opposite {
    display: none; }

/*Dot*/
.mud-timeline-item-dot {
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--mud-palette-surface);
  border-radius: 50%;
  left: calc(50% - 19px); }
  .mud-timeline-item-dot.mud-timeline-dot-size-small {
    width: 24px;
    height: 24px; }
    .mud-timeline-item-dot.mud-timeline-dot-size-small .mud-timeline-item-dot-inner {
      height: 18px;
      width: 18px; }
  .mud-timeline-item-dot.mud-timeline-dot-size-medium {
    width: 38px;
    height: 38px; }
    .mud-timeline-item-dot.mud-timeline-dot-size-medium .mud-timeline-item-dot-inner {
      height: 30px;
      width: 30px; }
  .mud-timeline-item-dot.mud-timeline-dot-size-large {
    width: 52px;
    height: 52px; }
    .mud-timeline-item-dot.mud-timeline-dot-size-large .mud-timeline-item-dot-inner {
      height: 42px;
      width: 42px; }
  .mud-timeline-item-dot .mud-timeline-item-dot-inner {
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center; }
    .mud-timeline-item-dot .mud-timeline-item-dot-inner.mud-timeline-dot-fill {
      height: inherit;
      width: inherit; }
    .mud-timeline-item-dot .mud-timeline-item-dot-inner.mud-timeline-dot-default {
      background-color: var(--mud-palette-grey-light); }
    .mud-timeline-item-dot .mud-timeline-item-dot-inner.mud-timeline-dot-primary {
      color: var(--mud-palette-primary-text);
      background-color: var(--mud-palette-primary); }
    .mud-timeline-item-dot .mud-timeline-item-dot-inner.mud-timeline-dot-secondary {
      color: var(--mud-palette-secondary-text);
      background-color: var(--mud-palette-secondary); }
    .mud-timeline-item-dot .mud-timeline-item-dot-inner.mud-timeline-dot-tertiary {
      color: var(--mud-palette-tertiary-text);
      background-color: var(--mud-palette-tertiary); }
    .mud-timeline-item-dot .mud-timeline-item-dot-inner.mud-timeline-dot-info {
      color: var(--mud-palette-info-text);
      background-color: var(--mud-palette-info); }
    .mud-timeline-item-dot .mud-timeline-item-dot-inner.mud-timeline-dot-success {
      color: var(--mud-palette-success-text);
      background-color: var(--mud-palette-success); }
    .mud-timeline-item-dot .mud-timeline-item-dot-inner.mud-timeline-dot-warning {
      color: var(--mud-palette-warning-text);
      background-color: var(--mud-palette-warning); }
    .mud-timeline-item-dot .mud-timeline-item-dot-inner.mud-timeline-dot-error {
      color: var(--mud-palette-error-text);
      background-color: var(--mud-palette-error); }
    .mud-timeline-item-dot .mud-timeline-item-dot-inner.mud-timeline-dot-dark {
      color: var(--mud-palette-dark-text);
      background-color: var(--mud-palette-dark); }

/*Modifiers*/
.mud-timeline-modifiers .mud-timeline-item-content .mud-card::before, .mud-timeline-modifiers .mud-timeline-item-content .mud-card::after {
  content: "";
  position: absolute; }

.mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-position-start:not(.mud-timeline-rtl) .mud-timeline-item-content .mud-card::before, .mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-position-start:not(.mud-timeline-rtl) .mud-timeline-item-content .mud-card::after, .mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-position-end.mud-timeline-rtl .mud-timeline-item-content .mud-card::before, .mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-position-end.mud-timeline-rtl .mud-timeline-item-content .mud-card::after {
  transform: rotate(0);
  left: -16px;
  right: auto; }

.mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-position-start:not(.mud-timeline-rtl) .mud-timeline-item-content .mud-card.mud-paper-outlined::after, .mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-position-end.mud-timeline-rtl .mud-timeline-item-content .mud-card.mud-paper-outlined::after {
  left: -15px; }

.mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-position-end:not(.mud-timeline-rtl) .mud-timeline-item-content .mud-card::before, .mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-position-end:not(.mud-timeline-rtl) .mud-timeline-item-content .mud-card::after, .mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-position-start.mud-timeline-rtl .mud-timeline-item-content .mud-card::before, .mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-position-start.mud-timeline-rtl .mud-timeline-item-content .mud-card::after {
  transform: rotate(180deg);
  right: -16px;
  left: auto; }

.mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-position-end:not(.mud-timeline-rtl) .mud-timeline-item-content .mud-card.mud-paper-outlined::after, .mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-position-start.mud-timeline-rtl .mud-timeline-item-content .mud-card.mud-paper-outlined::after {
  right: -15px; }

.mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-position-alternate .mud-timeline-item:nth-child(odd):not(.mud-timeline-item-start) .mud-timeline-item-content .mud-card::before, .mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-position-alternate .mud-timeline-item:nth-child(odd):not(.mud-timeline-item-start) .mud-timeline-item-content .mud-card::after, .mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-position-alternate .mud-timeline-item.mud-timeline-item-end .mud-timeline-item-content .mud-card::before, .mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-position-alternate .mud-timeline-item.mud-timeline-item-end .mud-timeline-item-content .mud-card::after {
  transform: rotate(0);
  left: -16px;
  right: auto; }

.mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-position-alternate .mud-timeline-item:nth-child(odd):not(.mud-timeline-item-start) .mud-timeline-item-content .mud-card.mud-paper-outlined::after, .mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-position-alternate .mud-timeline-item.mud-timeline-item-end .mud-timeline-item-content .mud-card.mud-paper-outlined::after {
  left: -15px; }

.mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-position-alternate .mud-timeline-item:nth-child(2n):not(.mud-timeline-item-end) .mud-timeline-item-content .mud-card::before, .mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-position-alternate .mud-timeline-item:nth-child(2n):not(.mud-timeline-item-end) .mud-timeline-item-content .mud-card::after {
  transform: rotate(180deg);
  right: -16px;
  left: auto; }

.mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-position-alternate .mud-timeline-item:nth-child(2n):not(.mud-timeline-item-end) .mud-timeline-item-content .mud-card.mud-paper-outlined::after {
  right: -15px; }

.mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-reverse:not(.mud-timeline-rtl) .mud-timeline-item:nth-child(odd):not(.mud-timeline-item-end) .mud-timeline-item-content .mud-card::before, .mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-reverse:not(.mud-timeline-rtl) .mud-timeline-item:nth-child(odd):not(.mud-timeline-item-end) .mud-timeline-item-content .mud-card::after, .mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-reverse:not(.mud-timeline-rtl) .mud-timeline-item.mud-timeline-item-start .mud-timeline-item-content .mud-card::before, .mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-reverse:not(.mud-timeline-rtl) .mud-timeline-item.mud-timeline-item-start .mud-timeline-item-content .mud-card::after, .mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-position-alternate.mud-timeline-rtl:not(.mud-timeline-reverse) .mud-timeline-item:nth-child(odd):not(.mud-timeline-item-end) .mud-timeline-item-content .mud-card::before, .mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-position-alternate.mud-timeline-rtl:not(.mud-timeline-reverse) .mud-timeline-item:nth-child(odd):not(.mud-timeline-item-end) .mud-timeline-item-content .mud-card::after, .mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-position-alternate.mud-timeline-rtl:not(.mud-timeline-reverse) .mud-timeline-item.mud-timeline-item-start .mud-timeline-item-content .mud-card::before, .mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-position-alternate.mud-timeline-rtl:not(.mud-timeline-reverse) .mud-timeline-item.mud-timeline-item-start .mud-timeline-item-content .mud-card::after {
  transform: rotate(180deg);
  right: -16px;
  left: auto; }

.mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-reverse:not(.mud-timeline-rtl) .mud-timeline-item:nth-child(odd):not(.mud-timeline-item-end) .mud-timeline-item-content .mud-card.mud-paper-outlined::after, .mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-reverse:not(.mud-timeline-rtl) .mud-timeline-item.mud-timeline-item-start .mud-timeline-item-content .mud-card.mud-paper-outlined::after, .mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-position-alternate.mud-timeline-rtl:not(.mud-timeline-reverse) .mud-timeline-item:nth-child(odd):not(.mud-timeline-item-end) .mud-timeline-item-content .mud-card.mud-paper-outlined::after, .mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-position-alternate.mud-timeline-rtl:not(.mud-timeline-reverse) .mud-timeline-item.mud-timeline-item-start .mud-timeline-item-content .mud-card.mud-paper-outlined::after {
  right: -15px; }

.mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-reverse:not(.mud-timeline-rtl) .mud-timeline-item:nth-child(2n):not(.mud-timeline-item-start) .mud-timeline-item-content .mud-card::before, .mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-reverse:not(.mud-timeline-rtl) .mud-timeline-item:nth-child(2n):not(.mud-timeline-item-start) .mud-timeline-item-content .mud-card::after, .mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-position-alternate.mud-timeline-rtl:not(.mud-timeline-reverse) .mud-timeline-item:nth-child(2n):not(.mud-timeline-item-start) .mud-timeline-item-content .mud-card::before, .mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-position-alternate.mud-timeline-rtl:not(.mud-timeline-reverse) .mud-timeline-item:nth-child(2n):not(.mud-timeline-item-start) .mud-timeline-item-content .mud-card::after {
  transform: rotate(0);
  left: -16px;
  right: auto; }

.mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-reverse:not(.mud-timeline-rtl) .mud-timeline-item:nth-child(2n):not(.mud-timeline-item-start) .mud-timeline-item-content .mud-card.mud-paper-outlined::after, .mud-timeline-modifiers.mud-timeline-vertical.mud-timeline-position-alternate.mud-timeline-rtl:not(.mud-timeline-reverse) .mud-timeline-item:nth-child(2n):not(.mud-timeline-item-start) .mud-timeline-item-content .mud-card.mud-paper-outlined::after {
  left: -15px; }

.mud-timeline-modifiers.mud-timeline-horizontal.mud-timeline-position-top .mud-timeline-item-content .mud-card::before, .mud-timeline-modifiers.mud-timeline-horizontal.mud-timeline-position-top .mud-timeline-item-content .mud-card::after {
  transform: rotate(90deg);
  top: -24px;
  bottom: auto;
  left: calc(50% - 8px); }

.mud-timeline-modifiers.mud-timeline-horizontal.mud-timeline-position-top .mud-timeline-item-content .mud-card.mud-paper-outlined::after {
  top: -23px; }

.mud-timeline-modifiers.mud-timeline-horizontal.mud-timeline-position-bottom .mud-timeline-item-content .mud-card::before, .mud-timeline-modifiers.mud-timeline-horizontal.mud-timeline-position-bottom .mud-timeline-item-content .mud-card::after {
  transform: rotate(270deg);
  bottom: -24px;
  top: auto;
  left: calc(50% - 8px); }

.mud-timeline-modifiers.mud-timeline-horizontal.mud-timeline-position-bottom .mud-timeline-item-content .mud-card.mud-paper-outlined::after {
  bottom: -23px; }

.mud-timeline-modifiers.mud-timeline-horizontal.mud-timeline-position-alternate .mud-timeline-item:nth-child(odd):not(.mud-timeline-item-start) .mud-timeline-item-content .mud-card::before, .mud-timeline-modifiers.mud-timeline-horizontal.mud-timeline-position-alternate .mud-timeline-item:nth-child(odd):not(.mud-timeline-item-start) .mud-timeline-item-content .mud-card::after, .mud-timeline-modifiers.mud-timeline-horizontal.mud-timeline-position-alternate .mud-timeline-item.mud-timeline-item-end .mud-timeline-item-content .mud-card::before, .mud-timeline-modifiers.mud-timeline-horizontal.mud-timeline-position-alternate .mud-timeline-item.mud-timeline-item-end .mud-timeline-item-content .mud-card::after {
  transform: rotate(90deg);
  top: -24px;
  bottom: auto;
  left: calc(50% - 8px); }

.mud-timeline-modifiers.mud-timeline-horizontal.mud-timeline-position-alternate .mud-timeline-item:nth-child(odd):not(.mud-timeline-item-start) .mud-timeline-item-content .mud-card.mud-paper-outlined::after, .mud-timeline-modifiers.mud-timeline-horizontal.mud-timeline-position-alternate .mud-timeline-item.mud-timeline-item-end .mud-timeline-item-content .mud-card.mud-paper-outlined::after {
  top: -23px; }

.mud-timeline-modifiers.mud-timeline-horizontal.mud-timeline-position-alternate .mud-timeline-item:nth-child(2n):not(.mud-timeline-item-end) .mud-timeline-item-content .mud-card::before, .mud-timeline-modifiers.mud-timeline-horizontal.mud-timeline-position-alternate .mud-timeline-item:nth-child(2n):not(.mud-timeline-item-end) .mud-timeline-item-content .mud-card::after {
  transform: rotate(270deg);
  bottom: -24px;
  top: auto;
  left: calc(50% - 8px); }

.mud-timeline-modifiers.mud-timeline-horizontal.mud-timeline-position-alternate .mud-timeline-item:nth-child(2n):not(.mud-timeline-item-end) .mud-timeline-item-content .mud-card.mud-paper-outlined::after {
  bottom: -23px; }

.mud-timeline-modifiers.mud-timeline-horizontal.mud-timeline-position-alternate.mud-timeline-reverse .mud-timeline-item:nth-child(odd):not(.mud-timeline-item-start) .mud-timeline-item-content .mud-card::before, .mud-timeline-modifiers.mud-timeline-horizontal.mud-timeline-position-alternate.mud-timeline-reverse .mud-timeline-item:nth-child(odd):not(.mud-timeline-item-start) .mud-timeline-item-content .mud-card::after, .mud-timeline-modifiers.mud-timeline-horizontal.mud-timeline-position-alternate.mud-timeline-reverse .mud-timeline-item.mud-timeline-item-end .mud-timeline-item-content .mud-card::before, .mud-timeline-modifiers.mud-timeline-horizontal.mud-timeline-position-alternate.mud-timeline-reverse .mud-timeline-item.mud-timeline-item-end .mud-timeline-item-content .mud-card::after {
  transform: rotate(270deg);
  bottom: -24px;
  top: auto;
  left: calc(50% - 8px); }

.mud-timeline-modifiers.mud-timeline-horizontal.mud-timeline-position-alternate.mud-timeline-reverse .mud-timeline-item:nth-child(odd):not(.mud-timeline-item-start) .mud-timeline-item-content .mud-card.mud-paper-outlined::after, .mud-timeline-modifiers.mud-timeline-horizontal.mud-timeline-position-alternate.mud-timeline-reverse .mud-timeline-item.mud-timeline-item-end .mud-timeline-item-content .mud-card.mud-paper-outlined::after {
  bottom: -23px; }

.mud-timeline-modifiers.mud-timeline-horizontal.mud-timeline-position-alternate.mud-timeline-reverse .mud-timeline-item:nth-child(2n):not(.mud-timeline-item-end) .mud-timeline-item-content .mud-card::before, .mud-timeline-modifiers.mud-timeline-horizontal.mud-timeline-position-alternate.mud-timeline-reverse .mud-timeline-item:nth-child(2n):not(.mud-timeline-item-end) .mud-timeline-item-content .mud-card::after {
  transform: rotate(90deg);
  top: -24px;
  bottom: auto;
  left: calc(50% - 8px); }

.mud-timeline-modifiers.mud-timeline-horizontal.mud-timeline-position-alternate.mud-timeline-reverse .mud-timeline-item:nth-child(2n):not(.mud-timeline-item-end) .mud-timeline-item-content .mud-card.mud-paper-outlined::after {
  top: -23px; }

.mud-timeline-modifiers .mud-timeline-item-content .mud-card::before {
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
  border-right: 16px solid rgba(0, 0, 0, 0.1);
  top: calc(50% - 14px); }

.mud-timeline-modifiers .mud-timeline-item-content .mud-card::after {
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
  border-right: 16px solid var(--mud-palette-surface);
  top: calc(50% - 16px); }

.mud-timeline-modifiers .mud-timeline-item-content .mud-card.mud-paper-outlined::before {
  top: calc(50% - 16px);
  border-right-color: var(--mud-palette-lines-default); }

.mud-typography {
  margin: 0; }

.mud-typography-body1 {
  font-size: var(--mud-typography-body1-size);
  font-family: var(--mud-typography-body1-family);
  font-weight: var(--mud-typography-body1-weight);
  line-height: var(--mud-typography-body1-lineheight);
  letter-spacing: var(--mud-typography-body1-letterspacing);
  text-transform: var(--mud-typography-body1-text-transform); }

.mud-typography-body2 {
  font-size: var(--mud-typography-body2-size);
  font-family: var(--mud-typography-body2-family);
  font-weight: var(--mud-typography-body2-weight);
  line-height: var(--mud-typography-body2-lineheight);
  letter-spacing: var(--mud-typography-body2-letterspacing);
  text-transform: var(--mud-typography-body2-text-transform); }

.mud-typography-caption {
  font-size: var(--mud-typography-caption-size);
  font-family: var(--mud-typography-caption-family);
  font-weight: var(--mud-typography-caption-weight);
  line-height: var(--mud-typography-caption-lineheight);
  letter-spacing: var(--mud-typography-caption-letterspacing);
  text-transform: var(--mud-typography-caption-text-transform); }

.mud-typography-button {
  font-size: var(--mud-typography-button-size);
  font-family: var(--mud-typography-button-family);
  font-weight: var(--mud-typography-button-weight);
  line-height: var(--mud-typography-button-lineheight);
  letter-spacing: var(--mud-typography-button-letterspacing);
  text-transform: var(--mud-typography-button-text-transform); }

.mud-typography-h1 {
  font-size: var(--mud-typography-h1-size);
  font-family: var(--mud-typography-h1-family);
  font-weight: var(--mud-typography-h1-weight);
  line-height: var(--mud-typography-h1-lineheight);
  letter-spacing: var(--mud-typography-h1-letterspacing);
  text-transform: var(--mud-typography-h1-text-transform); }

.mud-typography-h2 {
  font-size: var(--mud-typography-h2-size);
  font-family: var(--mud-typography-h2-family);
  font-weight: var(--mud-typography-h2-weight);
  line-height: var(--mud-typography-h2-lineheight);
  letter-spacing: var(--mud-typography-h2-letterspacing);
  text-transform: var(--mud-typography-h2-text-transform); }

.mud-typography-h3 {
  font-size: var(--mud-typography-h3-size);
  font-family: var(--mud-typography-h3-family);
  font-weight: var(--mud-typography-h3-weight);
  line-height: var(--mud-typography-h3-lineheight);
  letter-spacing: var(--mud-typography-h3-letterspacing);
  text-transform: var(--mud-typography-h3-text-transform); }

.mud-typography-h4 {
  font-size: var(--mud-typography-h4-size);
  font-family: var(--mud-typography-h4-family);
  font-weight: var(--mud-typography-h4-weight);
  line-height: var(--mud-typography-h4-lineheight);
  letter-spacing: var(--mud-typography-h4-letterspacing);
  text-transform: var(--mud-typography-h4-text-transform); }

.mud-typography-h5 {
  font-size: var(--mud-typography-h5-size);
  font-family: var(--mud-typography-h5-family);
  font-weight: var(--mud-typography-h5-weight);
  line-height: var(--mud-typography-h5-lineheight);
  letter-spacing: var(--mud-typography-h5-letterspacing);
  text-transform: var(--mud-typography-h5-text-transform); }

.mud-typography-h6 {
  font-size: var(--mud-typography-h6-size);
  font-family: var(--mud-typography-h6-family);
  font-weight: var(--mud-typography-h6-weight);
  line-height: var(--mud-typography-h6-lineheight);
  letter-spacing: var(--mud-typography-h6-letterspacing);
  text-transform: var(--mud-typography-h6-text-transform); }

.mud-typography-subtitle1 {
  font-size: var(--mud-typography-subtitle1-size);
  font-family: var(--mud-typography-subtitle1-family);
  font-weight: var(--mud-typography-subtitle1-weight);
  line-height: var(--mud-typography-subtitle1-lineheight);
  letter-spacing: var(--mud-typography-subtitle1-letterspacing);
  text-transform: var(--mud-typography-subtitle1-text-transform); }

.mud-typography-subtitle2 {
  font-size: var(--mud-typography-subtitle2-size);
  font-family: var(--mud-typography-subtitle2-family);
  font-weight: var(--mud-typography-subtitle2-weight);
  line-height: var(--mud-typography-subtitle2-lineheight);
  letter-spacing: var(--mud-typography-subtitle2-letterspacing);
  text-transform: var(--mud-typography-subtitle2-text-transform); }

.mud-typography-overline {
  font-size: var(--mud-typography-overline-size);
  font-family: var(--mud-typography-overline-family);
  font-weight: var(--mud-typography-overline-weight);
  line-height: var(--mud-typography-overline-lineheight);
  letter-spacing: var(--mud-typography-overline-letterspacing);
  text-transform: var(--mud-typography-overline-text-transform); }

.mud-typography-srOnly {
  width: 1px;
  height: 1px;
  overflow: hidden;
  position: absolute; }

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

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

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

.mud-typography-align-justify {
  text-align: justify; }

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

.mud-typography-gutterbottom {
  margin-bottom: 0.35em; }

.mud-typography-paragraph {
  margin-bottom: 16px; }

.mud-typography-display-inline {
  display: inline; }

.mud-typography-display-block {
  display: block; }

.mud-table {
  color: var(--mud-palette-text-primary);
  background-color: var(--mud-palette-surface);
  border-radius: var(--mud-default-borderradius);
  transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; }
  .mud-table.mud-table-square {
    border-radius: 0px; }
  .mud-table.mud-table-outlined {
    border: 1px solid var(--mud-palette-lines-default); }

.mud-table-container {
  width: 100%;
  overflow-y: auto; }

.mud-table-root {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse; }
  .mud-table-root .mud-table-head {
    display: table-header-group; }
    .mud-table-root .mud-table-head .mud-table-cell {
      color: var(--mud-palette-text-primary);
      font-weight: 500;
      line-height: 1.5rem; }
  .mud-table-root .mud-table-body {
    display: table-row-group; }
    .mud-table-root .mud-table-body .mud-table-cell {
      color: var(--mud-palette-text-primary); }
  .mud-table-root .mud-table-body:last-child .mud-table-row:last-child .mud-table-cell {
    border-bottom: none; }

.mud-table-sort-label {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  flex-direction: inherit;
  justify-content: flex-start; }
  .mud-table-sort-label:hover {
    color: var(--mud-palette-action-default); }
    .mud-table-sort-label:hover .mud-table-sort-label-icon {
      opacity: 0.8; }
  .mud-table-sort-label .mud-table-sort-label-icon {
    font-size: 18px;
    transition: opacity 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    margin-left: 4px;
    user-select: none;
    margin-right: 4px;
    opacity: 0; }
    .mud-table-sort-label .mud-table-sort-label-icon.mud-direction-desc {
      opacity: 1;
      transform: rotate(180deg); }
    .mud-table-sort-label .mud-table-sort-label-icon.mud-direction-asc {
      opacity: 1;
      transform: rotate(0deg); }

.mud-table-toolbar {
  padding-left: 16px;
  padding-right: 8px;
  padding-inline-start: 16px;
  padding-inline-end: 8px; }

.mud-table-cell {
  display: table-cell;
  padding: 16px;
  font-size: 0.875rem;
  text-align: start;
  font-weight: 400;
  line-height: 1.43;
  border-bottom: 1px solid var(--mud-palette-table-lines);
  letter-spacing: 0.01071em;
  vertical-align: inherit; }
  .mud-table-cell .mud-checkbox {
    margin: -12px; }

.mud-table-cell-footer {
  color: var(--mud-palette-text-secondary);
  font-size: 0.75rem;
  line-height: 1.3125rem; }

.mud-table-dense * .mud-table-row .mud-table-cell {
  padding: 6px 24px 6px 16px;
  padding-inline-start: 16px;
  padding-inline-end: 24px; }
  .mud-table-dense * .mud-table-row .mud-table-cell .mud-table-cell-checkbox .mud-button-root {
    padding: 4px; }
  .mud-table-dense * .mud-table-row .mud-table-cell .mud-table-row-expander {
    padding: 4px; }

.mud-table-dense * .mud-table-row .mud-table-cell:last-child {
  padding-right: 16px;
  padding-inline-end: 16px; }

.mud-table-bordered .mud-table-container .mud-table-root .mud-table-body .mud-table-row .mud-table-cell:not(:last-child) {
  border-right: 1px solid var(--mud-palette-table-lines); }

.mud-table-bordered .mud-table-container .mud-table-root .mud-table-head.table-head-bordered .mud-table-row .mud-table-cell:not(:last-child) {
  border-right: 1px solid var(--mud-palette-table-lines); }

.mud-table-bordered .mud-table-container .mud-table-root .mud-table-foot.table-foot-bordered .mud-table-row .mud-table-cell:not(:last-child) {
  border-right: 1px solid var(--mud-palette-table-lines); }

.mud-table-sticky-header .mud-table-container {
  overflow-x: auto; }

.mud-table-sticky-header * .mud-table-root {
  border-collapse: separate; }
  .mud-table-sticky-header * .mud-table-root .mud-table-head * .mud-table-cell:first-child {
    border-radius: var(--mud-default-borderradius) 0px 0px 0px; }
  .mud-table-sticky-header * .mud-table-root .mud-table-head * .mud-table-cell:last-child {
    border-radius: 0px var(--mud-default-borderradius) 0px 0px; }
  .mud-table-sticky-header * .mud-table-root .mud-table-head * .mud-table-cell {
    background-color: var(--mud-palette-surface);
    position: sticky;
    z-index: 2;
    top: 0; }

.mud-table-sticky-footer .mud-table-container {
  overflow-x: auto; }

.mud-table-sticky-footer * .mud-table-root {
  border-collapse: separate; }
  .mud-table-sticky-footer * .mud-table-root .mud-table-foot * .mud-table-cell {
    background-color: var(--mud-palette-surface);
    position: sticky;
    z-index: 2;
    bottom: 0; }

.mud-table-row {
  color: inherit;
  display: table-row;
  outline: 0;
  vertical-align: middle; }

.mud-table-hover .mud-table-container .mud-table-root .mud-table-body .mud-table-row:hover {
  background-color: var(--mud-palette-table-hover); }

.mud-table-striped .mud-table-container .mud-table-root .mud-table-body .mud-table-row:nth-of-type(odd) {
  background-color: var(--mud-palette-table-striped); }

.mud-table-hover.mud-table-striped .mud-table-container .mud-table-root .mud-table-body .mud-table-row:nth-of-type(odd):hover {
  background-color: var(--mud-palette-table-hover); }

.mud-table-cell > .mud-input-control > div.mud-input.mud-input-text {
  color: var(--mud-theme-on-surface);
  font-size: 0.875rem;
  margin-top: -14px;
  margin-bottom: -8px; }

.mud-table-cell > .mud-select > .mud-input-control > div.mud-input.mud-input-text {
  color: var(--mud-theme-on-surface);
  font-size: 0.875rem;
  margin-top: -14px;
  margin-bottom: -8px; }

.mud-table-cell-align-left {
  text-align: left; }

.mud-table-cell-align-center {
  text-align: center; }

.mud-table-cell-align-right {
  text-align: right;
  flex-direction: row-reverse; }

.mud-table-cell-align-justify {
  text-align: justify; }

.mud-table-pagination-display {
  display: flex;
  flex-shrink: 0; }
  .mud-table-pagination-display .mud-tablepager-left {
    flex-direction: row !important; }
  .mud-table-pagination-display .mud-tablepager-right {
    flex-direction: row-reverse !important; }

.mud-table-pagination-information {
  white-space: nowrap;
  direction: initial; }

.mud-table-page-number-information {
  white-space: nowrap;
  direction: initial; }

.mud-table-pagination {
  color: var(--mud-theme-on-surface);
  overflow: auto;
  font-size: 0.875rem;
  display: initial; }

.mud-table-pagination:last-child {
  padding: 0; }

.mud-table-pagination-toolbar {
  border-top: 1px solid var(--mud-palette-table-lines);
  height: 52px;
  padding-right: 2px;
  padding-inline-end: 2px;
  padding-inline-start: unset; }
  .mud-table-pagination-toolbar .mud-tablepager-left {
    flex-direction: row !important; }
  .mud-table-pagination-toolbar .mud-tablepager-right {
    flex-direction: row-reverse !important; }

.mud-table-pagination-spacer {
  flex: 1 1 100%; }

.mud-table-pagination-caption {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  padding-left: 10px;
  padding-right: 10px; }

.mud-table-pagination-select {
  cursor: pointer;
  margin-left: 10px !important;
  margin-right: 10px !important;
  margin-top: 0px !important;
  min-width: 52px; }
  .mud-table-pagination-select .mud-select-input {
    margin-top: 0px !important; }
  .mud-table-pagination-select .mud-input .mud-input-root {
    max-width: 80px;
    cursor: pointer;
    margin-top: 2px;
    border: none;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.43;
    letter-spacing: .01071em;
    color: var(--mud-theme-on-surface); }

.mud-table-pagination-actions {
  flex-shrink: 0;
  align-items: center;
  margin-left: 10px;
  margin-inline-start: 10px;
  margin-inline-end: unset; }

.mud-table-smalldevices-sortselect {
  display: none; }

.mud-table-loading {
  position: relative; }
  .mud-table-loading .mud-table-loading-progress {
    position: absolute;
    width: 100%; }

.mud-table-empty-row {
  background-color: var(--mud-palette-surface);
  vertical-align: middle;
  text-align: center; }

tr.mud-table-row-group-indented-1 td:first-child {
  padding-left: 48px !important; }

tr.mud-table-row-group-indented-2 td:first-child {
  padding-left: 96px !important; }

tr.mud-table-row-group-indented-3 td:first-child {
  padding-left: 144px !important; }

tr.mud-table-row-group-indented-4 td:first-child {
  padding-left: 192px !important; }

tr.mud-table-row-group-indented-5 td:first-child {
  padding-left: 240px !important; }

.mud-table-row-expander {
  margin: -12px -2px -12px -12px; }


.mud-tabs {
  display: flex;
  flex-direction: column; }
  .mud-tabs.mud-tabs-reverse {
    flex-direction: column-reverse; }
  .mud-tabs.mud-tabs-vertical {
    flex-direction: row; }
  .mud-tabs.mud-tabs-vertical-reverse {
    flex-direction: row-reverse; }
  .mud-tabs.mud-tabs-rounded {
    border-radius: var(--mud-default-borderradius); }
    .mud-tabs.mud-tabs-rounded .mud-tabs-toolbar {
      border-radius: var(--mud-default-borderradius); }
    .mud-tabs.mud-tabs-rounded .mud-tabs-panels {
      border-radius: var(--mud-default-borderradius); }

.mud-tabs-toolbar {
  position: relative;
  background-color: var(--mud-palette-surface); }
  .mud-tabs-toolbar.mud-tabs-border-left {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-right: 1px solid var(--mud-palette-lines-default); }
  .mud-tabs-toolbar.mud-tabs-border-right {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-left: 1px solid var(--mud-palette-lines-default); }
  .mud-tabs-toolbar.mud-tabs-border-top {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-bottom: 1px solid var(--mud-palette-lines-default); }
  .mud-tabs-toolbar.mud-tabs-border-bottom {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-top: 1px solid var(--mud-palette-lines-default); }
  .mud-tabs-toolbar.mud-tabs-rounded {
    border-radius: var(--mud-default-borderradius); }
  .mud-tabs-toolbar.mud-tabs-vertical .mud-tabs-toolbar-inner {
    flex-direction: column; }
    .mud-tabs-toolbar.mud-tabs-vertical .mud-tabs-toolbar-inner .mud-tabs-scroll-button .mud-button-root {
      width: 100%;
      border-radius: 0px;
      height: 32px; }
      .mud-tabs-toolbar.mud-tabs-vertical .mud-tabs-toolbar-inner .mud-tabs-scroll-button .mud-button-root .mud-icon-button-label .mud-icon-root {
        transform: rotate(90deg); }
  .mud-tabs-toolbar .mud-tabs-toolbar-inner {
    display: flex;
    min-height: 48px; }

.mud-tabs-toolbar-content {
  width: 100%;
  flex: 1 1 auto;
  display: inline-block;
  position: relative;
  white-space: nowrap;
  overflow: hidden; }
  .mud-tabs-toolbar-content .mud-tabs-toolbar-wrapper {
    width: max-content;
    position: inherit;
    display: flex;
    transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1); }
    .mud-tabs-toolbar-content .mud-tabs-toolbar-wrapper.mud-tabs-centered {
      margin: auto; }
    .mud-tabs-toolbar-content .mud-tabs-toolbar-wrapper.mud-tabs-vertical {
      flex-direction: column; }

.mud-tabs-panels {
  position: relative;
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1); }
  .mud-tabs-panels.mud-tabs-vertical {
    display: flex;
    flex-grow: 1; }

.mud-tab {
  width: 100%;
  min-width: 160px;
  display: inline-flex;
  padding: 6px 12px;
  min-height: 48px;
  flex-shrink: 0;
  font-weight: 500;
  line-height: 1.75;
  user-select: none;
  white-space: normal;
  letter-spacing: 0.02857em;
  text-transform: uppercase;
  text-align: center;
  align-items: center;
  justify-content: center;
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; }
  .mud-tab:hover {
    cursor: pointer;
    background-color: var(--mud-palette-action-default-hover); }
  .mud-tab.mud-tab-active {
    color: var(--mud-palette-primary); }
    .mud-tab.mud-tab-active:hover {
      background-color: var(--mud-palette-primary-hover); }
  .mud-tab.mud-disabled {
    cursor: default;
    pointer-events: none;
    color: var(--mud-palette-text-disabled); }
  .mud-tab .mud-tab-icon-text {
    margin-right: 8px;
    margin-inline-end: 8px;
    margin-inline-start: unset; }

.mud-tab-slider {
  position: absolute;
  background: var(--mud-palette-primary); }
  .mud-tab-slider.mud-tab-slider-horizontal {
    height: 2px;
    left: 0;
    bottom: 0;
    transition: left 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
    will-change: left; }
    .mud-tab-slider.mud-tab-slider-horizontal.mud-tab-slider-horizontal-reverse {
      top: 0px; }
  .mud-tab-slider.mud-tab-slider-vertical {
    width: 2px;
    right: 0;
    transition: top 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
    will-change: top; }
    .mud-tab-slider.mud-tab-slider-vertical.mud-tab-slider-vertical-reverse {
      left: 0;
      right: unset; }

.mud-tab-badge {
  margin-left: 8px;
  margin-inline-start: 8px;
  margin-inline-end: unset; }

.mud-tabs-toolbar-primary {
  background-color: var(--mud-palette-primary);
  color: var(--mud-palette-primary-text); }
  .mud-tabs-toolbar-primary .mud-tab-slider {
    background: var(--mud-palette-primary-text); }
  .mud-tabs-toolbar-primary .mud-tab.mud-tab-active {
    color: var(--mud-palette-primary-text); }
    .mud-tabs-toolbar-primary .mud-tab.mud-tab-active:hover {
      background-color: var(--mud-palette-primary-lighten); }

.mud-tabs-toolbar-secondary {
  background-color: var(--mud-palette-secondary);
  color: var(--mud-palette-secondary-text); }
  .mud-tabs-toolbar-secondary .mud-tab-slider {
    background: var(--mud-palette-secondary-text); }
  .mud-tabs-toolbar-secondary .mud-tab.mud-tab-active {
    color: var(--mud-palette-secondary-text); }
    .mud-tabs-toolbar-secondary .mud-tab.mud-tab-active:hover {
      background-color: var(--mud-palette-secondary-lighten); }

.mud-tabs-toolbar-tertiary {
  background-color: var(--mud-palette-tertiary);
  color: var(--mud-palette-tertiary-text); }
  .mud-tabs-toolbar-tertiary .mud-tab-slider {
    background: var(--mud-palette-tertiary-text); }
  .mud-tabs-toolbar-tertiary .mud-tab.mud-tab-active {
    color: var(--mud-palette-tertiary-text); }
    .mud-tabs-toolbar-tertiary .mud-tab.mud-tab-active:hover {
      background-color: var(--mud-palette-tertiary-lighten); }

.mud-tabs-toolbar-info {
  background-color: var(--mud-palette-info);
  color: var(--mud-palette-info-text); }
  .mud-tabs-toolbar-info .mud-tab-slider {
    background: var(--mud-palette-info-text); }
  .mud-tabs-toolbar-info .mud-tab.mud-tab-active {
    color: var(--mud-palette-info-text); }
    .mud-tabs-toolbar-info .mud-tab.mud-tab-active:hover {
      background-color: var(--mud-palette-info-lighten); }

.mud-tabs-toolbar-success {
  background-color: var(--mud-palette-success);
  color: var(--mud-palette-success-text); }
  .mud-tabs-toolbar-success .mud-tab-slider {
    background: var(--mud-palette-success-text); }
  .mud-tabs-toolbar-success .mud-tab.mud-tab-active {
    color: var(--mud-palette-success-text); }
    .mud-tabs-toolbar-success .mud-tab.mud-tab-active:hover {
      background-color: var(--mud-palette-success-lighten); }

.mud-tabs-toolbar-warning {
  background-color: var(--mud-palette-warning);
  color: var(--mud-palette-warning-text); }
  .mud-tabs-toolbar-warning .mud-tab-slider {
    background: var(--mud-palette-warning-text); }
  .mud-tabs-toolbar-warning .mud-tab.mud-tab-active {
    color: var(--mud-palette-warning-text); }
    .mud-tabs-toolbar-warning .mud-tab.mud-tab-active:hover {
      background-color: var(--mud-palette-warning-lighten); }

.mud-tabs-toolbar-error {
  background-color: var(--mud-palette-error);
  color: var(--mud-palette-error-text); }
  .mud-tabs-toolbar-error .mud-tab-slider {
    background: var(--mud-palette-error-text); }
  .mud-tabs-toolbar-error .mud-tab.mud-tab-active {
    color: var(--mud-palette-error-text); }
    .mud-tabs-toolbar-error .mud-tab.mud-tab-active:hover {
      background-color: var(--mud-palette-error-lighten); }

.mud-tabs-toolbar-dark {
  background-color: var(--mud-palette-dark);
  color: var(--mud-palette-dark-text); }
  .mud-tabs-toolbar-dark .mud-tab-slider {
    background: var(--mud-palette-dark-text); }
  .mud-tabs-toolbar-dark .mud-tab.mud-tab-active {
    color: var(--mud-palette-dark-text); }
    .mud-tabs-toolbar-dark .mud-tab.mud-tab-active:hover {
      background-color: var(--mud-palette-dark-lighten); }

.tab-transition-enter {
  transform: translate(100%, 0); }

.tab-transition-leave, .tab-transition-leave-active {
  position: absolute;
  top: 0; }

.tab-transition-leave-to {
  position: absolute;
  transform: translate(-100%, 0); }

.tab-reverse-transition-enter {
  transform: translate(-100%, 0); }

.tab-reverse-transition-leave, .tab-reverse-transition-leave-to {
  top: 0;
  position: absolute;
  transform: translate(100%, 0); }

.mud-dynamic-tabs .mud-tabs-toolbar .mud-tab {
  padding: 6px 14px; }
  .mud-dynamic-tabs .mud-tabs-toolbar .mud-tab .mud-icon-button {
    padding: 4px;
    margin-right: -4px;
    margin-inline-end: -4px;
    margin-inline-start: unset; }
  .mud-dynamic-tabs .mud-tabs-toolbar .mud-tab .mud-tabs-panel-header-before {
    padding-right: 8px;
    padding-inline-end: 8px;
    padding-inline-start: unset; }
  .mud-dynamic-tabs .mud-tabs-toolbar .mud-tab .mud-tabs-panel-header-after {
    padding-left: 8px;
    padding-inline-start: 8px;
    padding-inline-end: unset; }

.mud-tabs-header.mud-tabs-header-before {
  display: inherit; }

.mud-tabs-header.mud-tabs-header-after {
  display: inherit; }

.mud-tabs-panel-header {
  display: flex;
  flex: 1 1 auto; }
  .mud-tabs-panel-header.mud-tabs-panel-header-before {
    justify-content: flex-start; }
  .mud-tabs-panel-header.mud-tabs-panel-header-after {
    justify-content: flex-end; }

.mud-select {
  display: flex;
  flex-grow: 1;
  position: relative; }
  .mud-select.mud-autocomplete {
    display: block; }
    .mud-select.mud-autocomplete .mud-select-input {
      cursor: text; }
    .mud-select.mud-autocomplete .mud-input-adornment {
      cursor: pointer; }
  .mud-select.mud-autocomplete--with-progress .mud-select-input input {
    padding-right: 3.5rem !important; }
  .mud-select.mud-autocomplete--with-progress .mud-input-adorned-end input {
    padding-right: 4.5rem !important; }
  .mud-select.mud-autocomplete--with-progress .mud-select-input .mud-icon-button {
    display: none !important; }
  .mud-select.mud-autocomplete--with-progress .progress-indicator-circular {
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-right: 1rem; }
  .mud-select.mud-autocomplete--with-progress .progress-indicator-circular--with-adornment {
    padding-right: 3rem; }
  .mud-select.mud-autocomplete--with-progress .mud-progress-linear {
    position: absolute;
    bottom: -1px;
    height: 2px; }
  .mud-select .mud-select-input {
    cursor: pointer; }
    .mud-select .mud-select-input .mud-input-slot {
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
    .mud-select .mud-select-input .mud-input-adornment-end {
      margin-left: 0; }
    .mud-select .mud-select-input:disabled {
      cursor: default; }
  .mud-select .mud-disabled .mud-select-input {
    cursor: default; }

.mud-select > .mud-form-helpertext {
  margin-top: -21px; }

.mud-select-all {
  margin-top: 10px;
  border-bottom: 1px solid lightgrey;
  padding-bottom: 18px; }

.mud-input {
  position: relative;
  color: var(--mud-palette-text-primary);
  cursor: text;
  display: inline-flex;
  font-size: 1rem;
  box-sizing: border-box;
  align-items: center;
  font-weight: 400;
  line-height: 1.1876em;
  letter-spacing: 0.00938em; }
  .mud-input.mud-input-full-width {
    width: 100%; }
  .mud-input.mud-disabled {
    color: var(--mud-palette-text-disabled);
    cursor: default; }
  .mud-input.mud-disabled > .mud-input-adornment {
    color: var(--mud-palette-text-disabled);
    pointer-events: none; }
  .mud-input.mud-input-underline:before {
    left: 0;
    right: 0;
    bottom: 0;
    content: "\00a0";
    position: absolute;
    transition: border-bottom 0.2s, background-color 0.2s;
    border-bottom: 1px solid var(--mud-palette-lines-inputs);
    pointer-events: none; }
  .mud-input.mud-input-underline:hover:not(.mud-disabled):before {
    border-bottom: 1px solid var(--mud-palette-action-default); }
  .mud-input.mud-input-underline:after {
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    position: absolute;
    transform: scaleX(0);
    transition: transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;
    border-bottom: 2px solid var(--mud-palette-primary);
    pointer-events: none; }
  .mud-input.mud-input-underline.mud-disabled:before {
    border-bottom-style: dotted; }
  .mud-input.mud-input-underline.mud-input-error:after {
    transform: scaleX(1);
    border-bottom-color: var(--mud-palette-error); }
  .mud-input.mud-input-filled {
    position: relative;
    transition: background-color 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;
    background-color: rgba(0, 0, 0, 0.09);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px; }
    .mud-input.mud-input-filled:hover {
      background-color: rgba(0, 0, 0, 0.13); }
    .mud-input.mud-input-filled.mud-focused {
      background-color: rgba(0, 0, 0, 0.09); }
    .mud-input.mud-input-filled.mud-disabled {
      background-color: rgba(0, 0, 0, 0.12); }
    .mud-input.mud-input-filled.mud-input-adorned-start {
      padding-left: 12px;
      padding-inline-start: 12px;
      padding-inline-end: unset; }
    .mud-input.mud-input-filled.mud-input-adorned-end {
      padding-right: 12px;
      padding-inline-end: 12px;
      padding-inline-start: unset; }
    .mud-input.mud-input-filled.mud-input-underline:before {
      left: 0;
      right: 0;
      bottom: 0;
      content: "\00a0";
      position: absolute;
      transition: border-bottom-color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
      border-bottom: 1px solid var(--mud-palette-lines-inputs);
      pointer-events: none; }
    .mud-input.mud-input-filled.mud-input-underline:after {
      left: 0;
      right: 0;
      bottom: 0;
      content: "";
      position: absolute;
      transform: scaleX(0);
      transition: transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;
      border-bottom: 2px solid var(--mud-palette-primary);
      pointer-events: none; }
    .mud-input.mud-input-filled.mud-input-underline:hover:before {
      border-bottom: 1px solid var(--mud-palette-action-default); }
    .mud-input.mud-input-filled.mud-input-underline.mud-disabled:before {
      border-bottom-style: dotted; }
    .mud-input.mud-input-filled.mud-input-underline.mud-input-error:after {
      transform: scaleX(1);
      border-bottom-color: var(--mud-palette-error); }
  .mud-input.mud-input-outlined {
    position: relative;
    border-width: 0px; }
    .mud-input.mud-input-outlined .mud-input-outlined-border {
      display: flex;
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      box-sizing: border-box;
      width: 100%;
      max-width: 100%;
      height: 100%;
      text-align: start;
      pointer-events: none;
      border-radius: var(--mud-default-borderradius);
      border-color: var(--mud-palette-lines-inputs);
      border-width: 1px;
      border-style: solid;
      transition: border-width, border-color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; }
    .mud-input.mud-input-outlined:not(.mud-disabled):not(:focus-within):hover .mud-input-outlined-border {
      border-color: var(--mud-palette-action-default); }
    .mud-input.mud-input-outlined:focus-within .mud-input-outlined-border {
      border-width: 2px;
      border-color: var(--mud-palette-primary); }
    .mud-input.mud-input-outlined.mud-disabled .mud-input-outlined-border {
      border-color: var(--mud-palette-action-disabled); }
    .mud-input.mud-input-outlined.mud-input-adorned-start {
      padding-left: 14px;
      padding-inline-start: 14px;
      padding-inline-end: unset; }
    .mud-input.mud-input-outlined.mud-input-adorned-end {
      padding-right: 14px;
      padding-inline-end: 14px;
      padding-inline-start: unset; }

.mud-input-error .mud-input-outlined-border {
  border-color: var(--mud-palette-error) !important; }

.mud-input:focus-within.mud-input-underline:after {
  transform: scaleX(1); }

.mud-input > input.mud-input-root, div.mud-input-slot.mud-input-root {
  font: inherit;
  color: currentColor;
  width: 100%;
  border: 0;
  height: 1.1876em;
  margin: 0;
  display: block;
  padding: 6px 0 7px;
  min-width: 0;
  background: none;
  position: relative;
  box-sizing: content-box;
  letter-spacing: inherit;
  -webkit-tap-highlight-color: transparent;
  /* - Chrome ≤56,
    - Safari 5-10.0
    - iOS Safari 4.2-10.2
    - Opera 15-43
    - Opera Mobile 12-12.1
    - Android Browser 2.1-4.4.4
    - Samsung Internet ≤6.2
    - QQ Browser */ }
  .mud-input > input.mud-input-root::placeholder, div.mud-input-slot.mud-input-root::placeholder {
    color: currentColor;
    opacity: 0.42;
    transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; }
  .mud-input > input.mud-input-root::-webkit-input-placeholder, div.mud-input-slot.mud-input-root::-webkit-input-placeholder {
    color: currentColor;
    opacity: 0.42;
    transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; }
  .mud-input > input.mud-input-root:-moz-placeholder, div.mud-input-slot.mud-input-root:-moz-placeholder {
    color: currentColor;
    opacity: 0.42;
    transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; }
  .mud-input > input.mud-input-root::-moz-placeholder, div.mud-input-slot.mud-input-root::-moz-placeholder {
    color: currentColor;
    opacity: 0.42;
    transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; }
  .mud-input > input.mud-input-root:-ms-input-placeholder, div.mud-input-slot.mud-input-root:-ms-input-placeholder {
    color: currentColor;
    opacity: 0.42;
    transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; }
  .mud-input > input.mud-input-root::-ms-input-placeholder, div.mud-input-slot.mud-input-root::-ms-input-placeholder {
    color: currentColor;
    opacity: 0.42;
    transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; }
  .mud-input > input.mud-input-root.mud-input-root-margin-dense, div.mud-input-slot.mud-input-root.mud-input-root-margin-dense {
    padding-top: 3px; }
  .mud-input > input.mud-input-root.mud-input-root-multiline, div.mud-input-slot.mud-input-root.mud-input-root-multiline {
    height: auto;
    resize: none;
    padding: 0; }
  .mud-input > input.mud-input-root.mud-input-root-type-search, div.mud-input-slot.mud-input-root.mud-input-root-type-search {
    -moz-appearance: textfield;
    -webkit-appearance: textfield; }
  .mud-input > input.mud-input-root:focus, div.mud-input-slot.mud-input-root:focus {
    outline: 0; }
  .mud-input > input.mud-input-root:invalid, div.mud-input-slot.mud-input-root:invalid {
    box-shadow: none; }
  .mud-input > input.mud-input-root:disabled, div.mud-input-slot.mud-input-root:disabled {
    opacity: 1; }
  .mud-input > input.mud-input-root.mud-input-root-filled, div.mud-input-slot.mud-input-root.mud-input-root-filled {
    padding: 27px 12px 10px; }
    .mud-input > input.mud-input-root.mud-input-root-filled.mud-input-root-margin-dense, div.mud-input-slot.mud-input-root.mud-input-root-filled.mud-input-root-margin-dense {
      padding-top: 23px;
      padding-bottom: 6px; }
    .mud-input > input.mud-input-root.mud-input-root-filled:-webkit-autofill, div.mud-input-slot.mud-input-root.mud-input-root-filled:-webkit-autofill {
      border-top-left-radius: inherit;
      border-top-right-radius: inherit; }
    .mud-input > input.mud-input-root.mud-input-root-filled.mud-input-root-hidden-label, div.mud-input-slot.mud-input-root.mud-input-root-filled.mud-input-root-hidden-label {
      padding-top: 18px;
      padding-bottom: 19px; }
      .mud-input > input.mud-input-root.mud-input-root-filled.mud-input-root-hidden-label.mud-input-root-margin-dense, div.mud-input-slot.mud-input-root.mud-input-root-filled.mud-input-root-hidden-label.mud-input-root-margin-dense {
        padding-top: 10px;
        padding-bottom: 11px; }
    .mud-input > input.mud-input-root.mud-input-root-filled.mud-input-root-multiline, div.mud-input-slot.mud-input-root.mud-input-root-filled.mud-input-root-multiline {
      padding: 0; }
    .mud-input > input.mud-input-root.mud-input-root-filled.mud-input-root-adorned-start, div.mud-input-slot.mud-input-root.mud-input-root-filled.mud-input-root-adorned-start {
      padding-left: 0;
      padding-inline-start: 0;
      padding-inline-end: 12px; }
    .mud-input > input.mud-input-root.mud-input-root-filled.mud-input-root-adorned-end, div.mud-input-slot.mud-input-root.mud-input-root-filled.mud-input-root-adorned-end {
      padding-right: 0;
      padding-inline-end: 0;
      padding-inline-start: 12px; }

.mud-input > input.mud-input-root-outlined, div.mud-input-slot.mud-input-root-outlined {
  padding: 18.5px 14px; }
  .mud-input > input.mud-input-root-outlined.mud-input-root:-webkit-autofill, div.mud-input-slot.mud-input-root-outlined.mud-input-root:-webkit-autofill {
    border-radius: inherit; }
  .mud-input > input.mud-input-root-outlined.mud-input-root-margin-dense, div.mud-input-slot.mud-input-root-outlined.mud-input-root-margin-dense {
    padding-top: 10.5px;
    padding-bottom: 10.5px; }
  .mud-input > input.mud-input-root-outlined.mud-input-root-adorned-start, div.mud-input-slot.mud-input-root-outlined.mud-input-root-adorned-start {
    padding-left: 0;
    padding-inline-start: 0;
    padding-inline-end: 14px; }
  .mud-input > input.mud-input-root-outlined.mud-input-root-adorned-end, div.mud-input-slot.mud-input-root-outlined.mud-input-root-adorned-end {
    padding-right: 0;
    padding-inline-end: 0;
    padding-inline-start: 14px; }

.mud-input > input::-ms-reveal, .mud-input > input::-ms-clear, div.mud-input-slot::-ms-reveal, div.mud-input-slot::-ms-clear {
  display: none !important; }

.mud-input > textarea.mud-input-root {
  font: inherit;
  color: currentColor;
  width: 100%;
  border: 0;
  height: auto;
  margin: 6px 0 7px;
  padding: 0;
  display: block;
  min-width: 0;
  background: none;
  position: relative;
  box-sizing: content-box;
  letter-spacing: inherit;
  -webkit-tap-highlight-color: transparent;
  height: auto;
  resize: none;
  cursor: auto;
  /* - Chrome ≤56,
    - Safari 5-10.0
    - iOS Safari 4.2-10.2
    - Opera 15-43
    - Opera Mobile 12-12.1
    - Android Browser 2.1-4.4.4
    - Samsung Internet ≤6.2
    - QQ Browser */ }
  .mud-input > textarea.mud-input-root::placeholder {
    color: currentColor;
    opacity: 0.42;
    transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; }
  .mud-input > textarea.mud-input-root::-webkit-input-placeholder {
    color: currentColor;
    opacity: 0.42;
    transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; }
  .mud-input > textarea.mud-input-root:-moz-placeholder {
    color: currentColor;
    opacity: 0.42;
    transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; }
  .mud-input > textarea.mud-input-root::-moz-placeholder {
    color: currentColor;
    opacity: 0.42;
    transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; }
  .mud-input > textarea.mud-input-root:-ms-input-placeholder {
    color: currentColor;
    opacity: 0.42;
    transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; }
  .mud-input > textarea.mud-input-root::-ms-input-placeholder {
    color: currentColor;
    opacity: 0.42;
    transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; }
  .mud-input > textarea.mud-input-root.mud-input-root-margin-dense {
    margin-top: 3px; }
  .mud-input > textarea.mud-input-root.mud-input-root-type-search {
    -moz-appearance: textfield;
    -webkit-appearance: textfield; }
  .mud-input > textarea.mud-input-root:focus {
    outline: 0; }
  .mud-input > textarea.mud-input-root:invalid {
    box-shadow: none; }
  .mud-input > textarea.mud-input-root:disabled {
    opacity: 1; }
  .mud-input > textarea.mud-input-root.mud-input-root-filled {
    margin: 27px 12px 10px; }
    .mud-input > textarea.mud-input-root.mud-input-root-filled.mud-input-root-margin-dense {
      margin-top: 23px;
      margin-bottom: 6px; }
    .mud-input > textarea.mud-input-root.mud-input-root-filled:-webkit-autofill {
      border-top-left-radius: inherit;
      border-top-right-radius: inherit; }
    .mud-input > textarea.mud-input-root.mud-input-root-filled.mud-input-root-hidden-label {
      margin-top: 18px;
      margin-bottom: 19px; }
      .mud-input > textarea.mud-input-root.mud-input-root-filled.mud-input-root-hidden-label.mud-input-root-margin-dense {
        margin-top: 10px;
        margin-bottom: 11px; }
    .mud-input > textarea.mud-input-root.mud-input-root-filled.mud-input-root-adorned-start {
      margin-left: 0;
      margin-inline-start: 0;
      margin-inline-end: 12px; }
    .mud-input > textarea.mud-input-root.mud-input-root-filled.mud-input-root-adorned-end {
      margin-right: 0;
      margin-inline-end: unset;
      margin-inline-start: 12px; }
  .mud-input > textarea.mud-input-root::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    z-index: 1;
    cursor: crosshair; }
  .mud-input > textarea.mud-input-root::-webkit-scrollbar-thumb {
    background: var(--mud-palette-lines-inputs);
    border-radius: 1px; }
  .mud-input > textarea.mud-input-root::-webkit-scrollbar-track {
    background: transparent; }

.mud-input > textarea.mud-input-root-outlined {
  margin: 18.5px 14px; }
  .mud-input > textarea.mud-input-root-outlined.mud-input-root:-webkit-autofill {
    border-radius: inherit; }
  .mud-input > textarea.mud-input-root-outlined.mud-input-root-margin-dense {
    margin-top: 10.5px;
    margin-bottom: 10.5px; }
  .mud-input > textarea.mud-input-root-outlined.mud-input-root-adorned-start {
    margin-left: 0;
    margin-inline-start: 0;
    margin-inline-end: 14px; }
  .mud-input > textarea.mud-input-root-outlined.mud-input-root-adorned-end {
    margin-right: 0;
    margin-inline-end: 0;
    margin-inline-start: 14px; }

.mud-input-adornment {
  height: 0.01em;
  display: flex;
  max-height: 2em;
  align-items: center;
  white-space: nowrap; }

.mud-input-adornment-start.mud-input-root-filled-shrink {
  margin-top: 16px; }

.mud-input-adornment-start {
  margin-right: 8px;
  margin-inline-end: 8px;
  margin-inline-start: unset; }

.mud-input-adornment-end {
  margin-left: 8px;
  margin-inline-start: 8px;
  margin-inline-end: unset; }

.mud-input-number-control.mud-input-showspin .mud-input-adornment-end {
  margin-right: 12px;
  margin-inline-end: 12px;
  margin-inline-start: unset; }

.mud-input-number-control.mud-input-showspin .mud-input-underline:not(.mud-input-filled) .mud-input-adornment-end {
  margin-right: 24px;
  margin-inline-end: 24px;
  margin-inline-start: unset; }

.mud-input-adornment-disable-pointerevents {
  pointer-events: none; }

.mud-range-input-separator {
  visibility: hidden;
  margin: 0 4px; }

.mud-input:focus-within .mud-range-input-separator {
  visibility: visible; }

.mud-picker .mud-shrink .mud-range-input-separator {
  visibility: visible; }

.mud-input-control {
  border: 0;
  margin: 0;
  padding: 0;
  display: flex;
  flex: 1 1 auto;
  max-width: 100%;
  position: relative;
  flex-direction: column;
  vertical-align: top;
  margin-top: 6px; }
  .mud-input-control.mud-input-control-margin-normal {
    margin-top: 16px;
    margin-bottom: 8px; }
  .mud-input-control.mud-input-control-margin-dense {
    margin-top: 3px;
    margin-bottom: 2px; }
  .mud-input-control.mud-input-control-full-width {
    width: 100%; }
  .mud-input-control.mud-input-control-boolean-input {
    flex: none;
    margin: 0; }
  .mud-input-control > .mud-input-control-input-container {
    position: relative;
    display: flex;
    flex-direction: column; }
    .mud-input-control > .mud-input-control-input-container > div.mud-input.mud-input-text {
      margin-top: 16px; }
  .mud-input-control > .mud-input-control-input-container > .mud-input-label-outlined.mud-input-label-inputcontrol {
    line-height: 18px; }
  .mud-input-control > .mud-input-control-input-container > .mud-input-label-inputcontrol {
    color: var(--mud-palette-text-secondary);
    padding: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0.00938em;
    z-index: 0;
    pointer-events: none; }
    .mud-input-control > .mud-input-control-input-container > .mud-input-label-inputcontrol.mud-disabled {
      color: var(--mud-palette-text-disabled); }
    .mud-input-control > .mud-input-control-input-container > .mud-input-label-inputcontrol.mud-input-error {
      color: var(--mud-palette-error) !important; }
  .mud-input-control.mud-input-required > .mud-input-control-input-container > .mud-input-label::after {
    content: "*"; }
  .mud-input-control.mud-input-number-control input::-webkit-outer-spin-button, .mud-input-control.mud-input-number-control input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; }
  .mud-input-control.mud-input-number-control input[type=number] {
    -moz-appearance: textfield; }
  .mud-input-control.mud-input-number-control.mud-input-showspin .mud-input:not(.mud-input-adorned-end) input {
    padding-right: 24px;
    padding-inline-end: 24px; }
    .mud-input-control.mud-input-number-control.mud-input-showspin .mud-input:not(.mud-input-adorned-end) input.mud-input-root-margin-dense {
      padding-right: 20px;
      padding-inline-end: 20px; }
  .mud-input-control.mud-input-number-control.mud-input-showspin .mud-input:not(.mud-input-adorned-end).mud-input-text input {
    padding-inline-start: 0; }
    .mud-input-control.mud-input-number-control.mud-input-showspin .mud-input:not(.mud-input-adorned-end).mud-input-text input.mud-input-root-margin-dense {
      padding-inline-start: 0; }
  .mud-input-control.mud-input-number-control.mud-input-showspin .mud-input:not(.mud-input-adorned-end).mud-input-filled input {
    padding-inline-start: 12px; }
    .mud-input-control.mud-input-number-control.mud-input-showspin .mud-input:not(.mud-input-adorned-end).mud-input-filled input.mud-input-root-margin-dense {
      padding-inline-start: 12px; }
  .mud-input-control.mud-input-number-control.mud-input-showspin .mud-input:not(.mud-input-adorned-end).mud-input-outlined input {
    padding-inline-start: 14px; }
    .mud-input-control.mud-input-number-control.mud-input-showspin .mud-input:not(.mud-input-adorned-end).mud-input-outlined input.mud-input-root-margin-dense {
      padding-inline-start: 14px; }
  .mud-input-control.mud-input-number-control .mud-input-numeric-spin {
    display: inline-flex;
    flex-direction: column;
    justify-content: space-between;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0; }
    .mud-input-control.mud-input-number-control .mud-input-numeric-spin button {
      padding: 2px;
      min-width: unset;
      min-height: unset; }
  .mud-input-control.mud-input-number-control .mud-input-numeric-spin button {
    padding: 2px 0; }

.mud-input-control-helper-container {
  overflow: hidden;
  margin-top: 3px; }

.mud-input-helper-text {
  color: var(--mud-palette-text-secondary);
  margin: 0;
  font-size: 0.75rem;
  text-align: start;
  font-weight: 400;
  line-height: 1.66;
  letter-spacing: 0.03333em; }
  .mud-input-helper-text.mud-input-helper-onfocus {
    transform: translateY(-100%);
    transition: color 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms; }

.mud-input-control:focus-within .mud-input-helper-text.mud-input-helper-onfocus, .mud-input-control.mud-input-error .mud-input-helper-text.mud-input-helper-onfocus {
  transform: translateY(0); }

.mud-input-helper-text.mud-disabled {
  color: var(--mud-palette-text-disabled); }

.mud-input-helper-text.mud-input-error {
  color: var(--mud-palette-error) !important; }

.mud-input-helper-text-margin-dense {
  margin-top: 4px; }

.mud-input-helper-text-contained {
  margin-left: 14px;
  margin-right: 14px; }

.mud-application-layout-rtl .mud-input-control.mud-input-number-control .mud-input-numeric-spin {
  left: 0;
  right: unset; }

.mud-input-label {
  display: block;
  transform-origin: top left; }

.mud-input-label-inputcontrol {
  top: 0;
  left: 0;
  position: absolute;
  transform: translate(0, 24px) scale(1); }

.mud-input-label-margindense {
  transform: translate(0, 21px) scale(1); }

.mud-input-label-shrink {
  transform: translate(0, 1.5px) scale(0.75);
  transform-origin: top left; }

.mud-input-label-animated {
  transition: color 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms; }

.mud-input-label-filled {
  z-index: 1;
  transform: translate(12px, 20px) scale(1);
  pointer-events: none; }
  .mud-input-label-filled.mud-input-label-margin-dense {
    transform: translate(12px, 17px) scale(1); }

.mud-input-label-outlined {
  transform: translate(14px, 20px) scale(1);
  pointer-events: none;
  background-color: var(--mud-palette-surface);
  padding: 0px 5px !important; }
  .mud-input-label-outlined.mud-input-label-margin-dense {
    transform: translate(14px, 12px) scale(1); }

.mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol {
  color: var(--mud-palette-text-primary); }

.mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol {
  color: var(--mud-palette-primary); }

.mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol, .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol {
  transform: translate(0, 1.5px) scale(0.75);
  transform-origin: top left; }
  .mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-filled, .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-filled {
    transform: translate(12px, 10px) scale(0.75); }
    .mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-filled.mud-input-label-margin-dense, .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-filled.mud-input-label-margin-dense {
      transform: translate(12px, 7px) scale(0.75); }
  .mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined, .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined {
    transform: translate(14px, -6px) scale(0.75); }

.mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-error {
  color: var(--mud-palette-error); }

.mud-application-layout-rtl .mud-input-label {
  transform-origin: top right; }

.mud-application-layout-rtl .mud-input-label-inputcontrol {
  left: unset;
  right: 0; }

.mud-application-layout-rtl .mud-input-label-shrink {
  transform-origin: top right; }

.mud-application-layout-rtl .mud-input-label-filled {
  transform: translate(-12px, 20px) scale(1); }
  .mud-application-layout-rtl .mud-input-label-filled.mud-input-label-margin-dense {
    transform: translate(-12px, 17px) scale(1); }

.mud-application-layout-rtl .mud-input-label-outlined {
  transform: translate(-14px, 20px) scale(1); }
  .mud-application-layout-rtl .mud-input-label-outlined.mud-input-label-margin-dense {
    transform: translate(-14px, 12px) scale(1); }

.mud-application-layout-rtl .mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol, .mud-application-layout-rtl .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol {
  transform-origin: top right; }
  .mud-application-layout-rtl .mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-filled, .mud-application-layout-rtl .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-filled {
    transform: translate(-12px, 10px) scale(0.75); }
    .mud-application-layout-rtl .mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-filled.mud-input-label-margin-dense, .mud-application-layout-rtl .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-filled.mud-input-label-margin-dense {
      transform: translate(-12px, 7px) scale(0.75); }
  .mud-application-layout-rtl .mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined, .mud-application-layout-rtl .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined {
    transform: translate(-14px, -6px) scale(0.75); }

.mud-file-upload {
  flex-grow: 0; }

.mud-file-upload > .mud-input-control-input-container {
  display: initial !important; }

.mud-image.fluid {
  max-width: 100%;
  height: auto; }

.mud-overlay {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 !important;
  align-items: center;
  justify-content: center;
  border-radius: inherit;
  display: flex;
  position: fixed;
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), z-index 1ms;
  z-index: 5; }
  .mud-overlay.mud-overlay-absolute {
    position: absolute; }
  .mud-overlay .mud-overlay-scrim {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: inherit;
    position: absolute;
    height: 100%;
    width: 100%;
    border-color: transparent;
    background-color: transparent;
    animation: mud-animation-fadein ease 0.15s;
    -webkit-animation: mud-animation-fadein ease 0.15s;
    -moz-animation: mud-animation-fadein ease 0.15s;
    -o-animation: mud-animation-fadein ease 0.15s; }
    .mud-overlay .mud-overlay-scrim.mud-overlay-dark {
      border-color: var(--mud-palette-overlay-dark);
      background-color: var(--mud-palette-overlay-dark); }
    .mud-overlay .mud-overlay-scrim.mud-overlay-light {
      border-color: var(--mud-palette-overlay-light);
      background-color: var(--mud-palette-overlay-light); }
    .mud-overlay .mud-overlay-scrim:hover {
      cursor: default; }
  .mud-overlay .mud-overlay-content {
    position: relative; }
  .mud-overlay.mud-overlay-popover {
    z-index: var(--mud-zindex-popover); }
  .mud-overlay.mud-overlay-dialog {
    z-index: calc(var(--mud-zindex-dialog) + 1); }
  .mud-overlay.mud-overlay-drawer {
    z-index: calc(var(--mud-zindex-appbar) + 1); }

.mud-treeview {
  margin: 0px;
  padding: 0px;
  list-style: none;
  overflow: auto; }
  .mud-treeview.mud-treeview-selected-primary .mud-treeview-item-content.mud-treeview-item-selected {
    color: var(--mud-palette-primary);
    background-color: var(--mud-palette-primary-hover); }
  .mud-treeview.mud-treeview-selected-secondary .mud-treeview-item-content.mud-treeview-item-selected {
    color: var(--mud-palette-secondary);
    background-color: var(--mud-palette-secondary-hover); }
  .mud-treeview.mud-treeview-selected-tertiary .mud-treeview-item-content.mud-treeview-item-selected {
    color: var(--mud-palette-tertiary);
    background-color: var(--mud-palette-tertiary-hover); }
  .mud-treeview.mud-treeview-selected-info .mud-treeview-item-content.mud-treeview-item-selected {
    color: var(--mud-palette-info);
    background-color: var(--mud-palette-info-hover); }
  .mud-treeview.mud-treeview-selected-success .mud-treeview-item-content.mud-treeview-item-selected {
    color: var(--mud-palette-success);
    background-color: var(--mud-palette-success-hover); }
  .mud-treeview.mud-treeview-selected-warning .mud-treeview-item-content.mud-treeview-item-selected {
    color: var(--mud-palette-warning);
    background-color: var(--mud-palette-warning-hover); }
  .mud-treeview.mud-treeview-selected-error .mud-treeview-item-content.mud-treeview-item-selected {
    color: var(--mud-palette-error);
    background-color: var(--mud-palette-error-hover); }
  .mud-treeview.mud-treeview-selected-dark .mud-treeview-item-content.mud-treeview-item-selected {
    color: var(--mud-palette-dark);
    background-color: var(--mud-palette-dark-hover); }
  .mud-treeview.mud-treeview-checked-primary .mud-treeview-item-checkbox .mud-button-root.mud-icon-button {
    color: var(--mud-palette-primary); }
  .mud-treeview.mud-treeview-checked-secondary .mud-treeview-item-checkbox .mud-button-root.mud-icon-button {
    color: var(--mud-palette-secondary); }
  .mud-treeview.mud-treeview-checked-tertiary .mud-treeview-item-checkbox .mud-button-root.mud-icon-button {
    color: var(--mud-palette-tertiary); }
  .mud-treeview.mud-treeview-checked-info .mud-treeview-item-checkbox .mud-button-root.mud-icon-button {
    color: var(--mud-palette-info); }
  .mud-treeview.mud-treeview-checked-success .mud-treeview-item-checkbox .mud-button-root.mud-icon-button {
    color: var(--mud-palette-success); }
  .mud-treeview.mud-treeview-checked-warning .mud-treeview-item-checkbox .mud-button-root.mud-icon-button {
    color: var(--mud-palette-warning); }
  .mud-treeview.mud-treeview-checked-error .mud-treeview-item-checkbox .mud-button-root.mud-icon-button {
    color: var(--mud-palette-error); }
  .mud-treeview.mud-treeview-checked-dark .mud-treeview-item-checkbox .mud-button-root.mud-icon-button {
    color: var(--mud-palette-dark); }

.mud-treeview-group {
  margin: 0px;
  padding: 0px;
  margin-left: 17px;
  margin-inline-start: 17px;
  margin-inline-end: unset;
  list-style: none; }

.mud-treeview-item {
  margin: 0;
  outline: 0;
  padding: 0;
  cursor: default;
  list-style: none;
  min-height: 2rem;
  align-items: center;
  -webkit-tap-highlight-color: transparent; }
  .mud-treeview-item .mud-treeview-item-arrow .mud-icon-button, .mud-treeview-item .mud-treeview-item-checkbox .mud-icon-button {
    padding: 4px; }

.mud-treeview-item-content {
  width: 100%;
  display: flex;
  padding: 4px 8px;
  align-items: center;
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; }

.mud-treeview-hover .mud-treeview-item-content:hover {
  background-color: var(--mud-palette-action-default-hover); }

.mud-treeview-item-arrow {
  width: 2rem;
  display: flex;
  flex-shrink: 0;
  margin: 0 4px;
  min-height: 32px;
  justify-content: center; }
  .mud-treeview-item-arrow .mud-treeview-item-arrow-expand {
    transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), visibility 0s; }
    .mud-treeview-item-arrow .mud-treeview-item-arrow-expand.mud-transform {
      transform: rotate(90deg); }
  .mud-treeview-item-arrow .mud-treeview-item-arrow-load {
    animation: rotation 1s infinite linear; }

.mud-treeview-item-icon {
  width: 32px;
  display: flex;
  flex-shrink: 0;
  margin-right: 4px;
  margin-inline-end: 4px;
  margin-inline-start: unset;
  justify-content: center; }

.mud-treeview-item-label {
  flex-grow: 1;
  padding-left: 4px;
  padding-right: 4px; }

.mud-treeview-dense .mud-treeview-item {
  min-height: unset; }

.mud-treeview-dense .mud-treeview-item-content {
  padding: 1px 4px; }

.mud-treeview-dense .mud-treeview-item-arrow {
  min-height: unset; }

.mud-treeview-dense .mud-icon-button {
  padding: 0; }

@keyframes rotation {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(359deg); } }

.mud-application-layout-rtl .mud-treeview-item-arrow {
  transform: scaleX(-1); }

.mud-data-grid th {
  position: relative; }

.mud-data-grid .mud-table-cell.edit-mode-cell .mud-input-control {
  margin: 0 !important; }

.mud-data-grid .mud-table-cell.edit-mode-cell .mud-input {
  font-size: inherit; }
  .mud-data-grid .mud-table-cell.edit-mode-cell .mud-input:before {
    content: none; }
  .mud-data-grid .mud-table-cell.edit-mode-cell .mud-inputafter {
    content: none; }
  .mud-data-grid .mud-table-cell.edit-mode-cell .mud-input .mud-input-outlined-border {
    border: none; }

.mud-data-grid .mud-table-cell.filter-header-cell {
  padding: 6px 24px 6px 16px;
  padding-inline-start: 16px;
  padding-inline-end: 24px; }

.mud-data-grid .mud-table-cell.sticky-left {
  left: 0px;
  position: sticky;
  background-color: var(--mud-palette-background-grey);
  z-index: 1; }

.mud-data-grid .mud-table-cell.sticky-right {
  right: 0px;
  position: sticky;
  background-color: var(--mud-palette-background-grey);
  z-index: 1; }

.mud-data-grid .mud-table-cell .mud-input-text {
  margin-top: 0 !important; }

.mud-data-grid .mud-table-cell .column-header {
  display: flex;
  justify-content: space-between; }
  .mud-data-grid .mud-table-cell .column-header .sortable-column-header {
    width: 100%; }
  .mud-data-grid .mud-table-cell .column-header:hover .column-options .sort-direction-icon, .mud-data-grid .mud-table-cell .column-header:hover .column-options .column-options-icon {
    opacity: 0.8;
    color: var(--mud-palette-action-default); }
  .mud-data-grid .mud-table-cell .column-header:hover .column-options .mud-menu .mud-icon-button-label {
    opacity: 1.0;
    color: var(--mud-palette-action-default); }
  .mud-data-grid .mud-table-cell .column-header .column-options {
    display: inline-flex;
    align-items: center;
    flex-direction: inherit;
    justify-content: flex-start; }
  .mud-data-grid .mud-table-cell .column-header .sort-direction-icon {
    font-size: 18px;
    margin-left: 4px;
    margin-left: 4px;
    margin-inline-start: 4px;
    margin-inline-end: unset;
    user-select: none;
    transition: opacity 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    opacity: 0; }
    .mud-data-grid .mud-table-cell .column-header .sort-direction-icon.mud-direction-desc {
      opacity: 1;
      transform: rotate(180deg); }
    .mud-data-grid .mud-table-cell .column-header .sort-direction-icon.mud-direction-asc {
      opacity: 1;
      transform: rotate(0deg); }
  .mud-data-grid .mud-table-cell .column-header .mud-sort-index {
    transform: scale(0.9) translate(-2px, -2px); }
  .mud-data-grid .mud-table-cell .column-header .column-options .mud-menu .mud-icon-button-label {
    /*font-size: 18px;*/
    user-select: none;
    /*margin-right: 4px;*/
    transition: opacity 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    opacity: 0; }

.mud-data-grid .mud-table-cell .mud-resizer {
  position: absolute;
  top: 0;
  right: 0;
  width: 8px;
  cursor: col-resize;
  user-select: none; }

.mud-data-grid .mud-table-cell .mud-resizer:hover,
.mud-data-grid .mud-table-cell .mud-resizing {
  border-right: 2px solid var(--mud-palette-primary); }

.rounded-0 {
  border-radius: 0 !important; }

.rounded-t-0 {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important; }

.rounded-r-0, .rounded-e-0 {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important; }

.rounded-b-0 {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important; }

.rounded-l-0, .rounded-s-0 {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important; }

.rounded-tl-0, .rounded-ts-0 {
  border-top-left-radius: 0 !important; }

.rounded-tr-0, .rounded-te-0 {
  border-top-right-radius: 0 !important; }

.rounded-br-0, .rounded-be-0 {
  border-bottom-right-radius: 0 !important; }

.rounded-bl-0, .rounded-bs-0 {
  border-bottom-left-radius: 0 !important; }

.mud-application-layout-rtl .rounded-s-0 {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important; }

.mud-application-layout-rtl .rounded-e-0 {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important; }

.mud-application-layout-rtl .rounded-ts-0 {
  border-top-right-radius: 0 !important;
  border-top-left-radius: 0 !important; }

.mud-application-layout-rtl .rounded-te-0 {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important; }

.mud-application-layout-rtl .rounded-bs-0 {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important; }

.mud-application-layout-rtl .rounded-be-0 {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important; }

.rounded-sm {
  border-radius: 2px !important; }

.rounded-t-sm {
  border-top-left-radius: 2px !important;
  border-top-right-radius: 2px !important; }

.rounded-r-sm, .rounded-e-sm {
  border-top-right-radius: 2px !important;
  border-bottom-right-radius: 2px !important; }

.rounded-b-sm {
  border-bottom-right-radius: 2px !important;
  border-bottom-left-radius: 2px !important; }

.rounded-l-sm, .rounded-s-sm {
  border-top-left-radius: 2px !important;
  border-bottom-left-radius: 2px !important; }

.rounded-tl-sm, .rounded-ts-sm {
  border-top-left-radius: 2px !important; }

.rounded-tr-sm, .rounded-te-sm {
  border-top-right-radius: 2px !important; }

.rounded-br-sm, .rounded-be-sm {
  border-bottom-right-radius: 2px !important; }

.rounded-bl-sm, .rounded-bs-sm {
  border-bottom-left-radius: 2px !important; }

.mud-application-layout-rtl .rounded-s-sm {
  border-top-right-radius: 2px !important;
  border-bottom-right-radius: 2px !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important; }

.mud-application-layout-rtl .rounded-e-sm {
  border-top-left-radius: 2px !important;
  border-bottom-left-radius: 2px !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important; }

.mud-application-layout-rtl .rounded-ts-sm {
  border-top-right-radius: 2px !important;
  border-top-left-radius: 0 !important; }

.mud-application-layout-rtl .rounded-te-sm {
  border-top-left-radius: 2px !important;
  border-top-right-radius: 0 !important; }

.mud-application-layout-rtl .rounded-bs-sm {
  border-bottom-right-radius: 2px !important;
  border-bottom-left-radius: 0 !important; }

.mud-application-layout-rtl .rounded-be-sm {
  border-bottom-left-radius: 2px !important;
  border-bottom-right-radius: 0 !important; }

.rounded-lg {
  border-radius: 8px !important; }

.rounded-t-lg {
  border-top-left-radius: 8px !important;
  border-top-right-radius: 8px !important; }

.rounded-r-lg, .rounded-e-lg {
  border-top-right-radius: 8px !important;
  border-bottom-right-radius: 8px !important; }

.rounded-b-lg {
  border-bottom-right-radius: 8px !important;
  border-bottom-left-radius: 8px !important; }

.rounded-l-lg, .rounded-s-lg {
  border-top-left-radius: 8px !important;
  border-bottom-left-radius: 8px !important; }

.rounded-tl-lg, .rounded-ts-lg {
  border-top-left-radius: 8px !important; }

.rounded-tr-lg, .rounded-te-lg {
  border-top-right-radius: 8px !important; }

.rounded-br-lg, .rounded-be-lg {
  border-bottom-right-radius: 8px !important; }

.rounded-bl-lg, .rounded-bs-lg {
  border-bottom-left-radius: 8px !important; }

.mud-application-layout-rtl .rounded-s-lg {
  border-top-right-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important; }

.mud-application-layout-rtl .rounded-e-lg {
  border-top-left-radius: 8px !important;
  border-bottom-left-radius: 8px !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important; }

.mud-application-layout-rtl .rounded-ts-lg {
  border-top-right-radius: 8px !important;
  border-top-left-radius: 0 !important; }

.mud-application-layout-rtl .rounded-te-lg {
  border-top-left-radius: 8px !important;
  border-top-right-radius: 0 !important; }

.mud-application-layout-rtl .rounded-bs-lg {
  border-bottom-right-radius: 8px !important;
  border-bottom-left-radius: 0 !important; }

.mud-application-layout-rtl .rounded-be-lg {
  border-bottom-left-radius: 8px !important;
  border-bottom-right-radius: 0 !important; }

.rounded-xl {
  border-radius: 24px !important; }

.rounded-t-xl {
  border-top-left-radius: 24px !important;
  border-top-right-radius: 24px !important; }

.rounded-r-xl, .rounded-e-xl {
  border-top-right-radius: 24px !important;
  border-bottom-right-radius: 24px !important; }

.rounded-b-xl {
  border-bottom-right-radius: 24px !important;
  border-bottom-left-radius: 24px !important; }

.rounded-l-xl, .rounded-s-xl {
  border-top-left-radius: 24px !important;
  border-bottom-left-radius: 24px !important; }

.rounded-tl-xl, .rounded-ts-xl {
  border-top-left-radius: 24px !important; }

.rounded-tr-xl, .rounded-te-xl {
  border-top-right-radius: 24px !important; }

.rounded-br-xl, .rounded-be-xl {
  border-bottom-right-radius: 24px !important; }

.rounded-bl-xl, .rounded-bs-xl {
  border-bottom-left-radius: 24px !important; }

.mud-application-layout-rtl .rounded-s-xl {
  border-top-right-radius: 24px !important;
  border-bottom-right-radius: 24px !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important; }

.mud-application-layout-rtl .rounded-e-xl {
  border-top-left-radius: 24px !important;
  border-bottom-left-radius: 24px !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important; }

.mud-application-layout-rtl .rounded-ts-xl {
  border-top-right-radius: 24px !important;
  border-top-left-radius: 0 !important; }

.mud-application-layout-rtl .rounded-te-xl {
  border-top-left-radius: 24px !important;
  border-top-right-radius: 0 !important; }

.mud-application-layout-rtl .rounded-bs-xl {
  border-bottom-right-radius: 24px !important;
  border-bottom-left-radius: 0 !important; }

.mud-application-layout-rtl .rounded-be-xl {
  border-bottom-left-radius: 24px !important;
  border-bottom-right-radius: 0 !important; }

.rounded {
  border-radius: var(--mud-default-borderradius) !important; }

.rounded-t {
  border-top-left-radius: var(--mud-default-borderradius) !important;
  border-top-right-radius: var(--mud-default-borderradius) !important; }

.rounded-r, .rounded-e {
  border-top-right-radius: var(--mud-default-borderradius) !important;
  border-bottom-right-radius: var(--mud-default-borderradius) !important; }

.rounded-b {
  border-bottom-right-radius: var(--mud-default-borderradius) !important;
  border-bottom-left-radius: var(--mud-default-borderradius) !important; }

.rounded-l, .rounded-s {
  border-top-left-radius: var(--mud-default-borderradius) !important;
  border-bottom-left-radius: var(--mud-default-borderradius) !important; }

.rounded-tl, .rounded-ts {
  border-top-left-radius: var(--mud-default-borderradius) !important; }

.rounded-tr, .rounded-te {
  border-top-right-radius: var(--mud-default-borderradius) !important; }

.rounded-br, .rounded-be {
  border-bottom-right-radius: var(--mud-default-borderradius) !important; }

.rounded-bl, .rounded-bs {
  border-bottom-left-radius: var(--mud-default-borderradius) !important; }

.mud-application-layout-rtl .rounded-s {
  border-top-right-radius: var(--mud-default-borderradius) !important;
  border-bottom-right-radius: var(--mud-default-borderradius) !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important; }

.mud-application-layout-rtl .rounded-e {
  border-top-left-radius: var(--mud-default-borderradius) !important;
  border-bottom-left-radius: var(--mud-default-borderradius) !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important; }

.mud-application-layout-rtl .rounded-ts {
  border-top-right-radius: var(--mud-default-borderradius) !important;
  border-top-left-radius: 0 !important; }

.mud-application-layout-rtl .rounded-te {
  border-top-left-radius: var(--mud-default-borderradius) !important;
  border-top-right-radius: 0 !important; }

.mud-application-layout-rtl .rounded-bs {
  border-bottom-right-radius: var(--mud-default-borderradius) !important;
  border-bottom-left-radius: 0 !important; }

.mud-application-layout-rtl .rounded-be {
  border-bottom-left-radius: var(--mud-default-borderradius) !important;
  border-bottom-right-radius: 0 !important; }

.rounded-circle {
  border-radius: 50% !important; }

.rounded-pill {
  border-radius: 9999px !important; }

.border-solid {
  border-style: solid !important; }

.border-dashed {
  border-style: dashed !important; }

.border-dotted {
  border-style: dotted !important; }

.border-double {
  border-style: double !important; }

.border-hidden {
  border-style: hidden !important; }

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

.border-0 {
  border-width: 0px !important; }

.border-t-0 {
  border-top-width: 0px !important; }

.border-r-0 {
  border-right-width: 0px !important; }

.border-b-0 {
  border-bottom-width: 0px !important; }

.border-l-0 {
  border-left-width: 0px !important; }

.border-x-0 {
  border-left-width: 0px !important;
  border-right-width: 0px !important; }

.border-y-0 {
  border-top-width: 0px !important;
  border-bottom-width: 0px !important; }

.border {
  border-width: 1px !important; }

.border-t {
  border-top-width: 1px !important; }

.border-r {
  border-right-width: 1px !important; }

.border-b {
  border-bottom-width: 1px !important; }

.border-l {
  border-left-width: 1px !important; }

.border-x {
  border-left-width: 1px !important;
  border-right-width: 1px !important; }

.border-y {
  border-top-width: 1px !important;
  border-bottom-width: 1px !important; }

.border-2 {
  border-width: 2px !important; }

.border-t-2 {
  border-top-width: 2px !important; }

.border-r-2 {
  border-right-width: 2px !important; }

.border-b-2 {
  border-bottom-width: 2px !important; }

.border-l-2 {
  border-left-width: 2px !important; }

.border-x-2 {
  border-left-width: 2px !important;
  border-right-width: 2px !important; }

.border-y-2 {
  border-top-width: 2px !important;
  border-bottom-width: 2px !important; }

.border-4 {
  border-width: 4px !important; }

.border-t-4 {
  border-top-width: 4px !important; }

.border-r-4 {
  border-right-width: 4px !important; }

.border-b-4 {
  border-bottom-width: 4px !important; }

.border-l-4 {
  border-left-width: 4px !important; }

.border-x-4 {
  border-left-width: 4px !important;
  border-right-width: 4px !important; }

.border-y-4 {
  border-top-width: 4px !important;
  border-bottom-width: 4px !important; }

.border-8 {
  border-width: 8px !important; }

.border-t-8 {
  border-top-width: 8px !important; }

.border-r-8 {
  border-right-width: 8px !important; }

.border-b-8 {
  border-bottom-width: 8px !important; }

.border-l-8 {
  border-left-width: 8px !important; }

.border-x-8 {
  border-left-width: 8px !important;
  border-right-width: 8px !important; }

.border-y-8 {
  border-top-width: 8px !important;
  border-bottom-width: 8px !important; }

/* Outline Style */
.outline-none {
  outline-style: none; }

.outline-solid {
  outline-style: solid; }

.outline-dashed {
  outline-style: dashed; }

.outline-dotted {
  outline-style: dotted; }

.outline-double {
  outline-style: double; }

.outline-hidden {
  outline-style: hidden; }

/* Outline Color */
/* To Doo */
/* Outline Offset */
/* To Doo */
/* Outline Width */
/* To Doo */
.flex-1 {
  flex: 1 1 0% !important; }

.flex-auto {
  flex: 1 1 auto !important; }

.flex-initial {
  flex: 0 1 auto !important; }

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

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

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

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

.flex-column-reverse {
  flex-direction: column-reverse !important; }

.flex-grow-0 {
  flex-grow: 0 !important; }

.flex-grow-1 {
  flex-grow: 1 !important; }

.flex-shrink-0 {
  flex-shrink: 0 !important; }

.flex-shrink-1 {
  flex-shrink: 1 !important; }

.flex-wrap {
  flex-wrap: wrap !important; }

.flex-nowrap {
  flex-wrap: nowrap !important; }

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important; }

.justify-start {
  justify-content: flex-start !important; }

.justify-end {
  justify-content: flex-end !important; }

.justify-center {
  justify-content: center !important; }

.justify-space-between {
  justify-content: space-between !important; }

.justify-space-around {
  justify-content: space-around !important; }

.justify-space-evenly {
  justify-content: space-evenly !important; }

.order-first {
  order: -9999 !important; }

.order-last {
  order: 9999 !important; }

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

.order-1 {
  order: 1 !important; }

.order-2 {
  order: 2 !important; }

.order-3 {
  order: 3 !important; }

.order-4 {
  order: 4 !important; }

.order-5 {
  order: 5 !important; }

.order-6 {
  order: 6 !important; }

.order-7 {
  order: 7 !important; }

.order-8 {
  order: 8 !important; }

.order-9 {
  order: 9 !important; }

.order-10 {
  order: 10 !important; }

.order-11 {
  order: 11 !important; }

.order-12 {
  order: 12 !important; }

.align-content-start {
  align-content: flex-start !important; }

.align-content-end {
  align-content: flex-end !important; }

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

.align-content-space-between {
  align-content: space-between !important; }

.align-content-space-around {
  align-content: space-around !important; }

.align-content-stretch {
  align-content: stretch !important; }

.align-start {
  align-items: flex-start !important; }

.align-end {
  align-items: flex-end !important; }

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

.align-baseline {
  align-items: baseline !important; }

.align-stretch {
  align-items: stretch !important; }

.align-self-auto {
  align-self: auto !important; }

.align-self-start {
  align-self: flex-start !important; }

.align-self-end {
  align-self: flex-end !important; }

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

.align-self-stretch {
  align-self: stretch !important; }

.gap-0 {
  gap: 0px; }

.gap-x-0 {
  column-gap: 0px; }

.gap-y-0 {
  row-gap: 0px; }

.gap-1 {
  gap: 4px; }

.gap-x-1 {
  column-gap: 4px; }

.gap-y-1 {
  row-gap: 4px; }

.gap-2 {
  gap: 8px; }

.gap-x-2 {
  column-gap: 8px; }

.gap-y-2 {
  row-gap: 8px; }

.gap-3 {
  gap: 12px; }

.gap-x-3 {
  column-gap: 12px; }

.gap-y-3 {
  row-gap: 12px; }

.gap-4 {
  gap: 16px; }

.gap-x-4 {
  column-gap: 16px; }

.gap-y-4 {
  row-gap: 16px; }

.gap-5 {
  gap: 20px; }

.gap-x-5 {
  column-gap: 20px; }

.gap-y-5 {
  row-gap: 20px; }

.gap-6 {
  gap: 24px; }

.gap-x-6 {
  column-gap: 24px; }

.gap-y-6 {
  row-gap: 24px; }

.gap-7 {
  gap: 28px; }

.gap-x-7 {
  column-gap: 28px; }

.gap-y-7 {
  row-gap: 28px; }

.gap-8 {
  gap: 32px; }

.gap-x-8 {
  column-gap: 32px; }

.gap-y-8 {
  row-gap: 32px; }

.gap-9 {
  gap: 36px; }

.gap-x-9 {
  column-gap: 36px; }

.gap-y-9 {
  row-gap: 36px; }

.gap-10 {
  gap: 40px; }

.gap-x-10 {
  column-gap: 40px; }

.gap-y-10 {
  row-gap: 40px; }

.gap-11 {
  gap: 44px; }

.gap-x-11 {
  column-gap: 44px; }

.gap-y-11 {
  row-gap: 44px; }

.gap-12 {
  gap: 48px; }

.gap-x-12 {
  column-gap: 48px; }

.gap-y-12 {
  row-gap: 48px; }

.gap-13 {
  gap: 52px; }

.gap-x-13 {
  column-gap: 52px; }

.gap-y-13 {
  row-gap: 52px; }

.gap-14 {
  gap: 56px; }

.gap-x-14 {
  column-gap: 56px; }

.gap-y-14 {
  row-gap: 56px; }

.gap-15 {
  gap: 60px; }

.gap-x-15 {
  column-gap: 60px; }

.gap-y-15 {
  row-gap: 60px; }

.gap-16 {
  gap: 64px; }

.gap-x-16 {
  column-gap: 64px; }

.gap-y-16 {
  row-gap: 64px; }


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

.cursor-default {
  cursor: default !important; }

.cursor-pointer {
  cursor: pointer !important; }

.cursor-wait {
  cursor: wait !important; }

.cursor-text {
  cursor: text !important; }

.cursor-move {
  cursor: move !important; }

.cursor-help {
  cursor: help !important; }

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

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

.cursor-progress {
  cursor: progress !important; }

.cursor-cell {
  cursor: cell !important; }

.cursor-crosshair {
  cursor: crosshair !important; }

.cursor-vertical-text {
  cursor: vertical-text !important; }

.cursor-alias {
  cursor: alias !important; }

.cursor-copy {
  cursor: copy !important; }

.cursor-no-drop {
  cursor: no-drop !important; }

.cursor-grab {
  cursor: grab !important; }

.cursor-grabbing {
  cursor: grabbing !important; }

.cursor-all-scroll {
  cursor: all-scroll !important; }

.cursor-col-resize {
  cursor: col-resize !important; }

.cursor-row-resize {
  cursor: row-resize !important; }

.cursor-n-resize {
  cursor: n-resize !important; }

.cursor-w-resize {
  cursor: w-resize !important; }

.cursor-zoom-in {
  cursor: zoom-in !important; }

.cursor-zoom-out {
  cursor: zoom-out !important; }

.cursor-url {
  cursor: url !important; }

.pointer-events-none {
  pointer-events: none; }

.pointer-events-auto {
  pointer-events: auto; }

.d-none {
  display: none !important; }

.d-inline {
  display: inline !important; }

.d-inline-block {
  display: inline-block !important; }

.d-block {
  display: block !important; }

.d-table {
  display: table !important; }

.d-table-row {
  display: table-row !important; }

.d-table-cell {
  display: table-cell !important; }

.d-flex {
  display: flex !important; }

.d-inline-flex {
  display: inline-flex !important; }


.object-none {
  object-fit: none; }

.object-cover {
  object-fit: cover; }

.object-contain {
  object-fit: contain; }

.object-fill {
  object-fit: fill; }

.object-scale-down {
  object-fit: scale-down; }

.object-center {
  object-position: center; }

.object-top {
  object-position: top; }

.object-bottom {
  object-position: bottom; }

.object-left {
  object-position: left; }

.object-left-top {
  object-position: left top; }

.object-left-bottom {
  object-position: left bottom; }

.object-right {
  object-position: right; }

.object-right-top {
  object-position: right top; }

.object-right-bottom {
  object-position: right bottom; }

.overflow-auto {
  overflow: auto; }

.overflow-hidden {
  overflow: hidden; }

.overflow-visible {
  overflow: visible; }

.overflow-scroll {
  overflow: scroll; }

.overflow-x-auto {
  overflow-x: auto; }

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

.overflow-x-hidden {
  overflow-x: hidden; }

.overflow-y-hidden {
  overflow-y: hidden; }

.overflow-x-visible {
  overflow-x: visible; }

.overflow-y-visible {
  overflow-y: visible; }

.overflow-x-scroll {
  overflow-x: scroll; }

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

.absolute {
  position: absolute; }

.fixed {
  position: fixed; }

.relative {
  position: relative; }

.static {
  position: static; }

.sticky {
  position: sticky; }

.visible {
  visibility: visible; }

.invisible {
  visibility: hidden; }

.z-0 {
  z-index: 0; }

.z-10 {
  z-index: 10; }

.z-20 {
  z-index: 20; }

.z-30 {
  z-index: 30; }

.z-40 {
  z-index: 40; }

.z-50 {
  z-index: 50; }

.z-60 {
  z-index: 60; }

.z-70 {
  z-index: 70; }

.z-80 {
  z-index: 80; }

.z-90 {
  z-index: 90; }

.z-100 {
  z-index: 100; }

.z-auto {
  z-index: auto; }

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

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

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

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

.ms-0 {
  margin-inline-start: 0 !important; }

.me-0 {
  margin-inline-end: 0 !important; }

.ma-0 {
  margin: 0 !important; }

.mt-1,
.my-1 {
  margin-top: 4px !important; }

.mr-1,
.mx-1 {
  margin-right: 4px !important; }

.ml-1,
.mx-1 {
  margin-left: 4px !important; }

.mb-1,
.my-1 {
  margin-bottom: 4px !important; }

.ms-1 {
  margin-inline-start: 4px !important; }

.me-1 {
  margin-inline-end: 4px !important; }

.ma-1 {
  margin: 4px !important; }

.mt-2,
.my-2 {
  margin-top: 8px !important; }

.mr-2,
.mx-2 {
  margin-right: 8px !important; }

.ml-2,
.mx-2 {
  margin-left: 8px !important; }

.mb-2,
.my-2 {
  margin-bottom: 8px !important; }

.ms-2 {
  margin-inline-start: 8px !important; }

.me-2 {
  margin-inline-end: 8px !important; }

.ma-2 {
  margin: 8px !important; }

.mt-3,
.my-3 {
  margin-top: 12px !important; }

.mr-3,
.mx-3 {
  margin-right: 12px !important; }

.ml-3,
.mx-3 {
  margin-left: 12px !important; }

.mb-3,
.my-3 {
  margin-bottom: 12px !important; }

.ms-3 {
  margin-inline-start: 12px !important; }

.me-3 {
  margin-inline-end: 12px !important; }

.ma-3 {
  margin: 12px !important; }

.mt-4,
.my-4 {
  margin-top: 16px !important; }

.mr-4,
.mx-4 {
  margin-right: 16px !important; }

.ml-4,
.mx-4 {
  margin-left: 16px !important; }

.mb-4,
.my-4 {
  margin-bottom: 16px !important; }

.ms-4 {
  margin-inline-start: 16px !important; }

.me-4 {
  margin-inline-end: 16px !important; }

.ma-4 {
  margin: 16px !important; }

.mt-5,
.my-5 {
  margin-top: 20px !important; }

.mr-5,
.mx-5 {
  margin-right: 20px !important; }

.ml-5,
.mx-5 {
  margin-left: 20px !important; }

.mb-5,
.my-5 {
  margin-bottom: 20px !important; }

.ms-5 {
  margin-inline-start: 20px !important; }

.me-5 {
  margin-inline-end: 20px !important; }

.ma-5 {
  margin: 20px !important; }

.mt-6,
.my-6 {
  margin-top: 24px !important; }

.mr-6,
.mx-6 {
  margin-right: 24px !important; }

.ml-6,
.mx-6 {
  margin-left: 24px !important; }

.mb-6,
.my-6 {
  margin-bottom: 24px !important; }

.ms-6 {
  margin-inline-start: 24px !important; }

.me-6 {
  margin-inline-end: 24px !important; }

.ma-6 {
  margin: 24px !important; }

.mt-7,
.my-7 {
  margin-top: 28px !important; }

.mr-7,
.mx-7 {
  margin-right: 28px !important; }

.ml-7,
.mx-7 {
  margin-left: 28px !important; }

.mb-7,
.my-7 {
  margin-bottom: 28px !important; }

.ms-7 {
  margin-inline-start: 28px !important; }

.me-7 {
  margin-inline-end: 28px !important; }

.ma-7 {
  margin: 28px !important; }

.mt-8,
.my-8 {
  margin-top: 32px !important; }

.mr-8,
.mx-8 {
  margin-right: 32px !important; }

.ml-8,
.mx-8 {
  margin-left: 32px !important; }

.mb-8,
.my-8 {
  margin-bottom: 32px !important; }

.ms-8 {
  margin-inline-start: 32px !important; }

.me-8 {
  margin-inline-end: 32px !important; }

.ma-8 {
  margin: 32px !important; }

.mt-9,
.my-9 {
  margin-top: 36px !important; }

.mr-9,
.mx-9 {
  margin-right: 36px !important; }

.ml-9,
.mx-9 {
  margin-left: 36px !important; }

.mb-9,
.my-9 {
  margin-bottom: 36px !important; }

.ms-9 {
  margin-inline-start: 36px !important; }

.me-9 {
  margin-inline-end: 36px !important; }

.ma-9 {
  margin: 36px !important; }

.mt-10,
.my-10 {
  margin-top: 40px !important; }

.mr-10,
.mx-10 {
  margin-right: 40px !important; }

.ml-10,
.mx-10 {
  margin-left: 40px !important; }

.mb-10,
.my-10 {
  margin-bottom: 40px !important; }

.ms-10 {
  margin-inline-start: 40px !important; }

.me-10 {
  margin-inline-end: 40px !important; }

.ma-10 {
  margin: 40px !important; }

.mt-11,
.my-11 {
  margin-top: 44px !important; }

.mr-11,
.mx-11 {
  margin-right: 44px !important; }

.ml-11,
.mx-11 {
  margin-left: 44px !important; }

.mb-11,
.my-11 {
  margin-bottom: 44px !important; }

.ms-11 {
  margin-inline-start: 44px !important; }

.me-11 {
  margin-inline-end: 44px !important; }

.ma-11 {
  margin: 44px !important; }

.mt-12,
.my-12 {
  margin-top: 48px !important; }

.mr-12,
.mx-12 {
  margin-right: 48px !important; }

.ml-12,
.mx-12 {
  margin-left: 48px !important; }

.mb-12,
.my-12 {
  margin-bottom: 48px !important; }

.ms-12 {
  margin-inline-start: 48px !important; }

.me-12 {
  margin-inline-end: 48px !important; }

.ma-12 {
  margin: 48px !important; }

.mt-13,
.my-13 {
  margin-top: 52px !important; }

.mr-13,
.mx-13 {
  margin-right: 52px !important; }

.ml-13,
.mx-13 {
  margin-left: 52px !important; }

.mb-13,
.my-13 {
  margin-bottom: 52px !important; }

.ms-13 {
  margin-inline-start: 52px !important; }

.me-13 {
  margin-inline-end: 52px !important; }

.ma-13 {
  margin: 52px !important; }

.mt-14,
.my-14 {
  margin-top: 56px !important; }

.mr-14,
.mx-14 {
  margin-right: 56px !important; }

.ml-14,
.mx-14 {
  margin-left: 56px !important; }

.mb-14,
.my-14 {
  margin-bottom: 56px !important; }

.ms-14 {
  margin-inline-start: 56px !important; }

.me-14 {
  margin-inline-end: 56px !important; }

.ma-14 {
  margin: 56px !important; }

.mt-15,
.my-15 {
  margin-top: 60px !important; }

.mr-15,
.mx-15 {
  margin-right: 60px !important; }

.ml-15,
.mx-15 {
  margin-left: 60px !important; }

.mb-15,
.my-15 {
  margin-bottom: 60px !important; }

.ms-15 {
  margin-inline-start: 60px !important; }

.me-15 {
  margin-inline-end: 60px !important; }

.ma-15 {
  margin: 60px !important; }

.mt-16,
.my-16 {
  margin-top: 64px !important; }

.mr-16,
.mx-16 {
  margin-right: 64px !important; }

.ml-16,
.mx-16 {
  margin-left: 64px !important; }

.mb-16,
.my-16 {
  margin-bottom: 64px !important; }

.ms-16 {
  margin-inline-start: 64px !important; }

.me-16 {
  margin-inline-end: 64px !important; }

.ma-16 {
  margin: 64px !important; }

.mt-auto,
.my-auto {
  margin-top: auto !important; }

.mr-auto,
.mx-auto {
  margin-right: auto !important; }

.ml-auto,
.mx-auto {
  margin-left: auto !important; }

.mb-auto,
.my-auto {
  margin-bottom: auto !important; }

.ms-auto {
  margin-inline-start: auto !important; }

.me-auto {
  margin-inline-end: auto !important; }

.ma-auto {
  margin: auto !important; }

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

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

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

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

.ps-0 {
  padding-inline-start: 0 !important; }

.pe-0 {
  padding-inline-end: 0 !important; }

.pa-0 {
  padding: 0 !important; }

.pt-1,
.py-1 {
  padding-top: 4px !important; }

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

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

.pb-1,
.py-1 {
  padding-bottom: 4px !important; }

.ps-1 {
  padding-inline-start: 4px !important; }

.pe-1 {
  padding-inline-end: 4px !important; }

.pa-1 {
  padding: 4px !important; }

.pt-2,
.py-2 {
  padding-top: 8px !important; }

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

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

.pb-2,
.py-2 {
  padding-bottom: 8px !important; }

.ps-2 {
  padding-inline-start: 8px !important; }

.pe-2 {
  padding-inline-end: 8px !important; }

.pa-2 {
  padding: 8px !important; }

.pt-3,
.py-3 {
  padding-top: 12px !important; }

.pr-3,
.px-3 {
  padding-right: 12px !important; }

.pl-3,
.px-3 {
  padding-left: 12px !important; }

.pb-3,
.py-3 {
  padding-bottom: 12px !important; }

.ps-3 {
  padding-inline-start: 12px !important; }

.pe-3 {
  padding-inline-end: 12px !important; }

.pa-3 {
  padding: 12px !important; }

.pt-4,
.py-4 {
  padding-top: 16px !important; }

.pr-4,
.px-4 {
  padding-right: 16px !important; }

.pl-4,
.px-4 {
  padding-left: 16px !important; }

.pb-4,
.py-4 {
  padding-bottom: 16px !important; }

.ps-4 {
  padding-inline-start: 16px !important; }

.pe-4 {
  padding-inline-end: 16px !important; }

.pa-4 {
  padding: 16px !important; }

.pt-5,
.py-5 {
  padding-top: 20px !important; }

.pr-5,
.px-5 {
  padding-right: 20px !important; }

.pl-5,
.px-5 {
  padding-left: 20px !important; }

.pb-5,
.py-5 {
  padding-bottom: 20px !important; }

.ps-5 {
  padding-inline-start: 20px !important; }

.pe-5 {
  padding-inline-end: 20px !important; }

.pa-5 {
  padding: 20px !important; }

.pt-6,
.py-6 {
  padding-top: 24px !important; }

.pr-6,
.px-6 {
  padding-right: 24px !important; }

.pl-6,
.px-6 {
  padding-left: 24px !important; }

.pb-6,
.py-6 {
  padding-bottom: 24px !important; }

.ps-6 {
  padding-inline-start: 24px !important; }

.pe-6 {
  padding-inline-end: 24px !important; }

.pa-6 {
  padding: 24px !important; }

.pt-7,
.py-7 {
  padding-top: 28px !important; }

.pr-7,
.px-7 {
  padding-right: 28px !important; }

.pl-7,
.px-7 {
  padding-left: 28px !important; }

.pb-7,
.py-7 {
  padding-bottom: 28px !important; }

.ps-7 {
  padding-inline-start: 28px !important; }

.pe-7 {
  padding-inline-end: 28px !important; }

.pa-7 {
  padding: 28px !important; }

.pt-8,
.py-8 {
  padding-top: 32px !important; }

.pr-8,
.px-8 {
  padding-right: 32px !important; }

.pl-8,
.px-8 {
  padding-left: 32px !important; }

.pb-8,
.py-8 {
  padding-bottom: 32px !important; }

.ps-8 {
  padding-inline-start: 32px !important; }

.pe-8 {
  padding-inline-end: 32px !important; }

.pa-8 {
  padding: 32px !important; }

.pt-9,
.py-9 {
  padding-top: 36px !important; }

.pr-9,
.px-9 {
  padding-right: 36px !important; }

.pl-9,
.px-9 {
  padding-left: 36px !important; }

.pb-9,
.py-9 {
  padding-bottom: 36px !important; }

.ps-9 {
  padding-inline-start: 36px !important; }

.pe-9 {
  padding-inline-end: 36px !important; }

.pa-9 {
  padding: 36px !important; }

.pt-10,
.py-10 {
  padding-top: 40px !important; }

.pr-10,
.px-10 {
  padding-right: 40px !important; }

.pl-10,
.px-10 {
  padding-left: 40px !important; }

.pb-10,
.py-10 {
  padding-bottom: 40px !important; }

.ps-10 {
  padding-inline-start: 40px !important; }

.pe-10 {
  padding-inline-end: 40px !important; }

.pa-10 {
  padding: 40px !important; }

.pt-11,
.py-11 {
  padding-top: 44px !important; }

.pr-11,
.px-11 {
  padding-right: 44px !important; }

.pl-11,
.px-11 {
  padding-left: 44px !important; }

.pb-11,
.py-11 {
  padding-bottom: 44px !important; }

.ps-11 {
  padding-inline-start: 44px !important; }

.pe-11 {
  padding-inline-end: 44px !important; }

.pa-11 {
  padding: 44px !important; }

.pt-12,
.py-12 {
  padding-top: 48px !important; }

.pr-12,
.px-12 {
  padding-right: 48px !important; }

.pl-12,
.px-12 {
  padding-left: 48px !important; }

.pb-12,
.py-12 {
  padding-bottom: 48px !important; }

.ps-12 {
  padding-inline-start: 48px !important; }

.pe-12 {
  padding-inline-end: 48px !important; }

.pa-12 {
  padding: 48px !important; }

.pt-13,
.py-13 {
  padding-top: 52px !important; }

.pr-13,
.px-13 {
  padding-right: 52px !important; }

.pl-13,
.px-13 {
  padding-left: 52px !important; }

.pb-13,
.py-13 {
  padding-bottom: 52px !important; }

.ps-13 {
  padding-inline-start: 52px !important; }

.pe-13 {
  padding-inline-end: 52px !important; }

.pa-13 {
  padding: 52px !important; }

.pt-14,
.py-14 {
  padding-top: 56px !important; }

.pr-14,
.px-14 {
  padding-right: 56px !important; }

.pl-14,
.px-14 {
  padding-left: 56px !important; }

.pb-14,
.py-14 {
  padding-bottom: 56px !important; }

.ps-14 {
  padding-inline-start: 56px !important; }

.pe-14 {
  padding-inline-end: 56px !important; }

.pa-14 {
  padding: 56px !important; }

.pt-15,
.py-15 {
  padding-top: 60px !important; }

.pr-15,
.px-15 {
  padding-right: 60px !important; }

.pl-15,
.px-15 {
  padding-left: 60px !important; }

.pb-15,
.py-15 {
  padding-bottom: 60px !important; }

.ps-15 {
  padding-inline-start: 60px !important; }

.pe-15 {
  padding-inline-end: 60px !important; }

.pa-15 {
  padding: 60px !important; }

.pt-16,
.py-16 {
  padding-top: 64px !important; }

.pr-16,
.px-16 {
  padding-right: 64px !important; }

.pl-16,
.px-16 {
  padding-left: 64px !important; }

.pb-16,
.py-16 {
  padding-bottom: 64px !important; }

.ps-16 {
  padding-inline-start: 64px !important; }

.pe-16 {
  padding-inline-end: 64px !important; }

.pa-16 {
  padding: 64px !important; }

.pt-auto,
.py-auto {
  padding-top: auto !important; }

.pr-auto,
.px-auto {
  padding-right: auto !important; }

.pl-auto,
.px-auto {
  padding-left: auto !important; }

.pb-auto,
.py-auto {
  padding-bottom: auto !important; }

.ps-auto {
  padding-inline-start: auto !important; }

.pe-auto {
  padding-inline-end: auto !important; }

.pa-auto {
  padding: auto !important; }

.mt-n1,
.my-n1 {
  margin-top: -4px !important; }

.mr-n1,
.mx-n1 {
  margin-right: -4px !important; }

.ml-n1,
.mx-n1 {
  margin-left: -4px !important; }

.mb-n1,
.my-n1 {
  margin-bottom: -4px !important; }

.ms-n1 {
  margin-inline-start: -4px !important; }

.me-n1 {
  margin-inline-end: -4px !important; }

.ma-n1 {
  margin: -4px !important; }

.mt-n2,
.my-n2 {
  margin-top: -8px !important; }

.mr-n2,
.mx-n2 {
  margin-right: -8px !important; }

.ml-n2,
.mx-n2 {
  margin-left: -8px !important; }

.mb-n2,
.my-n2 {
  margin-bottom: -8px !important; }

.ms-n2 {
  margin-inline-start: -8px !important; }

.me-n2 {
  margin-inline-end: -8px !important; }

.ma-n2 {
  margin: -8px !important; }

.mt-n3,
.my-n3 {
  margin-top: -12px !important; }

.mr-n3,
.mx-n3 {
  margin-right: -12px !important; }

.ml-n3,
.mx-n3 {
  margin-left: -12px !important; }

.mb-n3,
.my-n3 {
  margin-bottom: -12px !important; }

.ms-n3 {
  margin-inline-start: -12px !important; }

.me-n3 {
  margin-inline-end: -12px !important; }

.ma-n3 {
  margin: -12px !important; }

.mt-n4,
.my-n4 {
  margin-top: -16px !important; }

.mr-n4,
.mx-n4 {
  margin-right: -16px !important; }

.ml-n4,
.mx-n4 {
  margin-left: -16px !important; }

.mb-n4,
.my-n4 {
  margin-bottom: -16px !important; }

.ms-n4 {
  margin-inline-start: -16px !important; }

.me-n4 {
  margin-inline-end: -16px !important; }

.ma-n4 {
  margin: -16px !important; }

.mt-n5,
.my-n5 {
  margin-top: -20px !important; }

.mr-n5,
.mx-n5 {
  margin-right: -20px !important; }

.ml-n5,
.mx-n5 {
  margin-left: -20px !important; }

.mb-n5,
.my-n5 {
  margin-bottom: -20px !important; }

.ms-n5 {
  margin-inline-start: -20px !important; }

.me-n5 {
  margin-inline-end: -20px !important; }

.ma-n5 {
  margin: -20px !important; }

.mt-n6,
.my-n6 {
  margin-top: -24px !important; }

.mr-n6,
.mx-n6 {
  margin-right: -24px !important; }

.ml-n6,
.mx-n6 {
  margin-left: -24px !important; }

.mb-n6,
.my-n6 {
  margin-bottom: -24px !important; }

.ms-n6 {
  margin-inline-start: -24px !important; }

.me-n6 {
  margin-inline-end: -24px !important; }

.ma-n6 {
  margin: -24px !important; }

.mt-n7,
.my-n7 {
  margin-top: -28px !important; }

.mr-n7,
.mx-n7 {
  margin-right: -28px !important; }

.ml-n7,
.mx-n7 {
  margin-left: -28px !important; }

.mb-n7,
.my-n7 {
  margin-bottom: -28px !important; }

.ms-n7 {
  margin-inline-start: -28px !important; }

.me-n7 {
  margin-inline-end: -28px !important; }

.ma-n7 {
  margin: -28px !important; }

.mt-n8,
.my-n8 {
  margin-top: -32px !important; }

.mr-n8,
.mx-n8 {
  margin-right: -32px !important; }

.ml-n8,
.mx-n8 {
  margin-left: -32px !important; }

.mb-n8,
.my-n8 {
  margin-bottom: -32px !important; }

.ms-n8 {
  margin-inline-start: -32px !important; }

.me-n8 {
  margin-inline-end: -32px !important; }

.ma-n8 {
  margin: -32px !important; }

.mt-n9,
.my-n9 {
  margin-top: -36px !important; }

.mr-n9,
.mx-n9 {
  margin-right: -36px !important; }

.ml-n9,
.mx-n9 {
  margin-left: -36px !important; }

.mb-n9,
.my-n9 {
  margin-bottom: -36px !important; }

.ms-n9 {
  margin-inline-start: -36px !important; }

.me-n9 {
  margin-inline-end: -36px !important; }

.ma-n9 {
  margin: -36px !important; }

.mt-n10,
.my-n10 {
  margin-top: -40px !important; }

.mr-n10,
.mx-n10 {
  margin-right: -40px !important; }

.ml-n10,
.mx-n10 {
  margin-left: -40px !important; }

.mb-n10,
.my-n10 {
  margin-bottom: -40px !important; }

.ms-n10 {
  margin-inline-start: -40px !important; }

.me-n10 {
  margin-inline-end: -40px !important; }

.ma-n10 {
  margin: -40px !important; }

.mt-n11,
.my-n11 {
  margin-top: -44px !important; }

.mr-n11,
.mx-n11 {
  margin-right: -44px !important; }

.ml-n11,
.mx-n11 {
  margin-left: -44px !important; }

.mb-n11,
.my-n11 {
  margin-bottom: -44px !important; }

.ms-n11 {
  margin-inline-start: -44px !important; }

.me-n11 {
  margin-inline-end: -44px !important; }

.ma-n11 {
  margin: -44px !important; }

.mt-n12,
.my-n12 {
  margin-top: -48px !important; }

.mr-n12,
.mx-n12 {
  margin-right: -48px !important; }

.ml-n12,
.mx-n12 {
  margin-left: -48px !important; }

.mb-n12,
.my-n12 {
  margin-bottom: -48px !important; }

.ms-n12 {
  margin-inline-start: -48px !important; }

.me-n12 {
  margin-inline-end: -48px !important; }

.ma-n12 {
  margin: -48px !important; }

.mt-n13,
.my-n13 {
  margin-top: -52px !important; }

.mr-n13,
.mx-n13 {
  margin-right: -52px !important; }

.ml-n13,
.mx-n13 {
  margin-left: -52px !important; }

.mb-n13,
.my-n13 {
  margin-bottom: -52px !important; }

.ms-n13 {
  margin-inline-start: -52px !important; }

.me-n13 {
  margin-inline-end: -52px !important; }

.ma-n13 {
  margin: -52px !important; }

.mt-n14,
.my-n14 {
  margin-top: -56px !important; }

.mr-n14,
.mx-n14 {
  margin-right: -56px !important; }

.ml-n14,
.mx-n14 {
  margin-left: -56px !important; }

.mb-n14,
.my-n14 {
  margin-bottom: -56px !important; }

.ms-n14 {
  margin-inline-start: -56px !important; }

.me-n14 {
  margin-inline-end: -56px !important; }

.ma-n14 {
  margin: -56px !important; }

.mt-n15,
.my-n15 {
  margin-top: -60px !important; }

.mr-n15,
.mx-n15 {
  margin-right: -60px !important; }

.ml-n15,
.mx-n15 {
  margin-left: -60px !important; }

.mb-n15,
.my-n15 {
  margin-bottom: -60px !important; }

.ms-n15 {
  margin-inline-start: -60px !important; }

.me-n15 {
  margin-inline-end: -60px !important; }

.ma-n15 {
  margin: -60px !important; }

.mt-n16,
.my-n16 {
  margin-top: -64px !important; }

.mr-n16,
.mx-n16 {
  margin-right: -64px !important; }

.ml-n16,
.mx-n16 {
  margin-left: -64px !important; }

.mb-n16,
.my-n16 {
  margin-bottom: -64px !important; }

.ms-n16 {
  margin-inline-start: -64px !important; }

.me-n16 {
  margin-inline-end: -64px !important; }

.ma-n16 {
  margin: -64px !important; }


.mud-width-full {
  width: 100%; }

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

.w-max {
  width: max-content; }

.mud-appbar {
  width: 100%;
  display: flex;
  z-index: var(--mud-zindex-appbar);
  position: relative;
  box-sizing: border-box;
  flex-shrink: 0;
  flex-direction: column;
  color: var(--mud-palette-appbar-text);
  background-color: var(--mud-palette-appbar-background);
  transition: margin 225ms cubic-bezier(0, 0, 0.2, 1) 0ms, width 225ms cubic-bezier(0, 0, 0.2, 1) 0ms; }
  .mud-appbar.mud-appbar-fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0; }
    .mud-appbar.mud-appbar-fixed-top .mud-popover-cascading-value {
      position: fixed; }
  .mud-appbar.mud-appbar-fixed-bottom {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0; }
    .mud-appbar.mud-appbar-fixed-bottom .mud-popover-cascading-value {
      position: fixed; }
  .mud-appbar .mud-toolbar-appbar {
    height: calc(var(--mud-appbar-height) - var(--mud-appbar-height) / 8); }
  

  .mud-appbar.mud-appbar-dense .mud-toolbar-appbar {
    height: calc(var(--mud-appbar-height) - var(--mud-appbar-height) / 4); }


.mud-drawer-open-persistent-left.mud-drawer-left-clipped-never .mud-appbar {
  margin-left: var(--mud-drawer-width-left);
  width: calc(100% - var(--mud-drawer-width-left)); }

.mud-drawer-open-persistent-right.mud-drawer-right-clipped-never .mud-appbar {
  margin-right: var(--mud-drawer-width-right);
  width: calc(100% - var(--mud-drawer-width-right)); }

.mud-drawer-open-persistent-left.mud-drawer-left-clipped-never.mud-drawer-open-persistent-right.mud-drawer-right-clipped-never .mud-appbar {
  margin-left: var(--mud-drawer-width-left);
  margin-right: var(--mud-drawer-width-right);
  width: calc(100% - var(--mud-drawer-width-left) - var(--mud-drawer-width-right)); }


.mud-drawer-close-mini-xs-left.mud-drawer-left-clipped-never .mud-appbar {
  margin-left: var(--mud-drawer-width-mini-left);
  width: calc(100% - var(--mud-drawer-width-mini-left)); }

.mud-drawer-close-mini-xs-right.mud-drawer-right-clipped-never .mud-appbar {
  margin-right: var(--mud-drawer-width-mini-right);
  width: calc(100% - var(--mud-drawer-width-mini-right)); }

.mud-drawer-close-mini-xs-left.mud-drawer-left-clipped-never.mud-drawer-close-mini-xs-right.mud-drawer-right-clipped-never .mud-appbar {
  margin-left: var(--mud-drawer-width-mini-left);
  margin-right: var(--mud-drawer-width-mini-right);
  width: calc(100% - var(--mud-drawer-width-mini-left) - var(--mud-drawer-width-mini-right)); }


.mud-drawer-close-mini-sm-left.mud-drawer-left-clipped-never .mud-appbar {
  margin-left: var(--mud-drawer-width-mini-left);
  width: calc(100% - var(--mud-drawer-width-mini-left)); }

.mud-drawer-close-mini-sm-right.mud-drawer-right-clipped-never .mud-appbar {
  margin-right: var(--mud-drawer-width-mini-right);
  width: calc(100% - var(--mud-drawer-width-mini-right)); }

.mud-drawer-close-mini-sm-left.mud-drawer-left-clipped-never.mud-drawer-close-mini-sm-right.mud-drawer-right-clipped-never .mud-appbar {
  margin-left: var(--mud-drawer-width-mini-left);
  margin-right: var(--mud-drawer-width-mini-right);
  width: calc(100% - var(--mud-drawer-width-mini-left) - var(--mud-drawer-width-mini-right)); }


.mud-drawer-close-mini-md-left.mud-drawer-left-clipped-never .mud-appbar {
  margin-left: var(--mud-drawer-width-mini-left);
  width: calc(100% - var(--mud-drawer-width-mini-left)); }

.mud-drawer-close-mini-md-right.mud-drawer-right-clipped-never .mud-appbar {
  margin-right: var(--mud-drawer-width-mini-right);
  width: calc(100% - var(--mud-drawer-width-mini-right)); }

.mud-drawer-close-mini-md-left.mud-drawer-left-clipped-never.mud-drawer-close-mini-md-right.mud-drawer-right-clipped-never .mud-appbar {
  margin-left: var(--mud-drawer-width-mini-left);
  margin-right: var(--mud-drawer-width-mini-right);
  width: calc(100% - var(--mud-drawer-width-mini-left) - var(--mud-drawer-width-mini-right)); }


.mud-drawer-close-mini-lg-left.mud-drawer-left-clipped-never .mud-appbar {
  margin-left: var(--mud-drawer-width-mini-left);
  width: calc(100% - var(--mud-drawer-width-mini-left)); }

.mud-drawer-close-mini-lg-right.mud-drawer-right-clipped-never .mud-appbar {
  margin-right: var(--mud-drawer-width-mini-right);
  width: calc(100% - var(--mud-drawer-width-mini-right)); }

.mud-drawer-close-mini-lg-left.mud-drawer-left-clipped-never.mud-drawer-close-mini-lg-right.mud-drawer-right-clipped-never .mud-appbar {
  margin-left: var(--mud-drawer-width-mini-left);
  margin-right: var(--mud-drawer-width-mini-right);
  width: calc(100% - var(--mud-drawer-width-mini-left) - var(--mud-drawer-width-mini-right)); }


.mud-drawer-close-mini-xl-left.mud-drawer-left-clipped-never .mud-appbar {
  margin-left: var(--mud-drawer-width-mini-left);
  width: calc(100% - var(--mud-drawer-width-mini-left)); }

.mud-drawer-close-mini-xl-right.mud-drawer-right-clipped-never .mud-appbar {
  margin-right: var(--mud-drawer-width-mini-right);
  width: calc(100% - var(--mud-drawer-width-mini-right)); }

.mud-drawer-close-mini-xl-left.mud-drawer-left-clipped-never.mud-drawer-close-mini-xl-right.mud-drawer-right-clipped-never .mud-appbar {
  margin-left: var(--mud-drawer-width-mini-left);
  margin-right: var(--mud-drawer-width-mini-right);
  width: calc(100% - var(--mud-drawer-width-mini-left) - var(--mud-drawer-width-mini-right)); }


.mud-drawer-close-mini-xxl-left.mud-drawer-left-clipped-never .mud-appbar {
  margin-left: var(--mud-drawer-width-mini-left);
  width: calc(100% - var(--mud-drawer-width-mini-left)); }

.mud-drawer-close-mini-xxl-right.mud-drawer-right-clipped-never .mud-appbar {
  margin-right: var(--mud-drawer-width-mini-right);
  width: calc(100% - var(--mud-drawer-width-mini-right)); }

.mud-drawer-close-mini-xxl-left.mud-drawer-left-clipped-never.mud-drawer-close-mini-xxl-right.mud-drawer-right-clipped-never .mud-appbar {
  margin-left: var(--mud-drawer-width-mini-left);
  margin-right: var(--mud-drawer-width-mini-right);
  width: calc(100% - var(--mud-drawer-width-mini-left) - var(--mud-drawer-width-mini-right)); }


.mud-drawer {
  display: flex;
  flex-shrink: 0;
  flex-grow: 1;
  flex: 0 0 auto;
  outline: 0;
  position: fixed;
  z-index: var(--mud-zindex-drawer);
  overflow-y: auto;
  flex-direction: column;
  color: var(--mud-palette-drawer-text);
  background-color: var(--mud-palette-drawer-background);
  --mud-drawer-content-height: 0; }
  .mud-drawer .mud-drawer-content {
    height: 100%;
    max-height: 100%;
    display: flex;
    flex-shrink: 0;
    flex-grow: 1;
    flex: 0 0 auto;
    flex-direction: column; }
  .mud-drawer:not(.mud-drawer-fixed) {
    position: absolute; }
  
  .mud-drawer.mud-drawer-responsive, .mud-drawer.mud-drawer-persistent {
    height: 100%; }
    .mud-drawer.mud-drawer-responsive.mud-drawer-pos-left, .mud-drawer.mud-drawer-persistent.mud-drawer-pos-left {
      right: auto;
      width: var(--mud-drawer-width, var(--mud-drawer-width-left)); }
      .mud-drawer.mud-drawer-responsive.mud-drawer-pos-left.mud-drawer--open, .mud-drawer.mud-drawer-persistent.mud-drawer-pos-left.mud-drawer--open {
        left: 0; }
        .mud-drawer.mud-drawer-responsive.mud-drawer-pos-left.mud-drawer--open:not(.mud-drawer--initial), .mud-drawer.mud-drawer-persistent.mud-drawer-pos-left.mud-drawer--open:not(.mud-drawer--initial) {
          animation: mud-drawer-slide-in-left 225ms cubic-bezier(0, 0, 0.2, 1); }
      .mud-drawer.mud-drawer-responsive.mud-drawer-pos-left.mud-drawer--closed, .mud-drawer.mud-drawer-persistent.mud-drawer-pos-left.mud-drawer--closed {
        box-shadow: none;
        left: calc(-1 * var(--mud-drawer-width, var(--mud-drawer-width-left))); }
        .mud-drawer.mud-drawer-responsive.mud-drawer-pos-left.mud-drawer--closed:not(.mud-drawer--initial), .mud-drawer.mud-drawer-persistent.mud-drawer-pos-left.mud-drawer--closed:not(.mud-drawer--initial) {
          animation: mud-drawer-slide-out-left 225ms cubic-bezier(0, 0, 0.2, 1); }
    .mud-drawer.mud-drawer-responsive.mud-drawer-pos-right, .mud-drawer.mud-drawer-persistent.mud-drawer-pos-right {
      left: auto;
      width: var(--mud-drawer-width, var(--mud-drawer-width-right)); }
      .mud-drawer.mud-drawer-responsive.mud-drawer-pos-right.mud-drawer--open, .mud-drawer.mud-drawer-persistent.mud-drawer-pos-right.mud-drawer--open {
        right: 0; }
        .mud-drawer.mud-drawer-responsive.mud-drawer-pos-right.mud-drawer--open:not(.mud-drawer--initial), .mud-drawer.mud-drawer-persistent.mud-drawer-pos-right.mud-drawer--open:not(.mud-drawer--initial) {
          animation: mud-drawer-slide-in-right 225ms cubic-bezier(0, 0, 0.2, 1); }
      .mud-drawer.mud-drawer-responsive.mud-drawer-pos-right.mud-drawer--closed, .mud-drawer.mud-drawer-persistent.mud-drawer-pos-right.mud-drawer--closed {
        box-shadow: none;
        right: calc(-1 * var(--mud-drawer-width, var(--mud-drawer-width-right))); }
        .mud-drawer.mud-drawer-responsive.mud-drawer-pos-right.mud-drawer--closed:not(.mud-drawer--initial), .mud-drawer.mud-drawer-persistent.mud-drawer-pos-right.mud-drawer--closed:not(.mud-drawer--initial) {
          animation: mud-drawer-slide-out-right 225ms cubic-bezier(0, 0, 0.2, 1); }
  .mud-drawer.mud-drawer-mini {
    height: 100%;
    transition: width 225ms cubic-bezier(0, 0, 0.2, 1); }
    .mud-drawer.mud-drawer-mini.mud-drawer-pos-left {
      left: 0;
      right: auto; }
      .mud-drawer.mud-drawer-mini.mud-drawer-pos-left.mud-drawer--closed {
        width: var(--mud-drawer-width-mini-left); }
      .mud-drawer.mud-drawer-mini.mud-drawer-pos-left.mud-drawer--open {
        width: var(--mud-drawer-width-left); }
    .mud-drawer.mud-drawer-mini.mud-drawer-pos-right {
      left: auto;
      right: 0; }
      .mud-drawer.mud-drawer-mini.mud-drawer-pos-right.mud-drawer--closed {
        width: var(--mud-drawer-width-mini-right); }
      .mud-drawer.mud-drawer-mini.mud-drawer-pos-right.mud-drawer--open {
        width: var(--mud-drawer-width-right); }
  .mud-drawer.mud-drawer-temporary {
    margin: 0 !important;
    z-index: calc(var(--mud-zindex-appbar) + 2);
    transition: transform 225ms cubic-bezier(0, 0, 0.2, 1) 0ms; }
    .mud-drawer.mud-drawer-temporary.mud-drawer-pos-left {
      right: auto;
      top: 0;
      height: 100%;
      width: var(--mud-drawer-width, var(--mud-drawer-width-left)); }
      .mud-drawer.mud-drawer-temporary.mud-drawer-pos-left.mud-drawer--open {
        left: 0; }
        .mud-drawer.mud-drawer-temporary.mud-drawer-pos-left.mud-drawer--open:not(.mud-drawer--initial) {
          animation: mud-drawer-slide-in-left 225ms cubic-bezier(0, 0, 0.2, 1) forwards; }
      .mud-drawer.mud-drawer-temporary.mud-drawer-pos-left.mud-drawer--closed {
        left: calc(-1 * var(--mud-drawer-width, var(--mud-drawer-width-left))); }
        .mud-drawer.mud-drawer-temporary.mud-drawer-pos-left.mud-drawer--closed:not(.mud-drawer--initial) {
          animation: mud-drawer-slide-out-left 225ms cubic-bezier(0, 0, 0.2, 1) forwards; }
    .mud-drawer.mud-drawer-temporary.mud-drawer-pos-right {
      left: auto;
      top: 0;
      height: 100%;
      width: var(--mud-drawer-width, var(--mud-drawer-width-right)); }
      .mud-drawer.mud-drawer-temporary.mud-drawer-pos-right.mud-drawer--open {
        right: 0; }
        .mud-drawer.mud-drawer-temporary.mud-drawer-pos-right.mud-drawer--open:not(.mud-drawer--initial) {
          animation: mud-drawer-slide-in-right 225ms cubic-bezier(0, 0, 0.2, 1) forwards; }
      .mud-drawer.mud-drawer-temporary.mud-drawer-pos-right.mud-drawer--closed {
        right: calc(-1 * var(--mud-drawer-width, var(--mud-drawer-width-right))); }
        .mud-drawer.mud-drawer-temporary.mud-drawer-pos-right.mud-drawer--closed:not(.mud-drawer--initial) {
          animation: mud-drawer-slide-out-right 225ms cubic-bezier(0, 0, 0.2, 1) forwards; }
    .mud-drawer.mud-drawer-temporary.mud-drawer-pos-bottom {
      left: 0;
      top: auto;
      width: 100%; }
      .mud-drawer.mud-drawer-temporary.mud-drawer-pos-bottom.mud-drawer--open {
        bottom: 0; }
        .mud-drawer.mud-drawer-temporary.mud-drawer-pos-bottom.mud-drawer--open:not(.mud-drawer--initial) {
          animation: mud-drawer-slide-in-bottom 225ms cubic-bezier(0, 0, 0.2, 1) 0ms 1; }
      .mud-drawer.mud-drawer-temporary.mud-drawer-pos-bottom.mud-drawer--closed {
        bottom: calc(-1 * var(--mud-drawer-content-height)); }
        .mud-drawer.mud-drawer-temporary.mud-drawer-pos-bottom.mud-drawer--closed:not(.mud-drawer--initial) {
          animation: mud-drawer-slide-out-bottom 225ms cubic-bezier(0, 0, 0.2, 1) 0ms 1; }
    .mud-drawer.mud-drawer-temporary.mud-drawer-pos-top {
      left: 0;
      bottom: auto;
      width: 100%; }
      .mud-drawer.mud-drawer-temporary.mud-drawer-pos-top.mud-drawer--open {
        top: 0; }
        .mud-drawer.mud-drawer-temporary.mud-drawer-pos-top.mud-drawer--open:not(.mud-drawer--initial) {
          animation: mud-drawer-slide-in-top 225ms cubic-bezier(0, 0, 0.2, 1) 0ms 1; }
      .mud-drawer.mud-drawer-temporary.mud-drawer-pos-top.mud-drawer--closed {
        top: calc(-1 * var(--mud-drawer-content-height)); }
        .mud-drawer.mud-drawer-temporary.mud-drawer-pos-top.mud-drawer--closed:not(.mud-drawer--initial) {
          animation: mud-drawer-slide-out-top 225ms cubic-bezier(0, 0, 0.2, 1) 0ms 1; }
  .mud-drawer.mud-drawer-mini.mud-drawer-pos-left ~ div:not(.mud-main-content), .mud-drawer.mud-drawer-mini.mud-drawer-pos-right ~ div:not(.mud-main-content), .mud-drawer.mud-drawer-persistent.mud-drawer-pos-left ~ div:not(.mud-main-content), .mud-drawer.mud-drawer-persistent.mud-drawer-pos-right ~ div:not(.mud-main-content) {
    transition: margin 225ms cubic-bezier(0, 0, 0.2, 1) 0ms; }
  .mud-drawer.mud-drawer-mini.mud-drawer-pos-left.mud-drawer--open ~ div:not(.mud-main-content), .mud-drawer.mud-drawer-persistent.mud-drawer-pos-left.mud-drawer--open ~ div:not(.mud-main-content) {
    margin-left: var(--mud-drawer-width, var(--mud-drawer-width-left)); }
  .mud-drawer.mud-drawer-mini.mud-drawer-pos-right.mud-drawer--open ~ div:not(.mud-main-content), .mud-drawer.mud-drawer-persistent.mud-drawer-pos-right.mud-drawer--open ~ div:not(.mud-main-content) {
    margin-right: var(--mud-drawer-width, var(--mud-drawer-width-right)); }
  .mud-drawer.mud-drawer-mini.mud-drawer-pos-left.mud-drawer--closed ~ div:not(.mud-main-content) {
    margin-left: var(--mud-drawer-width, var(--mud-drawer-width-mini-left)); }
  .mud-drawer.mud-drawer-mini.mud-drawer-pos-right.mud-drawer--closed ~ div:not(.mud-main-content) {
    margin-right: var(--mud-drawer-width, var(--mud-drawer-width-mini-right)); }

.mud-drawer-header {
  display: flex;
  min-height: var(--mud-appbar-height);
  padding: 12px 24px 12px 24px; }
  .mud-drawer-header.mud-drawer-header-dense {
    min-height: calc(var(--mud-appbar-height) - var(--mud-appbar-height) / 4);
    padding: 8px 24px 8px 24px; }

.mud-drawer-fixed.mud-drawer-mini.mud-drawer-clipped-always, .mud-drawer-fixed.mud-drawer-persistent:not(.mud-drawer-clipped-never), .mud-drawer-fixed.mud-drawer-responsive.mud-drawer-clipped-always, .mud-drawer-fixed.mud-drawer-temporary.mud-drawer-clipped-always {
  top: var(--mud-appbar-height);
  height: calc(100% - var(--mud-appbar-height)); }
.mud-appbar-dense ~ .mud-drawer-fixed.mud-drawer-mini:not(.mud-drawer-clipped-never), .mud-appbar-dense ~ .mud-drawer-fixed.mud-drawer-persistent:not(.mud-drawer-clipped-never), .mud-appbar-dense ~ .mud-drawer-fixed.mud-drawer-responsive.mud-drawer-clipped-always, .mud-appbar-dense ~ .mud-drawer-fixed.mud-drawer-temporary.mud-drawer-clipped-always {
  top: calc(var(--mud-appbar-height) - var(--mud-appbar-height) / 4);
  height: calc(100% - var(--mud-appbar-height) + var(--mud-appbar-height) / 4); }


.mud-drawer-overlay {
  display: none; }

  .mud-drawer-overlay.mud-drawer-overlay--open.mud-drawer-overlay-temporary {
    display: block; }

/*#region keyframes*/
@keyframes mud-drawer-slide-in-left {
  from {
    left: calc(-1 * var(--mud-drawer-width, var(--mud-drawer-width-left))); } }

@keyframes mud-drawer-slide-out-left {
  from {
    left: 0; } }

@keyframes mud-drawer-slide-in-right {
  from {
    right: calc(-1 * var(--mud-drawer-width, var(--mud-drawer-width-right))); } }

@keyframes mud-drawer-slide-out-right {
  from {
    right: 0; } }

@keyframes mud-drawer-slide-in-bottom {
  from {
    bottom: calc(-1 * var(--mud-drawer-content-height)); } }

@keyframes mud-drawer-slide-out-bottom {
  from {
    bottom: 0; } }

@keyframes mud-drawer-slide-in-top {
  from {
    top: calc(-1 * var(--mud-drawer-content-height)); } }

@keyframes mud-drawer-slide-out-top {
  from {
    top: 0; } }

/*#endregion*/
.mud-main-content {
  margin: 0;
  flex: 1 1 auto;
  padding-top: calc(var(--mud-appbar-height) - var(--mud-appbar-height) / 8);
  transition: margin 225ms cubic-bezier(0, 0, 0.2, 1) 0ms; }


.mud-appbar-dense ~ .mud-main-content {
  padding-top: calc(var(--mud-appbar-height) - var(--mud-appbar-height) / 4); }


.mud-drawer-open-persistent-left:not(.mud-drawer-open-persistent-right) .mud-main-content {
  margin-left: var(--mud-drawer-width-left); }

.mud-drawer-open-persistent-right:not(.mud-drawer-open-persistent-left) .mud-main-content {
  margin-right: var(--mud-drawer-width-right); }

.mud-drawer-open-persistent-left.mud-drawer-open-persistent-right .mud-main-content {
  margin-right: var(--mud-drawer-width-right);
  margin-left: var(--mud-drawer-width-left); }


.mud-drawer-open-mini-none-left .mud-main-content, .mud-drawer-open-mini-always-left .mud-main-content {
  margin-left: var(--mud-drawer-width-left); }

.mud-drawer-open-mini-none-right .mud-main-content, .mud-drawer-open-mini-always-right .mud-main-content {
  margin-right: var(--mud-drawer-width-right); }

.mud-drawer-open-mini-none-left.mud-drawer-open-mini-none, .mud-drawer-open-mini-none .mud-drawer-open-mini-always-right .mud-main-content, .mud-drawer-open-mini-always-left.mud-drawer-open-mini-none, .mud-drawer-open-mini-always .mud-drawer-open-mini-always-right .mud-main-content {
  margin-right: var(--mud-drawer-width-right);
  margin-left: var(--mud-drawer-width-left); }

.mud-drawer-close-mini-xs-left .mud-main-content {
  margin-left: var(--mud-drawer-width-mini-left); }

.mud-drawer-close-mini-xs-right .mud-main-content {
  margin-right: var(--mud-drawer-width-mini-right); }

.mud-drawer-close-mini-xs-left.mud-drawer-close-mini-xs-right .mud-main-content {
  margin-right: var(--mud-drawer-width-mini-right);
  margin-left: var(--mud-drawer-width-mini-left); }

.mud-drawer-close-mini-sm-left .mud-main-content {
  margin-left: var(--mud-drawer-width-mini-left); }

.mud-drawer-close-mini-sm-right .mud-main-content {
  margin-right: var(--mud-drawer-width-mini-right); }

.mud-drawer-close-mini-sm-left.mud-drawer-close-mini-sm-right .mud-main-content {
  margin-right: var(--mud-drawer-width-mini-right);
  margin-left: var(--mud-drawer-width-mini-left); }

.mud-drawer-close-mini-md-left .mud-main-content {
  margin-left: var(--mud-drawer-width-mini-left); }

.mud-drawer-close-mini-md-right .mud-main-content {
  margin-right: var(--mud-drawer-width-mini-right); }

.mud-drawer-close-mini-md-left.mud-drawer-close-mini-md-right .mud-main-content {
  margin-right: var(--mud-drawer-width-mini-right);
  margin-left: var(--mud-drawer-width-mini-left); }

.mud-drawer-close-mini-lg-left .mud-main-content {
  margin-left: var(--mud-drawer-width-mini-left); }

.mud-drawer-close-mini-lg-right .mud-main-content {
  margin-right: var(--mud-drawer-width-mini-right); }

.mud-drawer-close-mini-lg-left.mud-drawer-close-mini-lg-right .mud-main-content {
  margin-right: var(--mud-drawer-width-mini-right);
  margin-left: var(--mud-drawer-width-mini-left); }

.mud-drawer-close-mini-xl-left .mud-main-content {
  margin-left: var(--mud-drawer-width-mini-left); }

.mud-drawer-close-mini-xl-right .mud-main-content {
  margin-right: var(--mud-drawer-width-mini-right); }

.mud-drawer-close-mini-xl-left.mud-drawer-close-mini-xl-right .mud-main-content {
  margin-right: var(--mud-drawer-width-mini-right);
  margin-left: var(--mud-drawer-width-mini-left); }

.mud-drawer-close-mini-xxl-left .mud-main-content {
  margin-left: var(--mud-drawer-width-mini-left); }

.mud-drawer-close-mini-xxl-right .mud-main-content {
  margin-right: var(--mud-drawer-width-mini-right); }

.mud-drawer-close-mini-xxl-left.mud-drawer-close-mini-xxl-right .mud-main-content {
  margin-right: var(--mud-drawer-width-mini-right);
  margin-left: var(--mud-drawer-width-mini-left); }

.mud-drawer-close-mini-none-left .mud-main-content, .mud-drawer-close-mini-always-left .mud-main-content {
  margin-left: var(--mud-drawer-width-mini-left); }

.mud-drawer-close-mini-none-right .mud-main-content, .mud-drawer-close-mini-always-right .mud-main-content {
  margin-right: var(--mud-drawer-width-mini-right); }

.mud-drawer-close-mini-none-left.mud-drawer-close-mini-none, .mud-drawer-close-mini-none .mud-drawer-close-mini-always-right .mud-main-content, .mud-drawer-close-mini-always-left.mud-drawer-close-mini-none, .mud-drawer-close-mini-always .mud-drawer-close-mini-always-right .mud-main-content {
  margin-right: var(--mud-drawer-width-mini-right);
  margin-left: var(--mud-drawer-width-mini-left); }

.mud-container {
  width: 100%;
  display: block;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px; }


.mud-container-disable-gutters {
  padding-left: 0;
  padding-right: 0; }


.scroll-locked {
  padding-right: 8px;
  overflow: hidden; }
  .scroll-locked .mud-layout .mud-appbar {
    padding-right: 8px; }
  .scroll-locked .mud-layout .mud-main-content .mud-scroll-to-top {
    padding-right: 8px; }

@-moz-document url-prefix() {
  .scroll-locked {
    padding-right: 17px; }
    .scroll-locked .mud-layout .mud-appbar {
      padding-right: 17px; }
    .scroll-locked .mud-layout .mud-main-content .mud-scroll-to-top {
      padding-right: 17px; } }

.mud-scroll-to-top {
  position: fixed;
  cursor: pointer;
  z-index: 100; }
  .mud-scroll-to-top.visible {
    bottom: 16px;
    right: 16px;
    opacity: 1;
    transition: transform 0.5s;
    flex: 1; }
  .mud-scroll-to-top.hidden {
    bottom: 16px;
    right: 16px;
    opacity: 0;
    transition: all 0.5s;
    visibility: hidden;
    transform: scale(0) rotate(180deg);
    flex: 0; }
  .mud-scroll-to-top:after {
    content: '';
    background: transparent;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    z-index: var(--mud-zindex-tooltip); }

.red {
  background-color: #F44336; }

.red-text {
  color: #F44336; }

.red.lighten-5 {
  background-color: #FFEBEE; }

.red-text.text-lighten-5 {
  color: #FFEBEE; }

.red.lighten-4 {
  background-color: #FFCDD2; }

.red-text.text-lighten-4 {
  color: #FFCDD2; }

.red.lighten-3 {
  background-color: #EF9A9A; }

.red-text.text-lighten-3 {
  color: #EF9A9A; }

.red.lighten-2 {
  background-color: #E57373; }

.red-text.text-lighten-2 {
  color: #E57373; }

.red.lighten-1 {
  background-color: #EF5350; }

.red-text.text-lighten-1 {
  color: #EF5350; }

.red.darken-1 {
  background-color: #E53935; }

.red-text.text-darken-1 {
  color: #E53935; }

.red.darken-2 {
  background-color: #D32F2F; }

.red-text.text-darken-2 {
  color: #D32F2F; }

.red.darken-3 {
  background-color: #C62828; }

.red-text.text-darken-3 {
  color: #C62828; }

.red.darken-4 {
  background-color: #B71C1C; }

.red-text.text-darken-4 {
  color: #B71C1C; }

.red.accent-1 {
  background-color: #FF8A80; }

.red-text.text-accent-1 {
  color: #FF8A80; }

.red.accent-2 {
  background-color: #FF5252; }

.red-text.text-accent-2 {
  color: #FF5252; }

.red.accent-3 {
  background-color: #FF1744; }

.red-text.text-accent-3 {
  color: #FF1744; }

.red.accent-4 {
  background-color: #D50000; }

.red-text.text-accent-4 {
  color: #D50000; }

.pink {
  background-color: #e91e63; }

.pink-text {
  color: #e91e63; }

.pink.lighten-5 {
  background-color: #fce4ec; }

.pink-text.text-lighten-5 {
  color: #fce4ec; }

.pink.lighten-4 {
  background-color: #f8bbd0; }

.pink-text.text-lighten-4 {
  color: #f8bbd0; }

.pink.lighten-3 {
  background-color: #f48fb1; }

.pink-text.text-lighten-3 {
  color: #f48fb1; }

.pink.lighten-2 {
  background-color: #f06292; }

.pink-text.text-lighten-2 {
  color: #f06292; }

.pink.lighten-1 {
  background-color: #ec407a; }

.pink-text.text-lighten-1 {
  color: #ec407a; }

.pink.darken-1 {
  background-color: #d81b60; }

.pink-text.text-darken-1 {
  color: #d81b60; }

.pink.darken-2 {
  background-color: #c2185b; }

.pink-text.text-darken-2 {
  color: #c2185b; }

.pink.darken-3 {
  background-color: #ad1457; }

.pink-text.text-darken-3 {
  color: #ad1457; }

.pink.darken-4 {
  background-color: #880e4f; }

.pink-text.text-darken-4 {
  color: #880e4f; }

.pink.accent-1 {
  background-color: #ff80ab; }

.pink-text.text-accent-1 {
  color: #ff80ab; }

.pink.accent-2 {
  background-color: #ff4081; }

.pink-text.text-accent-2 {
  color: #ff4081; }

.pink.accent-3 {
  background-color: #f50057; }

.pink-text.text-accent-3 {
  color: #f50057; }

.pink.accent-4 {
  background-color: #c51162; }

.pink-text.text-accent-4 {
  color: #c51162; }

.purple {
  background-color: #9c27b0; }

.purple-text {
  color: #9c27b0; }

.purple.lighten-5 {
  background-color: #f3e5f5; }

.purple-text.text-lighten-5 {
  color: #f3e5f5; }

.purple.lighten-4 {
  background-color: #e1bee7; }

.purple-text.text-lighten-4 {
  color: #e1bee7; }

.purple.lighten-3 {
  background-color: #ce93d8; }

.purple-text.text-lighten-3 {
  color: #ce93d8; }

.purple.lighten-2 {
  background-color: #ba68c8; }

.purple-text.text-lighten-2 {
  color: #ba68c8; }

.purple.lighten-1 {
  background-color: #ab47bc; }

.purple-text.text-lighten-1 {
  color: #ab47bc; }

.purple.darken-1 {
  background-color: #8e24aa; }

.purple-text.text-darken-1 {
  color: #8e24aa; }

.purple.darken-2 {
  background-color: #7b1fa2; }

.purple-text.text-darken-2 {
  color: #7b1fa2; }

.purple.darken-3 {
  background-color: #6a1b9a; }

.purple-text.text-darken-3 {
  color: #6a1b9a; }

.purple.darken-4 {
  background-color: #4a148c; }

.purple-text.text-darken-4 {
  color: #4a148c; }

.purple.accent-1 {
  background-color: #ea80fc; }

.purple-text.text-accent-1 {
  color: #ea80fc; }

.purple.accent-2 {
  background-color: #e040fb; }

.purple-text.text-accent-2 {
  color: #e040fb; }

.purple.accent-3 {
  background-color: #d500f9; }

.purple-text.text-accent-3 {
  color: #d500f9; }

.purple.accent-4 {
  background-color: #aa00ff; }

.purple-text.text-accent-4 {
  color: #aa00ff; }

.deep-purple {
  background-color: #673ab7; }

.deep-purple-text {
  color: #673ab7; }

.deep-purple.lighten-5 {
  background-color: #ede7f6; }

.deep-purple-text.text-lighten-5 {
  color: #ede7f6; }

.deep-purple.lighten-4 {
  background-color: #d1c4e9; }

.deep-purple-text.text-lighten-4 {
  color: #d1c4e9; }

.deep-purple.lighten-3 {
  background-color: #b39ddb; }

.deep-purple-text.text-lighten-3 {
  color: #b39ddb; }

.deep-purple.lighten-2 {
  background-color: #9575cd; }

.deep-purple-text.text-lighten-2 {
  color: #9575cd; }

.deep-purple.lighten-1 {
  background-color: #7e57c2; }

.deep-purple-text.text-lighten-1 {
  color: #7e57c2; }

.deep-purple.darken-1 {
  background-color: #5e35b1; }

.deep-purple-text.text-darken-1 {
  color: #5e35b1; }

.deep-purple.darken-2 {
  background-color: #512da8; }

.deep-purple-text.text-darken-2 {
  color: #512da8; }

.deep-purple.darken-3 {
  background-color: #4527a0; }

.deep-purple-text.text-darken-3 {
  color: #4527a0; }

.deep-purple.darken-4 {
  background-color: #311b92; }

.deep-purple-text.text-darken-4 {
  color: #311b92; }

.deep-purple.accent-1 {
  background-color: #b388ff; }

.deep-purple-text.text-accent-1 {
  color: #b388ff; }

.deep-purple.accent-2 {
  background-color: #7c4dff; }

.deep-purple-text.text-accent-2 {
  color: #7c4dff; }

.deep-purple.accent-3 {
  background-color: #651fff; }

.deep-purple-text.text-accent-3 {
  color: #651fff; }

.deep-purple.accent-4 {
  background-color: #6200ea; }

.deep-purple-text.text-accent-4 {
  color: #6200ea; }

.indigo {
  background-color: #3f51b5; }

.indigo-text {
  color: #3f51b5; }

.indigo.lighten-5 {
  background-color: #e8eaf6; }

.indigo-text.text-lighten-5 {
  color: #e8eaf6; }

.indigo.lighten-4 {
  background-color: #c5cae9; }

.indigo-text.text-lighten-4 {
  color: #c5cae9; }

.indigo.lighten-3 {
  background-color: #9fa8da; }

.indigo-text.text-lighten-3 {
  color: #9fa8da; }

.indigo.lighten-2 {
  background-color: #7986cb; }

.indigo-text.text-lighten-2 {
  color: #7986cb; }

.indigo.lighten-1 {
  background-color: #5c6bc0; }

.indigo-text.text-lighten-1 {
  color: #5c6bc0; }

.indigo.darken-1 {
  background-color: #3949ab; }

.indigo-text.text-darken-1 {
  color: #3949ab; }

.indigo.darken-2 {
  background-color: #303f9f; }

.indigo-text.text-darken-2 {
  color: #303f9f; }

.indigo.darken-3 {
  background-color: #283593; }

.indigo-text.text-darken-3 {
  color: #283593; }

.indigo.darken-4 {
  background-color: #1a237e; }

.indigo-text.text-darken-4 {
  color: #1a237e; }

.indigo.accent-1 {
  background-color: #8c9eff; }

.indigo-text.text-accent-1 {
  color: #8c9eff; }

.indigo.accent-2 {
  background-color: #536dfe; }

.indigo-text.text-accent-2 {
  color: #536dfe; }

.indigo.accent-3 {
  background-color: #3d5afe; }

.indigo-text.text-accent-3 {
  color: #3d5afe; }

.indigo.accent-4 {
  background-color: #304ffe; }

.indigo-text.text-accent-4 {
  color: #304ffe; }

.blue {
  background-color: #2196F3; }

.blue-text {
  color: #2196F3; }

.blue.lighten-5 {
  background-color: #E3F2FD; }

.blue-text.text-lighten-5 {
  color: #E3F2FD; }

.blue.lighten-4 {
  background-color: #BBDEFB; }

.blue-text.text-lighten-4 {
  color: #BBDEFB; }

.blue.lighten-3 {
  background-color: #90CAF9; }

.blue-text.text-lighten-3 {
  color: #90CAF9; }

.blue.lighten-2 {
  background-color: #64B5F6; }

.blue-text.text-lighten-2 {
  color: #64B5F6; }

.blue.lighten-1 {
  background-color: #42A5F5; }

.blue-text.text-lighten-1 {
  color: #42A5F5; }

.blue.darken-1 {
  background-color: #1E88E5; }

.blue-text.text-darken-1 {
  color: #1E88E5; }

.blue.darken-2 {
  background-color: #1976D2; }

.blue-text.text-darken-2 {
  color: #1976D2; }

.blue.darken-3 {
  background-color: #1565C0; }

.blue-text.text-darken-3 {
  color: #1565C0; }

.blue.darken-4 {
  background-color: #0D47A1; }

.blue-text.text-darken-4 {
  color: #0D47A1; }

.blue.accent-1 {
  background-color: #82B1FF; }

.blue-text.text-accent-1 {
  color: #82B1FF; }

.blue.accent-2 {
  background-color: #448AFF; }

.blue-text.text-accent-2 {
  color: #448AFF; }

.blue.accent-3 {
  background-color: #2979FF; }

.blue-text.text-accent-3 {
  color: #2979FF; }

.blue.accent-4 {
  background-color: #2962FF; }

.blue-text.text-accent-4 {
  color: #2962FF; }

.light-blue {
  background-color: #03a9f4; }

.light-blue-text {
  color: #03a9f4; }

.light-blue.lighten-5 {
  background-color: #e1f5fe; }

.light-blue-text.text-lighten-5 {
  color: #e1f5fe; }

.light-blue.lighten-4 {
  background-color: #b3e5fc; }

.light-blue-text.text-lighten-4 {
  color: #b3e5fc; }

.light-blue.lighten-3 {
  background-color: #81d4fa; }

.light-blue-text.text-lighten-3 {
  color: #81d4fa; }

.light-blue.lighten-2 {
  background-color: #4fc3f7; }

.light-blue-text.text-lighten-2 {
  color: #4fc3f7; }

.light-blue.lighten-1 {
  background-color: #29b6f6; }

.light-blue-text.text-lighten-1 {
  color: #29b6f6; }

.light-blue.darken-1 {
  background-color: #039be5; }

.light-blue-text.text-darken-1 {
  color: #039be5; }

.light-blue.darken-2 {
  background-color: #0288d1; }

.light-blue-text.text-darken-2 {
  color: #0288d1; }

.light-blue.darken-3 {
  background-color: #0277bd; }

.light-blue-text.text-darken-3 {
  color: #0277bd; }

.light-blue.darken-4 {
  background-color: #01579b; }

.light-blue-text.text-darken-4 {
  color: #01579b; }

.light-blue.accent-1 {
  background-color: #80d8ff; }

.light-blue-text.text-accent-1 {
  color: #80d8ff; }

.light-blue.accent-2 {
  background-color: #40c4ff; }

.light-blue-text.text-accent-2 {
  color: #40c4ff; }

.light-blue.accent-3 {
  background-color: #00b0ff; }

.light-blue-text.text-accent-3 {
  color: #00b0ff; }

.light-blue.accent-4 {
  background-color: #0091ea; }

.light-blue-text.text-accent-4 {
  color: #0091ea; }

.cyan {
  background-color: #00bcd4; }

.cyan-text {
  color: #00bcd4; }

.cyan.lighten-5 {
  background-color: #e0f7fa; }

.cyan-text.text-lighten-5 {
  color: #e0f7fa; }

.cyan.lighten-4 {
  background-color: #b2ebf2; }

.cyan-text.text-lighten-4 {
  color: #b2ebf2; }

.cyan.lighten-3 {
  background-color: #80deea; }

.cyan-text.text-lighten-3 {
  color: #80deea; }

.cyan.lighten-2 {
  background-color: #4dd0e1; }

.cyan-text.text-lighten-2 {
  color: #4dd0e1; }

.cyan.lighten-1 {
  background-color: #26c6da; }

.cyan-text.text-lighten-1 {
  color: #26c6da; }

.cyan.darken-1 {
  background-color: #00acc1; }

.cyan-text.text-darken-1 {
  color: #00acc1; }

.cyan.darken-2 {
  background-color: #0097a7; }

.cyan-text.text-darken-2 {
  color: #0097a7; }

.cyan.darken-3 {
  background-color: #00838f; }

.cyan-text.text-darken-3 {
  color: #00838f; }

.cyan.darken-4 {
  background-color: #006064; }

.cyan-text.text-darken-4 {
  color: #006064; }

.cyan.accent-1 {
  background-color: #84ffff; }

.cyan-text.text-accent-1 {
  color: #84ffff; }

.cyan.accent-2 {
  background-color: #18ffff; }

.cyan-text.text-accent-2 {
  color: #18ffff; }

.cyan.accent-3 {
  background-color: #00e5ff; }

.cyan-text.text-accent-3 {
  color: #00e5ff; }

.cyan.accent-4 {
  background-color: #00b8d4; }

.cyan-text.text-accent-4 {
  color: #00b8d4; }

.teal {
  background-color: #009688; }

.teal-text {
  color: #009688; }

.teal.lighten-5 {
  background-color: #e0f2f1; }

.teal-text.text-lighten-5 {
  color: #e0f2f1; }

.teal.lighten-4 {
  background-color: #b2dfdb; }

.teal-text.text-lighten-4 {
  color: #b2dfdb; }

.teal.lighten-3 {
  background-color: #80cbc4; }

.teal-text.text-lighten-3 {
  color: #80cbc4; }

.teal.lighten-2 {
  background-color: #4db6ac; }

.teal-text.text-lighten-2 {
  color: #4db6ac; }

.teal.lighten-1 {
  background-color: #26a69a; }

.teal-text.text-lighten-1 {
  color: #26a69a; }

.teal.darken-1 {
  background-color: #00897b; }

.teal-text.text-darken-1 {
  color: #00897b; }

.teal.darken-2 {
  background-color: #00796b; }

.teal-text.text-darken-2 {
  color: #00796b; }

.teal.darken-3 {
  background-color: #00695c; }

.teal-text.text-darken-3 {
  color: #00695c; }

.teal.darken-4 {
  background-color: #004d40; }

.teal-text.text-darken-4 {
  color: #004d40; }

.teal.accent-1 {
  background-color: #a7ffeb; }

.teal-text.text-accent-1 {
  color: #a7ffeb; }

.teal.accent-2 {
  background-color: #64ffda; }

.teal-text.text-accent-2 {
  color: #64ffda; }

.teal.accent-3 {
  background-color: #1de9b6; }

.teal-text.text-accent-3 {
  color: #1de9b6; }

.teal.accent-4 {
  background-color: #00bfa5; }

.teal-text.text-accent-4 {
  color: #00bfa5; }

.green {
  background-color: #4CAF50; }

.green-text {
  color: #4CAF50; }

.green.lighten-5 {
  background-color: #E8F5E9; }

.green-text.text-lighten-5 {
  color: #E8F5E9; }

.green.lighten-4 {
  background-color: #C8E6C9; }

.green-text.text-lighten-4 {
  color: #C8E6C9; }

.green.lighten-3 {
  background-color: #A5D6A7; }

.green-text.text-lighten-3 {
  color: #A5D6A7; }

.green.lighten-2 {
  background-color: #81C784; }

.green-text.text-lighten-2 {
  color: #81C784; }

.green.lighten-1 {
  background-color: #66BB6A; }

.green-text.text-lighten-1 {
  color: #66BB6A; }

.green.darken-1 {
  background-color: #43A047; }

.green-text.text-darken-1 {
  color: #43A047; }

.green.darken-2 {
  background-color: #388E3C; }

.green-text.text-darken-2 {
  color: #388E3C; }

.green.darken-3 {
  background-color: #2E7D32; }

.green-text.text-darken-3 {
  color: #2E7D32; }

.green.darken-4 {
  background-color: #1B5E20; }

.green-text.text-darken-4 {
  color: #1B5E20; }

.green.accent-1 {
  background-color: #B9F6CA; }

.green-text.text-accent-1 {
  color: #B9F6CA; }

.green.accent-2 {
  background-color: #69F0AE; }

.green-text.text-accent-2 {
  color: #69F0AE; }

.green.accent-3 {
  background-color: #00E676; }

.green-text.text-accent-3 {
  color: #00E676; }

.green.accent-4 {
  background-color: #00C853; }

.green-text.text-accent-4 {
  color: #00C853; }

.light-green {
  background-color: #8bc34a; }

.light-green-text {
  color: #8bc34a; }

.light-green.lighten-5 {
  background-color: #f1f8e9; }

.light-green-text.text-lighten-5 {
  color: #f1f8e9; }

.light-green.lighten-4 {
  background-color: #dcedc8; }

.light-green-text.text-lighten-4 {
  color: #dcedc8; }

.light-green.lighten-3 {
  background-color: #c5e1a5; }

.light-green-text.text-lighten-3 {
  color: #c5e1a5; }

.light-green.lighten-2 {
  background-color: #aed581; }

.light-green-text.text-lighten-2 {
  color: #aed581; }

.light-green.lighten-1 {
  background-color: #9ccc65; }

.light-green-text.text-lighten-1 {
  color: #9ccc65; }

.light-green.darken-1 {
  background-color: #7cb342; }

.light-green-text.text-darken-1 {
  color: #7cb342; }

.light-green.darken-2 {
  background-color: #689f38; }

.light-green-text.text-darken-2 {
  color: #689f38; }

.light-green.darken-3 {
  background-color: #558b2f; }

.light-green-text.text-darken-3 {
  color: #558b2f; }

.light-green.darken-4 {
  background-color: #33691e; }

.light-green-text.text-darken-4 {
  color: #33691e; }

.light-green.accent-1 {
  background-color: #ccff90; }

.light-green-text.text-accent-1 {
  color: #ccff90; }

.light-green.accent-2 {
  background-color: #b2ff59; }

.light-green-text.text-accent-2 {
  color: #b2ff59; }

.light-green.accent-3 {
  background-color: #76ff03; }

.light-green-text.text-accent-3 {
  color: #76ff03; }

.light-green.accent-4 {
  background-color: #64dd17; }

.light-green-text.text-accent-4 {
  color: #64dd17; }

.lime {
  background-color: #cddc39; }

.lime-text {
  color: #cddc39; }

.lime.lighten-5 {
  background-color: #f9fbe7; }

.lime-text.text-lighten-5 {
  color: #f9fbe7; }

.lime.lighten-4 {
  background-color: #f0f4c3; }

.lime-text.text-lighten-4 {
  color: #f0f4c3; }

.lime.lighten-3 {
  background-color: #e6ee9c; }

.lime-text.text-lighten-3 {
  color: #e6ee9c; }

.lime.lighten-2 {
  background-color: #dce775; }

.lime-text.text-lighten-2 {
  color: #dce775; }

.lime.lighten-1 {
  background-color: #d4e157; }

.lime-text.text-lighten-1 {
  color: #d4e157; }

.lime.darken-1 {
  background-color: #c0ca33; }

.lime-text.text-darken-1 {
  color: #c0ca33; }

.lime.darken-2 {
  background-color: #afb42b; }

.lime-text.text-darken-2 {
  color: #afb42b; }

.lime.darken-3 {
  background-color: #9e9d24; }

.lime-text.text-darken-3 {
  color: #9e9d24; }

.lime.darken-4 {
  background-color: #827717; }

.lime-text.text-darken-4 {
  color: #827717; }

.lime.accent-1 {
  background-color: #f4ff81; }

.lime-text.text-accent-1 {
  color: #f4ff81; }

.lime.accent-2 {
  background-color: #eeff41; }

.lime-text.text-accent-2 {
  color: #eeff41; }

.lime.accent-3 {
  background-color: #c6ff00; }

.lime-text.text-accent-3 {
  color: #c6ff00; }

.lime.accent-4 {
  background-color: #aeea00; }

.lime-text.text-accent-4 {
  color: #aeea00; }

.yellow {
  background-color: #ffeb3b; }

.yellow-text {
  color: #ffeb3b; }

.yellow.lighten-5 {
  background-color: #fffde7; }

.yellow-text.text-lighten-5 {
  color: #fffde7; }

.yellow.lighten-4 {
  background-color: #fff9c4; }

.yellow-text.text-lighten-4 {
  color: #fff9c4; }

.yellow.lighten-3 {
  background-color: #fff59d; }

.yellow-text.text-lighten-3 {
  color: #fff59d; }

.yellow.lighten-2 {
  background-color: #fff176; }

.yellow-text.text-lighten-2 {
  color: #fff176; }

.yellow.lighten-1 {
  background-color: #ffee58; }

.yellow-text.text-lighten-1 {
  color: #ffee58; }

.yellow.darken-1 {
  background-color: #fdd835; }

.yellow-text.text-darken-1 {
  color: #fdd835; }

.yellow.darken-2 {
  background-color: #fbc02d; }

.yellow-text.text-darken-2 {
  color: #fbc02d; }

.yellow.darken-3 {
  background-color: #f9a825; }

.yellow-text.text-darken-3 {
  color: #f9a825; }

.yellow.darken-4 {
  background-color: #f57f17; }

.yellow-text.text-darken-4 {
  color: #f57f17; }

.yellow.accent-1 {
  background-color: #ffff8d; }

.yellow-text.text-accent-1 {
  color: #ffff8d; }

.yellow.accent-2 {
  background-color: #ffff00; }

.yellow-text.text-accent-2 {
  color: #ffff00; }

.yellow.accent-3 {
  background-color: #ffea00; }

.yellow-text.text-accent-3 {
  color: #ffea00; }

.yellow.accent-4 {
  background-color: #ffd600; }

.yellow-text.text-accent-4 {
  color: #ffd600; }

.amber {
  background-color: #ffc107; }

.amber-text {
  color: #ffc107; }

.amber.lighten-5 {
  background-color: #fff8e1; }

.amber-text.text-lighten-5 {
  color: #fff8e1; }

.amber.lighten-4 {
  background-color: #ffecb3; }

.amber-text.text-lighten-4 {
  color: #ffecb3; }

.amber.lighten-3 {
  background-color: #ffe082; }

.amber-text.text-lighten-3 {
  color: #ffe082; }

.amber.lighten-2 {
  background-color: #ffd54f; }

.amber-text.text-lighten-2 {
  color: #ffd54f; }

.amber.lighten-1 {
  background-color: #ffca28; }

.amber-text.text-lighten-1 {
  color: #ffca28; }

.amber.darken-1 {
  background-color: #ffb300; }

.amber-text.text-darken-1 {
  color: #ffb300; }

.amber.darken-2 {
  background-color: #ffa000; }

.amber-text.text-darken-2 {
  color: #ffa000; }

.amber.darken-3 {
  background-color: #ff8f00; }

.amber-text.text-darken-3 {
  color: #ff8f00; }

.amber.darken-4 {
  background-color: #ff6f00; }

.amber-text.text-darken-4 {
  color: #ff6f00; }

.amber.accent-1 {
  background-color: #ffe57f; }

.amber-text.text-accent-1 {
  color: #ffe57f; }

.amber.accent-2 {
  background-color: #ffd740; }

.amber-text.text-accent-2 {
  color: #ffd740; }

.amber.accent-3 {
  background-color: #ffc400; }

.amber-text.text-accent-3 {
  color: #ffc400; }

.amber.accent-4 {
  background-color: #ffab00; }

.amber-text.text-accent-4 {
  color: #ffab00; }

.orange {
  background-color: #ff9800; }

.orange-text {
  color: #ff9800; }

.orange.lighten-5 {
  background-color: #fff3e0; }

.orange-text.text-lighten-5 {
  color: #fff3e0; }

.orange.lighten-4 {
  background-color: #ffe0b2; }

.orange-text.text-lighten-4 {
  color: #ffe0b2; }

.orange.lighten-3 {
  background-color: #ffcc80; }

.orange-text.text-lighten-3 {
  color: #ffcc80; }

.orange.lighten-2 {
  background-color: #ffb74d; }

.orange-text.text-lighten-2 {
  color: #ffb74d; }

.orange.lighten-1 {
  background-color: #ffa726; }

.orange-text.text-lighten-1 {
  color: #ffa726; }

.orange.darken-1 {
  background-color: #fb8c00; }

.orange-text.text-darken-1 {
  color: #fb8c00; }

.orange.darken-2 {
  background-color: #f57c00; }

.orange-text.text-darken-2 {
  color: #f57c00; }

.orange.darken-3 {
  background-color: #ef6c00; }

.orange-text.text-darken-3 {
  color: #ef6c00; }

.orange.darken-4 {
  background-color: #e65100; }

.orange-text.text-darken-4 {
  color: #e65100; }

.orange.accent-1 {
  background-color: #ffd180; }

.orange-text.text-accent-1 {
  color: #ffd180; }

.orange.accent-2 {
  background-color: #ffab40; }

.orange-text.text-accent-2 {
  color: #ffab40; }

.orange.accent-3 {
  background-color: #ff9100; }

.orange-text.text-accent-3 {
  color: #ff9100; }

.orange.accent-4 {
  background-color: #ff6d00; }

.orange-text.text-accent-4 {
  color: #ff6d00; }

.deep-orange {
  background-color: #ff5722; }

.deep-orange-text {
  color: #ff5722; }

.deep-orange.lighten-5 {
  background-color: #fbe9e7; }

.deep-orange-text.text-lighten-5 {
  color: #fbe9e7; }

.deep-orange.lighten-4 {
  background-color: #ffccbc; }

.deep-orange-text.text-lighten-4 {
  color: #ffccbc; }

.deep-orange.lighten-3 {
  background-color: #ffab91; }

.deep-orange-text.text-lighten-3 {
  color: #ffab91; }

.deep-orange.lighten-2 {
  background-color: #ff8a65; }

.deep-orange-text.text-lighten-2 {
  color: #ff8a65; }

.deep-orange.lighten-1 {
  background-color: #ff7043; }

.deep-orange-text.text-lighten-1 {
  color: #ff7043; }

.deep-orange.darken-1 {
  background-color: #f4511e; }

.deep-orange-text.text-darken-1 {
  color: #f4511e; }

.deep-orange.darken-2 {
  background-color: #e64a19; }

.deep-orange-text.text-darken-2 {
  color: #e64a19; }

.deep-orange.darken-3 {
  background-color: #d84315; }

.deep-orange-text.text-darken-3 {
  color: #d84315; }

.deep-orange.darken-4 {
  background-color: #bf360c; }

.deep-orange-text.text-darken-4 {
  color: #bf360c; }

.deep-orange.accent-1 {
  background-color: #ff9e80; }

.deep-orange-text.text-accent-1 {
  color: #ff9e80; }

.deep-orange.accent-2 {
  background-color: #ff6e40; }

.deep-orange-text.text-accent-2 {
  color: #ff6e40; }

.deep-orange.accent-3 {
  background-color: #ff3d00; }

.deep-orange-text.text-accent-3 {
  color: #ff3d00; }

.deep-orange.accent-4 {
  background-color: #dd2c00; }

.deep-orange-text.text-accent-4 {
  color: #dd2c00; }

.brown {
  background-color: #795548; }

.brown-text {
  color: #795548; }

.brown.lighten-5 {
  background-color: #efebe9; }

.brown-text.text-lighten-5 {
  color: #efebe9; }

.brown.lighten-4 {
  background-color: #d7ccc8; }

.brown-text.text-lighten-4 {
  color: #d7ccc8; }

.brown.lighten-3 {
  background-color: #bcaaa4; }

.brown-text.text-lighten-3 {
  color: #bcaaa4; }

.brown.lighten-2 {
  background-color: #a1887f; }

.brown-text.text-lighten-2 {
  color: #a1887f; }

.brown.lighten-1 {
  background-color: #8d6e63; }

.brown-text.text-lighten-1 {
  color: #8d6e63; }

.brown.darken-1 {
  background-color: #6d4c41; }

.brown-text.text-darken-1 {
  color: #6d4c41; }

.brown.darken-2 {
  background-color: #5d4037; }

.brown-text.text-darken-2 {
  color: #5d4037; }

.brown.darken-3 {
  background-color: #4e342e; }

.brown-text.text-darken-3 {
  color: #4e342e; }

.brown.darken-4 {
  background-color: #3e2723; }

.brown-text.text-darken-4 {
  color: #3e2723; }

.blue-grey {
  background-color: #607d8b; }

.blue-grey-text {
  color: #607d8b; }

.blue-grey.lighten-5 {
  background-color: #eceff1; }

.blue-grey-text.text-lighten-5 {
  color: #eceff1; }

.blue-grey.lighten-4 {
  background-color: #cfd8dc; }

.blue-grey-text.text-lighten-4 {
  color: #cfd8dc; }

.blue-grey.lighten-3 {
  background-color: #b0bec5; }

.blue-grey-text.text-lighten-3 {
  color: #b0bec5; }

.blue-grey.lighten-2 {
  background-color: #90a4ae; }

.blue-grey-text.text-lighten-2 {
  color: #90a4ae; }

.blue-grey.lighten-1 {
  background-color: #78909c; }

.blue-grey-text.text-lighten-1 {
  color: #78909c; }

.blue-grey.darken-1 {
  background-color: #546e7a; }

.blue-grey-text.text-darken-1 {
  color: #546e7a; }

.blue-grey.darken-2 {
  background-color: #455a64; }

.blue-grey-text.text-darken-2 {
  color: #455a64; }

.blue-grey.darken-3 {
  background-color: #37474f; }

.blue-grey-text.text-darken-3 {
  color: #37474f; }

.blue-grey.darken-4 {
  background-color: #263238; }

.blue-grey-text.text-darken-4 {
  color: #263238; }

.grey {
  background-color: #9e9e9e; }

.grey-text {
  color: #9e9e9e; }

.grey.lighten-5 {
  background-color: #fafafa; }

.grey-text.text-lighten-5 {
  color: #fafafa; }

.grey.lighten-4 {
  background-color: #f5f5f5; }

.grey-text.text-lighten-4 {
  color: #f5f5f5; }

.grey.lighten-3 {
  background-color: #eeeeee; }

.grey-text.text-lighten-3 {
  color: #eeeeee; }

.grey.lighten-2 {
  background-color: #e0e0e0; }

.grey-text.text-lighten-2 {
  color: #e0e0e0; }

.grey.lighten-1 {
  background-color: #bdbdbd; }

.grey-text.text-lighten-1 {
  color: #bdbdbd; }

.grey.darken-1 {
  background-color: #757575; }

.grey-text.text-darken-1 {
  color: #757575; }

.grey.darken-2 {
  background-color: #616161; }

.grey-text.text-darken-2 {
  color: #616161; }

.grey.darken-3 {
  background-color: #424242; }

.grey-text.text-darken-3 {
  color: #424242; }

.grey.darken-4 {
  background-color: #212121; }

.grey-text.text-darken-4 {
  color: #212121; }

.shades.black {
  background-color: #000000; }

.shades-text.text-black {
  color: #000000; }

.shades.white {
  background-color: #FFFFFF; }

.shades-text.text-white {
  color: #FFFFFF; }

.shades.transparent {
  background-color: transparent; }

.shades-text.text-transparent {
  color: transparent; }

.mud-ripple {
  position: relative;
  overflow: hidden; }
  .mud-ripple:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    background-image: radial-gradient(circle, #000 10%, transparent 10.01%);
    background-repeat: no-repeat;
    background-position: 50%;
    transform: scale(10, 10);
    opacity: 0;
    transition: transform .3s, opacity 1s; }
  .mud-ripple:active:after {
    transform: scale(0, 0);
    opacity: 0.1;
    transition: 0s; }

.mud-ripple-icon:after, .mud-ripple-checkbox:after, .mud-ripple-switch:after, .mud-ripple-radio:after {
  transform: scale(7, 7); }

.mud-ripple-switch {
  position: absolute; }

.mud-rtl {
  direction: rtl !important; }

.mud-ltr {
  direction: ltr !important; }

.mud-application-layout-rtl .mud-flip-x-rtl {
  transform: scaleX(-1); }