/*!
 * 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-ripple-color: var(--mud-palette-primary) !important
}

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

@media(hover: hover)and (pointer: fine) {
    .hover\:mud-primary-hover:hover {
        background-color: var(--mud-palette-primary-hover) !important
    }
}

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

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

.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-ripple-color: var(--mud-palette-secondary) !important
}

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

@media(hover: hover)and (pointer: fine) {
    .hover\:mud-secondary-hover:hover {
        background-color: var(--mud-palette-secondary-hover) !important
    }
}

.hover\:mud-secondary-hover:focus-visible,
.hover\:mud-secondary-hover:active {
    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-ripple-color: var(--mud-palette-tertiary) !important
}

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

@media(hover: hover)and (pointer: fine) {
    .hover\:mud-tertiary-hover:hover {
        background-color: var(--mud-palette-tertiary-hover) !important
    }
}

.hover\:mud-tertiary-hover:focus-visible,
.hover\:mud-tertiary-hover:active {
    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-ripple-color: var(--mud-palette-info) !important
}

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

@media(hover: hover)and (pointer: fine) {
    .hover\:mud-info-hover:hover {
        background-color: var(--mud-palette-info-hover) !important
    }
}

.hover\:mud-info-hover:focus-visible,
.hover\:mud-info-hover:active {
    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-ripple-color: var(--mud-palette-success) !important
}

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

@media(hover: hover)and (pointer: fine) {
    .hover\:mud-success-hover:hover {
        background-color: var(--mud-palette-success-hover) !important
    }
}

.hover\:mud-success-hover:focus-visible,
.hover\:mud-success-hover:active {
    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-ripple-color: var(--mud-palette-warning) !important
}

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

@media(hover: hover)and (pointer: fine) {
    .hover\:mud-warning-hover:hover {
        background-color: var(--mud-palette-warning-hover) !important
    }
}

.hover\:mud-warning-hover:focus-visible,
.hover\:mud-warning-hover:active {
    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-ripple-color: var(--mud-palette-error) !important
}

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

@media(hover: hover)and (pointer: fine) {
    .hover\:mud-error-hover:hover {
        background-color: var(--mud-palette-error-hover) !important
    }
}

.hover\:mud-error-hover:focus-visible,
.hover\:mud-error-hover:active {
    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-ripple-color: var(--mud-palette-dark) !important
}

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

@media(hover: hover)and (pointer: fine) {
    .hover\:mud-dark-hover:hover {
        background-color: var(--mud-palette-dark-hover) !important
    }
}

.hover\:mud-dark-hover:focus-visible,
.hover\:mud-dark-hover:active {
    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-gray) !important
}

.mud-theme-transparent {
    color: inherit !important;
    background-color: rgba(0, 0, 0, 0) !important
}

.mud-transparent {
    background-color: rgba(0, 0, 0, 0) !important
}

.mud-transparent-text {
    color: rgba(0, 0, 0, 0) !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)
}

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

#blazor-error-ui {
    background-color: var(--mud-palette-error);
    color: var(--mud-palette-error-text);
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, .2);
    display: none;
    left: 0;
    padding: .6rem 1.75rem .7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 9999
}

#blazor-error-ui .reload {
    color: inherit;
    text-decoration: underline
}

#blazor-error-ui .dismiss {
    color: inherit;
    cursor: pointer;
    position: absolute;
    right: .75rem;
    top: .5rem
}

#components-reconnect-modal {
    z-index: 9999 !important;
    background-color: var(--mud-palette-background) !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
}

@media(hover: hover)and (pointer: fine) {
    #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: .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
    }
}

.mud-alert {
    display: flex;
    padding: 6px 16px;
    border-radius: var(--mud-default-borderradius);
    background-color: rgba(0, 0, 0, 0);
    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-normal .mud-alert-close .mud-button-root {
    color: currentColor
}

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

.mud-alert-filled-primary .mud-button-root {
    color: currentColor
}

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

.mud-alert-filled-secondary .mud-button-root {
    color: currentColor
}

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

.mud-alert-filled-tertiary .mud-button-root {
    color: currentColor
}

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

.mud-alert-filled-info .mud-button-root {
    color: currentColor
}

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

.mud-alert-filled-success .mud-button-root {
    color: currentColor
}

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

.mud-alert-filled-warning .mud-button-root {
    color: currentColor
}

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

.mud-alert-filled-error .mud-button-root {
    color: currentColor
}

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

.mud-alert-filled-dark .mud-button-root {
    color: currentColor
}

.mud-alert-icon {
    display: flex;
    opacity: .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;
    align-items: start
}

.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: .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-gray-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-icon {
    width: 20px;
    height: 20px
}

.mud-badge.mud-badge-icon .mud-icon-badge {
    color: inherit;
    font-size: 12px
}

.mud-badge.mud-badge-dot {
    border-radius: 50%;
    height: 9px;
    min-width: 0;
    padding: 0;
    width: 9px
}

.mud-badge.mud-badge {
    display: flex;
    align-items: center;
    justify-content: center
}

.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;
    --mud-internal-toolbar-height: 56px;
}

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

.mud-toolbar.mud-toolbar-wrap-content {
    height: auto;
    min-height: var(--mud-internal-toolbar-height);
    flex-wrap: wrap
}

.mud-toolbar.mud-toolbar-wrap-content.mud-toolbar-appbar {
    min-height: min(var(--mud-appbar-height), var(--mud-internal-toolbar-height))
}

.mud-tooltip-root {
    width: fit-content
}

.mud-tooltip-root.mud-tooltip-inline {
    display: inline-block
}

.mud-tooltip {
    padding: 0.75rem;
    text-align: center;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    z-index: var(--mud-zindex-tooltip);
    max-width: 312px;
}

.mud-tooltip.mud-tooltip-default {
    color: var(--mud-palette-dark-text);
    background-color: var(--mud-palette-gray-darker)
}

.mud-tooltip.mud-tooltip-center-left:not([data-mudpopover-flip]),
.mud-tooltip.mud-tooltip-center-right[data-mudpopover-flip] {
    transform: translateX(-3px)
}

.mud-tooltip.mud-tooltip-bottom-center:not([data-mudpopover-flip]),
.mud-tooltip.mud-tooltip-top-center[data-mudpopover-flip] {
    transform: translateY(3px)
}

/*.mud-tooltip.mud-tooltip-default.mud-tooltip-arrow::after {
    border-color: var(--mud-palette-gray-darker) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)
}



.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(3px)
}

.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(-3px)
}

.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-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: rgba(0, 0, 0, 0);
    border-top-color: inherit
}*/

.mud-avatar {
    display: inline-flex;
    overflow: hidden;
    position: relative;
    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-gray-light)
}

.mud-avatar.mud-avatar-small {
    width: 24px;
    height: 24px;
    font-size: .75rem
}

.mud-avatar.mud-avatar-medium {
    width: 40px;
    height: 40px;
    font-size: 1.25rem
}

.mud-avatar.mud-avatar-large {
    width: 80px;
    height: 80px;
    font-size: 2rem;
}

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

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

.mud-avatar>.mud-image {
    color: rgba(0, 0, 0, 0);
    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-text-primary);
    background-color: var(--mud-palette-lines-inputs)
}

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

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

.mud-avatar-filled.mud-avatar-filled-tertiary {
    color: var(--mud-palette-tertiary-text);
    background-color: var(--mud-palette-tertiary)
}

.mud-avatar-filled.mud-avatar-filled-info {
    color: var(--mud-palette-info-text);
    background-color: var(--mud-palette-info)
}

.mud-avatar-filled.mud-avatar-filled-success {
    color: var(--mud-palette-success-text);
    background-color: var(--mud-palette-success)
}

.mud-avatar-filled.mud-avatar-filled-warning {
    color: var(--mud-palette-warning-text);
    background-color: var(--mud-palette-warning)
}

.mud-avatar-filled.mud-avatar-filled-error {
    color: var(--mud-palette-error-text);
    background-color: var(--mud-palette-error)
}

.mud-avatar-filled.mud-avatar-filled-dark {
    color: var(--mud-palette-dark-text);
    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: rgba(0, 0, 0, 0)
}

.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: .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: #eee
}

@media(hover: hover)and (pointer: fine) {
    .mud-breadcrumbs-expander:hover {
        background-color: #e0e0e0
    }
}

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

.mud-icon-button {
    flex: 0 0 auto;
    padding: 4px;
    overflow: visible;
    font-size: 1.5rem;
    text-align: center;
    transition: filter 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)
}

@media(hover: hover)and (pointer: fine) {
    .mud-icon-button:hover {
         filter: var(--hover-dropshadow);
    }
}

.mud-icon-button:focus-visible,
.mud-icon-button:active {
    filter: var(--hover-dropshadow);
}

.mud-icon-button:disabled {
    color: var(--mud-palette-action-disabled);
    background-color: rgba(0, 0, 0, 0)
}

.mud-icon-button.mud-readonly,
.mud-icon-button .mud-readonly:hover {
    cursor: default
}

.mud-icon-button-color-inherit {
    color: inherit
}

@media(hover: hover)and (pointer: fine) {
    .mud-icon-button-color-inherit:hover {
        background-color: var(--mud-palette-action-default-hover)
    }
}

.mud-icon-button-color-inherit:focus-visible,
.mud-icon-button-color-inherit:active {
    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: -4px;
    margin-inline-start: -4px;
    margin-inline-end: unset
}

.mud-icon-button-edge-end {
    margin-right: -4px;
    margin-inline-end: -4px;
    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-large.mud-button>.mud-icon-button-label>.mud-icon-size-large {
    font-size: 2rem
}

.mud-card {
    display: flex;
    flex-direction: column
}

.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 {
    flex-grow: 1;
    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
}

@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: .5s mud-carousel-transition-fade-in-keyframe
}

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

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

@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: .5s mud-carousel-transition-slide-next-enter-keyframe
}

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

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

.mud-carousel-transition-slide-next-rtl-exit {
    animation: .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: .5s mud-carousel-transition-slide-prev-enter-keyframe
}

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

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

.mud-carousel-transition-slide-prev-rtl-exit {
    animation: .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-chart .mud-chart-legend .mud-chart-legend-item .mud-chart-legend-checkbox {
    display: flex;
    align-items: center
}

.mud-chart .mud-chart-legend .mud-chart-legend-item .mud-input-control {
    width: 35px !important
}

.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: rgba(0, 0, 0, 0);
    user-select: none;
    pointer-events: unset
}

.mud-chart-donut .mud-donut-ring {
    fill: rgba(0, 0, 0, 0);
    stroke-width: 5;
    stroke: #fff;
    pointer-events: unset
}

.mud-chart-donut .mud-donut-segment {
    stroke-width: 5;
    fill: rgba(0, 0, 0, 0);
    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;
    vertical-align: middle;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

@media(hover: hover)and (pointer: fine) {
    .mud-checkbox .mud-disabled:hover {
        cursor: default;
        background-color: rgba(0, 0, 0, 0) !important
    }
    .mud-checkbox .mud-disabled:hover * {
        cursor: default;
        color: var(--mud-palette-text-disabled)
    }
}

.mud-checkbox .mud-disabled:focus-visible,
.mud-checkbox .mud-disabled:active {
    cursor: default;
    background-color: rgba(0, 0, 0, 0) !important
}

.mud-checkbox .mud-disabled:focus-visible *,
.mud-checkbox .mud-disabled:active * {
    cursor: default;
    color: var(--mud-palette-text-disabled)
}

.mud-checkbox.mud-readonly,
.mud-checkbox .mud-readonly:hover {
    cursor: default;
    background-color: rgba(0, 0, 0, 0) !important
}

.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-chart-legend-checkbox .mud-checkbox svg path:last-child {
    fill: var(--checkbox-color) !important
}

.mud-chip-container {
    display: contents
}

.mud-chip {
    border: none;
    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: .5;
    pointer-events: none
}

.mud-chip.mud-chip-size-small {
    border-radius: 12px;
    font-size: 12px;
    height: 24px;
    padding: 0 8px
}

.mud-chip.mud-chip-size-small .mud-avatar {
    margin-left: -4px;
    margin-right: 4px;
    margin-inline-start: -4px;
    margin-inline-end: 4px;
    width: 18px;
    height: 18px;
    font-size: .625rem
}

.mud-chip.mud-chip-size-small .mud-icon-root {
    font-size: 1.125rem
}

.mud-chip.mud-chip-size-small .mud-chip-close-button {
    margin-right: -4px;
    margin-left: 4px;
    margin-inline-end: -4px;
    margin-inline-start: 4px
}

.mud-chip.mud-chip-size-medium {
    height: 32px;
    font-size: 14px;
    border-radius: 16px
}

.mud-chip.mud-chip-size-medium .mud-avatar {
    margin-left: -8px;
    margin-right: 8px;
    margin-inline-start: -8px;
    margin-inline-end: 8px;
    width: 24px;
    height: 24px;
    font-size: .75rem
}

.mud-chip.mud-chip-size-large {
    height: 40px;
    font-size: 16px;
    border-radius: 20px;
    padding: 0 16px
}

.mud-chip.mud-chip-size-large .mud-avatar {
    margin-left: -12px;
    margin-right: 8px;
    margin-inline-start: -12px;
    margin-inline-end: 8px;
    width: 32px;
    height: 32px;
    font-size: 1rem
}

.mud-chip.mud-chip-size-large .mud-chip-icon {
    font-size: 1.5rem;
    margin-left: -6px;
    margin-right: 6px;
    margin-inline-start: -6px;
    margin-inline-end: 6px
}

.mud-chip.mud-chip-label {
    border-radius: var(--mud-default-borderradius)
}

.mud-chip.mud-clickable {
    cursor: pointer;
    user-select: none
}

.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: .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
}

@media(hover: hover)and (pointer: fine) {
    .mud-chip .mud-chip-close-button:hover:not(.mud-disabled) {
        opacity: .7
    }
}

.mud-chip .mud-chip-close-button:focus-visible:not(.mud-disabled),
.mud-chip .mud-chip-close-button:active:not(.mud-disabled) {
    opacity: .7
}

.mud-chip>.mud-chip-content {
    align-items: center;
    display: inline-flex;
    height: 100%;
    max-width: 100%
}

.mud-chip-filled {
    color: var(--mud-palette-text-primary);
    background-color: var(--mud-palette-action-disabled-background);
    --mud-ripple-opacity: var(--mud-ripple-opacity-secondary)
}

@media(hover: hover)and (pointer: fine) {
    .mud-chip-filled.mud-clickable:hover:not(.mud-disabled) {
        background-color: var(--mud-palette-action-disabled)
    }
}

.mud-chip-filled.mud-clickable:focus-visible:not(.mud-disabled),
.mud-chip-filled.mud-clickable:active:not(.mud-disabled) {
    background-color: var(--mud-palette-action-disabled)
}

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

@media(hover: hover)and (pointer: fine) {
    .mud-chip-filled.mud-chip-color-primary.mud-clickable:hover:not(.mud-disabled) {
        background-color: var(--mud-palette-primary-darken)
    }
}

.mud-chip-filled.mud-chip-color-primary.mud-clickable:focus-visible:not(.mud-disabled),
.mud-chip-filled.mud-chip-color-primary.mud-clickable:active:not(.mud-disabled) {
    background-color: var(--mud-palette-primary-darken)
}

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

@media(hover: hover)and (pointer: fine) {
    .mud-chip-filled.mud-chip-color-secondary.mud-clickable:hover:not(.mud-disabled) {
        background-color: var(--mud-palette-secondary-darken)
    }
}

.mud-chip-filled.mud-chip-color-secondary.mud-clickable:focus-visible:not(.mud-disabled),
.mud-chip-filled.mud-chip-color-secondary.mud-clickable:active:not(.mud-disabled) {
    background-color: var(--mud-palette-secondary-darken)
}

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

@media(hover: hover)and (pointer: fine) {
    .mud-chip-filled.mud-chip-color-tertiary.mud-clickable:hover:not(.mud-disabled) {
        background-color: var(--mud-palette-tertiary-darken)
    }
}

.mud-chip-filled.mud-chip-color-tertiary.mud-clickable:focus-visible:not(.mud-disabled),
.mud-chip-filled.mud-chip-color-tertiary.mud-clickable:active:not(.mud-disabled) {
    background-color: var(--mud-palette-tertiary-darken)
}

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

@media(hover: hover)and (pointer: fine) {
    .mud-chip-filled.mud-chip-color-info.mud-clickable:hover:not(.mud-disabled) {
        background-color: var(--mud-palette-info-darken)
    }
}

.mud-chip-filled.mud-chip-color-info.mud-clickable:focus-visible:not(.mud-disabled),
.mud-chip-filled.mud-chip-color-info.mud-clickable:active:not(.mud-disabled) {
    background-color: var(--mud-palette-info-darken)
}

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

@media(hover: hover)and (pointer: fine) {
    .mud-chip-filled.mud-chip-color-success.mud-clickable:hover:not(.mud-disabled) {
        background-color: var(--mud-palette-success-darken)
    }
}

.mud-chip-filled.mud-chip-color-success.mud-clickable:focus-visible:not(.mud-disabled),
.mud-chip-filled.mud-chip-color-success.mud-clickable:active:not(.mud-disabled) {
    background-color: var(--mud-palette-success-darken)
}

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

@media(hover: hover)and (pointer: fine) {
    .mud-chip-filled.mud-chip-color-warning.mud-clickable:hover:not(.mud-disabled) {
        background-color: var(--mud-palette-warning-darken)
    }
}

