.mud-button {
    padding: 5px 14px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@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-icon-button {
    padding: 6px
}

.mud-icon-size-small {
    font-size: 1.1rem
}

.mud-icon-size-medium {
    font-size: 1.4rem
}

.mud-icon-size-large {
    font-size: 1.9rem
}

.mud-input > input.mud-input-root-outlined, div.mud-input-slot.mud-input-root-outlined {
    padding: 12px 8px
}

    .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: 9.5px;
        padding-bottom: 6.5px
    }

.mud-input-control > .mud-input-control-input-container > .mud-input-label-inputcontrol {
    font-size: .8rem
}

.mud-input-label-outlined {
    transform: translate(7px, 12px) scale(1);
    max-width: calc(100% - 14px)
}

    .mud-input-label-outlined.mud-input-label-margin-dense {
        transform: translate(7px, 8px) scale(1)
    }

.mud-table-root {
    white-space: nowrap
}

    .mud-table-root .mud-table-head .mud-table-cell {
        color: var(--mud-palette-primary-text);
        background-color: var(--mud-palette-primary)
    }

.mud-table-cell {
    padding: 8px
}
.mud-table-sticky-header * .mud-table-root .mud-table-head .mud-table-cell, .mud-table-sticky-header * .mud-table-root .mud-table-head .mud-table-loading {
    color: var(--mud-palette-primary-text);
    background-color: var(--mud-palette-primary);
    position: sticky;
    z-index: 2;
}
.mud-table-dense * .mud-table-row .mud-table-cell {
    padding: 4px 16px 4px 10px;
    padding-inline-start: 10px;
    padding-inline-end: 16px;
    font-size: .7rem
}

.mud-table-pagination-toolbar {
    height: 42px
}

.mud-tabs-tabbar .mud-tabs-tabbar-inner {
    min-height: 36px
}

.mud-tab {
    min-height: 36px
}

.mud-dialog {
    overflow-y: visible
}

    .mud-dialog .mud-dialog-title {
        padding-top: 12px;
        padding-bottom: 8px;
        background-color: #db7093;
        color: #fff
    }

.mud-list-item {
    padding-top: 4px;
    padding-bottom: 4px;
    padding-right: 8px;
    padding-left: 10px
}

.mud-menu-item {
    padding: 8px 20px
}

.mud-dialog .mud-dialog-content {
    padding-top: 10px
}

.mud-expand-panel .mud-expand-panel-content.mud-expand-panel-dense {
    padding-top: 20px;
    padding-bottom: 10px
}

.mud-expand-panel .mud-expand-panel-header {
    background-color: dimgray;
    padding: 0px 24px;
    color: #fff
}

.gap-0 {
    gap: 0px
}

.gap-x-0 {
    column-gap: 0px
}

.gap-y-0 {
    row-gap: 0px
}

.gap-1 {
    gap: 2px
}

.gap-x-1 {
    column-gap: 2px
}

.gap-y-1 {
    row-gap: 2px
}

.gap-2 {
    gap: 4px
}

.gap-x-2 {
    column-gap: 4px
}

.gap-y-2 {
    row-gap: 4px
}

.gap-3 {
    gap: 6px
}

.gap-x-3 {
    column-gap: 6px
}

.gap-y-3 {
    row-gap: 6px
}

.gap-4 {
    gap: 8px
}

.gap-x-4 {
    column-gap: 8px
}

.gap-y-4 {
    row-gap: 8px
}

.gap-5 {
    gap: 10px
}

.gap-x-5 {
    column-gap: 10px
}

.gap-y-5 {
    row-gap: 10px
}

.gap-6 {
    gap: 12px
}

.gap-x-6 {
    column-gap: 12px
}

.gap-y-6 {
    row-gap: 12px
}

.gap-7 {
    gap: 14px
}

.gap-x-7 {
    column-gap: 14px
}

.gap-y-7 {
    row-gap: 14px
}

.gap-8 {
    gap: 16px
}

.gap-x-8 {
    column-gap: 16px
}

.gap-y-8 {
    row-gap: 16px
}

.gap-9 {
    gap: 18px
}

.gap-x-9 {
    column-gap: 18px
}

.gap-y-9 {
    row-gap: 18px
}

.gap-10 {
    gap: 20px
}

.gap-x-10 {
    column-gap: 20px
}

.gap-y-10 {
    row-gap: 20px
}

.gap-11 {
    gap: 22px
}

.gap-x-11 {
    column-gap: 22px
}

.gap-y-11 {
    row-gap: 22px
}

.gap-12 {
    gap: 24px
}

.gap-x-12 {
    column-gap: 24px
}

.gap-y-12 {
    row-gap: 24px
}

.gap-13 {
    gap: 26px
}

.gap-x-13 {
    column-gap: 26px
}

.gap-y-13 {
    row-gap: 26px
}

.gap-14 {
    gap: 28px
}

.gap-x-14 {
    column-gap: 28px
}

.gap-y-14 {
    row-gap: 28px
}

.gap-15 {
    gap: 30px
}

.gap-x-15 {
    column-gap: 30px
}

.gap-y-15 {
    row-gap: 30px
}

.gap-16 {
    gap: 32px
}

.gap-x-16 {
    column-gap: 32px
}

.gap-y-16 {
    row-gap: 32px
}

.gap-17 {
    gap: 34px
}

.gap-x-17 {
    column-gap: 34px
}

.gap-y-17 {
    row-gap: 34px
}

.gap-18 {
    gap: 36px
}

.gap-x-18 {
    column-gap: 36px
}

.gap-y-18 {
    row-gap: 36px
}

.gap-19 {
    gap: 38px
}

.gap-x-19 {
    column-gap: 38px
}

.gap-y-19 {
    row-gap: 38px
}

.gap-20 {
    gap: 40px
}

.gap-x-20 {
    column-gap: 40px
}

.gap-y-20 {
    row-gap: 40px
}

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