.mud-chip-filled.mud-chip-color-warning.mud-clickable:focus-visible:not(.mud-disabled),
.mud-chip-filled.mud-chip-color-warning.mud-clickable:active:not(.mud-disabled) {
    background-color: var(--mud-palette-warning-darken)
}

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

@media(hover: hover)and (pointer: fine) {
    .mud-chip-filled.mud-chip-color-error.mud-clickable:hover:not(.mud-disabled) {
        background-color: var(--mud-palette-error-darken)
    }
}

.mud-chip-filled.mud-chip-color-error.mud-clickable:focus-visible:not(.mud-disabled),
.mud-chip-filled.mud-chip-color-error.mud-clickable:active:not(.mud-disabled) {
    background-color: var(--mud-palette-error-darken)
}

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

@media(hover: hover)and (pointer: fine) {
    .mud-chip-filled.mud-chip-color-dark.mud-clickable:hover:not(.mud-disabled) {
        background-color: var(--mud-palette-dark-darken)
    }
}

.mud-chip-filled.mud-chip-color-dark.mud-clickable:focus-visible:not(.mud-disabled),
.mud-chip-filled.mud-chip-color-dark.mud-clickable:active: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)
}

@media(hover: hover)and (pointer: fine) {
    .mud-chip-outlined.mud-clickable:hover:not(.mud-disabled) {
        background-color: var(--mud-palette-action-default-hover)
    }
}

.mud-chip-outlined.mud-clickable:focus-visible:not(.mud-disabled),
.mud-chip-outlined.mud-clickable:active:not(.mud-disabled) {
    background-color: var(--mud-palette-action-default-hover)
}

.mud-chip-outlined.mud-chip-color-primary {
    color: var(--mud-palette-primary);
    --mud-ripple-color: var(--mud-palette-primary) !important;
    border: 1px solid var(--mud-palette-primary)
}

@media(hover: hover)and (pointer: fine) {
    .mud-chip-outlined.mud-chip-color-primary.mud-clickable:hover:not(.mud-disabled) {
        background-color: var(--mud-palette-primary-hover)
    }
}

.mud-chip-outlined.mud-chip-color-primary.mud-clickable:focus-visible:not(.mud-disabled),
.mud-chip-outlined.mud-chip-color-primary.mud-clickable:active: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)
}

@media(hover: hover)and (pointer: fine) {
    .mud-chip-outlined.mud-chip-color-primary.mud-chip-selected:hover:not(.mud-disabled) {
        background-color: rgba(var(--mud-palette-primary-rgb), 0.12)
    }
}

.mud-chip-outlined.mud-chip-color-primary.mud-chip-selected:focus-visible:not(.mud-disabled),
.mud-chip-outlined.mud-chip-color-primary.mud-chip-selected:active: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);
    --mud-ripple-color: var(--mud-palette-secondary) !important;
    border: 1px solid var(--mud-palette-secondary)
}

@media(hover: hover)and (pointer: fine) {
    .mud-chip-outlined.mud-chip-color-secondary.mud-clickable:hover:not(.mud-disabled) {
        background-color: var(--mud-palette-secondary-hover)
    }
}

.mud-chip-outlined.mud-chip-color-secondary.mud-clickable:focus-visible:not(.mud-disabled),
.mud-chip-outlined.mud-chip-color-secondary.mud-clickable:active: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)
}

@media(hover: hover)and (pointer: fine) {
    .mud-chip-outlined.mud-chip-color-secondary.mud-chip-selected:hover:not(.mud-disabled) {
        background-color: rgba(var(--mud-palette-secondary-rgb), 0.12)
    }
}

.mud-chip-outlined.mud-chip-color-secondary.mud-chip-selected:focus-visible:not(.mud-disabled),
.mud-chip-outlined.mud-chip-color-secondary.mud-chip-selected:active: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);
    --mud-ripple-color: var(--mud-palette-tertiary) !important;
    border: 1px solid var(--mud-palette-tertiary)
}

@media(hover: hover)and (pointer: fine) {
    .mud-chip-outlined.mud-chip-color-tertiary.mud-clickable:hover:not(.mud-disabled) {
        background-color: var(--mud-palette-tertiary-hover)
    }
}

.mud-chip-outlined.mud-chip-color-tertiary.mud-clickable:focus-visible:not(.mud-disabled),
.mud-chip-outlined.mud-chip-color-tertiary.mud-clickable:active: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)
}

@media(hover: hover)and (pointer: fine) {
    .mud-chip-outlined.mud-chip-color-tertiary.mud-chip-selected:hover:not(.mud-disabled) {
        background-color: rgba(var(--mud-palette-tertiary-rgb), 0.12)
    }
}

.mud-chip-outlined.mud-chip-color-tertiary.mud-chip-selected:focus-visible:not(.mud-disabled),
.mud-chip-outlined.mud-chip-color-tertiary.mud-chip-selected:active: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);
    --mud-ripple-color: var(--mud-palette-info) !important;
    border: 1px solid var(--mud-palette-info)
}

@media(hover: hover)and (pointer: fine) {
    .mud-chip-outlined.mud-chip-color-info.mud-clickable:hover:not(.mud-disabled) {
        background-color: var(--mud-palette-info-hover)
    }
}

.mud-chip-outlined.mud-chip-color-info.mud-clickable:focus-visible:not(.mud-disabled),
.mud-chip-outlined.mud-chip-color-info.mud-clickable:active: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)
}

@media(hover: hover)and (pointer: fine) {
    .mud-chip-outlined.mud-chip-color-info.mud-chip-selected:hover:not(.mud-disabled) {
        background-color: rgba(var(--mud-palette-info-rgb), 0.12)
    }
}

.mud-chip-outlined.mud-chip-color-info.mud-chip-selected:focus-visible:not(.mud-disabled),
.mud-chip-outlined.mud-chip-color-info.mud-chip-selected:active: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);
    --mud-ripple-color: var(--mud-palette-success) !important;
    border: 1px solid var(--mud-palette-success)
}

@media(hover: hover)and (pointer: fine) {
    .mud-chip-outlined.mud-chip-color-success.mud-clickable:hover:not(.mud-disabled) {
        background-color: var(--mud-palette-success-hover)
    }
}

.mud-chip-outlined.mud-chip-color-success.mud-clickable:focus-visible:not(.mud-disabled),
.mud-chip-outlined.mud-chip-color-success.mud-clickable:active: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)
}

@media(hover: hover)and (pointer: fine) {
    .mud-chip-outlined.mud-chip-color-success.mud-chip-selected:hover:not(.mud-disabled) {
        background-color: rgba(var(--mud-palette-success-rgb), 0.12)
    }
}

.mud-chip-outlined.mud-chip-color-success.mud-chip-selected:focus-visible:not(.mud-disabled),
.mud-chip-outlined.mud-chip-color-success.mud-chip-selected:active: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);
    --mud-ripple-color: var(--mud-palette-warning) !important;
    border: 1px solid var(--mud-palette-warning)
}

@media(hover: hover)and (pointer: fine) {
    .mud-chip-outlined.mud-chip-color-warning.mud-clickable:hover:not(.mud-disabled) {
        background-color: var(--mud-palette-warning-hover)
    }
}

.mud-chip-outlined.mud-chip-color-warning.mud-clickable:focus-visible:not(.mud-disabled),
.mud-chip-outlined.mud-chip-color-warning.mud-clickable:active: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)
}

@media(hover: hover)and (pointer: fine) {
    .mud-chip-outlined.mud-chip-color-warning.mud-chip-selected:hover:not(.mud-disabled) {
        background-color: rgba(var(--mud-palette-warning-rgb), 0.12)
    }
}

.mud-chip-outlined.mud-chip-color-warning.mud-chip-selected:focus-visible:not(.mud-disabled),
.mud-chip-outlined.mud-chip-color-warning.mud-chip-selected:active: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);
    --mud-ripple-color: var(--mud-palette-error) !important;
    border: 1px solid var(--mud-palette-error)
}

@media(hover: hover)and (pointer: fine) {
    .mud-chip-outlined.mud-chip-color-error.mud-clickable:hover:not(.mud-disabled) {
        background-color: var(--mud-palette-error-hover)
    }
}

.mud-chip-outlined.mud-chip-color-error.mud-clickable:focus-visible:not(.mud-disabled),
.mud-chip-outlined.mud-chip-color-error.mud-clickable:active: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)
}

@media(hover: hover)and (pointer: fine) {
    .mud-chip-outlined.mud-chip-color-error.mud-chip-selected:hover:not(.mud-disabled) {
        background-color: rgba(var(--mud-palette-error-rgb), 0.12)
    }
}

.mud-chip-outlined.mud-chip-color-error.mud-chip-selected:focus-visible:not(.mud-disabled),
.mud-chip-outlined.mud-chip-color-error.mud-chip-selected:active: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);
    --mud-ripple-color: var(--mud-palette-dark) !important;
    border: 1px solid var(--mud-palette-dark)
}

@media(hover: hover)and (pointer: fine) {
    .mud-chip-outlined.mud-chip-color-dark.mud-clickable:hover:not(.mud-disabled) {
        background-color: var(--mud-palette-dark-hover)
    }
}

.mud-chip-outlined.mud-chip-color-dark.mud-clickable:focus-visible:not(.mud-disabled),
.mud-chip-outlined.mud-chip-color-dark.mud-clickable:active: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)
}

@media(hover: hover)and (pointer: fine) {
    .mud-chip-outlined.mud-chip-color-dark.mud-chip-selected:hover:not(.mud-disabled) {
        background-color: rgba(var(--mud-palette-dark-rgb), 0.12)
    }
}

.mud-chip-outlined.mud-chip-color-dark.mud-chip-selected:focus-visible:not(.mud-disabled),
.mud-chip-outlined.mud-chip-color-dark.mud-chip-selected:active: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)
}

@media(hover: hover)and (pointer: fine) {
    .mud-chip-text.mud-clickable:hover:not(.mud-disabled) {
        background-color: var(--mud-palette-action-disabled-background)
    }
}

.mud-chip-text.mud-clickable:focus-visible:not(.mud-disabled),
.mud-chip-text.mud-clickable:active:not(.mud-disabled) {
    background-color: var(--mud-palette-action-disabled-background)
}

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

@media(hover: hover)and (pointer: fine) {
    .mud-chip-text.mud-chip-color-primary.mud-clickable:hover:not(.mud-disabled) {
        background-color: rgba(var(--mud-palette-primary-rgb), 0.12)
    }
}

.mud-chip-text.mud-chip-color-primary.mud-clickable:focus-visible:not(.mud-disabled),
.mud-chip-text.mud-chip-color-primary.mud-clickable:active: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);
    --mud-ripple-color: var(--mud-palette-secondary) !important;
    background-color: var(--mud-palette-secondary-hover)
}

@media(hover: hover)and (pointer: fine) {
    .mud-chip-text.mud-chip-color-secondary.mud-clickable:hover:not(.mud-disabled) {
        background-color: rgba(var(--mud-palette-secondary-rgb), 0.12)
    }
}

.mud-chip-text.mud-chip-color-secondary.mud-clickable:focus-visible:not(.mud-disabled),
.mud-chip-text.mud-chip-color-secondary.mud-clickable:active: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);
    --mud-ripple-color: var(--mud-palette-tertiary) !important;
    background-color: var(--mud-palette-tertiary-hover)
}

@media(hover: hover)and (pointer: fine) {
    .mud-chip-text.mud-chip-color-tertiary.mud-clickable:hover:not(.mud-disabled) {
        background-color: rgba(var(--mud-palette-tertiary-rgb), 0.12)
    }
}

.mud-chip-text.mud-chip-color-tertiary.mud-clickable:focus-visible:not(.mud-disabled),
.mud-chip-text.mud-chip-color-tertiary.mud-clickable:active: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);
    --mud-ripple-color: var(--mud-palette-info) !important;
    background-color: var(--mud-palette-info-hover)
}

@media(hover: hover)and (pointer: fine) {
    .mud-chip-text.mud-chip-color-info.mud-clickable:hover:not(.mud-disabled) {
        background-color: rgba(var(--mud-palette-info-rgb), 0.12)
    }
}

.mud-chip-text.mud-chip-color-info.mud-clickable:focus-visible:not(.mud-disabled),
.mud-chip-text.mud-chip-color-info.mud-clickable:active: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);
    --mud-ripple-color: var(--mud-palette-success) !important;
    background-color: var(--mud-palette-success-hover)
}

@media(hover: hover)and (pointer: fine) {
    .mud-chip-text.mud-chip-color-success.mud-clickable:hover:not(.mud-disabled) {
        background-color: rgba(var(--mud-palette-success-rgb), 0.12)
    }
}

.mud-chip-text.mud-chip-color-success.mud-clickable:focus-visible:not(.mud-disabled),
.mud-chip-text.mud-chip-color-success.mud-clickable:active: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);
    --mud-ripple-color: var(--mud-palette-warning) !important;
    background-color: var(--mud-palette-warning-hover)
}

@media(hover: hover)and (pointer: fine) {
    .mud-chip-text.mud-chip-color-warning.mud-clickable:hover:not(.mud-disabled) {
        background-color: rgba(var(--mud-palette-warning-rgb), 0.12)
    }
}

.mud-chip-text.mud-chip-color-warning.mud-clickable:focus-visible:not(.mud-disabled),
.mud-chip-text.mud-chip-color-warning.mud-clickable:active: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);
    --mud-ripple-color: var(--mud-palette-error) !important;
    background-color: var(--mud-palette-error-hover)
}

@media(hover: hover)and (pointer: fine) {
    .mud-chip-text.mud-chip-color-error.mud-clickable:hover:not(.mud-disabled) {
        background-color: rgba(var(--mud-palette-error-rgb), 0.12)
    }
}

.mud-chip-text.mud-chip-color-error.mud-clickable:focus-visible:not(.mud-disabled),
.mud-chip-text.mud-chip-color-error.mud-clickable:active: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);
    --mud-ripple-color: var(--mud-palette-dark) !important;
    background-color: var(--mud-palette-dark-hover)
}

@media(hover: hover)and (pointer: fine) {
    .mud-chip-text.mud-chip-color-dark.mud-clickable:hover:not(.mud-disabled) {
        background-color: rgba(var(--mud-palette-dark-rgb), 0.12)
    }
}

.mud-chip-text.mud-chip-color-dark.mud-clickable:focus-visible:not(.mud-disabled),
.mud-chip-text.mud-chip-color-dark.mud-clickable:active:not(.mud-disabled) {
    background-color: rgba(var(--mud-palette-dark-rgb), 0.12)
}

.mud-collapse-container {
  overflow: hidden;
  display: grid;
  grid-template-rows: minmax(0, 0fr);
  transition: grid-template-rows 300ms ease-in-out;
}

.mud-collapse-entering {
  grid-template-rows: minmax(0, 1fr);
}

.mud-collapse-entered {
  overflow: initial;
  grid-template-rows: minmax(0, 1fr);

  & .mud-collapse-wrapper {
      overflow-y: auto;
  }
}

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

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

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

.mud-dialog-container {
    display: flex;
    position: fixed;
    top: 0;
    left: 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: 1rem !important;
    -webkit-animation: mud-open-dialog-center .1s cubic-bezier(0.39, 0.575, 0.565, 1) both;
    animation: mud-open-dialog-center .1s cubic-bezier(0.39, 0.575, 0.565, 1) both;
    box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, .2), 0px 24px 38px 3px rgba(0, 0, 0, .14), 0px 9px 46px 8px rgba(0, 0, 0, .12);
    width: 100%;
    max-height: calc(100vh - 64px);
    max-height: calc(100dvh - 64px);
    overflow-y: auto
}

.mud-dialog .mud-dialog-title {
    z-index: 1;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    margin: 0;
    padding: var(--padding-x);
    padding-bottom: var(--padding-y);
    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-content {
    position: relative;
    flex: 1 1 auto;
    overflow: auto;
    padding: var(--padding-y) var(--padding-x);
    -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: 0px;
    margin: 12px 0px
}

.mud-dialog .mud-dialog-actions {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: stretch;
    justify-content: stretch;
    padding: var(--padding-y) var(--padding-x);
    border-bottom-left-radius: var(--mud-default-borderradius);
    border-bottom-right-radius: var(--mud-default-borderradius)
}

@media not all and (max-width: 768px) {
    .mud-dialog .mud-dialog-actions {
        flex-direction: row;
        justify-content: space-between;
    }
}

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

.mud-dialog-width-xs {
    max-width: min(calc(100% - 32px), 444px);
}

.mud-dialog-width-sm {
    max-width: min(calc(100% - 32px), 600px);
}

.mud-dialog-width-md {
    max-width: min(calc(100% - 32px), 960px);
}

.mud-dialog-width-lg {
    max-width: min(calc(100% - 32px), 1280px);
}

.mud-dialog-width-xl {
    max-width: min(calc(100% - 32px), 1920px);
}

.mud-dialog-width-xxl {
    max-width: min(calc(100% - 32px), 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;
    overflow-y: hidden
}

@-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-focus-trap {
    display: contents
}

.mud-focus-trap .mud-focus-trap-child-container {
    display: contents
}

.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-flex-break {
    flex-basis: 100%;
    width: 0
}

.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% + 4px);
    margin-left: -4px;
    margin-top: -4px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mud-grid-spacing-xs-11 {
    width: calc(100% + 44px);
    margin-left: -44px;
    margin-top: -44px
}

.mud-grid-spacing-xs-11>.mud-grid-item {
    padding-left: 44px;
    padding-top: 44px
}

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

.mud-grid-spacing-xs-12>.mud-grid-item {
    padding-left: 48px;
    padding-top: 48px
}

.mud-grid-spacing-xs-13 {
    width: calc(100% + 52px);
    margin-left: -52px;
    margin-top: -52px
}

.mud-grid-spacing-xs-13>.mud-grid-item {
    padding-left: 52px;
    padding-top: 52px
}

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

.mud-grid-spacing-xs-14>.mud-grid-item {
    padding-left: 56px;
    padding-top: 56px
}

.mud-grid-spacing-xs-15 {
    width: calc(100% + 60px);
    margin-left: -60px;
    margin-top: -60px
}

.mud-grid-spacing-xs-15>.mud-grid-item {
    padding-left: 60px;
    padding-top: 60px
}

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

.mud-grid-spacing-xs-16>.mud-grid-item {
    padding-left: 64px;
    padding-top: 64px
}

.mud-grid-spacing-xs-17 {
    width: calc(100% + 68px);
    margin-left: -68px;
    margin-top: -68px
}

.mud-grid-spacing-xs-17>.mud-grid-item {
    padding-left: 68px;
    padding-top: 68px
}

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

.mud-grid-spacing-xs-18>.mud-grid-item {
    padding-left: 72px;
    padding-top: 72px
}

.mud-grid-spacing-xs-19 {
    width: calc(100% + 76px);
    margin-left: -76px;
    margin-top: -76px
}

.mud-grid-spacing-xs-19>.mud-grid-item {
    padding-left: 76px;
    padding-top: 76px
}

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

.mud-grid-spacing-xs-20>.mud-grid-item {
    padding-left: 80px;
    padding-top: 80px
}

@media(min-width: 0px) {
    .mud-grid-item-xs-1 {
        flex-grow: 0;
        max-width: calc(100%/12*1);
        flex-basis: calc(100%/12*1)
    }
    .mud-grid-item-xs-2 {
        flex-grow: 0;
        max-width: calc(100%/12*2);
        flex-basis: calc(100%/12*2)
    }
    .mud-grid-item-xs-3 {
        flex-grow: 0;
        max-width: calc(100%/12*3);
        flex-basis: calc(100%/12*3)
    }
    .mud-grid-item-xs-4 {
        flex-grow: 0;
        max-width: calc(100%/12*4);
        flex-basis: calc(100%/12*4)
    }
    .mud-grid-item-xs-5 {
        flex-grow: 0;
        max-width: calc(100%/12*5);
        flex-basis: calc(100%/12*5)
    }
    .mud-grid-item-xs-6 {
        flex-grow: 0;
        max-width: calc(100%/12*6);
        flex-basis: calc(100%/12*6)
    }
    .mud-grid-item-xs-7 {
        flex-grow: 0;
        max-width: calc(100%/12*7);
        flex-basis: calc(100%/12*7)
    }
    .mud-grid-item-xs-8 {
        flex-grow: 0;
        max-width: calc(100%/12*8);
        flex-basis: calc(100%/12*8)
    }
    .mud-grid-item-xs-9 {
        flex-grow: 0;
        max-width: calc(100%/12*9);
        flex-basis: calc(100%/12*9)
    }
    .mud-grid-item-xs-10 {
        flex-grow: 0;
        max-width: calc(100%/12*10);
        flex-basis: calc(100%/12*10)
    }
    .mud-grid-item-xs-11 {
        flex-grow: 0;
        max-width: calc(100%/12*11);
        flex-basis: calc(100%/12*11)
    }
    .mud-grid-item-xs-12 {
        flex-grow: 0;
        max-width: calc(100%/12*12);
        flex-basis: calc(100%/12*12)
    }
    .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
    }
}

@media(min-width: 600px) {
    .mud-grid-item-sm-1 {
        flex-grow: 0;
        max-width: calc(100%/12*1);
        flex-basis: calc(100%/12*1)
    }
    .mud-grid-item-sm-2 {
        flex-grow: 0;
        max-width: calc(100%/12*2);
        flex-basis: calc(100%/12*2)
    }
    .mud-grid-item-sm-3 {
        flex-grow: 0;
        max-width: calc(100%/12*3);
        flex-basis: calc(100%/12*3)
    }
    .mud-grid-item-sm-4 {
        flex-grow: 0;
        max-width: calc(100%/12*4);
        flex-basis: calc(100%/12*4)
    }
    .mud-grid-item-sm-5 {
        flex-grow: 0;
        max-width: calc(100%/12*5);
        flex-basis: calc(100%/12*5)
    }
    .mud-grid-item-sm-6 {
        flex-grow: 0;
        max-width: calc(100%/12*6);
        flex-basis: calc(100%/12*6)
    }
    .mud-grid-item-sm-7 {
        flex-grow: 0;
        max-width: calc(100%/12*7);
        flex-basis: calc(100%/12*7)
    }
    .mud-grid-item-sm-8 {
        flex-grow: 0;
        max-width: calc(100%/12*8);
        flex-basis: calc(100%/12*8)
    }
    .mud-grid-item-sm-9 {
        flex-grow: 0;
        max-width: calc(100%/12*9);
        flex-basis: calc(100%/12*9)
    }
    .mud-grid-item-sm-10 {
        flex-grow: 0;
        max-width: calc(100%/12*10);
        flex-basis: calc(100%/12*10)
    }
    .mud-grid-item-sm-11 {
        flex-grow: 0;
        max-width: calc(100%/12*11);
        flex-basis: calc(100%/12*11)
    }
    .mud-grid-item-sm-12 {
        flex-grow: 0;
        max-width: calc(100%/12*12);
        flex-basis: calc(100%/12*12)
    }
    .mud-grid-item-sm-auto {
        flex-grow: 0;
        max-width: none;
        flex-basis: auto
    }
    .mud-grid-item-sm-true {
        flex-grow: 1;
        max-width: 100%;
        flex-basis: 0
    }
}

@media(min-width: 960px) {
    .mud-grid-item-md-1 {
        flex-grow: 0;
        max-width: calc(100%/12*1);
        flex-basis: calc(100%/12*1)
    }
    .mud-grid-item-md-2 {
        flex-grow: 0;
        max-width: calc(100%/12*2);
        flex-basis: calc(100%/12*2)
    }
    .mud-grid-item-md-3 {
        flex-grow: 0;
        max-width: calc(100%/12*3);
        flex-basis: calc(100%/12*3)
    }
    .mud-grid-item-md-4 {
        flex-grow: 0;
        max-width: calc(100%/12*4);
        flex-basis: calc(100%/12*4)
    }
    .mud-grid-item-md-5 {
        flex-grow: 0;
        max-width: calc(100%/12*5);
        flex-basis: calc(100%/12*5)
    }
    .mud-grid-item-md-6 {
        flex-grow: 0;
        max-width: calc(100%/12*6);
        flex-basis: calc(100%/12*6)
    }
    .mud-grid-item-md-7 {
        flex-grow: 0;
        max-width: calc(100%/12*7);
        flex-basis: calc(100%/12*7)
    }
    .mud-grid-item-md-8 {
        flex-grow: 0;
        max-width: calc(100%/12*8);
        flex-basis: calc(100%/12*8)
    }
    .mud-grid-item-md-9 {
        flex-grow: 0;
        max-width: calc(100%/12*9);
        flex-basis: calc(100%/12*9)
    }
    .mud-grid-item-md-10 {
        flex-grow: 0;
        max-width: calc(100%/12*10);
        flex-basis: calc(100%/12*10)
    }
    .mud-grid-item-md-11 {
        flex-grow: 0;
        max-width: calc(100%/12*11);
        flex-basis: calc(100%/12*11)
    }
    .mud-grid-item-md-12 {
        flex-grow: 0;
        max-width: calc(100%/12*12);
        flex-basis: calc(100%/12*12)
    }
    .mud-grid-item-md-auto {
        flex-grow: 0;
        max-width: none;
        flex-basis: auto
    }
    .mud-grid-item-md-true {
        flex-grow: 1;
        max-width: 100%;
        flex-basis: 0
    }
}

@media(min-width: 1280px) {
    .mud-grid-item-lg-1 {
        flex-grow: 0;
        max-width: calc(100%/12*1);
        flex-basis: calc(100%/12*1)
    }
    .mud-grid-item-lg-2 {
        flex-grow: 0;
        max-width: calc(100%/12*2);
        flex-basis: calc(100%/12*2)
    }
    .mud-grid-item-lg-3 {
        flex-grow: 0;
        max-width: calc(100%/12*3);
        flex-basis: calc(100%/12*3)
    }
    .mud-grid-item-lg-4 {
        flex-grow: 0;
        max-width: calc(100%/12*4);
        flex-basis: calc(100%/12*4)
    }
    .mud-grid-item-lg-5 {
        flex-grow: 0;
        max-width: calc(100%/12*5);
        flex-basis: calc(100%/12*5)
    }
    .mud-grid-item-lg-6 {
        flex-grow: 0;
        max-width: calc(100%/12*6);
        flex-basis: calc(100%/12*6)
    }
    .mud-grid-item-lg-7 {
        flex-grow: 0;
        max-width: calc(100%/12*7);
        flex-basis: calc(100%/12*7)
    }
    .mud-grid-item-lg-8 {
        flex-grow: 0;
        max-width: calc(100%/12*8);
        flex-basis: calc(100%/12*8)
    }
    .mud-grid-item-lg-9 {
        flex-grow: 0;
        max-width: calc(100%/12*9);
        flex-basis: calc(100%/12*9)
    }
    .mud-grid-item-lg-10 {
        flex-grow: 0;
        max-width: calc(100%/12*10);
        flex-basis: calc(100%/12*10)
    }
    .mud-grid-item-lg-11 {
        flex-grow: 0;
        max-width: calc(100%/12*11);
        flex-basis: calc(100%/12*11)
    }
    .mud-grid-item-lg-12 {
        flex-grow: 0;
        max-width: calc(100%/12*12);
        flex-basis: calc(100%/12*12)
    }
    .mud-grid-item-lg-auto {
        flex-grow: 0;
        max-width: none;
        flex-basis: auto
    }
    .mud-grid-item-lg-true {
        flex-grow: 1;
        max-width: 100%;
        flex-basis: 0
    }
}

@media(min-width: 1920px) {
    .mud-grid-item-xl-1 {
        flex-grow: 0;
        max-width: calc(100%/12*1);
        flex-basis: calc(100%/12*1)
    }
    .mud-grid-item-xl-2 {
        flex-grow: 0;
        max-width: calc(100%/12*2);
        flex-basis: calc(100%/12*2)
    }
    .mud-grid-item-xl-3 {
        flex-grow: 0;
        max-width: calc(100%/12*3);
        flex-basis: calc(100%/12*3)
    }
    .mud-grid-item-xl-4 {
        flex-grow: 0;
        max-width: calc(100%/12*4);
        flex-basis: calc(100%/12*4)
    }
    .mud-grid-item-xl-5 {
        flex-grow: 0;
        max-width: calc(100%/12*5);
        flex-basis: calc(100%/12*5)
    }
    .mud-grid-item-xl-6 {
        flex-grow: 0;
        max-width: calc(100%/12*6);
        flex-basis: calc(100%/12*6)
    }
    .mud-grid-item-xl-7 {
        flex-grow: 0;
        max-width: calc(100%/12*7);
        flex-basis: calc(100%/12*7)
    }
    .mud-grid-item-xl-8 {
        flex-grow: 0;
        max-width: calc(100%/12*8);
        flex-basis: calc(100%/12*8)
    }
    .mud-grid-item-xl-9 {
        flex-grow: 0;
        max-width: calc(100%/12*9);
        flex-basis: calc(100%/12*9)
    }
    .mud-grid-item-xl-10 {
        flex-grow: 0;
        max-width: calc(100%/12*10);
        flex-basis: calc(100%/12*10)
    }
    .mud-grid-item-xl-11 {
        flex-grow: 0;
        max-width: calc(100%/12*11);
        flex-basis: calc(100%/12*11)
    }
    .mud-grid-item-xl-12 {
        flex-grow: 0;
        max-width: calc(100%/12*12);
        flex-basis: calc(100%/12*12)
    }
    .mud-grid-item-xl-auto {
        flex-grow: 0;
        max-width: none;
        flex-basis: auto
    }
    .mud-grid-item-xl-true {
        flex-grow: 1;
        max-width: 100%;
        flex-basis: 0
    }
}

@media(min-width: 2560px) {
    .mud-grid-item-xxl-1 {
        flex-grow: 0;
        max-width: calc(100%/12*1);
        flex-basis: calc(100%/12*1)
    }
    .mud-grid-item-xxl-2 {
        flex-grow: 0;
        max-width: calc(100%/12*2);
        flex-basis: calc(100%/12*2)
    }
    .mud-grid-item-xxl-3 {
        flex-grow: 0;
        max-width: calc(100%/12*3);
        flex-basis: calc(100%/12*3)
    }
    .mud-grid-item-xxl-4 {
        flex-grow: 0;
        max-width: calc(100%/12*4);
        flex-basis: calc(100%/12*4)
    }
    .mud-grid-item-xxl-5 {
        flex-grow: 0;
        max-width: calc(100%/12*5);
        flex-basis: calc(100%/12*5)
    }
    .mud-grid-item-xxl-6 {
        flex-grow: 0;
        max-width: calc(100%/12*6);
        flex-basis: calc(100%/12*6)
    }
    .mud-grid-item-xxl-7 {
        flex-grow: 0;
        max-width: calc(100%/12*7);
        flex-basis: calc(100%/12*7)
    }
    .mud-grid-item-xxl-8 {
        flex-grow: 0;
        max-width: calc(100%/12*8);
        flex-basis: calc(100%/12*8)
    }
    .mud-grid-item-xxl-9 {
        flex-grow: 0;
        max-width: calc(100%/12*9);
        flex-basis: calc(100%/12*9)
    }
    .mud-grid-item-xxl-10 {
        flex-grow: 0;
        max-width: calc(100%/12*10);
        flex-basis: calc(100%/12*10)
    }
    .mud-grid-item-xxl-11 {
        flex-grow: 0;
        max-width: calc(100%/12*11);
        flex-basis: calc(100%/12*11)
    }
    .mud-grid-item-xxl-12 {
        flex-grow: 0;
        max-width: calc(100%/12*12);
        flex-basis: calc(100%/12*12)
    }
    .mud-grid-item-xxl-auto {
        flex-grow: 0;
        max-width: none;
        flex-basis: auto
    }
    .mud-grid-item-xxl-true {
        flex-grow: 1;
        max-width: 100%;
        flex-basis: 0
    }
}

.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 {
    margin: 0;
    flex-shrink: 0;
    border-color: var(--mud-palette-divider);
    border-width: 1px;
    border-style: solid none none none
}

.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 {
    border-color: var(--mud-palette-divider-light)
}

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

.mud-divider-vertical {
    border-style: none solid none none;
    height: 100%
}

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

.mud-divider-fullwidth {
    flex-grow: 1;
    width: 100%
}

.mud-drop-container {
  user-select: none;
}

.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: .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 .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 {
    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-expand-panel-header {
    width: 100%;
    align-items: center;
    display: flex;
    padding-top: 12px;
    padding-bottom: 12px;
    position: relative;
    transition: min-height .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: .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-bottom: 12px;
    flex: 1 1 auto;
    max-width: 100%
}

.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, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(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);
    --mud-ripple-color: var(--mud-palette-text-primary);
    background-color: var(--mud-palette-action-default-hover)
}

@media(hover: hover)and (pointer: fine) {
    .mud-fab:hover {
        box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);
        text-decoration: none;
        background-color: var(--mud-palette-action-disabled-background)
    }
}

.mud-fab:focus-visible {
    box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(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, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);
    text-decoration: none;
    background-color: var(--mud-palette-action-disabled-background)
}

.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
}

@media(hover: hover)and (pointer: fine) {
    .mud-fab:disabled:hover {
        background-color: var(--mud-palette-action-disabled-background)
    }
}

.mud-fab-disable-elevation {
    box-shadow: none
}

@media(hover: hover)and (pointer: fine) {
    .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);
    --mud-ripple-color: var(--mud-palette-primary-text) !important;
    --mud-ripple-opacity: var(--mud-ripple-opacity-secondary) !important;
    background-color: var(--mud-palette-primary)
}

@media(hover: hover)and (pointer: fine) {
    .mud-fab-primary:hover {
        background-color: var(--mud-palette-primary-darken)
    }
}

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

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

@media(hover: hover)and (pointer: fine) {
    .mud-fab-secondary:hover {
        background-color: var(--mud-palette-secondary-darken)
    }
}

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

.mud-fab-tertiary {
    color: var(--mud-palette-tertiary-text);
    --mud-ripple-color: var(--mud-palette-tertiary-text) !important;
    --mud-ripple-opacity: var(--mud-ripple-opacity-secondary) !important;
    background-color: var(--mud-palette-tertiary)
}

@media(hover: hover)and (pointer: fine) {
    .mud-fab-tertiary:hover {
        background-color: var(--mud-palette-tertiary-darken)
    }
}

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

.mud-fab-info {
    color: var(--mud-palette-info-text);
    --mud-ripple-color: var(--mud-palette-info-text) !important;
    --mud-ripple-opacity: var(--mud-ripple-opacity-secondary) !important;
    background-color: var(--mud-palette-info)
}

@media(hover: hover)and (pointer: fine) {
    .mud-fab-info:hover {
        background-color: var(--mud-palette-info-darken)
    }
}

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

.mud-fab-success {
    color: var(--mud-palette-success-text);
    --mud-ripple-color: var(--mud-palette-success-text) !important;
    --mud-ripple-opacity: var(--mud-ripple-opacity-secondary) !important;
    background-color: var(--mud-palette-success)
}

@media(hover: hover)and (pointer: fine) {
    .mud-fab-success:hover {
        background-color: var(--mud-palette-success-darken)
    }
}

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

.mud-fab-warning {
    color: var(--mud-palette-warning-text);
    --mud-ripple-color: var(--mud-palette-warning-text) !important;
    --mud-ripple-opacity: var(--mud-ripple-opacity-secondary) !important;
    background-color: var(--mud-palette-warning)
}

@media(hover: hover)and (pointer: fine) {
    .mud-fab-warning:hover {
        background-color: var(--mud-palette-warning-darken)
    }
}

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

.mud-fab-error {
    color: var(--mud-palette-error-text);
    --mud-ripple-color: var(--mud-palette-error-text) !important;
    --mud-ripple-opacity: var(--mud-ripple-opacity-secondary) !important;
    background-color: var(--mud-palette-error)
}

@media(hover: hover)and (pointer: fine) {
    .mud-fab-error:hover {
        background-color: var(--mud-palette-error-darken)
    }
}

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

.mud-fab-dark {
    color: var(--mud-palette-dark-text);
    --mud-ripple-color: var(--mud-palette-dark-text) !important;
    --mud-ripple-opacity: var(--mud-ripple-opacity-secondary) !important;
    background-color: var(--mud-palette-dark)
}

@media(hover: hover)and (pointer: fine) {
    .mud-fab-dark:hover {
        background-color: var(--mud-palette-dark-darken)
    }
}

.mud-fab-dark:focus-visible,
.mud-fab-dark:active {
    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-form {
    display: flex;
    flex-direction: column
}

.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;
    flex-shrink: 0;
}

.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.mud-list-item-disabled .mud-list-item-secondary-text {
    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: rgba(0, 0, 0, 0);
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms
}

@media(hover: hover)and (pointer: fine) {
    .mud-list-item-clickable:hover {
        background-color: var(--mud-palette-action-default-hover)
    }
}

.mud-list-item-clickable:focus:not(.mud-selected-item),
.mud-list-item-clickable:active {
    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: .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-list-item-secondary-text {
    font-weight: 500;
    color: var(--mud-palette-text-secondary)
}

.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;
    user-select: none
}

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

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

.mud-link.mud-link-underline-hover:focus-visible,
.mud-link.mud-link-underline-hover:active {
    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: rgba(0, 0, 0, 0);
    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
}

@media(hover: hover)and (pointer: fine) {
    .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: .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)
}

@media(hover: hover)and (pointer: fine) {
    .mud-navmenu.mud-navmenu-default .mud-nav-link.active:not(.mud-nav-link-disabled):hover:not(.mud-nav-link-disabled) {
        background-color: var(--mud-palette-action-default-hover)
    }
}

.mud-navmenu.mud-navmenu-default .mud-nav-link.active:not(.mud-nav-link-disabled):focus-visible:not(.mud-nav-link-disabled),
.mud-navmenu.mud-navmenu-default .mud-nav-link.active:not(.mud-nav-link-disabled):active: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);
    --mud-ripple-color: var(--mud-palette-primary);
    background-color: var(--mud-palette-primary-hover)
}

@media(hover: hover)and (pointer: fine) {
    .mud-navmenu.mud-navmenu-primary .mud-nav-link.active:not(.mud-nav-link-disabled):hover: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):focus-visible:not(.mud-nav-link-disabled),
.mud-navmenu.mud-navmenu-primary .mud-nav-link.active:not(.mud-nav-link-disabled):active: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);
    --mud-ripple-color: var(--mud-palette-secondary);
    background-color: var(--mud-palette-secondary-hover)
}

@media(hover: hover)and (pointer: fine) {
    .mud-navmenu.mud-navmenu-secondary .mud-nav-link.active:not(.mud-nav-link-disabled):hover: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):focus-visible:not(.mud-nav-link-disabled),
.mud-navmenu.mud-navmenu-secondary .mud-nav-link.active:not(.mud-nav-link-disabled):active: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);
    --mud-ripple-color: var(--mud-palette-tertiary);
    background-color: var(--mud-palette-tertiary-hover)
}

@media(hover: hover)and (pointer: fine) {
    .mud-navmenu.mud-navmenu-tertiary .mud-nav-link.active:not(.mud-nav-link-disabled):hover: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):focus-visible:not(.mud-nav-link-disabled),
.mud-navmenu.mud-navmenu-tertiary .mud-nav-link.active:not(.mud-nav-link-disabled):active: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);
    --mud-ripple-color: var(--mud-palette-info);
    background-color: var(--mud-palette-info-hover)
}

@media(hover: hover)and (pointer: fine) {
    .mud-navmenu.mud-navmenu-info .mud-nav-link.active:not(.mud-nav-link-disabled):hover: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):focus-visible:not(.mud-nav-link-disabled),
.mud-navmenu.mud-navmenu-info .mud-nav-link.active:not(.mud-nav-link-disabled):active: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);
    --mud-ripple-color: var(--mud-palette-success);
    background-color: var(--mud-palette-success-hover)
}

@media(hover: hover)and (pointer: fine) {
    .mud-navmenu.mud-navmenu-success .mud-nav-link.active:not(.mud-nav-link-disabled):hover: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):focus-visible:not(.mud-nav-link-disabled),
.mud-navmenu.mud-navmenu-success .mud-nav-link.active:not(.mud-nav-link-disabled):active: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);
    --mud-ripple-color: var(--mud-palette-warning);
    background-color: var(--mud-palette-warning-hover)
}

@media(hover: hover)and (pointer: fine) {
    .mud-navmenu.mud-navmenu-warning .mud-nav-link.active:not(.mud-nav-link-disabled):hover: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):focus-visible:not(.mud-nav-link-disabled),
.mud-navmenu.mud-navmenu-warning .mud-nav-link.active:not(.mud-nav-link-disabled):active: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);
    --mud-ripple-color: var(--mud-palette-error);
    background-color: var(--mud-palette-error-hover)
}

@media(hover: hover)and (pointer: fine) {
    .mud-navmenu.mud-navmenu-error .mud-nav-link.active:not(.mud-nav-link-disabled):hover: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):focus-visible:not(.mud-nav-link-disabled),
.mud-navmenu.mud-navmenu-error .mud-nav-link.active:not(.mud-nav-link-disabled):active: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);
    --mud-ripple-color: var(--mud-palette-dark);
    background-color: var(--mud-palette-dark-hover)
}

@media(hover: hover)and (pointer: fine) {
    .mud-navmenu.mud-navmenu-dark .mud-nav-link.active:not(.mud-nav-link-disabled):hover: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):focus-visible:not(.mud-nav-link-disabled),
.mud-navmenu.mud-navmenu-dark .mud-nav-link.active:not(.mud-nav-link-disabled):active: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-mini .mud-nav-link {
    line-height: 1;
    display: flex;
    align-items: center
}

.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: rgba(0, 0, 0, 0)
}

.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: rgba(0, 0, 0, 0)
}

.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>* {
    color: var(--color-basic-500);
    height: 32px;
    min-width: 32px;
    margin: 0 3px;
    padding: 0 6px;
    text-align: center;
    border-radius: 16px
}

.mud-pagination .mud-pagination-item.mud-pagination-item-selected>* {
    color: var(--color-basic-900);
}

.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
}

.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;
    justify-content: flex-start;
    flex-direction: column;
}

.mud-picker-datepicker-toolbar .mud-button-year {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.4;
}

.mud-picker-datepicker-toolbar .mud-button-date {
    font-weight: 400;
    text-transform: none;
    font-size: 1.75rem;
    line-height: 1.2;
}

.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)
}

@media(hover: hover)and (pointer: fine) {
    .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
}

@media(hover: hover)and (pointer: fine) {
    .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
}

@media(hover: hover)and (pointer: fine) {
    .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
}

@media(hover: hover)and (pointer: fine) {
    .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
}

@media(min-width: 600px) {
    .mud-picker-calendar-content:not(.mud-picker-calendar-content-1) {
        grid-template-columns: repeat(2, minmax(auto, 1fr))
    }
    .mud-picker-calendar-content:not(.mud-picker-calendar-content-1) .mud-picker-calendar-header-1 .mud-picker-nav-button-next,
    .mud-picker-calendar-content:not(.mud-picker-calendar-content-1) .mud-picker-calendar-header-3 .mud-picker-nav-button-next,
    .mud-picker-calendar-content:not(.mud-picker-calendar-content-1) .mud-picker-calendar-header-5 .mud-picker-nav-button-next,
    .mud-picker-calendar-content:not(.mud-picker-calendar-content-1) .mud-picker-calendar-header-7 .mud-picker-nav-button-next,
    .mud-picker-calendar-content:not(.mud-picker-calendar-content-1) .mud-picker-calendar-header-9 .mud-picker-nav-button-next,
    .mud-picker-calendar-content:not(.mud-picker-calendar-content-1) .mud-picker-calendar-header-11 .mud-picker-nav-button-next {
        visibility: hidden
    }
    .mud-picker-calendar-content:not(.mud-picker-calendar-content-1) .mud-picker-calendar-header-1 .mud-picker-nav-button-prev,
    .mud-picker-calendar-content:not(.mud-picker-calendar-content-1) .mud-picker-calendar-header-3 .mud-picker-nav-button-prev,
    .mud-picker-calendar-content:not(.mud-picker-calendar-content-1) .mud-picker-calendar-header-5 .mud-picker-nav-button-prev,
    .mud-picker-calendar-content:not(.mud-picker-calendar-content-1) .mud-picker-calendar-header-7 .mud-picker-nav-button-prev,
    .mud-picker-calendar-content:not(.mud-picker-calendar-content-1) .mud-picker-calendar-header-9 .mud-picker-nav-button-prev,
    .mud-picker-calendar-content:not(.mud-picker-calendar-content-1) .mud-picker-calendar-header-11 .mud-picker-nav-button-prev {
        visibility: visible
    }
    .mud-picker-calendar-content:not(.mud-picker-calendar-content-1) .mud-picker-calendar-header-2 .mud-picker-nav-button-next,
    .mud-picker-calendar-content:not(.mud-picker-calendar-content-1) .mud-picker-calendar-header-4 .mud-picker-nav-button-next,
    .mud-picker-calendar-content:not(.mud-picker-calendar-content-1) .mud-picker-calendar-header-6 .mud-picker-nav-button-next,
    .mud-picker-calendar-content:not(.mud-picker-calendar-content-1) .mud-picker-calendar-header-8 .mud-picker-nav-button-next,
    .mud-picker-calendar-content:not(.mud-picker-calendar-content-1) .mud-picker-calendar-header-10 .mud-picker-nav-button-next,
    .mud-picker-calendar-content:not(.mud-picker-calendar-content-1) .mud-picker-calendar-header-12 .mud-picker-nav-button-next {
        visibility: visible
    }
    .mud-picker-calendar-content:not(.mud-picker-calendar-content-1) .mud-picker-calendar-header-2 .mud-picker-nav-button-prev,
    .mud-picker-calendar-content:not(.mud-picker-calendar-content-1) .mud-picker-calendar-header-4 .mud-picker-nav-button-prev,
    .mud-picker-calendar-content:not(.mud-picker-calendar-content-1) .mud-picker-calendar-header-6 .mud-picker-nav-button-prev,
    .mud-picker-calendar-content:not(.mud-picker-calendar-content-1) .mud-picker-calendar-header-8 .mud-picker-nav-button-prev,
    .mud-picker-calendar-content:not(.mud-picker-calendar-content-1) .mud-picker-calendar-header-10 .mud-picker-nav-button-prev,
    .mud-picker-calendar-content:not(.mud-picker-calendar-content-1) .mud-picker-calendar-header-12 .mud-picker-nav-button-prev {
        visibility: hidden
    }
}

@media(min-width: 960px) {
    .mud-picker-calendar-content:not(.mud-picker-calendar-content-1):not(.mud-picker-calendar-content-2) {
        grid-template-columns: repeat(3, minmax(auto, 1fr))
    }
    .mud-picker-calendar-content:not(.mud-picker-calendar-content-1):not(.mud-picker-calendar-content-2) .mud-picker-calendar-header-1 .mud-picker-nav-button-next,
    .mud-picker-calendar-content:not(.mud-picker-calendar-content-1):not(.mud-picker-calendar-content-2) .mud-picker-calendar-header-4 .mud-picker-nav-button-next,
    .mud-picker-calendar-content:not(.mud-picker-calendar-content-1):not(.mud-picker-calendar-content-2) .mud-picker-calendar-header-7 .mud-picker-nav-button-next,
    .mud-picker-calendar-content:not(.mud-picker-calendar-content-1):not(.mud-picker-calendar-content-2) .mud-picker-calendar-header-10 .mud-picker-nav-button-next {
        visibility: hidden
    }
    .mud-picker-calendar-content:not(.mud-picker-calendar-content-1):not(.mud-picker-calendar-content-2) .mud-picker-calendar-header-1 .mud-picker-nav-button-prev,
    .mud-picker-calendar-content:not(.mud-picker-calendar-content-1):not(.mud-picker-calendar-content-2) .mud-picker-calendar-header-4 .mud-picker-nav-button-prev,
    .mud-picker-calendar-content:not(.mud-picker-calendar-content-1):not(.mud-picker-calendar-content-2) .mud-picker-calendar-header-7 .mud-picker-nav-button-prev,
    .mud-picker-calendar-content:not(.mud-picker-calendar-content-1):not(.mud-picker-calendar-content-2) .mud-picker-calendar-header-10 .mud-picker-nav-button-prev {
        visibility: visible
    }
    .mud-picker-calendar-content:not(.mud-picker-calendar-content-1):not(.mud-picker-calendar-content-2) .mud-picker-calendar-header-2 .mud-picker-nav-button-next,
    .mud-picker-calendar-content:not(.mud-picker-calendar-content-1):not(.mud-picker-calendar-content-2) .mud-picker-calendar-header-2 .mud-picker-nav-button-prev,
    .mud-picker-calendar-content:not(.mud-picker-calendar-content-1):not(.mud-picker-calendar-content-2) .mud-picker-calendar-header-5 .mud-picker-nav-button-next,
    .mud-picker-calendar-content:not(.mud-picker-calendar-content-1):not(.mud-picker-calendar-content-2) .mud-picker-calendar-header-5 .mud-picker-nav-button-prev,
    .mud-picker-calendar-content:not(.mud-picker-calendar-content-1):not(.mud-picker-calendar-content-2) .mud-picker-calendar-header-8 .mud-picker-nav-button-next,
    .mud-picker-calendar-content:not(.mud-picker-calendar-content-1):not(.mud-picker-calendar-content-2) .mud-picker-calendar-header-8 .mud-picker-nav-button-prev,
    .mud-picker-calendar-content:not(.mud-picker-calendar-content-1):not(.mud-picker-calendar-content-2) .mud-picker-calendar-header-11 .mud-picker-nav-button-next,
    .mud-picker-calendar-content:not(.mud-picker-calendar-content-1):not(.mud-picker-calendar-content-2) .mud-picker-calendar-header-11 .mud-picker-nav-button-prev {
        visibility: hidden
    }
    .mud-picker-calendar-content:not(.mud-picker-calendar-content-1):not(.mud-picker-calendar-content-2) .mud-picker-calendar-header-3 .mud-picker-nav-button-next,
    .mud-picker-calendar-content:not(.mud-picker-calendar-content-1):not(.mud-picker-calendar-content-2) .mud-picker-calendar-header-6 .mud-picker-nav-button-next,
    .mud-picker-calendar-content:not(.mud-picker-calendar-content-1):not(.mud-picker-calendar-content-2) .mud-picker-calendar-header-9 .mud-picker-nav-button-next,
    .mud-picker-calendar-content:not(.mud-picker-calendar-content-1):not(.mud-picker-calendar-content-2) .mud-picker-calendar-header-12 .mud-picker-nav-button-next {
        visibility: visible
    }
    .mud-picker-calendar-content:not(.mud-picker-calendar-content-1):not(.mud-picker-calendar-content-2) .mud-picker-calendar-header-3 .mud-picker-nav-button-prev,
    .mud-picker-calendar-content:not(.mud-picker-calendar-content-1):not(.mud-picker-calendar-content-2) .mud-picker-calendar-header-6 .mud-picker-nav-button-prev,
    .mud-picker-calendar-content:not(.mud-picker-calendar-content-1):not(.mud-picker-calendar-content-2) .mud-picker-calendar-header-9 .mud-picker-nav-button-prev,
    .mud-picker-calendar-content:not(.mud-picker-calendar-content-1):not(.mud-picker-calendar-content-2) .mud-picker-calendar-header-12 .mud-picker-nav-button-prev {
        visibility: hidden
    }
}

: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: 1rem;
}

@media(hover: hover)and (pointer: fine) {
    .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)
}

@media(hover: hover)and (pointer: fine) {
    .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)))
}

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

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

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

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

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

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

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

@media(hover: hover)and (pointer: fine) {
    .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%
}

@media(hover: hover)and (pointer: fine) {
    .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, .54)
}

@media(hover: hover)and (pointer: fine) {
    .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: .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: .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;
    touch-action: pinch-zoom;
    background-color: rgba(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;
    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: rgba(0, 0, 0, 0);
    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: rgba(0, 0, 0, 0) !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;
    touch-action: pinch-zoom
}

.mud-picker-color-picker .mud-picker-color-overlay {
    width: 100%;
    height: 100%;
    user-select: none
}

.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;
    pointer-events: none
}

.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, .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, .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, .18)
}

@media(hover: hover)and (pointer: fine) {
    .mud-picker-color-dot:hover {
        cursor: pointer;
        box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(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, .2), 0px 2px 2px 0px rgba(0, 0, 0, .14), 0px 1px 5px 0px rgba(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;
    margin-top: 6px;
    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;
    display: flex;
    flex-direction: column;
}

.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: .875rem;
    text-align: start;
    font-weight: 400;
    line-height: 1.43;
    border-bottom: 1px solid var(--mud-palette-table-lines);
    letter-spacing: .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
}

@media(hover: hover)and (pointer: fine) {
    .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)
}

@media(hover: hover)and (pointer: fine) {
    .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: var(--mud-palette-skeleton)
}

.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: " "
}

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

.mud-skeleton-pulse {
    animation: mud-skeleton-keyframes-pulse 1.5s ease-in-out .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 .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;
    touch-action: pinch-zoom
}

.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: rgba(0, 0, 0, 0);
    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: .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: #000;
    color: #fff;
    box-shadow: 0 0 0 1px #fff !important;
    transform: scale(4, 4)
}

@media(hover: hover)and (pointer: fine) {
    .mud-slider .mud-slider-input:disabled::-webkit-slider-thumb:hover {
        box-shadow: 0 0 0 1px #fff !important
    }
}

.mud-slider .mud-slider-input:disabled::-moz-range-thumb {
    background-color: #000;
    color: #fff;
    box-shadow: 0 0 0 1px #fff !important;
    transform: scale(4, 4)
}

@media(hover: hover)and (pointer: fine) {
    .mud-slider .mud-slider-input:disabled::-moz-range-thumb:hover {
        box-shadow: 0 0 0 1px #fff !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)
}

@media(hover: hover)and (pointer: fine) {
    .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)
    }
}

@media(hover: hover)and (pointer: fine) {
    .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:focus-visible::-webkit-slider-thumb,
.mud-slider.mud-slider-primary .mud-slider-input:active::-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:focus-visible::-moz-range-thumb,
.mud-slider.mud-slider-primary .mud-slider-input:active::-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)
}

@media(hover: hover)and (pointer: fine) {
    .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)
    }
}

@media(hover: hover)and (pointer: fine) {
    .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:focus-visible::-webkit-slider-thumb,
.mud-slider.mud-slider-secondary .mud-slider-input:active::-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:focus-visible::-moz-range-thumb,
.mud-slider.mud-slider-secondary .mud-slider-input:active::-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)
}

@media(hover: hover)and (pointer: fine) {
    .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)
    }
}

@media(hover: hover)and (pointer: fine) {
    .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:focus-visible::-webkit-slider-thumb,
.mud-slider.mud-slider-tertiary .mud-slider-input:active::-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:focus-visible::-moz-range-thumb,
.mud-slider.mud-slider-tertiary .mud-slider-input:active::-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)
}

@media(hover: hover)and (pointer: fine) {
    .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)
    }
}

@media(hover: hover)and (pointer: fine) {
    .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:focus-visible::-webkit-slider-thumb,
.mud-slider.mud-slider-info .mud-slider-input:active::-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:focus-visible::-moz-range-thumb,
.mud-slider.mud-slider-info .mud-slider-input:active::-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)
}

@media(hover: hover)and (pointer: fine) {
    .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)
    }
}

@media(hover: hover)and (pointer: fine) {
    .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:focus-visible::-webkit-slider-thumb,
.mud-slider.mud-slider-success .mud-slider-input:active::-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:focus-visible::-moz-range-thumb,
.mud-slider.mud-slider-success .mud-slider-input:active::-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)
}

@media(hover: hover)and (pointer: fine) {
    .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)
    }
}

@media(hover: hover)and (pointer: fine) {
    .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:focus-visible::-webkit-slider-thumb,
.mud-slider.mud-slider-warning .mud-slider-input:active::-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:focus-visible::-moz-range-thumb,
.mud-slider.mud-slider-warning .mud-slider-input:active::-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)
}

@media(hover: hover)and (pointer: fine) {
    .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)
    }
}

@media(hover: hover)and (pointer: fine) {
    .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:focus-visible::-webkit-slider-thumb,
.mud-slider.mud-slider-error .mud-slider-input:active::-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:focus-visible::-moz-range-thumb,
.mud-slider.mud-slider-error .mud-slider-input:active::-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)
}

@media(hover: hover)and (pointer: fine) {
    .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)
    }
}

@media(hover: hover)and (pointer: fine) {
    .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:focus-visible::-webkit-slider-thumb,
.mud-slider.mud-slider-dark .mud-slider-input:active::-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:focus-visible::-moz-range-thumb,
.mud-slider.mud-slider-dark .mud-slider-input:active::-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: 50%
}

.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: .2
}

.mud-progress-linear.horizontal {
    width: 100%
}

.mud-progress-linear.horizontal.mud-progress-linear-small {
    height: 6px
}

.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 .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(--color-basic-300)
}

.mud-progress-linear.mud-progress-linear-color-default:not(.mud-progress-linear-buffer) .mud-progress-linear-bar {
    background-color: var(--mud-palette-success)
}

.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(--color-basic-300) 0%, var(--color-basic-300) 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-success)
}

.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: .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: .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: .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: .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: .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: .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: .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: .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: .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, hsla(0, 0%, 100%, 0.25) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, 0.25) 0, hsla(0, 0%, 100%, 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-progress-linear.mud-progress-linear-rounded::before {
    border-radius: var(--mud-default-borderradius)
}

.mud-radio {
    cursor: pointer;
    display: inline-flex;
    vertical-align: middle;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    color: var(--mud-palette-action-default)
}

.mud-radio>.mud-radio-content {
    color: var(--mud-palette-text-primary)
}

@media(hover: hover)and (pointer: fine) {
    .mud-radio .mud-disabled:hover {
        cursor: default;
        background-color: rgba(0, 0, 0, 0) !important
    }
    .mud-radio .mud-disabled:hover>.mud-radio-content {
        color: var(--mud-palette-text-disabled)
    }
    .mud-radio .mud-disabled:hover * {
        cursor: default;
        color: var(--mud-palette-text-disabled)
    }
}

.mud-radio.mud-disabled,
.mud-radio .mud-disabled:focus-visible,
.mud-radio .mud-disabled:active {
    cursor: default;
    background-color: rgba(0, 0, 0, 0) !important
}

.mud-radio.mud-disabled>.mud-radio-content,
.mud-radio .mud-disabled:focus-visible>.mud-radio-content,
.mud-radio .mud-disabled:active>.mud-radio-content {
    color: var(--mud-palette-text-disabled)
}

.mud-radio.mud-disabled *,
.mud-radio .mud-disabled:focus-visible *,
.mud-radio .mud-disabled:active * {
    cursor: default;
    color: var(--mud-palette-text-disabled)
}

.mud-radio.mud-readonly,
.mud-radio .mud-readonly:hover {
    cursor: default;
    background-color: rgba(0, 0, 0, 0) !important
}

.mud-radio .mud-radio-dense {
    padding: 4px
}

.mud-radio.mud-checked {
    color: var(--mud-palette-action-default)
}

@media(hover: hover)and (pointer: fine) {
    .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-right: -11px;
    margin-inline-end: -11px;
    flex-direction: row-reverse
}

.mud-radio-content-placement-start.mud-radio-with-content {
    margin-left: 16px;
    margin-inline-start: 16px
}

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

.mud-radio-content-placement-end.mud-radio-with-content {
    margin-right: 16px;
    margin-inline-end: 16px
}

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

.mud-radio-content-placement-top.mud-radio-with-content {
    margin-left: 16px;
    margin-inline-start: 16px
}

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

.mud-radio-content-placement-bottom.mud-radio-with-content {
    margin-left: 16px;
    margin-inline-start: 16px
}

.mud-rating-root {
    display: inline-flex;
    color: #ffb400
}

.mud-rating-root:focus-visible,
.mud-rating-root:active {
    outline: none
}

.mud-rating-root:focus-visible:not(.mud-disabled),
.mud-rating-root:active: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 {
    cursor: default;
    pointer-events: none
}

.mud-rating-item.mud-disabled * {
    cursor: default;
    color: var(--mud-palette-text-disabled)
}

@media(hover: hover)and (pointer: fine) {
    .mud-rating-item .mud-disabled:hover {
        cursor: default;
        pointer-events: none
    }
    .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;
    overflow: hidden;
    min-width: 288px;
    max-width: 500px;
    border-radius: 8px;
    box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);
    touch-action: pinch-zoom
}

.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;
    overflow-wrap: anywhere
}

.mud-snackbar .mud-snackbar-content-action {
    display: flex;
    align-items: center;
    margin-left: auto;
    margin-right: -4px;
    padding-left: 16px;
    margin-inline-start: auto;
    margin-inline-end: -4px;
    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 {
    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: rgba(0, 0, 0, 0)
}

.mud-switch.mud-disabled {
    color: var(--mud-palette-text-disabled) !important;
    cursor: default
}

.mud-switch.mud-readonly {
    cursor: default;
    background-color: rgba(0, 0, 0, 0) !important
}

@media(hover: hover)and (pointer: fine) {
    .mud-switch .mud-readonly:hover {
        cursor: default;
        background-color: rgba(0, 0, 0, 0) !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: .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: 9px;
    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: .5
}

@media(hover: hover)and (pointer: fine) {
    .mud-switch-base:hover {
        background-color: var(--mud-palette-action-default-hover)
    }
}

.mud-switch-base.mud-switch-disabled {
    color: var(--mud-palette-gray-default) !important
}

.mud-switch-base.mud-switch-disabled+.mud-switch-track {
    opacity: .12 !important
}

@media(hover: hover)and (pointer: fine) {
    .mud-switch-base.mud-switch-disabled:hover {
        cursor: default;
        background-color: rgba(0, 0, 0, 0) !important
    }
}

.mud-switch-base.mud-switch-disabled:focus-visible,
.mud-switch-base.mud-switch-disabled:active {
    cursor: default;
    background-color: rgba(0, 0, 0, 0) !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-small {
    width: 14px;
    height: 14px;
    box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);
    border-radius: 50%;
    background-color: currentColor
}

.mud-switch-button .mud-switch-thumb-medium {
    width: 20px;
    height: 20px;
    box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);
    border-radius: 50%;
    background-color: currentColor
}

.mud-switch-button .mud-switch-thumb-large {
    width: 26px;
    height: 26px;
    box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);
    border-radius: 50%;
    background-color: currentColor
}

.mud-switch-base-small.mud-switch-base {
    padding: 5px
}

.mud-switch-base-medium.mud-switch-base {
    padding: 9px
}

.mud-switch-base-large.mud-switch-base {
    padding: 13px
}

.mud-switch-span-small.mud-switch-span {
    padding: 7px;
    width: 44px;
    height: 24px
}

.mud-switch-span-medium.mud-switch-span {
    padding: 12px;
    width: 58px;
    height: 38px
}

.mud-switch-span-large.mud-switch-span {
    padding: 17px;
    width: 72px;
    height: 52px
}

.mud-switch-label-small {
    font-size: .8125rem !important
}

.mud-switch-label-medium {
    font-size: 1rem !important
}

.mud-switch-label-large {
    font-size: 1.1875rem !important
}

.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%;
    min-width: 0
}

.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.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.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(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-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(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-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
}

.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-gray-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)
}

.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 rgba(0, 0, 0, 0);
    border-bottom: 16px solid rgba(0, 0, 0, 0);
    border-right: 16px solid rgba(0, 0, 0, .1);
    top: calc(50% - 14px)
}

.mud-timeline-modifiers .mud-timeline-item-content .mud-card::after {
    border-top: 16px solid rgba(0, 0, 0, 0);
    border-bottom: 16px solid rgba(0, 0, 0, 0);
    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-input {
    line-height: var(--mud-typography-input-lineheight);
}

.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: .35em
}

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

.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
}

.mud-table-root .mud-table-head {
    display: table-header-group
}

.mud-table-root .mud-table-head .mud-table-cell {
    font-size: 0.875rem;
    line-height: 1.2;
    color: var(--mud-palette-text-table-header);
    border-color: var(--mud-palette-text-table-header-border);
}

.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-sort-label {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    flex-direction: inherit;
    justify-content: flex-start;
    width: 100%;
}

@media(hover: hover)and (pointer: fine) {
    .mud-table-sort-label:hover {
        color: var(--mud-palette-action-default)
    }
    .mud-table-sort-label:hover .mud-table-sort-label-icon {
        opacity: .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;
    user-select: none;
    margin-right: 4px;
    opacity: 0
}

.mud-table-sort-label .mud-table-sort-label-icon.mud-direction-desc {
    opacity: 1;
}

.mud-table-sort-label .mud-table-sort-label-icon.mud-direction-asc {
    opacity: 1;
}

.mud-table-cell {
    display: table-cell;
    padding: 12px 8px;
    text-align: start;
    font-weight: 400;
    border-bottom: 1px solid var(--mud-palette-table-lines);
    vertical-align: inherit
}

.mud-table-cell .mud-checkbox {
    margin: -12px
}

.mud-table-cell-footer {
    color: var(--mud-palette-text-secondary);
    font-size: .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-application-layout-rtl .mud-table-bordered .mud-table-container .mud-table-root .mud-table-body .mud-table-row .mud-table-cell:last-child {
    border-right: 1px solid var(--mud-palette-table-lines);
    border-top-right-radius: 0px
}

.mud-application-layout-rtl .mud-table-bordered .mud-table-container .mud-table-root .mud-table-body .mud-table-row .mud-table-cell:first-child {
    border-right: none;
    border-top-right-radius: 0px
}

.mud-application-layout-rtl .mud-table-bordered .mud-table-container .mud-table-root .mud-table-head.table-head-bordered .mud-table-row .mud-table-cell:last-child {
    border-right: 1px solid var(--mud-palette-table-lines);
    border-top-right-radius: 0px
}

.mud-application-layout-rtl .mud-table-bordered .mud-table-container .mud-table-root .mud-table-head.table-head-bordered .mud-table-row .mud-table-cell:only-child {
    border-right: none;
    border-top-right-radius: var(--mud-default-borderradius)
}

.mud-application-layout-rtl .mud-table-bordered .mud-table-container .mud-table-root .mud-table-head .mud-table-row th.mud-table-cell:first-child {
    border-right: none;
    border-top-right-radius: var(--mud-default-borderradius)
}

.mud-application-layout-rtl .mud-table-bordered .mud-table-container .mud-table-root .mud-table-foot.table-foot-bordered .mud-table-row .mud-table-cell:last-child {
    border-right: 1px solid var(--mud-palette-table-lines);
    border-top-right-radius: 0px
}

.mud-application-layout-rtl .mud-table-bordered .mud-table-container .mud-table-root .mud-table-foot .mud-table-row .mud-table-cell:first-child {
    border-right: none
}

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

.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;
    top: 0
}

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

.mud-table-sticky-footer * .mud-table-root .mud-table-foot {
    position: sticky;
    z-index: 2;
    bottom: 0
}

.mud-table-sticky-footer * .mud-table-root .mud-table-foot * .mud-table-cell {
    background-color: var(--mud-palette-surface)
}

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

@media(hover: hover)and (pointer: fine) {
    .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)
}

@media(hover: hover)and (pointer: fine) {
    .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: .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: .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: .875rem;
    display: initial
}

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

.mud-table-pagination-toolbar {
    height: 52px;
    padding-right: 2px;
    padding-inline-end: 2px;
    padding-inline-start: unset;
    flex-wrap: nowrap
}

.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;
    padding: 0 7px !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 {
    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 .mud-tooltip-root {
    width: auto
}

.mud-tabs.mud-tabs-vertical-reverse {
    flex-direction: row-reverse
}

.mud-tabs.mud-tabs-rounded {
    border-radius: var(--mud-default-borderradius);
    overflow: hidden
}

.mud-tabs.mud-tabs-rounded .mud-tabs-tabbar {
    border-radius: var(--mud-default-borderradius)
}

.mud-tabs.mud-tabs-rounded .mud-tabs-panels {
    border-radius: var(--mud-default-borderradius)
}

.mud-tabs-tabbar {
    position: relative;
    background-color: var(--mud-palette-surface)
}

.mud-tabs-tabbar.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-tabbar.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-tabbar.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-tabbar.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-tabbar.mud-tabs-rounded {
    border-radius: var(--mud-default-borderradius)
}

.mud-tabs-tabbar.mud-tabs-vertical .mud-tabs-tabbar-inner {
    flex-direction: column
}

.mud-tabs-tabbar.mud-tabs-vertical .mud-tabs-tabbar-inner .mud-tabs-scroll-button .mud-button-root {
    width: 100%;
    border-radius: 0px;
    height: 32px
}

.mud-tabs-tabbar.mud-tabs-vertical .mud-tabs-tabbar-inner .mud-tabs-scroll-button .mud-button-root .mud-icon-button-label .mud-icon-root {
    transform: rotate(90deg)
}

.mud-tabs-tabbar .mud-tabs-tabbar-inner {
    display: flex;
    min-height: 48px
}

.mud-tabs-tabbar-content {
    width: 100%;
    flex: 1 1 auto;
    display: inline-block;
    position: relative;
    white-space: nowrap;
    overflow: hidden
}

.mud-tabs-tabbar-content .mud-tabs-tabbar-wrapper {
    width: max-content;
    position: inherit;
    display: flex;
    transition: .3s cubic-bezier(0.25, 0.8, 0.5, 1)
}

.mud-tabs-tabbar-content .mud-tabs-tabbar-wrapper.mud-tabs-centered {
    margin: auto
}

.mud-tabs-tabbar-content .mud-tabs-tabbar-wrapper.mud-tabs-vertical {
    flex-direction: column
}

.mud-tabs-panels {
    position: relative;
    transition: .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%;
    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: .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
}

@media(hover: hover)and (pointer: fine) {
    .mud-tab:hover {
        cursor: pointer;
        background-color: var(--mud-palette-action-default-hover)
    }
}

.mud-tab.mud-tab-active {
    color: var(--mud-palette-primary)
}

@media(hover: hover)and (pointer: fine) {
    .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;
    bottom: 0;
    transition: left .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: 0;
    bottom: unset
}

.mud-tab-slider.mud-tab-slider-vertical {
    width: 2px;
    right: 0;
    transition: top .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-tabbar-primary {
    background-color: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text)
}

.mud-tabs-tabbar-primary .mud-tab-slider {
    background: var(--mud-palette-primary-text)
}

.mud-tabs-tabbar-primary .mud-tab.mud-tab-active {
    color: var(--mud-palette-primary-text)
}

@media(hover: hover)and (pointer: fine) {
    .mud-tabs-tabbar-primary .mud-tab.mud-tab-active:hover {
        background-color: var(--mud-palette-primary-lighten)
    }
}

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

.mud-tabs-tabbar-secondary .mud-tab-slider {
    background: var(--mud-palette-secondary-text)
}

.mud-tabs-tabbar-secondary .mud-tab.mud-tab-active {
    color: var(--mud-palette-secondary-text)
}

@media(hover: hover)and (pointer: fine) {
    .mud-tabs-tabbar-secondary .mud-tab.mud-tab-active:hover {
        background-color: var(--mud-palette-secondary-lighten)
    }
}

.mud-tabs-tabbar-tertiary {
    background-color: var(--mud-palette-tertiary);
    color: var(--mud-palette-tertiary-text)
}

.mud-tabs-tabbar-tertiary .mud-tab-slider {
    background: var(--mud-palette-tertiary-text)
}

.mud-tabs-tabbar-tertiary .mud-tab.mud-tab-active {
    color: var(--mud-palette-tertiary-text)
}

@media(hover: hover)and (pointer: fine) {
    .mud-tabs-tabbar-tertiary .mud-tab.mud-tab-active:hover {
        background-color: var(--mud-palette-tertiary-lighten)
    }
}

.mud-tabs-tabbar-info {
    background-color: var(--mud-palette-info);
    color: var(--mud-palette-info-text)
}

.mud-tabs-tabbar-info .mud-tab-slider {
    background: var(--mud-palette-info-text)
}

.mud-tabs-tabbar-info .mud-tab.mud-tab-active {
    color: var(--mud-palette-info-text)
}

@media(hover: hover)and (pointer: fine) {
    .mud-tabs-tabbar-info .mud-tab.mud-tab-active:hover {
        background-color: var(--mud-palette-info-lighten)
    }
}

.mud-tabs-tabbar-success {
    background-color: var(--mud-palette-success);
    color: var(--mud-palette-success-text)
}

.mud-tabs-tabbar-success .mud-tab-slider {
    background: var(--mud-palette-success-text)
}

.mud-tabs-tabbar-success .mud-tab.mud-tab-active {
    color: var(--mud-palette-success-text)
}

@media(hover: hover)and (pointer: fine) {
    .mud-tabs-tabbar-success .mud-tab.mud-tab-active:hover {
        background-color: var(--mud-palette-success-lighten)
    }
}

.mud-tabs-tabbar-warning {
    background-color: var(--mud-palette-warning);
    color: var(--mud-palette-warning-text)
}

.mud-tabs-tabbar-warning .mud-tab-slider {
    background: var(--mud-palette-warning-text)
}

.mud-tabs-tabbar-warning .mud-tab.mud-tab-active {
    color: var(--mud-palette-warning-text)
}

@media(hover: hover)and (pointer: fine) {
    .mud-tabs-tabbar-warning .mud-tab.mud-tab-active:hover {
        background-color: var(--mud-palette-warning-lighten)
    }
}

.mud-tabs-tabbar-error {
    background-color: var(--mud-palette-error);
    color: var(--mud-palette-error-text)
}

.mud-tabs-tabbar-error .mud-tab-slider {
    background: var(--mud-palette-error-text)
}

.mud-tabs-tabbar-error .mud-tab.mud-tab-active {
    color: var(--mud-palette-error-text)
}

@media(hover: hover)and (pointer: fine) {
    .mud-tabs-tabbar-error .mud-tab.mud-tab-active:hover {
        background-color: var(--mud-palette-error-lighten)
    }
}

.mud-tabs-tabbar-dark {
    background-color: var(--mud-palette-dark);
    color: var(--mud-palette-dark-text)
}

.mud-tabs-tabbar-dark .mud-tab-slider {
    background: var(--mud-palette-dark-text)
}

.mud-tabs-tabbar-dark .mud-tab.mud-tab-active {
    color: var(--mud-palette-dark-text)
}

@media(hover: hover)and (pointer: fine) {
    .mud-tabs-tabbar-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-tabbar .mud-tab {
    padding: 6px 14px
}

.mud-dynamic-tabs .mud-tabs-tabbar .mud-tab .mud-icon-button {
    padding: 4px;
    margin-right: -4px;
    margin-inline-end: -4px;
    margin-inline-start: unset
}

.mud-dynamic-tabs .mud-tabs-tabbar .mud-tab .mud-tabs-panel-header-before {
    padding-right: 8px;
    padding-inline-end: 8px;
    padding-inline-start: unset
}

.mud-dynamic-tabs .mud-tabs-tabbar .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: .25rem;
    padding-bottom: .25rem;
    padding-right: 1rem
}

.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-rtl-provider .mud-select .progress-indicator-circular--with-adornment {
    padding-right: 1rem
}

.mud-rtl-provider.mud-application-layout-rtl .mud-select .progress-indicator-circular--with-adornment {
    padding-right: 0rem !important;
    padding-left: 1rem !important
}

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

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

.mud-input {
    position: relative;
    color: var(--mud-palette-text-primary);
    cursor: text;
    display: inline-flex;
    box-sizing: border-box;
    align-items: center;
    color-scheme: var(--mud-native-html-color-scheme)
}

.mud-input.mud-input-full-width {
    width: 100%
}

.mud-input.mud-disabled {
    cursor: default
}

.mud-input.mud-disabled>.mud-input-adornment {
    color: var(--mud-palette-text-disabled);
    pointer-events: none
}

@media(hover: hover)and (pointer: fine) {
    .mud-input.mud-input-underline:hover:not(.mud-disabled):before {
        border-bottom: 1px solid var(--mud-palette-action-default)
    }
}

.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, .09);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

@media(hover: hover)and (pointer: fine) {
    .mud-input.mud-input-filled:hover {
        background-color: rgba(0, 0, 0, .13)
    }
}

.mud-input.mud-input-filled.mud-focused {
    background-color: rgba(0, 0, 0, .09)
}

.mud-input.mud-input-filled.mud-disabled {
    background-color: rgba(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
}

@media(hover: hover)and (pointer: fine) {
    .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
}

@media(hover: hover)and (pointer: fine) {
    .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%;
    margin: 0;
    display: block;
    padding: 0;
    min-width: 0;
    background: none;
    position: relative;
    box-sizing: content-box;
    text-align: inherit;
}

.mud-input>input.mud-input-root::placeholder,
div.mud-input-slot.mud-input-root::placeholder {
    color: currentColor;
    opacity: .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: .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: .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: .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: .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: .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,
.mud-input>input.mud-input-root:active,
div.mud-input-slot.mud-input-root:focus,
div.mud-input-slot.mud-input-root:active {
    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: rgba(0, 0, 0, 0);
    height: auto;
    resize: none;
    cursor: auto
}

.mud-input>textarea.mud-input-root::placeholder {
    color: currentColor;
    opacity: .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: .42;
    transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms
}

.mud-input>textarea.mud-input-root:-moz-placeholder {
    color: currentColor;
    opacity: .42;
    transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms
}

.mud-input>textarea.mud-input-root::-moz-placeholder {
    color: currentColor;
    opacity: .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: .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: .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,
.mud-input>textarea.mud-input-root:active {
    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: rgba(0, 0, 0, 0)
}

.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: .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;
    display: inline-block !important;
}

.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
}

.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-outlined-with-label {
    margin-top: 8px;
    margin-bottom: 4px
}

.mud-input-control.mud-input-control-margin-dense {
    margin: 4px 0px
}

.mud-input-control.mud-input-control-margin-dense.mud-input-outlined-with-label {
    margin-top: 8px;
    margin-bottom: 4px
}

.mud-input-control.mud-input-control-margin-normal {
    margin: 8px 0px
}

.mud-input-control.mud-input-control-margin-normal.mud-input-outlined-with-label {
    margin-top: 16px;
    margin-bottom: 8px
}

.mud-input-control>.mud-input-control-input-container {
    position: relative;
    display: flex;
    flex-direction: column
}

.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: .00938em;
    z-index: 0;
    pointer-events: none
}

.mud-input-control.mud-input-required>.mud-input-control-input-container>.mud-input-label::after {
    content: "*";
    color: var(--mud-palette-error);
}

.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: 0.25rem;
}

.mud-input-helper-text {
    color: var(--mud-palette-text-secondary);
    margin: 0;
    font-size: .875rem;
    text-align: start;
    line-height: 1.2;
    margin-left: 0.75rem;
}

.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;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%
}

.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);
    max-width: calc(100% - 12px);
    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);
    max-width: calc(100% - 14px);
    pointer-events: none;
    background-color: var(--mud-palette-surface);
    padding: 0px 5px !important
}

.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-file-upload.mud-input-control {
    margin-top: 0
}

.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: .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: rgba(0, 0, 0, 0);
    background-color: rgba(0, 0, 0, 0);
    animation: mud-animation-fadein ease .15s;
    -webkit-animation: mud-animation-fadein ease .15s;
    -moz-animation: mud-animation-fadein ease .15s;
    -o-animation: mud-animation-fadein ease .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);
    --mud-ripple-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);
    --mud-ripple-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);
    --mud-ripple-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);
    --mud-ripple-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);
    --mud-ripple-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);
    --mud-ripple-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);
    --mud-ripple-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);
    --mud-ripple-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: rgba(0, 0, 0, 0)
}

.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.mud-treeview-item-disabled {
    color: var(--mud-palette-action-disabled) !important;
    cursor: default !important;
    pointer-events: none !important
}

.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
}

@media(hover: hover)and (pointer: fine) {
    .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: .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
}

.mud-treeview-select-none {
    user-select: none
}

@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 .drop-allowed {
    color: var(--mud-palette-success)
}

.mud-data-grid .drop-not-allowed {
    color: var(--mud-palette-error)
}

.mud-data-grid .drag-icon-options {
    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;
    cursor: grab
}

.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-gray);
    z-index: 1
}

.mud-data-grid .mud-table-cell.sticky-right {
    right: 0px;
    position: sticky;
    background-color: var(--mud-palette-background-gray);
    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;
    align-items: center;
    justify-content: space-between
}

.mud-data-grid .mud-table-cell .column-header .sortable-column-header {
    width: 100%
}

@media(hover: hover)and (pointer: fine) {
    .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,
    .mud-data-grid .mud-table-cell .column-header:hover .column-options .drag-icon-options {
        opacity: .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;
        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;
}

.mud-data-grid .mud-table-cell .column-header .sort-direction-icon.mud-direction-asc {
    opacity: 1;
}

.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 {
    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 .mud-resizer {
    position: absolute;
    top: 0;
    right: 0;
    width: 8px;
    cursor: col-resize;
    user-select: none
}

.mud-application-layout-rtl .mud-data-grid .mud-table-cell .mud-resizer {
    right: auto;
    left: 0
}

@media(hover: hover)and (pointer: fine) {
    .mud-data-grid .mud-table-cell .mud-resizer:hover {
        border-right: 2px solid var(--mud-palette-primary)
    }
}

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

@media(hover: hover)and (pointer: fine) {
    .mud-data-grid-columns-panel:hover .column-options .sort-direction-icon,
    .mud-data-grid-columns-panel:hover .column-options .column-options-icon,
    .mud-data-grid-columns-panel:hover .column-options .drag-icon-options {
        opacity: .8;
        color: var(--mud-palette-action-default)
    }
    .mud-data-grid-columns-panel:hover .column-options .mud-menu .mud-icon-button-label {
        opacity: 1;
        color: var(--mud-palette-action-default)
    }
}

.mud-data-grid-columns-panel .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
}

.mud-data-grid-columns-panel .sort-direction-icon.mud-direction-desc {
    opacity: 1;
    transform: rotate(180deg)
}

.mud-data-grid-columns-panel .sort-direction-icon.mud-direction-asc {
    opacity: 1;
    transform: rotate(0deg)
}

.mud-data-grid-columns-panel .mud-sort-index {
    transform: scale(0.9) translate(-2px, -2px)
}

.mud-data-grid-columns-panel .drag-icon-options {
    transition: opacity 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    opacity: 1;
    cursor: grab
}

.mud-data-grid-columns-panel .mud-drop-item-preview-start {
    z-index: 0
}

.mud-toggle-group {
    display: grid;
    overflow: hidden;
    box-sizing: border-box;
    border-width: 0
}

.mud-toggle-group>.mud-toggle-item {
    box-shadow: none;
    border-width: inherit;
    border-style: none;
    border-color: inherit;
    border-radius: 0
}

.mud-toggle-group-horizontal:not(.mud-toggle-group-rtl)>.mud-toggle-item:not(:first-child),
.mud-toggle-group-horizontal:not(.mud-toggle-group-rtl)>:not(:first-child) .mud-toggle-item {
    margin-left: -1px
}

.mud-toggle-group-horizontal:not(.mud-toggle-group-rtl)>.mud-toggle-item:not(:first-child).mud-toggle-item-delimiter,
.mud-toggle-group-horizontal:not(.mud-toggle-group-rtl)>:not(:first-child) .mud-toggle-item.mud-toggle-item-delimiter {
    border-left-style: solid !important
}

.mud-toggle-group-horizontal.mud-toggle-group-rtl>.mud-toggle-item:not(:last-child),
.mud-toggle-group-horizontal.mud-toggle-group-rtl>:not(:last-child) .mud-toggle-item {
    margin-left: -1px
}

.mud-toggle-group-horizontal.mud-toggle-group-rtl>.mud-toggle-item:not(:last-child).mud-toggle-item-delimiter,
.mud-toggle-group-horizontal.mud-toggle-group-rtl>:not(:last-child) .mud-toggle-item.mud-toggle-item-delimiter {
    border-left-style: solid !important
}

.mud-toggle-group-vertical>.mud-toggle-item:not(:first-child),
.mud-toggle-group-vertical>:not(:first-child) .mud-toggle-item {
    margin-top: -1px
}

.mud-toggle-group-vertical>.mud-toggle-item:not(:first-child).mud-toggle-item-delimiter,
.mud-toggle-group-vertical>:not(:first-child) .mud-toggle-item.mud-toggle-item-delimiter {
    border-top-style: solid !important
}

.mud-toggle-item {
    padding: 6px;
    min-width: auto;
    border-style: none !important
}

.mud-toggle-item>.mud-button-label {
    min-height: 20px
}

.mud-toggle-item-size-small {
    padding: 4px
}

.mud-toggle-item-size-large {
    padding: 8px
}

.mud-toggle-item-fixed>.mud-button-label:has(>.mud-toggle-item-check-icon) {
    display: grid;
    grid-template-columns: 1fr auto 1fr
}

.mud-toggle-item-check-icon {
    justify-self: end
}

.mud-toggle-item-content {
    display: contents
}

.mud-stepper .mud-stepper-nav .mud-step {
    padding: 24px;
    position: relative;
    cursor: default
}

.mud-stepper .mud-stepper-nav .mud-step.mud-ripple {
    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;
    cursor: pointer;
    user-select: none
}

.mud-stepper .mud-stepper-nav .mud-step.mud-ripple:hover {
    background-color: var(--mud-palette-action-default-hover)
}

.mud-stepper .mud-stepper-nav .mud-step.mud-step-disabled .mud-step-label-icon {
    background-color: var(--mud-palette-lines-default) !important;
    color: var(--mud-palette-text-disabled) !important
}

.mud-stepper .mud-stepper-nav .mud-step.mud-step-disabled .mud-step-label-content {
    color: var(--mud-palette-text-disabled) !important
}

.mud-stepper .mud-stepper-nav .mud-step .mud-step-label {
    display: flex;
    align-items: center;
    flex-direction: row;
    height: 100%;
    gap: 8px
}

.mud-stepper .mud-stepper-nav .mud-step .mud-step-label .mud-step-label-icon {
    display: flex;
    flex-shrink: 0;
    color: var(--mud-palette-white);
    border-radius: 50%;
    background-color: var(--mud-palette-text-disabled);
    height: 24px;
    width: 24px;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    letter-spacing: 0;
    text-indent: 0;
    white-space: nowrap
}

.mud-stepper .mud-stepper-nav .mud-step .mud-step-label .mud-step-label-icon .mud-typography {
    line-height: 1
}

.mud-stepper .mud-stepper-nav .mud-step .mud-step-label .mud-step-label-content {
    width: 100%;
    color: var(--mud-palette-text-secondary);
    text-align: start
}

.mud-stepper .mud-stepper-nav .mud-step .mud-step-label .mud-step-label-content-title {
    line-height: var(--mud-typography-body2-lineheight)
}

.mud-stepper .mud-stepper-nav .mud-step.active .mud-step-label-content {
    color: var(--mud-palette-text-primary)
}

.mud-stepper .mud-stepper-nav.mud-stepper-nav-scrollable {
    overflow: auto
}

.mud-stepper .mud-stepper-nav.mud-stepper-nav-scrollable .mud-step {
    min-width: fit-content
}

.mud-stepper .mud-stepper-nav.mud-stepper-nav-scrollable .mud-stepper-nav-connector {
    min-width: 32px
}

.mud-stepper .mud-stepper-content {
    padding: 0 24px
}

.mud-stepper .mud-stepper-nav-connector {
    flex: 1 1 auto
}

.mud-stepper .mud-stepper-nav-connector .mud-stepper-nav-connector-line {
    display: block;
    border-color: var(--mud-palette-lines-inputs)
}

.mud-stepper.mud-stepper__horizontal .mud-stepper-nav {
    display: flex
}

.mud-stepper.mud-stepper__horizontal.mud-stepper__center-labels .mud-step {
    flex-basis: 175px
}

.mud-stepper.mud-stepper__horizontal.mud-stepper__center-labels .mud-step-label {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center
}

.mud-stepper.mud-stepper__horizontal.mud-stepper__center-labels .mud-step-label .mud-step-label-icon {
    margin-inline-end: 0px !important
}

.mud-stepper.mud-stepper__horizontal.mud-stepper__center-labels .mud-step-label .mud-step-label-content {
    margin-top: 12px;
    text-align: center
}

.mud-stepper.mud-stepper__horizontal.mud-stepper__center-labels .mud-stepper-nav-connector {
    margin: 35px -67px 0;
    align-self: flex-start
}

.mud-stepper.mud-stepper__horizontal .mud-stepper-nav-connector {
    align-self: center;
    margin: 0 -16px
}

.mud-stepper.mud-stepper__horizontal .mud-stepper-nav-connector .mud-stepper-nav-connector-line {
    border-top-style: solid;
    border-top-width: 1px
}

.mud-stepper.mud-stepper__vertical .mud-stepper-nav {
    padding: 8px 0px
}

.mud-stepper.mud-stepper__vertical .mud-step {
    padding: 0 16px
}

.mud-stepper.mud-stepper__vertical .mud-step .mud-step-label {
    padding: 8px 0px
}

.mud-stepper.mud-stepper__vertical .mud-stepper-nav-connector {
    margin-inline-start: 28px;
    margin-inline-end: 0
}

.mud-stepper.mud-stepper__vertical .mud-stepper-nav-connector .mud-stepper-nav-connector-line {
    border-inline-start: 1px solid #bdbdbd;
    min-height: 24px
}

.mud-stepper.mud-stepper__vertical .mud-stepper-content {
    margin-inline-start: 28px;
    margin-inline-end: 0;
    padding-inline-start: 20px;
    padding-inline-end: 0;
    border-inline-start: 1px solid var(--mud-palette-lines-inputs)
}

.mud-stepper-step-button {
    display: inline-flex;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: center;
    justify-content: center;
    position: relative;
    background-color: rgba(0, 0, 0, 0);
    outline: 0px;
    border: 0px;
    border-radius: 0px;
    cursor: pointer;
    user-select: none;
    vertical-align: middle;
    appearance: none;
    text-decoration: none;
    color: inherit;
    width: 100%;
    padding: 24px 16px;
    margin: -24px -16px;
    box-sizing: content-box
}

.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
}

.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
}

.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
}

.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
}

.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
}

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

.mud-height-full {
    height: 100%
}

.mud-appbar {
    width: 100%;
    display: flex;
    z-index: var(--mud-zindex-appbar);
    position: relative;
    box-sizing: border-box;
    flex-shrink: 0;
    flex-direction: column;
    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-appbar-dense .mud-toolbar-appbar {
    height: calc(var(--mud-appbar-height) - var(--mud-appbar-height)/4)
}

@media(min-width: 0px) {
    .mud-drawer-open-responsive-xs-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-responsive-xs-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-responsive-xs-left.mud-drawer-left-clipped-never.mud-drawer-open-responsive-xs-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))
    }
}

@media(min-width: 600px) {
    .mud-drawer-open-responsive-sm-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-responsive-sm-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-responsive-sm-left.mud-drawer-left-clipped-never.mud-drawer-open-responsive-sm-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))
    }
}

@media(min-width: 960px) {
    .mud-drawer-open-responsive-md-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-responsive-md-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-responsive-md-left.mud-drawer-left-clipped-never.mud-drawer-open-responsive-md-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))
    }
}

@media(min-width: 1280px) {
    .mud-drawer-open-responsive-lg-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-responsive-lg-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-responsive-lg-left.mud-drawer-left-clipped-never.mud-drawer-open-responsive-lg-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))
    }
}

@media(min-width: 1920px) {
    .mud-drawer-open-responsive-xl-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-responsive-xl-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-responsive-xl-left.mud-drawer-left-clipped-never.mud-drawer-open-responsive-xl-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))
    }
}

@media(min-width: 2560px) {
    .mud-drawer-open-responsive-xxl-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-responsive-xxl-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-responsive-xxl-left.mud-drawer-left-clipped-never.mud-drawer-open-responsive-xxl-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-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))
}

@media(min-width: 0px) {
    .mud-drawer-open-mini-xs-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-mini-xs-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-mini-xs-left.mud-drawer-left-clipped-never.mud-drawer-open-mini-xs-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))
    }
}

@media(min-width: 600px) {
    .mud-drawer-open-mini-sm-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-mini-sm-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-mini-sm-left.mud-drawer-left-clipped-never.mud-drawer-open-mini-sm-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))
    }
}

@media(min-width: 960px) {
    .mud-drawer-open-mini-md-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-mini-md-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-mini-md-left.mud-drawer-left-clipped-never.mud-drawer-open-mini-md-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))
    }
}

@media(min-width: 1280px) {
    .mud-drawer-open-mini-lg-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-mini-lg-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-mini-lg-left.mud-drawer-left-clipped-never.mud-drawer-open-mini-lg-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))
    }
}

@media(min-width: 1920px) {
    .mud-drawer-open-mini-xl-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-mini-xl-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-mini-xl-left.mud-drawer-left-clipped-never.mud-drawer-open-mini-xl-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))
    }
}

@media(min-width: 2560px) {
    .mud-drawer-open-mini-xxl-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-mini-xxl-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-mini-xxl-left.mud-drawer-left-clipped-never.mud-drawer-open-mini-xxl-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))
}

@media(max-width: 0px) {
    .mud-drawer-close-mini-xs-left.mud-drawer-left-clipped-docked .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-docked .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-docked.mud-drawer-close-mini-xs-right.mud-drawer-right-clipped-docked .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))
}

@media(max-width: 600px) {
    .mud-drawer-close-mini-sm-left.mud-drawer-left-clipped-docked .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-docked .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-docked.mud-drawer-close-mini-sm-right.mud-drawer-right-clipped-docked .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))
}

@media(max-width: 960px) {
    .mud-drawer-close-mini-md-left.mud-drawer-left-clipped-docked .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-docked .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-docked.mud-drawer-close-mini-md-right.mud-drawer-right-clipped-docked .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))
}

@media(max-width: 1280px) {
    .mud-drawer-close-mini-lg-left.mud-drawer-left-clipped-docked .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-docked .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-docked.mud-drawer-close-mini-lg-right.mud-drawer-right-clipped-docked .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))
}

@media(max-width: 1920px) {
    .mud-drawer-close-mini-xl-left.mud-drawer-left-clipped-docked .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-docked .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-docked.mud-drawer-close-mini-xl-right.mud-drawer-right-clipped-docked .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))
}

@media(max-width: 2560px) {
    .mud-drawer-close-mini-xxl-left.mud-drawer-left-clipped-docked .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-docked .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-docked.mud-drawer-close-mini-xxl-right.mud-drawer-right-clipped-docked .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;
    top: 0;
    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
}

@media(max-width: -1px) {
    .mud-drawer.mud-drawer-mini.mud-drawer-xs:not(.mud-drawer--closed),
    .mud-drawer.mud-drawer-responsive.mud-drawer-xs {
        z-index: calc(var(--mud-zindex-appbar) + 2)
    }
    .mud-drawer.mud-drawer-mini.mud-drawer-xs:not(.mud-drawer--closed).mud-drawer--initial:not(.mud-drawer-mini),
    .mud-drawer.mud-drawer-responsive.mud-drawer-xs.mud-drawer--initial:not(.mud-drawer-mini) {
        display: none !important
    }
}

@media(max-width: 599px) {
    .mud-drawer.mud-drawer-mini.mud-drawer-sm:not(.mud-drawer--closed),
    .mud-drawer.mud-drawer-responsive.mud-drawer-sm {
        z-index: calc(var(--mud-zindex-appbar) + 2)
    }
    .mud-drawer.mud-drawer-mini.mud-drawer-sm:not(.mud-drawer--closed).mud-drawer--initial:not(.mud-drawer-mini),
    .mud-drawer.mud-drawer-responsive.mud-drawer-sm.mud-drawer--initial:not(.mud-drawer-mini) {
        display: none !important
    }
}

@media(max-width: 959px) {
    .mud-drawer.mud-drawer-mini.mud-drawer-md:not(.mud-drawer--closed),
    .mud-drawer.mud-drawer-responsive.mud-drawer-md {
        z-index: calc(var(--mud-zindex-appbar) + 2)
    }
    .mud-drawer.mud-drawer-mini.mud-drawer-md:not(.mud-drawer--closed).mud-drawer--initial:not(.mud-drawer-mini),
    .mud-drawer.mud-drawer-responsive.mud-drawer-md.mud-drawer--initial:not(.mud-drawer-mini) {
        display: none !important
    }
}

@media(max-width: 1279px) {
    .mud-drawer.mud-drawer-mini.mud-drawer-lg:not(.mud-drawer--closed),
    .mud-drawer.mud-drawer-responsive.mud-drawer-lg {
        z-index: calc(var(--mud-zindex-appbar) + 2)
    }
    .mud-drawer.mud-drawer-mini.mud-drawer-lg:not(.mud-drawer--closed).mud-drawer--initial:not(.mud-drawer-mini),
    .mud-drawer.mud-drawer-responsive.mud-drawer-lg.mud-drawer--initial:not(.mud-drawer-mini) {
        display: none !important
    }
}

@media(max-width: 1919px) {
    .mud-drawer.mud-drawer-mini.mud-drawer-xl:not(.mud-drawer--closed),
    .mud-drawer.mud-drawer-responsive.mud-drawer-xl {
        z-index: calc(var(--mud-zindex-appbar) + 2)
    }
    .mud-drawer.mud-drawer-mini.mud-drawer-xl:not(.mud-drawer--closed).mud-drawer--initial:not(.mud-drawer-mini),
    .mud-drawer.mud-drawer-responsive.mud-drawer-xl.mud-drawer--initial:not(.mud-drawer-mini) {
        display: none !important
    }
}

@media(max-width: 2559px) {
    .mud-drawer.mud-drawer-mini.mud-drawer-xxl:not(.mud-drawer--closed),
    .mud-drawer.mud-drawer-responsive.mud-drawer-xxl {
        z-index: calc(var(--mud-zindex-appbar) + 2)
    }
    .mud-drawer.mud-drawer-mini.mud-drawer-xxl:not(.mud-drawer--closed).mud-drawer--initial:not(.mud-drawer-mini),
    .mud-drawer.mud-drawer-responsive.mud-drawer-xxl.mud-drawer--initial:not(.mud-drawer-mini) {
        display: none !important
    }
}

.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))
}

@media(max-width: 599px)and (orientation: landscape) {
    .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: calc(var(--mud-appbar-height) - var(--mud-appbar-height)/4);
        height: calc(100% - (var(--mud-appbar-height) - var(--mud-appbar-height)/4))
    }
}

@media(max-width: 599px)and (orientation: portrait) {
    .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: calc(var(--mud-appbar-height) - var(--mud-appbar-height)/8);
        height: calc(100% - (var(--mud-appbar-height) - var(--mud-appbar-height)/8))
    }
}

@media(min-width: 0px) {
    .mud-drawer-fixed.mud-drawer-mini.mud-drawer-clipped-docked.mud-drawer-xs,
    .mud-drawer-fixed.mud-drawer-responsive.mud-drawer-clipped-docked.mud-drawer-xs {
        top: var(--mud-appbar-height);
        height: calc(100% - var(--mud-appbar-height))
    }
}

@media(min-width: 0px)and (max-width: 599px)and (orientation: landscape) {
    .mud-drawer-fixed.mud-drawer-mini.mud-drawer-clipped-docked.mud-drawer-xs,
    .mud-drawer-fixed.mud-drawer-responsive.mud-drawer-clipped-docked.mud-drawer-xs {
        top: calc(var(--mud-appbar-height) - var(--mud-appbar-height) - var(--mud-appbar-height)/4);
        height: calc(100% - var(--mud-appbar-height) + var(--mud-appbar-height) - var(--mud-appbar-height)/4)
    }
}

@media(min-width: 0px)and (max-width: 599px)and (orientation: portrait) {
    .mud-drawer-fixed.mud-drawer-mini.mud-drawer-clipped-docked.mud-drawer-xs,
    .mud-drawer-fixed.mud-drawer-responsive.mud-drawer-clipped-docked.mud-drawer-xs {
        top: calc(var(--mud-appbar-height) - var(--mud-appbar-height)/8);
        height: calc(100% - var(--mud-appbar-height)/8)
    }
}

@media(min-width: 600px) {
    .mud-drawer-fixed.mud-drawer-mini.mud-drawer-clipped-docked.mud-drawer-sm,
    .mud-drawer-fixed.mud-drawer-responsive.mud-drawer-clipped-docked.mud-drawer-sm {
        top: var(--mud-appbar-height);
        height: calc(100% - var(--mud-appbar-height))
    }
}

@media(min-width: 600px)and (max-width: 599px)and (orientation: landscape) {
    .mud-drawer-fixed.mud-drawer-mini.mud-drawer-clipped-docked.mud-drawer-sm,
    .mud-drawer-fixed.mud-drawer-responsive.mud-drawer-clipped-docked.mud-drawer-sm {
        top: calc(var(--mud-appbar-height) - var(--mud-appbar-height) - var(--mud-appbar-height)/4);
        height: calc(100% - var(--mud-appbar-height) + var(--mud-appbar-height) - var(--mud-appbar-height)/4)
    }
}

@media(min-width: 600px)and (max-width: 599px)and (orientation: portrait) {
    .mud-drawer-fixed.mud-drawer-mini.mud-drawer-clipped-docked.mud-drawer-sm,
    .mud-drawer-fixed.mud-drawer-responsive.mud-drawer-clipped-docked.mud-drawer-sm {
        top: calc(var(--mud-appbar-height) - var(--mud-appbar-height)/8);
        height: calc(100% - var(--mud-appbar-height)/8)
    }
}

@media(min-width: 960px) {
    .mud-drawer-fixed.mud-drawer-mini.mud-drawer-clipped-docked.mud-drawer-md,
    .mud-drawer-fixed.mud-drawer-responsive.mud-drawer-clipped-docked.mud-drawer-md {
        top: var(--mud-appbar-height);
        height: calc(100% - var(--mud-appbar-height))
    }
}

@media(min-width: 960px)and (max-width: 599px)and (orientation: landscape) {
    .mud-drawer-fixed.mud-drawer-mini.mud-drawer-clipped-docked.mud-drawer-md,
    .mud-drawer-fixed.mud-drawer-responsive.mud-drawer-clipped-docked.mud-drawer-md {
        top: calc(var(--mud-appbar-height) - var(--mud-appbar-height) - var(--mud-appbar-height)/4);
        height: calc(100% - var(--mud-appbar-height) + var(--mud-appbar-height) - var(--mud-appbar-height)/4)
    }
}

@media(min-width: 960px)and (max-width: 599px)and (orientation: portrait) {
    .mud-drawer-fixed.mud-drawer-mini.mud-drawer-clipped-docked.mud-drawer-md,
    .mud-drawer-fixed.mud-drawer-responsive.mud-drawer-clipped-docked.mud-drawer-md {
        top: calc(var(--mud-appbar-height) - var(--mud-appbar-height)/8);
        height: calc(100% - var(--mud-appbar-height)/8)
    }
}

@media(min-width: 1280px) {
    .mud-drawer-fixed.mud-drawer-mini.mud-drawer-clipped-docked.mud-drawer-lg,
    .mud-drawer-fixed.mud-drawer-responsive.mud-drawer-clipped-docked.mud-drawer-lg {
        top: var(--mud-appbar-height);
        height: calc(100% - var(--mud-appbar-height))
    }
}

@media(min-width: 1280px)and (max-width: 599px)and (orientation: landscape) {
    .mud-drawer-fixed.mud-drawer-mini.mud-drawer-clipped-docked.mud-drawer-lg,
    .mud-drawer-fixed.mud-drawer-responsive.mud-drawer-clipped-docked.mud-drawer-lg {
        top: calc(var(--mud-appbar-height) - var(--mud-appbar-height) - var(--mud-appbar-height)/4);
        height: calc(100% - var(--mud-appbar-height) + var(--mud-appbar-height) - var(--mud-appbar-height)/4)
    }
}

@media(min-width: 1280px)and (max-width: 599px)and (orientation: portrait) {
    .mud-drawer-fixed.mud-drawer-mini.mud-drawer-clipped-docked.mud-drawer-lg,
    .mud-drawer-fixed.mud-drawer-responsive.mud-drawer-clipped-docked.mud-drawer-lg {
        top: calc(var(--mud-appbar-height) - var(--mud-appbar-height)/8);
        height: calc(100% - var(--mud-appbar-height)/8)
    }
}

@media(min-width: 1920px) {
    .mud-drawer-fixed.mud-drawer-mini.mud-drawer-clipped-docked.mud-drawer-xl,
    .mud-drawer-fixed.mud-drawer-responsive.mud-drawer-clipped-docked.mud-drawer-xl {
        top: var(--mud-appbar-height);
        height: calc(100% - var(--mud-appbar-height))
    }
}

@media(min-width: 1920px)and (max-width: 599px)and (orientation: landscape) {
    .mud-drawer-fixed.mud-drawer-mini.mud-drawer-clipped-docked.mud-drawer-xl,
    .mud-drawer-fixed.mud-drawer-responsive.mud-drawer-clipped-docked.mud-drawer-xl {
        top: calc(var(--mud-appbar-height) - var(--mud-appbar-height) - var(--mud-appbar-height)/4);
        height: calc(100% - var(--mud-appbar-height) + var(--mud-appbar-height) - var(--mud-appbar-height)/4)
    }
}

@media(min-width: 1920px)and (max-width: 599px)and (orientation: portrait) {
    .mud-drawer-fixed.mud-drawer-mini.mud-drawer-clipped-docked.mud-drawer-xl,
    .mud-drawer-fixed.mud-drawer-responsive.mud-drawer-clipped-docked.mud-drawer-xl {
        top: calc(var(--mud-appbar-height) - var(--mud-appbar-height)/8);
        height: calc(100% - var(--mud-appbar-height)/8)
    }
}

@media(min-width: 2560px) {
    .mud-drawer-fixed.mud-drawer-mini.mud-drawer-clipped-docked.mud-drawer-xxl,
    .mud-drawer-fixed.mud-drawer-responsive.mud-drawer-clipped-docked.mud-drawer-xxl {
        top: var(--mud-appbar-height);
        height: calc(100% - var(--mud-appbar-height))
    }
}

@media(min-width: 2560px)and (max-width: 599px)and (orientation: landscape) {
    .mud-drawer-fixed.mud-drawer-mini.mud-drawer-clipped-docked.mud-drawer-xxl,
    .mud-drawer-fixed.mud-drawer-responsive.mud-drawer-clipped-docked.mud-drawer-xxl {
        top: calc(var(--mud-appbar-height) - var(--mud-appbar-height) - var(--mud-appbar-height)/4);
        height: calc(100% - var(--mud-appbar-height) + var(--mud-appbar-height) - var(--mud-appbar-height)/4)
    }
}

@media(min-width: 2560px)and (max-width: 599px)and (orientation: portrait) {
    .mud-drawer-fixed.mud-drawer-mini.mud-drawer-clipped-docked.mud-drawer-xxl,
    .mud-drawer-fixed.mud-drawer-responsive.mud-drawer-clipped-docked.mud-drawer-xxl {
        top: calc(var(--mud-appbar-height) - var(--mud-appbar-height)/8);
        height: calc(100% - var(--mud-appbar-height)/8)
    }
}

.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)
}

@media(min-width: 0px) {
    .mud-appbar-dense~.mud-drawer-fixed.mud-drawer-responsive.mud-drawer-clipped-docked.mud-drawer-xs {
        top: calc(var(--mud-appbar-height) - var(--mud-appbar-height)/4);
        height: calc(100% - var(--mud-appbar-height) + var(--mud-appbar-height)/4)
    }
}

@media(min-width: 600px) {
    .mud-appbar-dense~.mud-drawer-fixed.mud-drawer-responsive.mud-drawer-clipped-docked.mud-drawer-sm {
        top: calc(var(--mud-appbar-height) - var(--mud-appbar-height)/4);
        height: calc(100% - var(--mud-appbar-height) + var(--mud-appbar-height)/4)
    }
}

@media(min-width: 960px) {
    .mud-appbar-dense~.mud-drawer-fixed.mud-drawer-responsive.mud-drawer-clipped-docked.mud-drawer-md {
        top: calc(var(--mud-appbar-height) - var(--mud-appbar-height)/4);
        height: calc(100% - var(--mud-appbar-height) + var(--mud-appbar-height)/4)
    }
}

@media(min-width: 1280px) {
    .mud-appbar-dense~.mud-drawer-fixed.mud-drawer-responsive.mud-drawer-clipped-docked.mud-drawer-lg {
        top: calc(var(--mud-appbar-height) - var(--mud-appbar-height)/4);
        height: calc(100% - var(--mud-appbar-height) + var(--mud-appbar-height)/4)
    }
}

@media(min-width: 1920px) {
    .mud-appbar-dense~.mud-drawer-fixed.mud-drawer-responsive.mud-drawer-clipped-docked.mud-drawer-xl {
        top: calc(var(--mud-appbar-height) - var(--mud-appbar-height)/4);
        height: calc(100% - var(--mud-appbar-height) + var(--mud-appbar-height)/4)
    }
}

@media(min-width: 2560px) {
    .mud-appbar-dense~.mud-drawer-fixed.mud-drawer-responsive.mud-drawer-clipped-docked.mud-drawer-xxl {
        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
}

@media(max-width: -1px) {
    .mud-drawer-overlay.mud-drawer-overlay--open.mud-drawer-overlay-responsive.mud-drawer-overlay-xs {
        display: block
    }
    .mud-drawer-overlay.mud-drawer-overlay--open.mud-drawer-overlay-responsive.mud-drawer-overlay-xs.mud-drawer--initial {
        display: none
    }
}

@media(max-width: -1px) {
    .mud-drawer-overlay.mud-drawer-overlay--open.mud-drawer-overlay-mini.mud-drawer-overlay-xs {
        display: block
    }
}

@media(max-width: 599px) {
    .mud-drawer-overlay.mud-drawer-overlay--open.mud-drawer-overlay-responsive.mud-drawer-overlay-sm {
        display: block
    }
    .mud-drawer-overlay.mud-drawer-overlay--open.mud-drawer-overlay-responsive.mud-drawer-overlay-sm.mud-drawer--initial {
        display: none
    }
}

@media(max-width: 599px) {
    .mud-drawer-overlay.mud-drawer-overlay--open.mud-drawer-overlay-mini.mud-drawer-overlay-sm {
        display: block
    }
}

@media(max-width: 959px) {
    .mud-drawer-overlay.mud-drawer-overlay--open.mud-drawer-overlay-responsive.mud-drawer-overlay-md {
        display: block
    }
    .mud-drawer-overlay.mud-drawer-overlay--open.mud-drawer-overlay-responsive.mud-drawer-overlay-md.mud-drawer--initial {
        display: none
    }
}

@media(max-width: 959px) {
    .mud-drawer-overlay.mud-drawer-overlay--open.mud-drawer-overlay-mini.mud-drawer-overlay-md {
        display: block
    }
}

@media(max-width: 1279px) {
    .mud-drawer-overlay.mud-drawer-overlay--open.mud-drawer-overlay-responsive.mud-drawer-overlay-lg {
        display: block
    }
    .mud-drawer-overlay.mud-drawer-overlay--open.mud-drawer-overlay-responsive.mud-drawer-overlay-lg.mud-drawer--initial {
        display: none
    }
}

@media(max-width: 1279px) {
    .mud-drawer-overlay.mud-drawer-overlay--open.mud-drawer-overlay-mini.mud-drawer-overlay-lg {
        display: block
    }
}

@media(max-width: 1919px) {
    .mud-drawer-overlay.mud-drawer-overlay--open.mud-drawer-overlay-responsive.mud-drawer-overlay-xl {
        display: block
    }
    .mud-drawer-overlay.mud-drawer-overlay--open.mud-drawer-overlay-responsive.mud-drawer-overlay-xl.mud-drawer--initial {
        display: none
    }
}

@media(max-width: 1919px) {
    .mud-drawer-overlay.mud-drawer-overlay--open.mud-drawer-overlay-mini.mud-drawer-overlay-xl {
        display: block
    }
}

@media(max-width: 2559px) {
    .mud-drawer-overlay.mud-drawer-overlay--open.mud-drawer-overlay-responsive.mud-drawer-overlay-xxl {
        display: block
    }
    .mud-drawer-overlay.mud-drawer-overlay--open.mud-drawer-overlay-responsive.mud-drawer-overlay-xxl.mud-drawer--initial {
        display: none
    }
}

@media(max-width: 2559px) {
    .mud-drawer-overlay.mud-drawer-overlay--open.mud-drawer-overlay-mini.mud-drawer-overlay-xxl {
        display: block
    }
}

.mud-drawer-overlay.mud-drawer-overlay--open.mud-drawer-overlay-temporary {
    display: block
}

@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
    }
}

.mud-main-content {
    margin: 0;
    flex: 1 1 auto;
    padding-top: var(--header-height);
    transition: margin 225ms cubic-bezier(0, 0, 0.2, 1) 0ms
}

@media(min-width: 0px) {
    .mud-drawer-open-responsive-xs-left .mud-main-content {
        margin-left: var(--mud-drawer-width-left)
    }
    .mud-drawer-open-responsive-xs-right .mud-main-content {
        margin-right: var(--mud-drawer-width-right)
    }
    .mud-drawer-open-responsive-xs-left.mud-drawer-open-responsive-xs-right .mud-main-content {
        margin-right: var(--mud-drawer-width-right);
        margin-left: var(--mud-drawer-width-left)
    }
}

@media(min-width: 600px) {
    .mud-drawer-open-responsive-sm-left .mud-main-content {
        margin-left: var(--mud-drawer-width-left)
    }
    .mud-drawer-open-responsive-sm-right .mud-main-content {
        margin-right: var(--mud-drawer-width-right)
    }
    .mud-drawer-open-responsive-sm-left.mud-drawer-open-responsive-sm-right .mud-main-content {
        margin-right: var(--mud-drawer-width-right);
        margin-left: var(--mud-drawer-width-left)
    }
}

@media(min-width: 960px) {
    .mud-drawer-open-responsive-md-left .mud-main-content {
        margin-left: var(--mud-drawer-width-left)
    }
    .mud-drawer-open-responsive-md-right .mud-main-content {
        margin-right: var(--mud-drawer-width-right)
    }
    .mud-drawer-open-responsive-md-left.mud-drawer-open-responsive-md-right .mud-main-content {
        margin-right: var(--mud-drawer-width-right);
        margin-left: var(--mud-drawer-width-left)
    }
}

@media(min-width: 1280px) {
    .mud-drawer-open-responsive-lg-left .mud-main-content {
        margin-left: var(--mud-drawer-width-left)
    }
    .mud-drawer-open-responsive-lg-right .mud-main-content {
        margin-right: var(--mud-drawer-width-right)
    }
    .mud-drawer-open-responsive-lg-left.mud-drawer-open-responsive-lg-right .mud-main-content {
        margin-right: var(--mud-drawer-width-right);
        margin-left: var(--mud-drawer-width-left)
    }
}

@media(min-width: 1920px) {
    .mud-drawer-open-responsive-xl-left .mud-main-content {
        margin-left: var(--mud-drawer-width-left)
    }
    .mud-drawer-open-responsive-xl-right .mud-main-content {
        margin-right: var(--mud-drawer-width-right)
    }
    .mud-drawer-open-responsive-xl-left.mud-drawer-open-responsive-xl-right .mud-main-content {
        margin-right: var(--mud-drawer-width-right);
        margin-left: var(--mud-drawer-width-left)
    }
}

@media(min-width: 2560px) {
    .mud-drawer-open-responsive-xxl-left .mud-main-content {
        margin-left: var(--mud-drawer-width-left)
    }
    .mud-drawer-open-responsive-xxl-right .mud-main-content {
        margin-right: var(--mud-drawer-width-right)
    }
    .mud-drawer-open-responsive-xxl-left.mud-drawer-open-responsive-xxl-right .mud-main-content {
        margin-right: var(--mud-drawer-width-right);
        margin-left: var(--mud-drawer-width-left)
    }
}

.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-xs-left .mud-main-content {
    margin-left: var(--mud-drawer-width-left)
}

.mud-drawer-open-mini-xs-right .mud-main-content {
    margin-right: var(--mud-drawer-width-right)
}

.mud-drawer-open-mini-xs-left.mud-drawer-open-mini-xs-right .mud-main-content {
    margin-right: var(--mud-drawer-width-right);
    margin-left: var(--mud-drawer-width-left)
}

.mud-drawer-open-mini-sm-left .mud-main-content {
    margin-left: var(--mud-drawer-width-left)
}

.mud-drawer-open-mini-sm-right .mud-main-content {
    margin-right: var(--mud-drawer-width-right)
}

.mud-drawer-open-mini-sm-left.mud-drawer-open-mini-sm-right .mud-main-content {
    margin-right: var(--mud-drawer-width-right);
    margin-left: var(--mud-drawer-width-left)
}

.mud-drawer-open-mini-md-left .mud-main-content {
    margin-left: var(--mud-drawer-width-left)
}

.mud-drawer-open-mini-md-right .mud-main-content {
    margin-right: var(--mud-drawer-width-right)
}

.mud-drawer-open-mini-md-left.mud-drawer-open-mini-md-right .mud-main-content {
    margin-right: var(--mud-drawer-width-right);
    margin-left: var(--mud-drawer-width-left)
}

.mud-drawer-open-mini-lg-left .mud-main-content {
    margin-left: var(--mud-drawer-width-left)
}

.mud-drawer-open-mini-lg-right .mud-main-content {
    margin-right: var(--mud-drawer-width-right)
}

.mud-drawer-open-mini-lg-left.mud-drawer-open-mini-lg-right .mud-main-content {
    margin-right: var(--mud-drawer-width-right);
    margin-left: var(--mud-drawer-width-left)
}

.mud-drawer-open-mini-xl-left .mud-main-content {
    margin-left: var(--mud-drawer-width-left)
}

.mud-drawer-open-mini-xl-right .mud-main-content {
    margin-right: var(--mud-drawer-width-right)
}

.mud-drawer-open-mini-xl-left.mud-drawer-open-mini-xl-right .mud-main-content {
    margin-right: var(--mud-drawer-width-right);
    margin-left: var(--mud-drawer-width-left)
}

.mud-drawer-open-mini-xxl-left .mud-main-content {
    margin-left: var(--mud-drawer-width-left)
}

.mud-drawer-open-mini-xxl-right .mud-main-content {
    margin-right: var(--mud-drawer-width-right)
}

.mud-drawer-open-mini-xxl-left.mud-drawer-open-mini-xxl-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
}

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

@media(min-width: 600px) {
    .mud-container--gutters {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media(min-width: 600px) {
    .mud-container-fixed {
        max-width: 600px
    }
}

@media(min-width: 960px) {
    .mud-container-fixed {
        max-width: 960px
    }
}

@media(min-width: 1280px) {
    .mud-container-fixed {
        max-width: 1280px
    }
}

@media(min-width: 1920px) {
    .mud-container-fixed {
        max-width: 1920px
    }
}

@media(min-width: 2560px) {
    .mud-container-fixed {
        max-width: 2560px
    }
}

@media(min-width: 0px) {
    .mud-container-maxwidth-xs {
        max-width: 444px
    }
}

@media(min-width: 600px) {
    .mud-container-maxwidth-sm {
        max-width: 600px
    }
}

@media(min-width: 960px) {
    .mud-container-maxwidth-md {
        max-width: 960px
    }
}

@media(min-width: 1280px) {
    .mud-container-maxwidth-lg {
        max-width: 1280px
    }
}

@media(min-width: 1920px) {
    .mud-container-maxwidth-xl {
        max-width: 1920px
    }
}

@media(min-width: 2560px) {
    .mud-container-maxwidth-xxl {
        max-width: 2560px
    }
}

.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
}

.scroll-locked-no-padding {
    overflow: hidden
}

@-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 .5s;
    flex: 1
}

.mud-scroll-to-top.hidden {
    bottom: 16px;
    right: 16px;
    opacity: 0;
    transition: all .5s;
    visibility: hidden;
    transform: scale(0) rotate(180deg);
    flex: 0
}

.mud-scroll-to-top:after {
    content: "";
    background: rgba(0, 0, 0, 0);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    z-index: var(--mud-zindex-tooltip)
}

.mud-ripple {
    --mud-ripple-offset-x: 0;
    --mud-ripple-offset-y: 0;
    position: relative;
    overflow: hidden
}

.mud-ripple:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: var(--mud-ripple-offset-y);
    left: var(--mud-ripple-offset-x);
    pointer-events: none;
    background-image: radial-gradient(circle, var(--mud-ripple-color) 10%, transparent 10.01%);
    background-repeat: no-repeat;
    background-position: 50%;
    transform: scale(20, 20);
    opacity: 0;
    transition: transform .6s, opacity 1s
}

.mud-ripple:active:after {
    transform: scale(0, 0);
    opacity: var(--mud-ripple-opacity);
    transition: 0s
}

.mud-ripple:has(.mud-ripple:active):after {
    opacity: 0
}

.mud-ripple-icon:after,
.mud-ripple-checkbox:after,
.mud-ripple-switch:after,
.mud-ripple-radio:after {
    transform: scale(14, 14)
}

.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)
}