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

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

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

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

.white {
    background-color: #fff !important
}

.white-text {
    color: #fff !important
}

.black {
    background-color: #000 !important
}

.black-text {
    color: #000 !important
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border-width: 0;
    border-style: solid;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

strong,b {
    font-weight: 700
}

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

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

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

a {
    text-decoration: none
}

a:focus-visible {
    outline: none
}

label {
    display: inline-block
}

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

button:focus {
    outline: none
}

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

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

select {
    word-wrap: normal
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mud-button-root::-moz-focus-inner {
    border-style: none
}

.mud-button-root:disabled {
    color: var(--mud-palette-action-disabled) !important;
    cursor: default;
    pointer-events: none
}

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

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

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

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

.mud-button-text {
    padding: 6px 8px
}

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

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

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

.mud-button-text.mud-button-text-primary:focus-visible,.mud-button-text.mud-button-text-primary:active {
    background-color: var(--mud-palette-primary-hover)
}

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

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

.mud-button-text.mud-button-text-secondary:focus-visible,.mud-button-text.mud-button-text-secondary:active {
    background-color: var(--mud-palette-secondary-hover)
}

.mud-button-text.mud-button-text-tertiary {
    color: var(--mud-palette-tertiary);
    --mud-ripple-color: var(--mud-palette-tertiary)
}

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

.mud-button-text.mud-button-text-tertiary:focus-visible,.mud-button-text.mud-button-text-tertiary:active {
    background-color: var(--mud-palette-tertiary-hover)
}

.mud-button-text.mud-button-text-info {
    color: var(--mud-palette-info);
    --mud-ripple-color: var(--mud-palette-info)
}

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

.mud-button-text.mud-button-text-info:focus-visible,.mud-button-text.mud-button-text-info:active {
    background-color: var(--mud-palette-info-hover)
}

.mud-button-text.mud-button-text-success {
    color: var(--mud-palette-success);
    --mud-ripple-color: var(--mud-palette-success)
}

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

.mud-button-text.mud-button-text-success:focus-visible,.mud-button-text.mud-button-text-success:active {
    background-color: var(--mud-palette-success-hover)
}

.mud-button-text.mud-button-text-warning {
    color: var(--mud-palette-warning);
    --mud-ripple-color: var(--mud-palette-warning)
}

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

.mud-button-text.mud-button-text-warning:focus-visible,.mud-button-text.mud-button-text-warning:active {
    background-color: var(--mud-palette-warning-hover)
}

.mud-button-text.mud-button-text-error {
    color: var(--mud-palette-error);
    --mud-ripple-color: var(--mud-palette-error)
}

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

.mud-button-text.mud-button-text-error:focus-visible,.mud-button-text.mud-button-text-error:active {
    background-color: var(--mud-palette-error-hover)
}

.mud-button-text.mud-button-text-dark {
    color: var(--mud-palette-dark);
    --mud-ripple-color: var(--mud-palette-dark)
}

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

.mud-button-text.mud-button-text-dark:focus-visible,.mud-button-text.mud-button-text-dark:active {
    background-color: var(--mud-palette-dark-hover)
}

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

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

.mud-button-outlined.mud-icon-button {
    padding: 5px
}

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

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

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

@media(hover: hover)and (pointer: fine) {
    .mud-button-outlined.mud-button-outlined-primary:hover {
        border:1px solid var(--mud-palette-primary);
        background-color: var(--mud-palette-primary-hover)
    }
}

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

.mud-button-outlined.mud-button-outlined-secondary {
    color: var(--mud-palette-secondary);
    --mud-ripple-color: var(--mud-palette-secondary);
    border: 1px solid var(--mud-palette-secondary)
}

@media(hover: hover)and (pointer: fine) {
    .mud-button-outlined.mud-button-outlined-secondary:hover {
        border:1px solid var(--mud-palette-secondary);
        background-color: var(--mud-palette-secondary-hover)
    }
}

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

.mud-button-outlined.mud-button-outlined-tertiary {
    color: var(--mud-palette-tertiary);
    --mud-ripple-color: var(--mud-palette-tertiary);
    border: 1px solid var(--mud-palette-tertiary)
}

@media(hover: hover)and (pointer: fine) {
    .mud-button-outlined.mud-button-outlined-tertiary:hover {
        border:1px solid var(--mud-palette-tertiary);
        background-color: var(--mud-palette-tertiary-hover)
    }
}

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

.mud-button-outlined.mud-button-outlined-info {
    color: var(--mud-palette-info);
    --mud-ripple-color: var(--mud-palette-info);
    border: 1px solid var(--mud-palette-info)
}

@media(hover: hover)and (pointer: fine) {
    .mud-button-outlined.mud-button-outlined-info:hover {
        border:1px solid var(--mud-palette-info);
        background-color: var(--mud-palette-info-hover)
    }
}

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

.mud-button-outlined.mud-button-outlined-success {
    color: var(--mud-palette-success);
    --mud-ripple-color: var(--mud-palette-success);
    border: 1px solid var(--mud-palette-success)
}

@media(hover: hover)and (pointer: fine) {
    .mud-button-outlined.mud-button-outlined-success:hover {
        border:1px solid var(--mud-palette-success);
        background-color: var(--mud-palette-success-hover)
    }
}

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

.mud-button-outlined.mud-button-outlined-warning {
    color: var(--mud-palette-warning);
    --mud-ripple-color: var(--mud-palette-warning);
    border: 1px solid var(--mud-palette-warning)
}

@media(hover: hover)and (pointer: fine) {
    .mud-button-outlined.mud-button-outlined-warning:hover {
        border:1px solid var(--mud-palette-warning);
        background-color: var(--mud-palette-warning-hover)
    }
}

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

.mud-button-outlined.mud-button-outlined-error {
    color: var(--mud-palette-error);
    --mud-ripple-color: var(--mud-palette-error);
    border: 1px solid var(--mud-palette-error)
}

@media(hover: hover)and (pointer: fine) {
    .mud-button-outlined.mud-button-outlined-error:hover {
        border:1px solid var(--mud-palette-error);
        background-color: var(--mud-palette-error-hover)
    }
}

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

.mud-button-outlined.mud-button-outlined-dark {
    color: var(--mud-palette-dark);
    --mud-ripple-color: var(--mud-palette-dark);
    border: 1px solid var(--mud-palette-dark)
}

@media(hover: hover)and (pointer: fine) {
    .mud-button-outlined.mud-button-outlined-dark:hover {
        border:1px solid var(--mud-palette-dark);
        background-color: var(--mud-palette-dark-hover)
    }
}

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

.mud-button-outlined:disabled {
    border: 1px solid var(--mud-palette-action-disabled-background)
}

.mud-button-filled {
    color: var(--mud-palette-text-primary);
    --mud-ripple-color: var(--mud-palette-text-primary);
    --mud-ripple-opacity: var(--mud-ripple-opacity-secondary) !important;
    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);
    background-color: var(--mud-palette-action-default-hover)
}

.mud-button-filled.mud-icon-button {
    padding: 6px
}

@media(hover: hover)and (pointer: fine) {
    .mud-button-filled:hover {
        box-shadow:0px 2px 4px -1px rgba(0,0,0,.2),0px 4px 5px 0px rgba(0,0,0,.14),0px 1px 10px 0px rgba(0,0,0,.12);
        background-color: var(--mud-palette-action-disabled-background)
    }
}

.mud-button-filled:focus-visible {
    box-shadow: 0px 2px 4px -1px rgba(0,0,0,.2),0px 4px 5px 0px rgba(0,0,0,.14),0px 1px 10px 0px rgba(0,0,0,.12);
    background-color: var(--mud-palette-action-disabled-background)
}

.mud-button-filled:active {
    box-shadow: 0px 5px 5px -3px rgba(0,0,0,.2),0px 8px 10px 1px rgba(0,0,0,.14),0px 3px 14px 2px rgba(0,0,0,.12);
    background-color: var(--mud-palette-action-disabled-background)
}

.mud-button-filled:disabled {
    color: var(--mud-palette-action-disabled);
    box-shadow: none;
    background-color: var(--mud-palette-action-disabled-background) !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mud-button-filled.mud-button-filled-dark:focus-visible,.mud-button-filled.mud-button-filled-dark:active {
    background-color: var(--mud-palette-dark-darken)
}

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

@media(hover: hover)and (pointer: fine) {
    .mud-button-disable-elevation:hover {
        box-shadow:none
    }
}

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

.mud-button-disable-elevation.mud-focus-visible {
    box-shadow: none
}

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

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

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

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

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

.mud-button-outlined-size-small.mud-icon-button {
    padding: 4px
}

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

.mud-button-outlined-size-large.mud-icon-button {
    padding: 4px
}

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

.mud-button-filled-size-small.mud-icon-button {
    padding: 5px
}

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

.mud-button-filled-size-large.mud-icon-button {
    padding: 5px
}

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

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

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

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

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

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

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

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

.mud-button-group-root {
    border-radius: var(--mud-default-borderradius);
    display: inline-flex
}

.mud-button-group-root .mud-button-root {
    border-radius: var(--mud-default-borderradius)
}

.mud-button-group-root.mud-button-group-override-styles .mud-button {
    color: var(--mud-palette-text-primary);
    --mud-ripple-color: var(--mud-palette-text-primary)
}

.mud-button-group-root.mud-button-group-override-styles .mud-button-root {
    background-color: inherit;
    box-shadow: none;
    border: none
}

@media(hover: hover)and (pointer: fine) {
    .mud-button-group-root.mud-button-group-override-styles .mud-button-root:hover {
        background-color:var(--mud-palette-action-default-hover)
    }
}

.mud-button-group-root.mud-button-group-override-styles .mud-button-root:focus-visible,.mud-button-group-root.mud-button-group-override-styles .mud-button-root:active {
    background-color: var(--mud-palette-action-default-hover)
}

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

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

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

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

.mud-button-group-vertical {
    flex-direction: column
}

.mud-button-group-vertical .mud-icon-button {
    width: 100%
}

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

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

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

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

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

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

.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-primary .mud-button-root {
    color: var(--mud-palette-primary);
    --mud-ripple-color: var(--mud-palette-primary)
}

@media(hover: hover)and (pointer: fine) {
    .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-primary .mud-button-root:hover {
        background-color:var(--mud-palette-primary-hover)
    }
}

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

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

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

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

.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-secondary .mud-button-root {
    color: var(--mud-palette-secondary);
    --mud-ripple-color: var(--mud-palette-secondary)
}

@media(hover: hover)and (pointer: fine) {
    .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-secondary .mud-button-root:hover {
        background-color:var(--mud-palette-secondary-hover)
    }
}

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

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

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

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

.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-tertiary .mud-button-root {
    color: var(--mud-palette-tertiary);
    --mud-ripple-color: var(--mud-palette-tertiary)
}

@media(hover: hover)and (pointer: fine) {
    .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-tertiary .mud-button-root:hover {
        background-color:var(--mud-palette-tertiary-hover)
    }
}

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

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

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

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

.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-info .mud-button-root {
    color: var(--mud-palette-info);
    --mud-ripple-color: var(--mud-palette-info)
}

@media(hover: hover)and (pointer: fine) {
    .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-info .mud-button-root:hover {
        background-color:var(--mud-palette-info-hover)
    }
}

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

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

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

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

.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-success .mud-button-root {
    color: var(--mud-palette-success);
    --mud-ripple-color: var(--mud-palette-success)
}

@media(hover: hover)and (pointer: fine) {
    .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-success .mud-button-root:hover {
        background-color:var(--mud-palette-success-hover)
    }
}

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

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

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

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

.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-warning .mud-button-root {
    color: var(--mud-palette-warning);
    --mud-ripple-color: var(--mud-palette-warning)
}

@media(hover: hover)and (pointer: fine) {
    .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-warning .mud-button-root:hover {
        background-color:var(--mud-palette-warning-hover)
    }
}

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

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

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

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

.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-error .mud-button-root {
    color: var(--mud-palette-error);
    --mud-ripple-color: var(--mud-palette-error)
}

@media(hover: hover)and (pointer: fine) {
    .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-error .mud-button-root:hover {
        background-color:var(--mud-palette-error-hover)
    }
}

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

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

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

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

.mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-dark .mud-button-root {
    color: var(--mud-palette-dark);
    --mud-ripple-color: var(--mud-palette-dark)
}

@media(hover: hover)and (pointer: fine) {
    .mud-button-group-text.mud-button-group-override-styles.mud-button-group-text-dark .mud-button-root:hover {
        background-color:var(--mud-palette-dark-hover)
    }
}

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

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

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

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

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

.mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-primary .mud-button-root {
    color: var(--mud-palette-primary);
    border: 1px solid var(--mud-palette-primary);
    --mud-ripple-color: var(--mud-palette-primary)
}

@media(hover: hover)and (pointer: fine) {
    .mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-primary .mud-button-root:hover {
        background-color:var(--mud-palette-primary-hover)
    }
}

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

.mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-secondary .mud-button-root {
    color: var(--mud-palette-secondary);
    border: 1px solid var(--mud-palette-secondary);
    --mud-ripple-color: var(--mud-palette-secondary)
}

@media(hover: hover)and (pointer: fine) {
    .mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-secondary .mud-button-root:hover {
        background-color:var(--mud-palette-secondary-hover)
    }
}

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

.mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-tertiary .mud-button-root {
    color: var(--mud-palette-tertiary);
    border: 1px solid var(--mud-palette-tertiary);
    --mud-ripple-color: var(--mud-palette-tertiary)
}

@media(hover: hover)and (pointer: fine) {
    .mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-tertiary .mud-button-root:hover {
        background-color:var(--mud-palette-tertiary-hover)
    }
}

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

.mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-info .mud-button-root {
    color: var(--mud-palette-info);
    border: 1px solid var(--mud-palette-info);
    --mud-ripple-color: var(--mud-palette-info)
}

@media(hover: hover)and (pointer: fine) {
    .mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-info .mud-button-root:hover {
        background-color:var(--mud-palette-info-hover)
    }
}

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

.mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-success .mud-button-root {
    color: var(--mud-palette-success);
    border: 1px solid var(--mud-palette-success);
    --mud-ripple-color: var(--mud-palette-success)
}

@media(hover: hover)and (pointer: fine) {
    .mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-success .mud-button-root:hover {
        background-color:var(--mud-palette-success-hover)
    }
}

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

.mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-warning .mud-button-root {
    color: var(--mud-palette-warning);
    border: 1px solid var(--mud-palette-warning);
    --mud-ripple-color: var(--mud-palette-warning)
}

@media(hover: hover)and (pointer: fine) {
    .mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-warning .mud-button-root:hover {
        background-color:var(--mud-palette-warning-hover)
    }
}

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

.mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-error .mud-button-root {
    color: var(--mud-palette-error);
    border: 1px solid var(--mud-palette-error);
    --mud-ripple-color: var(--mud-palette-error)
}

@media(hover: hover)and (pointer: fine) {
    .mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-error .mud-button-root:hover {
        background-color:var(--mud-palette-error-hover)
    }
}

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

.mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-dark .mud-button-root {
    color: var(--mud-palette-dark);
    border: 1px solid var(--mud-palette-dark);
    --mud-ripple-color: var(--mud-palette-dark)
}

@media(hover: hover)and (pointer: fine) {
    .mud-button-group-outlined.mud-button-group-override-styles.mud-button-group-outlined-dark .mud-button-root:hover {
        background-color:var(--mud-palette-dark-hover)
    }
}

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

.mud-button-group-filled {
    box-shadow: var(--mud-elevation-2)
}

.mud-button-group-filled .mud-button-root {
    box-shadow: none
}

@media(hover: hover)and (pointer: fine) {
    .mud-button-group-filled .mud-button-root:hover {
        box-shadow:var(--mud-elevation-4)
    }
}

.mud-button-group-filled .mud-button-root:focus-visible,.mud-button-group-filled .mud-button-root:active {
    box-shadow: var(--mud-elevation-4)
}

.mud-button-group-filled.mud-button-group-override-styles .mud-button-root {
    background-color: var(--mud-palette-action-default-hover);
    padding: 6px 16px
}

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

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

.mud-button-group-filled.mud-button-group-override-styles.mud-button-group-vertical .mud-button-root:not(:first-child),.mud-button-group-filled.mud-button-group-override-styles.mud-button-group-vertical>:not(:first-child) .mud-button-root {
    border-top: 1px solid var(--mud-palette-divider)
}

.mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-primary .mud-button-root {
    background-color: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text);
    --mud-ripple-color: var(--mud-palette-primary-text);
    --mud-ripple-opacity: var(--mud-ripple-opacity-secondary)
}

@media(hover: hover)and (pointer: fine) {
    .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-primary .mud-button-root:hover {
        background-color:var(--mud-palette-primary-darken)
    }
}

.mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-primary .mud-button-root:focus-visible,.mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-primary .mud-button-root:active {
    background-color: var(--mud-palette-primary-darken)
}

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

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

.mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-primary.mud-button-group-vertical .mud-button-root:not(:first-child),.mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-primary.mud-button-group-vertical>:not(:first-child) .mud-button-root {
    border-top: 1px solid var(--mud-palette-primary-lighten)
}

.mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-secondary .mud-button-root {
    background-color: var(--mud-palette-secondary);
    color: var(--mud-palette-secondary-text);
    --mud-ripple-color: var(--mud-palette-secondary-text);
    --mud-ripple-opacity: var(--mud-ripple-opacity-secondary)
}

@media(hover: hover)and (pointer: fine) {
    .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-secondary .mud-button-root:hover {
        background-color:var(--mud-palette-secondary-darken)
    }
}

.mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-secondary .mud-button-root:focus-visible,.mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-secondary .mud-button-root:active {
    background-color: var(--mud-palette-secondary-darken)
}

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

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

.mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-secondary.mud-button-group-vertical .mud-button-root:not(:first-child),.mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-secondary.mud-button-group-vertical>:not(:first-child) .mud-button-root {
    border-top: 1px solid var(--mud-palette-secondary-lighten)
}

.mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-tertiary .mud-button-root {
    background-color: var(--mud-palette-tertiary);
    color: var(--mud-palette-tertiary-text);
    --mud-ripple-color: var(--mud-palette-tertiary-text);
    --mud-ripple-opacity: var(--mud-ripple-opacity-secondary)
}

@media(hover: hover)and (pointer: fine) {
    .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-tertiary .mud-button-root:hover {
        background-color:var(--mud-palette-tertiary-darken)
    }
}

.mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-tertiary .mud-button-root:focus-visible,.mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-tertiary .mud-button-root:active {
    background-color: var(--mud-palette-tertiary-darken)
}

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

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

.mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-tertiary.mud-button-group-vertical .mud-button-root:not(:first-child),.mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-tertiary.mud-button-group-vertical>:not(:first-child) .mud-button-root {
    border-top: 1px solid var(--mud-palette-tertiary-lighten)
}

.mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-info .mud-button-root {
    background-color: var(--mud-palette-info);
    color: var(--mud-palette-info-text);
    --mud-ripple-color: var(--mud-palette-info-text);
    --mud-ripple-opacity: var(--mud-ripple-opacity-secondary)
}

@media(hover: hover)and (pointer: fine) {
    .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-info .mud-button-root:hover {
        background-color:var(--mud-palette-info-darken)
    }
}

.mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-info .mud-button-root:focus-visible,.mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-info .mud-button-root:active {
    background-color: var(--mud-palette-info-darken)
}

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

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

.mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-info.mud-button-group-vertical .mud-button-root:not(:first-child),.mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-info.mud-button-group-vertical>:not(:first-child) .mud-button-root {
    border-top: 1px solid var(--mud-palette-info-lighten)
}

.mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-success .mud-button-root {
    background-color: var(--mud-palette-success);
    color: var(--mud-palette-success-text);
    --mud-ripple-color: var(--mud-palette-success-text);
    --mud-ripple-opacity: var(--mud-ripple-opacity-secondary)
}

@media(hover: hover)and (pointer: fine) {
    .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-success .mud-button-root:hover {
        background-color:var(--mud-palette-success-darken)
    }
}

.mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-success .mud-button-root:focus-visible,.mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-success .mud-button-root:active {
    background-color: var(--mud-palette-success-darken)
}

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

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

.mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-success.mud-button-group-vertical .mud-button-root:not(:first-child),.mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-success.mud-button-group-vertical>:not(:first-child) .mud-button-root {
    border-top: 1px solid var(--mud-palette-success-lighten)
}

.mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-warning .mud-button-root {
    background-color: var(--mud-palette-warning);
    color: var(--mud-palette-warning-text);
    --mud-ripple-color: var(--mud-palette-warning-text);
    --mud-ripple-opacity: var(--mud-ripple-opacity-secondary)
}

@media(hover: hover)and (pointer: fine) {
    .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-warning .mud-button-root:hover {
        background-color:var(--mud-palette-warning-darken)
    }
}

.mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-warning .mud-button-root:focus-visible,.mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-warning .mud-button-root:active {
    background-color: var(--mud-palette-warning-darken)
}

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

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

.mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-warning.mud-button-group-vertical .mud-button-root:not(:first-child),.mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-warning.mud-button-group-vertical>:not(:first-child) .mud-button-root {
    border-top: 1px solid var(--mud-palette-warning-lighten)
}

.mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-error .mud-button-root {
    background-color: var(--mud-palette-error);
    color: var(--mud-palette-error-text);
    --mud-ripple-color: var(--mud-palette-error-text);
    --mud-ripple-opacity: var(--mud-ripple-opacity-secondary)
}

@media(hover: hover)and (pointer: fine) {
    .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-error .mud-button-root:hover {
        background-color:var(--mud-palette-error-darken)
    }
}

.mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-error .mud-button-root:focus-visible,.mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-error .mud-button-root:active {
    background-color: var(--mud-palette-error-darken)
}

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

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

.mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-error.mud-button-group-vertical .mud-button-root:not(:first-child),.mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-error.mud-button-group-vertical>:not(:first-child) .mud-button-root {
    border-top: 1px solid var(--mud-palette-error-lighten)
}

.mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-dark .mud-button-root {
    background-color: var(--mud-palette-dark);
    color: var(--mud-palette-dark-text);
    --mud-ripple-color: var(--mud-palette-dark-text);
    --mud-ripple-opacity: var(--mud-ripple-opacity-secondary)
}

@media(hover: hover)and (pointer: fine) {
    .mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-dark .mud-button-root:hover {
        background-color:var(--mud-palette-dark-darken)
    }
}

.mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-dark .mud-button-root:focus-visible,.mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-dark .mud-button-root:active {
    background-color: var(--mud-palette-dark-darken)
}

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

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

.mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-dark.mud-button-group-vertical .mud-button-root:not(:first-child),.mud-button-group-filled.mud-button-group-override-styles.mud-button-group-filled-dark.mud-button-group-vertical>:not(:first-child) .mud-button-root {
    border-top: 1px solid var(--mud-palette-dark-lighten)
}

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

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

.mud-button-group-root.mud-button-group-text-size-small .mud-button-root.mud-icon-button .mud-icon-root {
    font-size: 1.422rem
}

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

.mud-button-group-root.mud-button-group-text-size-large .mud-button-root.mud-icon-button .mud-icon-root {
    font-size: 1.641rem
}

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

.mud-button-group-root.mud-button-group-outlined-size-small .mud-button-root.mud-icon-button {
    padding: 3px 9px
}

.mud-button-group-root.mud-button-group-outlined-size-small .mud-button-root.mud-icon-button .mud-icon-root {
    font-size: 1.422rem
}

.mud-button-group-root.mud-button-group-outlined-size-large .mud-button-root {
    padding: 7px 21px;
    font-size: .9375rem
}

.mud-button-group-root.mud-button-group-outlined-size-large .mud-button-root.mud-icon-button {
    padding: 7px 15px
}

.mud-button-group-root.mud-button-group-outlined-size-large .mud-button-root.mud-icon-button .mud-icon-root {
    font-size: 1.641rem
}

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

.mud-button-group-root.mud-button-group-filled-size-small .mud-button-root.mud-icon-button {
    padding: 4px 10px
}

.mud-button-group-root.mud-button-group-filled-size-small .mud-button-root.mud-icon-button .mud-icon-root {
    font-size: 1.422rem
}

.mud-button-group-root.mud-button-group-filled-size-large .mud-button-root {
    padding: 8px 22px;
    font-size: .9375rem
}

.mud-button-group-root.mud-button-group-filled-size-large .mud-button-root.mud-icon-button {
    padding: 8px 16px
}

.mud-button-group-root.mud-button-group-filled-size-large .mud-button-root.mud-icon-button .mud-icon-root {
    font-size: 1.641rem
}

.mud-button-group-root .mud-button-root.mud-icon-button {
    padding-right: 12px;
    padding-left: 12px
}

.mud-button-group-root .mud-button-root.mud-icon-button .mud-icon-root {
    font-size: 1.516rem
}

.mud-button-group-root .mud-button-root.mud-icon-button.mud-ripple-icon:after {
    transform: scale(10, 10)
}

.mud-button-group-root .mud-button-root.mud-icon-button.mud-ripple-icon:active:after {
    transform: scale(0, 0);
    opacity: .1;
    transition: 0s
}

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

.mud-icon-button.mud-button {
    min-width: unset;
    border-radius: var(--mud-default-borderradius)
}

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

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

.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: -12px;
    margin-inline-start:-12px;margin-inline-end:unset}

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

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

.mud-icon-button-size-small {
    padding: 3px;
    font-size: 1.125rem
}

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

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

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

.mud-checkbox {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    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-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-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-typography {
    margin: 0
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mud-typography-gutterbottom {
    margin-bottom: .35em
}

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

.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 {
    color: var(--mud-palette-text-disabled);
    cursor: default
}

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

.mud-input.mud-input-underline:before {
    left: 0;
    right: 0;
    bottom: 0;
    content: " ";
    position: absolute;
    transition: border-bottom .2s,background-color .2s;
    border-bottom: 1px solid var(--mud-palette-lines-inputs);
    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:after {
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    position: absolute;
    transform: scaleX(0);
    transition: transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;
    border-bottom: 2px solid var(--mud-palette-primary);
    pointer-events: none
}

.mud-input.mud-input-underline.mud-disabled:before {
    border-bottom-style: dotted
}

.mud-input.mud-input-underline.mud-input-error:after {
    transform: scaleX(1);
    border-bottom-color: var(--mud-palette-error)
}

.mud-input.mud-input-filled {
    position: relative;
    transition: background-color 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;
    background-color: rgba(0,0,0,.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}

.mud-input.mud-input-filled.mud-input-underline:before {
    left: 0;
    right: 0;
    bottom: 0;
    content: " ";
    position: absolute;
    transition: border-bottom-color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    border-bottom: 1px solid var(--mud-palette-lines-inputs);
    pointer-events: none
}

.mud-input.mud-input-filled.mud-input-underline:after {
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    position: absolute;
    transform: scaleX(0);
    transition: transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;
    border-bottom: 2px solid var(--mud-palette-primary);
    pointer-events: none
}

@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%;
    border: 0;
    height: 1lh;
    margin: 0;
    display: block;
    padding: 6px 0 7px;
    min-width: 0;
    background: none;
    position: relative;
    box-sizing: content-box;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

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

.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>div.mud-input.mud-input-text.mud-input-text-with-label {
    margin-top: 16px
}

.mud-input-control>.mud-input-control-input-container>.mud-input-label-outlined.mud-input-label-inputcontrol {
    line-height: 18px
}

.mud-input-control>.mud-input-control-input-container>.mud-input-label-inputcontrol {
    color: var(--mud-palette-text-secondary);
    padding: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1;
    letter-spacing: .00938em;
    z-index: 0;
    pointer-events: none
}

.mud-input-control>.mud-input-control-input-container>.mud-input-label-inputcontrol.mud-disabled {
    color: var(--mud-palette-text-disabled)
}

.mud-input-control>.mud-input-control-input-container>.mud-input-label-inputcontrol.mud-input-error {
    color: var(--mud-palette-error) !important
}

.mud-input-control.mud-input-required>.mud-input-control-input-container>.mud-input-label::after {
    content: "*"
}

.mud-input-control.mud-input-number-control input::-webkit-outer-spin-button,.mud-input-control.mud-input-number-control input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.mud-input-control.mud-input-number-control input[type=number] {
    -moz-appearance: textfield
}

.mud-input-control.mud-input-number-control.mud-input-showspin .mud-input:not(.mud-input-adorned-end) input {
    padding-right: 24px;
    padding-inline-end:24px}

.mud-input-control.mud-input-number-control.mud-input-showspin .mud-input:not(.mud-input-adorned-end) input.mud-input-root-margin-dense {
    padding-right: 20px;
    padding-inline-end:20px}

.mud-input-control.mud-input-number-control.mud-input-showspin .mud-input:not(.mud-input-adorned-end).mud-input-text input {
    padding-inline-start:0}

.mud-input-control.mud-input-number-control.mud-input-showspin .mud-input:not(.mud-input-adorned-end).mud-input-text input.mud-input-root-margin-dense {
    padding-inline-start:0}

.mud-input-control.mud-input-number-control.mud-input-showspin .mud-input:not(.mud-input-adorned-end).mud-input-filled input {
    padding-inline-start:12px}

.mud-input-control.mud-input-number-control.mud-input-showspin .mud-input:not(.mud-input-adorned-end).mud-input-filled input.mud-input-root-margin-dense {
    padding-inline-start:12px}

.mud-input-control.mud-input-number-control.mud-input-showspin .mud-input:not(.mud-input-adorned-end).mud-input-outlined input {
    padding-inline-start:14px}

.mud-input-control.mud-input-number-control.mud-input-showspin .mud-input:not(.mud-input-adorned-end).mud-input-outlined input.mud-input-root-margin-dense {
    padding-inline-start:14px}

.mud-input-control.mud-input-number-control .mud-input-numeric-spin {
    display: inline-flex;
    flex-direction: column;
    justify-content: space-between;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0
}

.mud-input-control.mud-input-number-control .mud-input-numeric-spin button {
    padding: 2px;
    min-width: unset;
    min-height: unset
}

.mud-input-control.mud-input-number-control .mud-input-numeric-spin button {
    padding: 2px 0
}

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

.mud-input-helper-text {
    color: var(--mud-palette-text-secondary);
    margin: 0;
    font-size: .75rem;
    text-align: start;
    font-weight: 400;
    line-height: 1.66;
    letter-spacing: .03333em
}

.mud-input-helper-text.mud-input-helper-onfocus {
    transform: translateY(-100%);
    transition: color 200ms cubic-bezier(0, 0, 0.2, 1) 0ms,transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms
}

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

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

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

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

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

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

.mud-input-label {
    display: block;
    transform-origin: top left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%
}

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

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

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

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

.mud-input-label-filled {
    z-index: 1;
    transform: translate(12px, 20px) scale(1);
    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-label-outlined.mud-input-label-margin-dense {
    transform: translate(14px, 12px) scale(1)
}

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

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

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

.mud-shrink~label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-filled,.mud-input:focus-within~label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-filled {
    transform: translate(12px, 10px) scale(0.75);
    max-width: calc(100% - 12px)
}

.mud-shrink~label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-filled.mud-input-label-margin-dense,.mud-input:focus-within~label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-filled.mud-input-label-margin-dense {
    transform: translate(12px, 7px) scale(0.75)
}

.mud-shrink~label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined,.mud-input:focus-within~label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined {
    transform: translate(14px, -6px) scale(0.75);
    max-width: calc(100% - 14px)
}

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

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

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

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

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

.rounded-l-0,.rounded-s-0 {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important
}

.rounded-tl-0,.rounded-ts-0 {
    border-top-left-radius: 0 !important
}

.rounded-tr-0,.rounded-te-0 {
    border-top-right-radius: 0 !important
}

.rounded-br-0,.rounded-be-0 {
    border-bottom-right-radius: 0 !important
}

.rounded-bl-0,.rounded-bs-0 {
    border-bottom-left-radius: 0 !important
}

.mud-application-layout-rtl .rounded-s-0 {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important
}

.mud-application-layout-rtl .rounded-e-0 {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.mud-application-layout-rtl .rounded-ts-0 {
    border-top-right-radius: 0 !important;
    border-top-left-radius: 0 !important
}

.mud-application-layout-rtl .rounded-te-0 {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important
}

.mud-application-layout-rtl .rounded-bs-0 {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important
}

.mud-application-layout-rtl .rounded-be-0 {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.rounded-sm {
    border-radius: 2px !important
}

.rounded-t-sm {
    border-top-left-radius: 2px !important;
    border-top-right-radius: 2px !important
}

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

.rounded-b-sm {
    border-bottom-right-radius: 2px !important;
    border-bottom-left-radius: 2px !important
}

.rounded-l-sm,.rounded-s-sm {
    border-top-left-radius: 2px !important;
    border-bottom-left-radius: 2px !important
}

.rounded-tl-sm,.rounded-ts-sm {
    border-top-left-radius: 2px !important
}

.rounded-tr-sm,.rounded-te-sm {
    border-top-right-radius: 2px !important
}

.rounded-br-sm,.rounded-be-sm {
    border-bottom-right-radius: 2px !important
}

.rounded-bl-sm,.rounded-bs-sm {
    border-bottom-left-radius: 2px !important
}

.mud-application-layout-rtl .rounded-s-sm {
    border-top-right-radius: 2px !important;
    border-bottom-right-radius: 2px !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important
}

.mud-application-layout-rtl .rounded-e-sm {
    border-top-left-radius: 2px !important;
    border-bottom-left-radius: 2px !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.mud-application-layout-rtl .rounded-ts-sm {
    border-top-right-radius: 2px !important;
    border-top-left-radius: 0 !important
}

.mud-application-layout-rtl .rounded-te-sm {
    border-top-left-radius: 2px !important;
    border-top-right-radius: 0 !important
}

.mud-application-layout-rtl .rounded-bs-sm {
    border-bottom-right-radius: 2px !important;
    border-bottom-left-radius: 0 !important
}

.mud-application-layout-rtl .rounded-be-sm {
    border-bottom-left-radius: 2px !important;
    border-bottom-right-radius: 0 !important
}

.rounded-lg {
    border-radius: 8px !important
}

.rounded-t-lg {
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important
}

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

.rounded-b-lg {
    border-bottom-right-radius: 8px !important;
    border-bottom-left-radius: 8px !important
}

.rounded-l-lg,.rounded-s-lg {
    border-top-left-radius: 8px !important;
    border-bottom-left-radius: 8px !important
}

.rounded-tl-lg,.rounded-ts-lg {
    border-top-left-radius: 8px !important
}

.rounded-tr-lg,.rounded-te-lg {
    border-top-right-radius: 8px !important
}

.rounded-br-lg,.rounded-be-lg {
    border-bottom-right-radius: 8px !important
}

.rounded-bl-lg,.rounded-bs-lg {
    border-bottom-left-radius: 8px !important
}

.mud-application-layout-rtl .rounded-s-lg {
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important
}

.mud-application-layout-rtl .rounded-e-lg {
    border-top-left-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.mud-application-layout-rtl .rounded-ts-lg {
    border-top-right-radius: 8px !important;
    border-top-left-radius: 0 !important
}

.mud-application-layout-rtl .rounded-te-lg {
    border-top-left-radius: 8px !important;
    border-top-right-radius: 0 !important
}

.mud-application-layout-rtl .rounded-bs-lg {
    border-bottom-right-radius: 8px !important;
    border-bottom-left-radius: 0 !important
}

.mud-application-layout-rtl .rounded-be-lg {
    border-bottom-left-radius: 8px !important;
    border-bottom-right-radius: 0 !important
}

.rounded-xl {
    border-radius: 24px !important
}

.rounded-t-xl {
    border-top-left-radius: 24px !important;
    border-top-right-radius: 24px !important
}

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

.rounded-b-xl {
    border-bottom-right-radius: 24px !important;
    border-bottom-left-radius: 24px !important
}

.rounded-l-xl,.rounded-s-xl {
    border-top-left-radius: 24px !important;
    border-bottom-left-radius: 24px !important
}

.rounded-tl-xl,.rounded-ts-xl {
    border-top-left-radius: 24px !important
}

.rounded-tr-xl,.rounded-te-xl {
    border-top-right-radius: 24px !important
}

.rounded-br-xl,.rounded-be-xl {
    border-bottom-right-radius: 24px !important
}

.rounded-bl-xl,.rounded-bs-xl {
    border-bottom-left-radius: 24px !important
}

.mud-application-layout-rtl .rounded-s-xl {
    border-top-right-radius: 24px !important;
    border-bottom-right-radius: 24px !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important
}

.mud-application-layout-rtl .rounded-e-xl {
    border-top-left-radius: 24px !important;
    border-bottom-left-radius: 24px !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.mud-application-layout-rtl .rounded-ts-xl {
    border-top-right-radius: 24px !important;
    border-top-left-radius: 0 !important
}

.mud-application-layout-rtl .rounded-te-xl {
    border-top-left-radius: 24px !important;
    border-top-right-radius: 0 !important
}

.mud-application-layout-rtl .rounded-bs-xl {
    border-bottom-right-radius: 24px !important;
    border-bottom-left-radius: 0 !important
}

.mud-application-layout-rtl .rounded-be-xl {
    border-bottom-left-radius: 24px !important;
    border-bottom-right-radius: 0 !important
}

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

.rounded-t {
    border-top-left-radius: var(--mud-default-borderradius) !important;
    border-top-right-radius: var(--mud-default-borderradius) !important
}

.rounded-r,.rounded-e {
    border-top-right-radius: var(--mud-default-borderradius) !important;
    border-bottom-right-radius: var(--mud-default-borderradius) !important
}

.rounded-b {
    border-bottom-right-radius: var(--mud-default-borderradius) !important;
    border-bottom-left-radius: var(--mud-default-borderradius) !important
}

.rounded-l,.rounded-s {
    border-top-left-radius: var(--mud-default-borderradius) !important;
    border-bottom-left-radius: var(--mud-default-borderradius) !important
}

.rounded-tl,.rounded-ts {
    border-top-left-radius: var(--mud-default-borderradius) !important
}

.rounded-tr,.rounded-te {
    border-top-right-radius: var(--mud-default-borderradius) !important
}

.rounded-br,.rounded-be {
    border-bottom-right-radius: var(--mud-default-borderradius) !important
}

.rounded-bl,.rounded-bs {
    border-bottom-left-radius: var(--mud-default-borderradius) !important
}

.mud-application-layout-rtl .rounded-s {
    border-top-right-radius: var(--mud-default-borderradius) !important;
    border-bottom-right-radius: var(--mud-default-borderradius) !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important
}

.mud-application-layout-rtl .rounded-e {
    border-top-left-radius: var(--mud-default-borderradius) !important;
    border-bottom-left-radius: var(--mud-default-borderradius) !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.mud-application-layout-rtl .rounded-ts {
    border-top-right-radius: var(--mud-default-borderradius) !important;
    border-top-left-radius: 0 !important
}

.mud-application-layout-rtl .rounded-te {
    border-top-left-radius: var(--mud-default-borderradius) !important;
    border-top-right-radius: 0 !important
}

.mud-application-layout-rtl .rounded-bs {
    border-bottom-right-radius: var(--mud-default-borderradius) !important;
    border-bottom-left-radius: 0 !important
}

.mud-application-layout-rtl .rounded-be {
    border-bottom-left-radius: var(--mud-default-borderradius) !important;
    border-bottom-right-radius: 0 !important
}

.rounded-circle {
    border-radius: 50% !important
}

.rounded-pill {
    border-radius: 9999px !important
}

.border-solid {
    border-style: solid !important
}

.border-dashed {
    border-style: dashed !important
}

.border-dotted {
    border-style: dotted !important
}

.border-double {
    border-style: double !important
}

.border-hidden {
    border-style: hidden !important
}

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

.border-0 {
    border-width: 0px !important
}

.border-t-0 {
    border-top-width: 0px !important
}

.border-r-0 {
    border-right-width: 0px !important
}

.border-b-0 {
    border-bottom-width: 0px !important
}

.border-l-0 {
    border-left-width: 0px !important
}

.border-x-0 {
    border-left-width: 0px !important;
    border-right-width: 0px !important
}

.border-y-0 {
    border-top-width: 0px !important;
    border-bottom-width: 0px !important
}

.border {
    border-width: 1px !important
}

.border-t {
    border-top-width: 1px !important
}

.border-r {
    border-right-width: 1px !important
}

.border-b {
    border-bottom-width: 1px !important
}

.border-l {
    border-left-width: 1px !important
}

.border-x {
    border-left-width: 1px !important;
    border-right-width: 1px !important
}

.border-y {
    border-top-width: 1px !important;
    border-bottom-width: 1px !important
}

.border-2 {
    border-width: 2px !important
}

.border-t-2 {
    border-top-width: 2px !important
}

.border-r-2 {
    border-right-width: 2px !important
}

.border-b-2 {
    border-bottom-width: 2px !important
}

.border-l-2 {
    border-left-width: 2px !important
}

.border-x-2 {
    border-left-width: 2px !important;
    border-right-width: 2px !important
}

.border-y-2 {
    border-top-width: 2px !important;
    border-bottom-width: 2px !important
}

.border-4 {
    border-width: 4px !important
}

.border-t-4 {
    border-top-width: 4px !important
}

.border-r-4 {
    border-right-width: 4px !important
}

.border-b-4 {
    border-bottom-width: 4px !important
}

.border-l-4 {
    border-left-width: 4px !important
}

.border-x-4 {
    border-left-width: 4px !important;
    border-right-width: 4px !important
}

.border-y-4 {
    border-top-width: 4px !important;
    border-bottom-width: 4px !important
}

.border-8 {
    border-width: 8px !important
}

.border-t-8 {
    border-top-width: 8px !important
}

.border-r-8 {
    border-right-width: 8px !important
}

.border-b-8 {
    border-bottom-width: 8px !important
}

.border-l-8 {
    border-left-width: 8px !important
}

.border-x-8 {
    border-left-width: 8px !important;
    border-right-width: 8px !important
}

.border-y-8 {
    border-top-width: 8px !important;
    border-bottom-width: 8px !important
}

.outline-none {
    outline-style: none
}

.outline-solid {
    outline-style: solid
}

.outline-dashed {
    outline-style: dashed
}

.outline-dotted {
    outline-style: dotted
}

.outline-double {
    outline-style: double
}

.outline-hidden {
    outline-style: hidden
}

.flex-1 {
    flex: 1 1 0% !important
}

.flex-auto {
    flex: 1 1 auto !important
}

.flex-initial {
    flex: 0 1 auto !important
}

.flex-none {
    flex: none !important
}

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

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

.flex-column {
    flex-direction: column !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-grow-0 {
    flex-grow: 0 !important
}

.flex-grow-1 {
    flex-grow: 1 !important
}

.flex-grow-start>*:first-child {
    flex-grow: 1 !important
}

.flex-grow-end>*:last-child {
    flex-grow: 1 !important
}

.flex-grow-start-and-end>:first-child,.flex-grow-start-and-end>:last-child {
    flex-grow: 1 !important
}

.flex-grow-middle>*:not(:first-child):not(:last-child) {
    flex-grow: 1 !important
}

.flex-grow-all>* {
    flex-grow: 1 !important
}

.flex-shrink-0 {
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    flex-shrink: 1 !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.justify-start {
    justify-content: flex-start !important
}

.justify-end {
    justify-content: flex-end !important
}

.justify-center {
    justify-content: center !important
}

.justify-space-between {
    justify-content: space-between !important
}

.justify-space-around {
    justify-content: space-around !important
}

.justify-space-evenly {
    justify-content: space-evenly !important
}

.order-first {
    order: -9999 !important
}

.order-last {
    order: 9999 !important
}

.order-0 {
    order: 0 !important
}

.order-1 {
    order: 1 !important
}

.order-2 {
    order: 2 !important
}

.order-3 {
    order: 3 !important
}

.order-4 {
    order: 4 !important
}

.order-5 {
    order: 5 !important
}

.order-6 {
    order: 6 !important
}

.order-7 {
    order: 7 !important
}

.order-8 {
    order: 8 !important
}

.order-9 {
    order: 9 !important
}

.order-10 {
    order: 10 !important
}

.order-11 {
    order: 11 !important
}

.order-12 {
    order: 12 !important
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

.align-content-center {
    align-content: center !important
}

.align-content-space-between {
    align-content: space-between !important
}

.align-content-space-around {
    align-content: space-around !important
}

.align-content-stretch {
    align-content: stretch !important
}

.align-start {
    align-items: flex-start !important
}

.align-end {
    align-items: flex-end !important
}

.align-center {
    align-items: center !important
}

.align-baseline {
    align-items: baseline !important
}

.align-stretch {
    align-items: stretch !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

.align-self-center {
    align-self: center !important
}

.align-self-stretch {
    align-self: stretch !important
}

.gap-0 {
    gap: 0px
}

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

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

.gap-1 {
    gap: 4px
}

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

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

.gap-2 {
    gap: 8px
}

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

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

.gap-3 {
    gap: 12px
}

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

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

.gap-4 {
    gap: 16px
}

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

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

.gap-5 {
    gap: 20px
}

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

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

.gap-6 {
    gap: 24px
}

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

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

.gap-7 {
    gap: 28px
}

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

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

.gap-8 {
    gap: 32px
}

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

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

.gap-9 {
    gap: 36px
}

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

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

.gap-10 {
    gap: 40px
}

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

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

.gap-11 {
    gap: 44px
}

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

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

.gap-12 {
    gap: 48px
}

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

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

.gap-13 {
    gap: 52px
}

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

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

.gap-14 {
    gap: 56px
}

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

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

.gap-15 {
    gap: 60px
}

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

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

.gap-16 {
    gap: 64px
}

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

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

.gap-17 {
    gap: 68px
}

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

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

.gap-18 {
    gap: 72px
}

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

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

.gap-19 {
    gap: 76px
}

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

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

.gap-20 {
    gap: 80px
}

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

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

@media(min-width: 600px) {
    .flex-sm-1 {
        flex:1 1 0% !important
    }

    .flex-sm-auto {
        flex: 1 1 auto !important
    }

    .flex-sm-initial {
        flex: 0 1 auto !important
    }

    .flex-sm-none {
        flex: none !important
    }

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

    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-sm-column {
        flex-direction: column !important
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-sm-grow-0 {
        flex-grow: 0 !important
    }

    .flex-sm-grow-1 {
        flex-grow: 1 !important
    }

    .flex-sm-grow-start>*:first-child {
        flex-grow: 1 !important
    }

    .flex-sm-grow-end>*:last-child {
        flex-grow: 1 !important
    }

    .flex-sm-grow-start-and-end>:first-child,.flex-sm-grow-start-and-end>:last-child {
        flex-grow: 1 !important
    }

    .flex-sm-grow-middle>*:not(:first-child):not(:last-child) {
        flex-grow: 1 !important
    }

    .flex-sm-grow-all>* {
        flex-grow: 1 !important
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-sm-wrap {
        flex-wrap: wrap !important
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-sm-start {
        justify-content: flex-start !important
    }

    .justify-sm-end {
        justify-content: flex-end !important
    }

    .justify-sm-center {
        justify-content: center !important
    }

    .justify-sm-space-between {
        justify-content: space-between !important
    }

    .justify-sm-space-around {
        justify-content: space-around !important
    }

    .justify-sm-space-evenly {
        justify-content: space-evenly !important
    }

    .order-sm-first {
        order: -9999 !important
    }

    .order-sm-last {
        order: 9999 !important
    }

    .order-sm-0 {
        order: 0 !important
    }

    .order-sm-1 {
        order: 1 !important
    }

    .order-sm-2 {
        order: 2 !important
    }

    .order-sm-3 {
        order: 3 !important
    }

    .order-sm-4 {
        order: 4 !important
    }

    .order-sm-5 {
        order: 5 !important
    }

    .order-sm-6 {
        order: 6 !important
    }

    .order-sm-7 {
        order: 7 !important
    }

    .order-sm-8 {
        order: 8 !important
    }

    .order-sm-9 {
        order: 9 !important
    }

    .order-sm-10 {
        order: 10 !important
    }

    .order-sm-11 {
        order: 11 !important
    }

    .order-sm-12 {
        order: 12 !important
    }

    .align-content-sm-start {
        align-content: flex-start !important
    }

    .align-content-sm-end {
        align-content: flex-end !important
    }

    .align-content-sm-center {
        align-content: center !important
    }

    .align-content-sm-space-between {
        align-content: space-between !important
    }

    .align-content-sm-space-around {
        align-content: space-around !important
    }

    .align-content-sm-stretch {
        align-content: stretch !important
    }

    .align-sm-start {
        align-items: flex-start !important
    }

    .align-sm-end {
        align-items: flex-end !important
    }

    .align-sm-center {
        align-items: center !important
    }

    .align-sm-baseline {
        align-items: baseline !important
    }

    .align-sm-stretch {
        align-items: stretch !important
    }

    .align-self-sm-auto {
        align-self: auto !important
    }

    .align-self-sm-start {
        align-self: flex-start !important
    }

    .align-self-sm-end {
        align-self: flex-end !important
    }

    .align-self-sm-center {
        align-self: center !important
    }

    .align-self-sm-stretch {
        align-self: stretch !important
    }

    .gap-sm-0 {
        gap: 0px
    }

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

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

    .gap-sm-1 {
        gap: 4px
    }

    .gap-x-sm-1 {
        column-gap: 4px
    }

    .gap-y-sm-1 {
        row-gap: 4px
    }

    .gap-sm-2 {
        gap: 8px
    }

    .gap-x-sm-2 {
        column-gap: 8px
    }

    .gap-y-sm-2 {
        row-gap: 8px
    }

    .gap-sm-3 {
        gap: 12px
    }

    .gap-x-sm-3 {
        column-gap: 12px
    }

    .gap-y-sm-3 {
        row-gap: 12px
    }

    .gap-sm-4 {
        gap: 16px
    }

    .gap-x-sm-4 {
        column-gap: 16px
    }

    .gap-y-sm-4 {
        row-gap: 16px
    }

    .gap-sm-5 {
        gap: 20px
    }

    .gap-x-sm-5 {
        column-gap: 20px
    }

    .gap-y-sm-5 {
        row-gap: 20px
    }

    .gap-sm-6 {
        gap: 24px
    }

    .gap-x-sm-6 {
        column-gap: 24px
    }

    .gap-y-sm-6 {
        row-gap: 24px
    }

    .gap-sm-7 {
        gap: 28px
    }

    .gap-x-sm-7 {
        column-gap: 28px
    }

    .gap-y-sm-7 {
        row-gap: 28px
    }

    .gap-sm-8 {
        gap: 32px
    }

    .gap-x-sm-8 {
        column-gap: 32px
    }

    .gap-y-sm-8 {
        row-gap: 32px
    }

    .gap-sm-9 {
        gap: 36px
    }

    .gap-x-sm-9 {
        column-gap: 36px
    }

    .gap-y-sm-9 {
        row-gap: 36px
    }

    .gap-sm-10 {
        gap: 40px
    }

    .gap-x-sm-10 {
        column-gap: 40px
    }

    .gap-y-sm-10 {
        row-gap: 40px
    }

    .gap-sm-11 {
        gap: 44px
    }

    .gap-x-sm-11 {
        column-gap: 44px
    }

    .gap-y-sm-11 {
        row-gap: 44px
    }

    .gap-sm-12 {
        gap: 48px
    }

    .gap-x-sm-12 {
        column-gap: 48px
    }

    .gap-y-sm-12 {
        row-gap: 48px
    }

    .gap-sm-13 {
        gap: 52px
    }

    .gap-x-sm-13 {
        column-gap: 52px
    }

    .gap-y-sm-13 {
        row-gap: 52px
    }

    .gap-sm-14 {
        gap: 56px
    }

    .gap-x-sm-14 {
        column-gap: 56px
    }

    .gap-y-sm-14 {
        row-gap: 56px
    }

    .gap-sm-15 {
        gap: 60px
    }

    .gap-x-sm-15 {
        column-gap: 60px
    }

    .gap-y-sm-15 {
        row-gap: 60px
    }

    .gap-sm-16 {
        gap: 64px
    }

    .gap-x-sm-16 {
        column-gap: 64px
    }

    .gap-y-sm-16 {
        row-gap: 64px
    }

    .gap-sm-17 {
        gap: 68px
    }

    .gap-x-sm-17 {
        column-gap: 68px
    }

    .gap-y-sm-17 {
        row-gap: 68px
    }

    .gap-sm-18 {
        gap: 72px
    }

    .gap-x-sm-18 {
        column-gap: 72px
    }

    .gap-y-sm-18 {
        row-gap: 72px
    }

    .gap-sm-19 {
        gap: 76px
    }

    .gap-x-sm-19 {
        column-gap: 76px
    }

    .gap-y-sm-19 {
        row-gap: 76px
    }

    .gap-sm-20 {
        gap: 80px
    }

    .gap-x-sm-20 {
        column-gap: 80px
    }

    .gap-y-sm-20 {
        row-gap: 80px
    }
}

@media(min-width: 960px) {
    .flex-md-1 {
        flex:1 1 0% !important
    }

    .flex-md-auto {
        flex: 1 1 auto !important
    }

    .flex-md-initial {
        flex: 0 1 auto !important
    }

    .flex-md-none {
        flex: none !important
    }

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

    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-md-column {
        flex-direction: column !important
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-md-grow-0 {
        flex-grow: 0 !important
    }

    .flex-md-grow-1 {
        flex-grow: 1 !important
    }

    .flex-md-grow-start>*:first-child {
        flex-grow: 1 !important
    }

    .flex-md-grow-end>*:last-child {
        flex-grow: 1 !important
    }

    .flex-md-grow-start-and-end>:first-child,.flex-md-grow-start-and-end>:last-child {
        flex-grow: 1 !important
    }

    .flex-md-grow-middle>*:not(:first-child):not(:last-child) {
        flex-grow: 1 !important
    }

    .flex-md-grow-all>* {
        flex-grow: 1 !important
    }

    .flex-md-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-md-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-md-wrap {
        flex-wrap: wrap !important
    }

    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-md-start {
        justify-content: flex-start !important
    }

    .justify-md-end {
        justify-content: flex-end !important
    }

    .justify-md-center {
        justify-content: center !important
    }

    .justify-md-space-between {
        justify-content: space-between !important
    }

    .justify-md-space-around {
        justify-content: space-around !important
    }

    .justify-md-space-evenly {
        justify-content: space-evenly !important
    }

    .order-md-first {
        order: -9999 !important
    }

    .order-md-last {
        order: 9999 !important
    }

    .order-md-0 {
        order: 0 !important
    }

    .order-md-1 {
        order: 1 !important
    }

    .order-md-2 {
        order: 2 !important
    }

    .order-md-3 {
        order: 3 !important
    }

    .order-md-4 {
        order: 4 !important
    }

    .order-md-5 {
        order: 5 !important
    }

    .order-md-6 {
        order: 6 !important
    }

    .order-md-7 {
        order: 7 !important
    }

    .order-md-8 {
        order: 8 !important
    }

    .order-md-9 {
        order: 9 !important
    }

    .order-md-10 {
        order: 10 !important
    }

    .order-md-11 {
        order: 11 !important
    }

    .order-md-12 {
        order: 12 !important
    }

    .align-content-md-start {
        align-content: flex-start !important
    }

    .align-content-md-end {
        align-content: flex-end !important
    }

    .align-content-md-center {
        align-content: center !important
    }

    .align-content-md-space-between {
        align-content: space-between !important
    }

    .align-content-md-space-around {
        align-content: space-around !important
    }

    .align-content-md-stretch {
        align-content: stretch !important
    }

    .align-md-start {
        align-items: flex-start !important
    }

    .align-md-end {
        align-items: flex-end !important
    }

    .align-md-center {
        align-items: center !important
    }

    .align-md-baseline {
        align-items: baseline !important
    }

    .align-md-stretch {
        align-items: stretch !important
    }

    .align-self-md-auto {
        align-self: auto !important
    }

    .align-self-md-start {
        align-self: flex-start !important
    }

    .align-self-md-end {
        align-self: flex-end !important
    }

    .align-self-md-center {
        align-self: center !important
    }

    .align-self-md-stretch {
        align-self: stretch !important
    }

    .gap-md-0 {
        gap: 0px
    }

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

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

    .gap-md-1 {
        gap: 4px
    }

    .gap-x-md-1 {
        column-gap: 4px
    }

    .gap-y-md-1 {
        row-gap: 4px
    }

    .gap-md-2 {
        gap: 8px
    }

    .gap-x-md-2 {
        column-gap: 8px
    }

    .gap-y-md-2 {
        row-gap: 8px
    }

    .gap-md-3 {
        gap: 12px
    }

    .gap-x-md-3 {
        column-gap: 12px
    }

    .gap-y-md-3 {
        row-gap: 12px
    }

    .gap-md-4 {
        gap: 16px
    }

    .gap-x-md-4 {
        column-gap: 16px
    }

    .gap-y-md-4 {
        row-gap: 16px
    }

    .gap-md-5 {
        gap: 20px
    }

    .gap-x-md-5 {
        column-gap: 20px
    }

    .gap-y-md-5 {
        row-gap: 20px
    }

    .gap-md-6 {
        gap: 24px
    }

    .gap-x-md-6 {
        column-gap: 24px
    }

    .gap-y-md-6 {
        row-gap: 24px
    }

    .gap-md-7 {
        gap: 28px
    }

    .gap-x-md-7 {
        column-gap: 28px
    }

    .gap-y-md-7 {
        row-gap: 28px
    }

    .gap-md-8 {
        gap: 32px
    }

    .gap-x-md-8 {
        column-gap: 32px
    }

    .gap-y-md-8 {
        row-gap: 32px
    }

    .gap-md-9 {
        gap: 36px
    }

    .gap-x-md-9 {
        column-gap: 36px
    }

    .gap-y-md-9 {
        row-gap: 36px
    }

    .gap-md-10 {
        gap: 40px
    }

    .gap-x-md-10 {
        column-gap: 40px
    }

    .gap-y-md-10 {
        row-gap: 40px
    }

    .gap-md-11 {
        gap: 44px
    }

    .gap-x-md-11 {
        column-gap: 44px
    }

    .gap-y-md-11 {
        row-gap: 44px
    }

    .gap-md-12 {
        gap: 48px
    }

    .gap-x-md-12 {
        column-gap: 48px
    }

    .gap-y-md-12 {
        row-gap: 48px
    }

    .gap-md-13 {
        gap: 52px
    }

    .gap-x-md-13 {
        column-gap: 52px
    }

    .gap-y-md-13 {
        row-gap: 52px
    }

    .gap-md-14 {
        gap: 56px
    }

    .gap-x-md-14 {
        column-gap: 56px
    }

    .gap-y-md-14 {
        row-gap: 56px
    }

    .gap-md-15 {
        gap: 60px
    }

    .gap-x-md-15 {
        column-gap: 60px
    }

    .gap-y-md-15 {
        row-gap: 60px
    }

    .gap-md-16 {
        gap: 64px
    }

    .gap-x-md-16 {
        column-gap: 64px
    }

    .gap-y-md-16 {
        row-gap: 64px
    }

    .gap-md-17 {
        gap: 68px
    }

    .gap-x-md-17 {
        column-gap: 68px
    }

    .gap-y-md-17 {
        row-gap: 68px
    }

    .gap-md-18 {
        gap: 72px
    }

    .gap-x-md-18 {
        column-gap: 72px
    }

    .gap-y-md-18 {
        row-gap: 72px
    }

    .gap-md-19 {
        gap: 76px
    }

    .gap-x-md-19 {
        column-gap: 76px
    }

    .gap-y-md-19 {
        row-gap: 76px
    }

    .gap-md-20 {
        gap: 80px
    }

    .gap-x-md-20 {
        column-gap: 80px
    }

    .gap-y-md-20 {
        row-gap: 80px
    }
}

@media(min-width: 1280px) {
    .flex-lg-1 {
        flex:1 1 0% !important
    }

    .flex-lg-auto {
        flex: 1 1 auto !important
    }

    .flex-lg-initial {
        flex: 0 1 auto !important
    }

    .flex-lg-none {
        flex: none !important
    }

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

    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-lg-column {
        flex-direction: column !important
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-lg-grow-0 {
        flex-grow: 0 !important
    }

    .flex-lg-grow-1 {
        flex-grow: 1 !important
    }

    .flex-lg-grow-start>*:first-child {
        flex-grow: 1 !important
    }

    .flex-lg-grow-end>*:last-child {
        flex-grow: 1 !important
    }

    .flex-lg-grow-start-and-end>:first-child,.flex-lg-grow-start-and-end>:last-child {
        flex-grow: 1 !important
    }

    .flex-lg-grow-middle>*:not(:first-child):not(:last-child) {
        flex-grow: 1 !important
    }

    .flex-lg-grow-all>* {
        flex-grow: 1 !important
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-lg-wrap {
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-lg-start {
        justify-content: flex-start !important
    }

    .justify-lg-end {
        justify-content: flex-end !important
    }

    .justify-lg-center {
        justify-content: center !important
    }

    .justify-lg-space-between {
        justify-content: space-between !important
    }

    .justify-lg-space-around {
        justify-content: space-around !important
    }

    .justify-lg-space-evenly {
        justify-content: space-evenly !important
    }

    .order-lg-first {
        order: -9999 !important
    }

    .order-lg-last {
        order: 9999 !important
    }

    .order-lg-0 {
        order: 0 !important
    }

    .order-lg-1 {
        order: 1 !important
    }

    .order-lg-2 {
        order: 2 !important
    }

    .order-lg-3 {
        order: 3 !important
    }

    .order-lg-4 {
        order: 4 !important
    }

    .order-lg-5 {
        order: 5 !important
    }

    .order-lg-6 {
        order: 6 !important
    }

    .order-lg-7 {
        order: 7 !important
    }

    .order-lg-8 {
        order: 8 !important
    }

    .order-lg-9 {
        order: 9 !important
    }

    .order-lg-10 {
        order: 10 !important
    }

    .order-lg-11 {
        order: 11 !important
    }

    .order-lg-12 {
        order: 12 !important
    }

    .align-content-lg-start {
        align-content: flex-start !important
    }

    .align-content-lg-end {
        align-content: flex-end !important
    }

    .align-content-lg-center {
        align-content: center !important
    }

    .align-content-lg-space-between {
        align-content: space-between !important
    }

    .align-content-lg-space-around {
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        align-content: stretch !important
    }

    .align-lg-start {
        align-items: flex-start !important
    }

    .align-lg-end {
        align-items: flex-end !important
    }

    .align-lg-center {
        align-items: center !important
    }

    .align-lg-baseline {
        align-items: baseline !important
    }

    .align-lg-stretch {
        align-items: stretch !important
    }

    .align-self-lg-auto {
        align-self: auto !important
    }

    .align-self-lg-start {
        align-self: flex-start !important
    }

    .align-self-lg-end {
        align-self: flex-end !important
    }

    .align-self-lg-center {
        align-self: center !important
    }

    .align-self-lg-stretch {
        align-self: stretch !important
    }

    .gap-lg-0 {
        gap: 0px
    }

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

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

    .gap-lg-1 {
        gap: 4px
    }

    .gap-x-lg-1 {
        column-gap: 4px
    }

    .gap-y-lg-1 {
        row-gap: 4px
    }

    .gap-lg-2 {
        gap: 8px
    }

    .gap-x-lg-2 {
        column-gap: 8px
    }

    .gap-y-lg-2 {
        row-gap: 8px
    }

    .gap-lg-3 {
        gap: 12px
    }

    .gap-x-lg-3 {
        column-gap: 12px
    }

    .gap-y-lg-3 {
        row-gap: 12px
    }

    .gap-lg-4 {
        gap: 16px
    }

    .gap-x-lg-4 {
        column-gap: 16px
    }

    .gap-y-lg-4 {
        row-gap: 16px
    }

    .gap-lg-5 {
        gap: 20px
    }

    .gap-x-lg-5 {
        column-gap: 20px
    }

    .gap-y-lg-5 {
        row-gap: 20px
    }

    .gap-lg-6 {
        gap: 24px
    }

    .gap-x-lg-6 {
        column-gap: 24px
    }

    .gap-y-lg-6 {
        row-gap: 24px
    }

    .gap-lg-7 {
        gap: 28px
    }

    .gap-x-lg-7 {
        column-gap: 28px
    }

    .gap-y-lg-7 {
        row-gap: 28px
    }

    .gap-lg-8 {
        gap: 32px
    }

    .gap-x-lg-8 {
        column-gap: 32px
    }

    .gap-y-lg-8 {
        row-gap: 32px
    }

    .gap-lg-9 {
        gap: 36px
    }

    .gap-x-lg-9 {
        column-gap: 36px
    }

    .gap-y-lg-9 {
        row-gap: 36px
    }

    .gap-lg-10 {
        gap: 40px
    }

    .gap-x-lg-10 {
        column-gap: 40px
    }

    .gap-y-lg-10 {
        row-gap: 40px
    }

    .gap-lg-11 {
        gap: 44px
    }

    .gap-x-lg-11 {
        column-gap: 44px
    }

    .gap-y-lg-11 {
        row-gap: 44px
    }

    .gap-lg-12 {
        gap: 48px
    }

    .gap-x-lg-12 {
        column-gap: 48px
    }

    .gap-y-lg-12 {
        row-gap: 48px
    }

    .gap-lg-13 {
        gap: 52px
    }

    .gap-x-lg-13 {
        column-gap: 52px
    }

    .gap-y-lg-13 {
        row-gap: 52px
    }

    .gap-lg-14 {
        gap: 56px
    }

    .gap-x-lg-14 {
        column-gap: 56px
    }

    .gap-y-lg-14 {
        row-gap: 56px
    }

    .gap-lg-15 {
        gap: 60px
    }

    .gap-x-lg-15 {
        column-gap: 60px
    }

    .gap-y-lg-15 {
        row-gap: 60px
    }

    .gap-lg-16 {
        gap: 64px
    }

    .gap-x-lg-16 {
        column-gap: 64px
    }

    .gap-y-lg-16 {
        row-gap: 64px
    }

    .gap-lg-17 {
        gap: 68px
    }

    .gap-x-lg-17 {
        column-gap: 68px
    }

    .gap-y-lg-17 {
        row-gap: 68px
    }

    .gap-lg-18 {
        gap: 72px
    }

    .gap-x-lg-18 {
        column-gap: 72px
    }

    .gap-y-lg-18 {
        row-gap: 72px
    }

    .gap-lg-19 {
        gap: 76px
    }

    .gap-x-lg-19 {
        column-gap: 76px
    }

    .gap-y-lg-19 {
        row-gap: 76px
    }

    .gap-lg-20 {
        gap: 80px
    }

    .gap-x-lg-20 {
        column-gap: 80px
    }

    .gap-y-lg-20 {
        row-gap: 80px
    }
}

@media(min-width: 1920px) {
    .flex-xl-1 {
        flex:1 1 0% !important
    }

    .flex-xl-auto {
        flex: 1 1 auto !important
    }

    .flex-xl-initial {
        flex: 0 1 auto !important
    }

    .flex-xl-none {
        flex: none !important
    }

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

    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xl-column {
        flex-direction: column !important
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xl-grow-1 {
        flex-grow: 1 !important
    }

    .flex-xl-grow-start>*:first-child {
        flex-grow: 1 !important
    }

    .flex-xl-grow-end>*:last-child {
        flex-grow: 1 !important
    }

    .flex-xl-grow-start-and-end>:first-child,.flex-xl-grow-start-and-end>:last-child {
        flex-grow: 1 !important
    }

    .flex-xl-grow-middle>*:not(:first-child):not(:last-child) {
        flex-grow: 1 !important
    }

    .flex-xl-grow-all>* {
        flex-grow: 1 !important
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-xl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-xl-start {
        justify-content: flex-start !important
    }

    .justify-xl-end {
        justify-content: flex-end !important
    }

    .justify-xl-center {
        justify-content: center !important
    }

    .justify-xl-space-between {
        justify-content: space-between !important
    }

    .justify-xl-space-around {
        justify-content: space-around !important
    }

    .justify-xl-space-evenly {
        justify-content: space-evenly !important
    }

    .order-xl-first {
        order: -9999 !important
    }

    .order-xl-last {
        order: 9999 !important
    }

    .order-xl-0 {
        order: 0 !important
    }

    .order-xl-1 {
        order: 1 !important
    }

    .order-xl-2 {
        order: 2 !important
    }

    .order-xl-3 {
        order: 3 !important
    }

    .order-xl-4 {
        order: 4 !important
    }

    .order-xl-5 {
        order: 5 !important
    }

    .order-xl-6 {
        order: 6 !important
    }

    .order-xl-7 {
        order: 7 !important
    }

    .order-xl-8 {
        order: 8 !important
    }

    .order-xl-9 {
        order: 9 !important
    }

    .order-xl-10 {
        order: 10 !important
    }

    .order-xl-11 {
        order: 11 !important
    }

    .order-xl-12 {
        order: 12 !important
    }

    .align-content-xl-start {
        align-content: flex-start !important
    }

    .align-content-xl-end {
        align-content: flex-end !important
    }

    .align-content-xl-center {
        align-content: center !important
    }

    .align-content-xl-space-between {
        align-content: space-between !important
    }

    .align-content-xl-space-around {
        align-content: space-around !important
    }

    .align-content-xl-stretch {
        align-content: stretch !important
    }

    .align-xl-start {
        align-items: flex-start !important
    }

    .align-xl-end {
        align-items: flex-end !important
    }

    .align-xl-center {
        align-items: center !important
    }

    .align-xl-baseline {
        align-items: baseline !important
    }

    .align-xl-stretch {
        align-items: stretch !important
    }

    .align-self-xl-auto {
        align-self: auto !important
    }

    .align-self-xl-start {
        align-self: flex-start !important
    }

    .align-self-xl-end {
        align-self: flex-end !important
    }

    .align-self-xl-center {
        align-self: center !important
    }

    .align-self-xl-stretch {
        align-self: stretch !important
    }

    .gap-xl-0 {
        gap: 0px
    }

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

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

    .gap-xl-1 {
        gap: 4px
    }

    .gap-x-xl-1 {
        column-gap: 4px
    }

    .gap-y-xl-1 {
        row-gap: 4px
    }

    .gap-xl-2 {
        gap: 8px
    }

    .gap-x-xl-2 {
        column-gap: 8px
    }

    .gap-y-xl-2 {
        row-gap: 8px
    }

    .gap-xl-3 {
        gap: 12px
    }

    .gap-x-xl-3 {
        column-gap: 12px
    }

    .gap-y-xl-3 {
        row-gap: 12px
    }

    .gap-xl-4 {
        gap: 16px
    }

    .gap-x-xl-4 {
        column-gap: 16px
    }

    .gap-y-xl-4 {
        row-gap: 16px
    }

    .gap-xl-5 {
        gap: 20px
    }

    .gap-x-xl-5 {
        column-gap: 20px
    }

    .gap-y-xl-5 {
        row-gap: 20px
    }

    .gap-xl-6 {
        gap: 24px
    }

    .gap-x-xl-6 {
        column-gap: 24px
    }

    .gap-y-xl-6 {
        row-gap: 24px
    }

    .gap-xl-7 {
        gap: 28px
    }

    .gap-x-xl-7 {
        column-gap: 28px
    }

    .gap-y-xl-7 {
        row-gap: 28px
    }

    .gap-xl-8 {
        gap: 32px
    }

    .gap-x-xl-8 {
        column-gap: 32px
    }

    .gap-y-xl-8 {
        row-gap: 32px
    }

    .gap-xl-9 {
        gap: 36px
    }

    .gap-x-xl-9 {
        column-gap: 36px
    }

    .gap-y-xl-9 {
        row-gap: 36px
    }

    .gap-xl-10 {
        gap: 40px
    }

    .gap-x-xl-10 {
        column-gap: 40px
    }

    .gap-y-xl-10 {
        row-gap: 40px
    }

    .gap-xl-11 {
        gap: 44px
    }

    .gap-x-xl-11 {
        column-gap: 44px
    }

    .gap-y-xl-11 {
        row-gap: 44px
    }

    .gap-xl-12 {
        gap: 48px
    }

    .gap-x-xl-12 {
        column-gap: 48px
    }

    .gap-y-xl-12 {
        row-gap: 48px
    }

    .gap-xl-13 {
        gap: 52px
    }

    .gap-x-xl-13 {
        column-gap: 52px
    }

    .gap-y-xl-13 {
        row-gap: 52px
    }

    .gap-xl-14 {
        gap: 56px
    }

    .gap-x-xl-14 {
        column-gap: 56px
    }

    .gap-y-xl-14 {
        row-gap: 56px
    }

    .gap-xl-15 {
        gap: 60px
    }

    .gap-x-xl-15 {
        column-gap: 60px
    }

    .gap-y-xl-15 {
        row-gap: 60px
    }

    .gap-xl-16 {
        gap: 64px
    }

    .gap-x-xl-16 {
        column-gap: 64px
    }

    .gap-y-xl-16 {
        row-gap: 64px
    }

    .gap-xl-17 {
        gap: 68px
    }

    .gap-x-xl-17 {
        column-gap: 68px
    }

    .gap-y-xl-17 {
        row-gap: 68px
    }

    .gap-xl-18 {
        gap: 72px
    }

    .gap-x-xl-18 {
        column-gap: 72px
    }

    .gap-y-xl-18 {
        row-gap: 72px
    }

    .gap-xl-19 {
        gap: 76px
    }

    .gap-x-xl-19 {
        column-gap: 76px
    }

    .gap-y-xl-19 {
        row-gap: 76px
    }

    .gap-xl-20 {
        gap: 80px
    }

    .gap-x-xl-20 {
        column-gap: 80px
    }

    .gap-y-xl-20 {
        row-gap: 80px
    }
}

@media(min-width: 2560px) {
    .flex-xxl-1 {
        flex:1 1 0% !important
    }

    .flex-xxl-auto {
        flex: 1 1 auto !important
    }

    .flex-xxl-initial {
        flex: 0 1 auto !important
    }

    .flex-xxl-none {
        flex: none !important
    }

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

    .flex-xxl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xxl-column {
        flex-direction: column !important
    }

    .flex-xxl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xxl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xxl-grow-1 {
        flex-grow: 1 !important
    }

    .flex-xxl-grow-start>*:first-child {
        flex-grow: 1 !important
    }

    .flex-xxl-grow-end>*:last-child {
        flex-grow: 1 !important
    }

    .flex-xxl-grow-start-and-end>:first-child,.flex-xxl-grow-start-and-end>:last-child {
        flex-grow: 1 !important
    }

    .flex-xxl-grow-middle>*:not(:first-child):not(:last-child) {
        flex-grow: 1 !important
    }

    .flex-xxl-grow-all>* {
        flex-grow: 1 !important
    }

    .flex-xxl-shrink-0 {
        flex-shrink: 0 !important
    }

    .flex-xxl-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-xxl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xxl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xxl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-xxl-start {
        justify-content: flex-start !important
    }

    .justify-xxl-end {
        justify-content: flex-end !important
    }

    .justify-xxl-center {
        justify-content: center !important
    }

    .justify-xxl-space-between {
        justify-content: space-between !important
    }

    .justify-xxl-space-around {
        justify-content: space-around !important
    }

    .justify-xxl-space-evenly {
        justify-content: space-evenly !important
    }

    .order-xxl-first {
        order: -9999 !important
    }

    .order-xxl-last {
        order: 9999 !important
    }

    .order-xxl-0 {
        order: 0 !important
    }

    .order-xxl-1 {
        order: 1 !important
    }

    .order-xxl-2 {
        order: 2 !important
    }

    .order-xxl-3 {
        order: 3 !important
    }

    .order-xxl-4 {
        order: 4 !important
    }

    .order-xxl-5 {
        order: 5 !important
    }

    .order-xxl-6 {
        order: 6 !important
    }

    .order-xxl-7 {
        order: 7 !important
    }

    .order-xxl-8 {
        order: 8 !important
    }

    .order-xxl-9 {
        order: 9 !important
    }

    .order-xxl-10 {
        order: 10 !important
    }

    .order-xxl-11 {
        order: 11 !important
    }

    .order-xxl-12 {
        order: 12 !important
    }

    .align-content-xxl-start {
        align-content: flex-start !important
    }

    .align-content-xxl-end {
        align-content: flex-end !important
    }

    .align-content-xxl-center {
        align-content: center !important
    }

    .align-content-xxl-space-between {
        align-content: space-between !important
    }

    .align-content-xxl-space-around {
        align-content: space-around !important
    }

    .align-content-xxl-stretch {
        align-content: stretch !important
    }

    .align-xxl-start {
        align-items: flex-start !important
    }

    .align-xxl-end {
        align-items: flex-end !important
    }

    .align-xxl-center {
        align-items: center !important
    }

    .align-xxl-baseline {
        align-items: baseline !important
    }

    .align-xxl-stretch {
        align-items: stretch !important
    }

    .align-self-xxl-auto {
        align-self: auto !important
    }

    .align-self-xxl-start {
        align-self: flex-start !important
    }

    .align-self-xxl-end {
        align-self: flex-end !important
    }

    .align-self-xxl-center {
        align-self: center !important
    }

    .align-self-xxl-stretch {
        align-self: stretch !important
    }

    .gap-xxl-0 {
        gap: 0px
    }

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

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

    .gap-xxl-1 {
        gap: 4px
    }

    .gap-x-xxl-1 {
        column-gap: 4px
    }

    .gap-y-xxl-1 {
        row-gap: 4px
    }

    .gap-xxl-2 {
        gap: 8px
    }

    .gap-x-xxl-2 {
        column-gap: 8px
    }

    .gap-y-xxl-2 {
        row-gap: 8px
    }

    .gap-xxl-3 {
        gap: 12px
    }

    .gap-x-xxl-3 {
        column-gap: 12px
    }

    .gap-y-xxl-3 {
        row-gap: 12px
    }

    .gap-xxl-4 {
        gap: 16px
    }

    .gap-x-xxl-4 {
        column-gap: 16px
    }

    .gap-y-xxl-4 {
        row-gap: 16px
    }

    .gap-xxl-5 {
        gap: 20px
    }

    .gap-x-xxl-5 {
        column-gap: 20px
    }

    .gap-y-xxl-5 {
        row-gap: 20px
    }

    .gap-xxl-6 {
        gap: 24px
    }

    .gap-x-xxl-6 {
        column-gap: 24px
    }

    .gap-y-xxl-6 {
        row-gap: 24px
    }

    .gap-xxl-7 {
        gap: 28px
    }

    .gap-x-xxl-7 {
        column-gap: 28px
    }

    .gap-y-xxl-7 {
        row-gap: 28px
    }

    .gap-xxl-8 {
        gap: 32px
    }

    .gap-x-xxl-8 {
        column-gap: 32px
    }

    .gap-y-xxl-8 {
        row-gap: 32px
    }

    .gap-xxl-9 {
        gap: 36px
    }

    .gap-x-xxl-9 {
        column-gap: 36px
    }

    .gap-y-xxl-9 {
        row-gap: 36px
    }

    .gap-xxl-10 {
        gap: 40px
    }

    .gap-x-xxl-10 {
        column-gap: 40px
    }

    .gap-y-xxl-10 {
        row-gap: 40px
    }

    .gap-xxl-11 {
        gap: 44px
    }

    .gap-x-xxl-11 {
        column-gap: 44px
    }

    .gap-y-xxl-11 {
        row-gap: 44px
    }

    .gap-xxl-12 {
        gap: 48px
    }

    .gap-x-xxl-12 {
        column-gap: 48px
    }

    .gap-y-xxl-12 {
        row-gap: 48px
    }

    .gap-xxl-13 {
        gap: 52px
    }

    .gap-x-xxl-13 {
        column-gap: 52px
    }

    .gap-y-xxl-13 {
        row-gap: 52px
    }

    .gap-xxl-14 {
        gap: 56px
    }

    .gap-x-xxl-14 {
        column-gap: 56px
    }

    .gap-y-xxl-14 {
        row-gap: 56px
    }

    .gap-xxl-15 {
        gap: 60px
    }

    .gap-x-xxl-15 {
        column-gap: 60px
    }

    .gap-y-xxl-15 {
        row-gap: 60px
    }

    .gap-xxl-16 {
        gap: 64px
    }

    .gap-x-xxl-16 {
        column-gap: 64px
    }

    .gap-y-xxl-16 {
        row-gap: 64px
    }

    .gap-xxl-17 {
        gap: 68px
    }

    .gap-x-xxl-17 {
        column-gap: 68px
    }

    .gap-y-xxl-17 {
        row-gap: 68px
    }

    .gap-xxl-18 {
        gap: 72px
    }

    .gap-x-xxl-18 {
        column-gap: 72px
    }

    .gap-y-xxl-18 {
        row-gap: 72px
    }

    .gap-xxl-19 {
        gap: 76px
    }

    .gap-x-xxl-19 {
        column-gap: 76px
    }

    .gap-y-xxl-19 {
        row-gap: 76px
    }

    .gap-xxl-20 {
        gap: 80px
    }

    .gap-x-xxl-20 {
        column-gap: 80px
    }

    .gap-y-xxl-20 {
        row-gap: 80px
    }
}

.cursor-auto {
    cursor: auto !important
}

.cursor-default {
    cursor: default !important
}

.cursor-pointer {
    cursor: pointer !important
}

.cursor-wait {
    cursor: wait !important
}

.cursor-text {
    cursor: text !important
}

.cursor-move {
    cursor: move !important
}

.cursor-help {
    cursor: help !important
}

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

.cursor-none {
    cursor: none !important
}

.cursor-progress {
    cursor: progress !important
}

.cursor-cell {
    cursor: cell !important
}

.cursor-crosshair {
    cursor: crosshair !important
}

.cursor-vertical-text {
    cursor: vertical-text !important
}

.cursor-alias {
    cursor: alias !important
}

.cursor-copy {
    cursor: copy !important
}

.cursor-no-drop {
    cursor: no-drop !important
}

.cursor-grab {
    cursor: grab !important
}

.cursor-grabbing {
    cursor: grabbing !important
}

.cursor-all-scroll {
    cursor: all-scroll !important
}

.cursor-col-resize {
    cursor: col-resize !important
}

.cursor-row-resize {
    cursor: row-resize !important
}

.cursor-n-resize {
    cursor: n-resize !important
}

.cursor-w-resize {
    cursor: w-resize !important
}

.cursor-zoom-in {
    cursor: zoom-in !important
}

.cursor-zoom-out {
    cursor: zoom-out !important
}

.cursor-url {
    cursor: url !important
}

.pointer-events-none {
    pointer-events: none
}

.pointer-events-auto {
    pointer-events: auto
}

.d-none {
    display: none !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}



.d-inline-flex {
    display: inline-flex !important
}

@media(min-width: 600px) {
    .d-sm-none {
        display:none !important
    }

    .d-sm-inline {
        display: inline !important
    }

    .d-sm-inline-block {
        display: inline-block !important
    }

    .d-sm-block {
        display: block !important
    }

    .d-sm-table {
        display: table !important
    }

    .d-sm-table-row {
        display: table-row !important
    }

    .d-sm-table-cell {
        display: table-cell !important
    }

    .d-sm-flex {
        display: flex !important
    }

    .d-sm-inline-flex {
        display: inline-flex !important
    }
}

@media(min-width: 960px) {
    .d-md-none {
        display:none !important
    }

    .d-md-inline {
        display: inline !important
    }

    .d-md-inline-block {
        display: inline-block !important
    }

    .d-md-block {
        display: block !important
    }

    .d-md-table {
        display: table !important
    }

    .d-md-table-row {
        display: table-row !important
    }

    .d-md-table-cell {
        display: table-cell !important
    }

    .d-md-flex {
        display: flex !important
    }

    .d-md-inline-flex {
        display: inline-flex !important
    }
}

@media(min-width: 1280px) {
    .d-lg-none {
        display:none !important
    }

    .d-lg-inline {
        display: inline !important
    }

    .d-lg-inline-block {
        display: inline-block !important
    }

    .d-lg-block {
        display: block !important
    }

    .d-lg-table {
        display: table !important
    }

    .d-lg-table-row {
        display: table-row !important
    }

    .d-lg-table-cell {
        display: table-cell !important
    }

    .d-lg-flex {
        display: flex !important
    }

    .d-lg-inline-flex {
        display: inline-flex !important
    }
}

@media(min-width: 1920px) {
    .d-xl-none {
        display:none !important
    }

    .d-xl-inline {
        display: inline !important
    }

    .d-xl-inline-block {
        display: inline-block !important
    }

    .d-xl-block {
        display: block !important
    }

    .d-xl-table {
        display: table !important
    }

    .d-xl-table-row {
        display: table-row !important
    }

    .d-xl-table-cell {
        display: table-cell !important
    }

    .d-xl-flex {
        display: flex !important
    }

    .d-xl-inline-flex {
        display: inline-flex !important
    }
}

@media(min-width: 2560px) {
    .d-xxl-none {
        display:none !important
    }

    .d-xxl-inline {
        display: inline !important
    }

    .d-xxl-inline-block {
        display: inline-block !important
    }

    .d-xxl-block {
        display: block !important
    }

    .d-xxl-table {
        display: table !important
    }

    .d-xxl-table-row {
        display: table-row !important
    }

    .d-xxl-table-cell {
        display: table-cell !important
    }

    .d-xxl-flex {
        display: flex !important
    }

    .d-xxl-inline-flex {
        display: inline-flex !important
    }
}

.object-none {
    object-fit: none !important
}

.object-cover {
    object-fit: cover !important
}

.object-contain {
    object-fit: contain !important
}

.object-fill {
    object-fit: fill !important
}

.object-scale-down {
    object-fit: scale-down !important
}

.object-center {
    object-position: center !important
}

.object-top {
    object-position: top !important
}

.object-bottom {
    object-position: bottom !important
}

.object-left {
    object-position: left !important
}

.object-left-top {
    object-position: left top !important
}

.object-left-bottom {
    object-position: left bottom !important
}

.object-right {
    object-position: right !important
}

.object-right-top {
    object-position: right top !important
}

.object-right-bottom {
    object-position: right bottom !important
}

.overflow-auto {
    overflow: auto
}

.overflow-hidden {
    overflow: hidden
}

.overflow-visible {
    overflow: visible
}

.overflow-scroll {
    overflow: scroll
}

.overflow-x-auto {
    overflow-x: auto
}

.overflow-y-auto {
    overflow-y: auto
}

.overflow-x-hidden {
    overflow-x: hidden
}

.overflow-y-hidden {
    overflow-y: hidden
}

.overflow-x-visible {
    overflow-x: visible
}

.overflow-y-visible {
    overflow-y: visible
}

.overflow-x-scroll {
    overflow-x: scroll
}

.overflow-y-scroll {
    overflow-y: scroll
}

.absolute {
    position: absolute !important
}

.fixed {
    position: fixed !important
}

.relative {
    position: relative !important
}

.static {
    position: static !important
}

.sticky {
    position: sticky !important
}

.visible {
    visibility: visible
}

.invisible {
    visibility: hidden
}

[hidden] {
    display: none !important
}

.z-0 {
    z-index: 0
}

.z-10 {
    z-index: 10
}

.z-20 {
    z-index: 20
}

.z-30 {
    z-index: 30
}

.z-40 {
    z-index: 40
}

.z-50 {
    z-index: 50
}

.z-60 {
    z-index: 60
}

.z-70 {
    z-index: 70
}

.z-80 {
    z-index: 80
}

.z-90 {
    z-index: 90
}

.z-100 {
    z-index: 100
}

.z-auto {
    z-index: auto
}

.mt-0,.my-0 {
    margin-top: 0 !important
}

.mr-0,.mx-0 {
    margin-right: 0 !important
}

.ml-0,.mx-0 {
    margin-left: 0 !important
}

.mb-0,.my-0 {
    margin-bottom: 0 !important
}

.ms-0 {
    margin-inline-start:0 !important}

.me-0 {
    margin-inline-end:0 !important}

.ma-0 {
    margin: 0 !important
}

.mt-1,.my-1 {
    margin-top: 4px !important
}

.mr-1,.mx-1 {
    margin-right: 4px !important
}

.ml-1,.mx-1 {
    margin-left: 4px !important
}

.mb-1,.my-1 {
    margin-bottom: 4px !important
}

.ms-1 {
    margin-inline-start:4px !important}

.me-1 {
    margin-inline-end:4px !important}

.ma-1 {
    margin: 4px !important
}

.mt-2,.my-2 {
    margin-top: 8px !important
}

.mr-2,.mx-2 {
    margin-right: 8px !important
}

.ml-2,.mx-2 {
    margin-left: 8px !important
}

.mb-2,.my-2 {
    margin-bottom: 8px !important
}

.ms-2 {
    margin-inline-start:8px !important}

.me-2 {
    margin-inline-end:8px !important}

.ma-2 {
    margin: 8px !important
}

.mt-3,.my-3 {
    margin-top: 12px !important
}

.mr-3,.mx-3 {
    margin-right: 12px !important
}

.ml-3,.mx-3 {
    margin-left: 12px !important
}

.mb-3,.my-3 {
    margin-bottom: 12px !important
}

.ms-3 {
    margin-inline-start:12px !important}

.me-3 {
    margin-inline-end:12px !important}

.ma-3 {
    margin: 12px !important
}

.mt-4,.my-4 {
    margin-top: 16px !important
}

.mr-4,.mx-4 {
    margin-right: 16px !important
}

.ml-4,.mx-4 {
    margin-left: 16px !important
}

.mb-4,.my-4 {
    margin-bottom: 16px !important
}

.ms-4 {
    margin-inline-start:16px !important}

.me-4 {
    margin-inline-end:16px !important}

.ma-4 {
    margin: 16px !important
}

.mt-5,.my-5 {
    margin-top: 20px !important
}

.mr-5,.mx-5 {
    margin-right: 20px !important
}

.ml-5,.mx-5 {
    margin-left: 20px !important
}

.mb-5,.my-5 {
    margin-bottom: 20px !important
}

.ms-5 {
    margin-inline-start:20px !important}

.me-5 {
    margin-inline-end:20px !important}

.ma-5 {
    margin: 20px !important
}

.mt-6,.my-6 {
    margin-top: 24px !important
}

.mr-6,.mx-6 {
    margin-right: 24px !important
}

.ml-6,.mx-6 {
    margin-left: 24px !important
}

.mb-6,.my-6 {
    margin-bottom: 24px !important
}

.ms-6 {
    margin-inline-start:24px !important}

.me-6 {
    margin-inline-end:24px !important}

.ma-6 {
    margin: 24px !important
}

.mt-7,.my-7 {
    margin-top: 28px !important
}

.mr-7,.mx-7 {
    margin-right: 28px !important
}

.ml-7,.mx-7 {
    margin-left: 28px !important
}

.mb-7,.my-7 {
    margin-bottom: 28px !important
}

.ms-7 {
    margin-inline-start:28px !important}

.me-7 {
    margin-inline-end:28px !important}

.ma-7 {
    margin: 28px !important
}

.mt-8,.my-8 {
    margin-top: 32px !important
}

.mr-8,.mx-8 {
    margin-right: 32px !important
}

.ml-8,.mx-8 {
    margin-left: 32px !important
}

.mb-8,.my-8 {
    margin-bottom: 32px !important
}

.ms-8 {
    margin-inline-start:32px !important}

.me-8 {
    margin-inline-end:32px !important}

.ma-8 {
    margin: 32px !important
}

.mt-9,.my-9 {
    margin-top: 36px !important
}

.mr-9,.mx-9 {
    margin-right: 36px !important
}

.ml-9,.mx-9 {
    margin-left: 36px !important
}

.mb-9,.my-9 {
    margin-bottom: 36px !important
}

.ms-9 {
    margin-inline-start:36px !important}

.me-9 {
    margin-inline-end:36px !important}

.ma-9 {
    margin: 36px !important
}

.mt-10,.my-10 {
    margin-top: 40px !important
}

.mr-10,.mx-10 {
    margin-right: 40px !important
}

.ml-10,.mx-10 {
    margin-left: 40px !important
}

.mb-10,.my-10 {
    margin-bottom: 40px !important
}

.ms-10 {
    margin-inline-start:40px !important}

.me-10 {
    margin-inline-end:40px !important}

.ma-10 {
    margin: 40px !important
}

.mt-11,.my-11 {
    margin-top: 44px !important
}

.mr-11,.mx-11 {
    margin-right: 44px !important
}

.ml-11,.mx-11 {
    margin-left: 44px !important
}

.mb-11,.my-11 {
    margin-bottom: 44px !important
}

.ms-11 {
    margin-inline-start:44px !important}

.me-11 {
    margin-inline-end:44px !important}

.ma-11 {
    margin: 44px !important
}

.mt-12,.my-12 {
    margin-top: 48px !important
}

.mr-12,.mx-12 {
    margin-right: 48px !important
}

.ml-12,.mx-12 {
    margin-left: 48px !important
}

.mb-12,.my-12 {
    margin-bottom: 48px !important
}

.ms-12 {
    margin-inline-start:48px !important}

.me-12 {
    margin-inline-end:48px !important}

.ma-12 {
    margin: 48px !important
}

.mt-13,.my-13 {
    margin-top: 52px !important
}

.mr-13,.mx-13 {
    margin-right: 52px !important
}

.ml-13,.mx-13 {
    margin-left: 52px !important
}

.mb-13,.my-13 {
    margin-bottom: 52px !important
}

.ms-13 {
    margin-inline-start:52px !important}

.me-13 {
    margin-inline-end:52px !important}

.ma-13 {
    margin: 52px !important
}

.mt-14,.my-14 {
    margin-top: 56px !important
}

.mr-14,.mx-14 {
    margin-right: 56px !important
}

.ml-14,.mx-14 {
    margin-left: 56px !important
}

.mb-14,.my-14 {
    margin-bottom: 56px !important
}

.ms-14 {
    margin-inline-start:56px !important}

.me-14 {
    margin-inline-end:56px !important}

.ma-14 {
    margin: 56px !important
}

.mt-15,.my-15 {
    margin-top: 60px !important
}

.mr-15,.mx-15 {
    margin-right: 60px !important
}

.ml-15,.mx-15 {
    margin-left: 60px !important
}

.mb-15,.my-15 {
    margin-bottom: 60px !important
}

.ms-15 {
    margin-inline-start:60px !important}

.me-15 {
    margin-inline-end:60px !important}

.ma-15 {
    margin: 60px !important
}

.mt-16,.my-16 {
    margin-top: 64px !important
}

.mr-16,.mx-16 {
    margin-right: 64px !important
}

.ml-16,.mx-16 {
    margin-left: 64px !important
}

.mb-16,.my-16 {
    margin-bottom: 64px !important
}

.ms-16 {
    margin-inline-start:64px !important}

.me-16 {
    margin-inline-end:64px !important}

.ma-16 {
    margin: 64px !important
}

.mt-17,.my-17 {
    margin-top: 68px !important
}

.mr-17,.mx-17 {
    margin-right: 68px !important
}

.ml-17,.mx-17 {
    margin-left: 68px !important
}

.mb-17,.my-17 {
    margin-bottom: 68px !important
}

.ms-17 {
    margin-inline-start:68px !important}

.me-17 {
    margin-inline-end:68px !important}

.ma-17 {
    margin: 68px !important
}

.mt-18,.my-18 {
    margin-top: 72px !important
}

.mr-18,.mx-18 {
    margin-right: 72px !important
}

.ml-18,.mx-18 {
    margin-left: 72px !important
}

.mb-18,.my-18 {
    margin-bottom: 72px !important
}

.ms-18 {
    margin-inline-start:72px !important}

.me-18 {
    margin-inline-end:72px !important}

.ma-18 {
    margin: 72px !important
}

.mt-19,.my-19 {
    margin-top: 76px !important
}

.mr-19,.mx-19 {
    margin-right: 76px !important
}

.ml-19,.mx-19 {
    margin-left: 76px !important
}

.mb-19,.my-19 {
    margin-bottom: 76px !important
}

.ms-19 {
    margin-inline-start:76px !important}

.me-19 {
    margin-inline-end:76px !important}

.ma-19 {
    margin: 76px !important
}

.mt-20,.my-20 {
    margin-top: 80px !important
}

.mr-20,.mx-20 {
    margin-right: 80px !important
}

.ml-20,.mx-20 {
    margin-left: 80px !important
}

.mb-20,.my-20 {
    margin-bottom: 80px !important
}

.ms-20 {
    margin-inline-start:80px !important}

.me-20 {
    margin-inline-end:80px !important}

.ma-20 {
    margin: 80px !important
}

.mt-auto,.my-auto {
    margin-top: auto !important
}

.mr-auto,.mx-auto {
    margin-right: auto !important
}

.ml-auto,.mx-auto {
    margin-left: auto !important
}

.mb-auto,.my-auto {
    margin-bottom: auto !important
}

.ms-auto {
    margin-inline-start:auto !important}

.me-auto {
    margin-inline-end:auto !important}

.ma-auto {
    margin: auto !important
}

.pt-0,.py-0 {
    padding-top: 0 !important
}

.pr-0,.px-0 {
    padding-right: 0 !important
}

.pl-0,.px-0 {
    padding-left: 0 !important
}

.pb-0,.py-0 {
    padding-bottom: 0 !important
}

.ps-0 {
    padding-inline-start:0 !important}

.pe-0 {
    padding-inline-end:0 !important}

.pa-0 {
    padding: 0 !important
}

.pt-1,.py-1 {
    padding-top: 4px !important
}

.pr-1,.px-1 {
    padding-right: 4px !important
}

.pl-1,.px-1 {
    padding-left: 4px !important
}

.pb-1,.py-1 {
    padding-bottom: 4px !important
}

.ps-1 {
    padding-inline-start:4px !important}

.pe-1 {
    padding-inline-end:4px !important}

.pa-1 {
    padding: 4px !important
}

.pt-2,.py-2 {
    padding-top: 8px !important
}

.pr-2,.px-2 {
    padding-right: 8px !important
}

.pl-2,.px-2 {
    padding-left: 8px !important
}

.pb-2,.py-2 {
    padding-bottom: 8px !important
}

.ps-2 {
    padding-inline-start:8px !important}

.pe-2 {
    padding-inline-end:8px !important}

.pa-2 {
    padding: 8px !important
}

.pt-3,.py-3 {
    padding-top: 12px !important
}

.pr-3,.px-3 {
    padding-right: 12px !important
}

.pl-3,.px-3 {
    padding-left: 12px !important
}

.pb-3,.py-3 {
    padding-bottom: 12px !important
}

.ps-3 {
    padding-inline-start:12px !important}

.pe-3 {
    padding-inline-end:12px !important}

.pa-3 {
    padding: 12px !important
}

.pt-4,.py-4 {
    padding-top: 16px !important
}

.pr-4,.px-4 {
    padding-right: 16px !important
}

.pl-4,.px-4 {
    padding-left: 16px !important
}

.pb-4,.py-4 {
    padding-bottom: 16px !important
}

.ps-4 {
    padding-inline-start:16px !important}

.pe-4 {
    padding-inline-end:16px !important}

.pa-4 {
    padding: 16px !important
}

.pt-5,.py-5 {
    padding-top: 20px !important
}

.pr-5,.px-5 {
    padding-right: 20px !important
}

.pl-5,.px-5 {
    padding-left: 20px !important
}

.pb-5,.py-5 {
    padding-bottom: 20px !important
}

.ps-5 {
    padding-inline-start:20px !important}

.pe-5 {
    padding-inline-end:20px !important}

.pa-5 {
    padding: 20px !important
}

.pt-6,.py-6 {
    padding-top: 24px !important
}

.pr-6,.px-6 {
    padding-right: 24px !important
}

.pl-6,.px-6 {
    padding-left: 24px !important
}

.pb-6,.py-6 {
    padding-bottom: 24px !important
}

.ps-6 {
    padding-inline-start:24px !important}

.pe-6 {
    padding-inline-end:24px !important}

.pa-6 {
    padding: 24px !important
}

.pt-7,.py-7 {
    padding-top: 28px !important
}

.pr-7,.px-7 {
    padding-right: 28px !important
}

.pl-7,.px-7 {
    padding-left: 28px !important
}

.pb-7,.py-7 {
    padding-bottom: 28px !important
}

.ps-7 {
    padding-inline-start:28px !important}

.pe-7 {
    padding-inline-end:28px !important}

.pa-7 {
    padding: 28px !important
}

.pt-8,.py-8 {
    padding-top: 32px !important
}

.pr-8,.px-8 {
    padding-right: 32px !important
}

.pl-8,.px-8 {
    padding-left: 32px !important
}

.pb-8,.py-8 {
    padding-bottom: 32px !important
}

.ps-8 {
    padding-inline-start:32px !important}

.pe-8 {
    padding-inline-end:32px !important}

.pa-8 {
    padding: 32px !important
}

.pt-9,.py-9 {
    padding-top: 36px !important
}

.pr-9,.px-9 {
    padding-right: 36px !important
}

.pl-9,.px-9 {
    padding-left: 36px !important
}

.pb-9,.py-9 {
    padding-bottom: 36px !important
}

.ps-9 {
    padding-inline-start:36px !important}

.pe-9 {
    padding-inline-end:36px !important}

.pa-9 {
    padding: 36px !important
}

.pt-10,.py-10 {
    padding-top: 40px !important
}

.pr-10,.px-10 {
    padding-right: 40px !important
}

.pl-10,.px-10 {
    padding-left: 40px !important
}

.pb-10,.py-10 {
    padding-bottom: 40px !important
}

.ps-10 {
    padding-inline-start:40px !important}

.pe-10 {
    padding-inline-end:40px !important}

.pa-10 {
    padding: 40px !important
}

.pt-11,.py-11 {
    padding-top: 44px !important
}

.pr-11,.px-11 {
    padding-right: 44px !important
}

.pl-11,.px-11 {
    padding-left: 44px !important
}

.pb-11,.py-11 {
    padding-bottom: 44px !important
}

.ps-11 {
    padding-inline-start:44px !important}

.pe-11 {
    padding-inline-end:44px !important}

.pa-11 {
    padding: 44px !important
}

.pt-12,.py-12 {
    padding-top: 48px !important
}

.pr-12,.px-12 {
    padding-right: 48px !important
}

.pl-12,.px-12 {
    padding-left: 48px !important
}

.pb-12,.py-12 {
    padding-bottom: 48px !important
}

.ps-12 {
    padding-inline-start:48px !important}

.pe-12 {
    padding-inline-end:48px !important}

.pa-12 {
    padding: 48px !important
}

.pt-13,.py-13 {
    padding-top: 52px !important
}

.pr-13,.px-13 {
    padding-right: 52px !important
}

.pl-13,.px-13 {
    padding-left: 52px !important
}

.pb-13,.py-13 {
    padding-bottom: 52px !important
}

.ps-13 {
    padding-inline-start:52px !important}

.pe-13 {
    padding-inline-end:52px !important}

.pa-13 {
    padding: 52px !important
}

.pt-14,.py-14 {
    padding-top: 56px !important
}

.pr-14,.px-14 {
    padding-right: 56px !important
}

.pl-14,.px-14 {
    padding-left: 56px !important
}

.pb-14,.py-14 {
    padding-bottom: 56px !important
}

.ps-14 {
    padding-inline-start:56px !important}

.pe-14 {
    padding-inline-end:56px !important}

.pa-14 {
    padding: 56px !important
}

.pt-15,.py-15 {
    padding-top: 60px !important
}

.pr-15,.px-15 {
    padding-right: 60px !important
}

.pl-15,.px-15 {
    padding-left: 60px !important
}

.pb-15,.py-15 {
    padding-bottom: 60px !important
}

.ps-15 {
    padding-inline-start:60px !important}

.pe-15 {
    padding-inline-end:60px !important}

.pa-15 {
    padding: 60px !important
}

.pt-16,.py-16 {
    padding-top: 64px !important
}

.pr-16,.px-16 {
    padding-right: 64px !important
}

.pl-16,.px-16 {
    padding-left: 64px !important
}

.pb-16,.py-16 {
    padding-bottom: 64px !important
}

.ps-16 {
    padding-inline-start:64px !important}

.pe-16 {
    padding-inline-end:64px !important}

.pa-16 {
    padding: 64px !important
}

.pt-17,.py-17 {
    padding-top: 68px !important
}

.pr-17,.px-17 {
    padding-right: 68px !important
}

.pl-17,.px-17 {
    padding-left: 68px !important
}

.pb-17,.py-17 {
    padding-bottom: 68px !important
}

.ps-17 {
    padding-inline-start:68px !important}

.pe-17 {
    padding-inline-end:68px !important}

.pa-17 {
    padding: 68px !important
}

.pt-18,.py-18 {
    padding-top: 72px !important
}

.pr-18,.px-18 {
    padding-right: 72px !important
}

.pl-18,.px-18 {
    padding-left: 72px !important
}

.pb-18,.py-18 {
    padding-bottom: 72px !important
}

.ps-18 {
    padding-inline-start:72px !important}

.pe-18 {
    padding-inline-end:72px !important}

.pa-18 {
    padding: 72px !important
}

.pt-19,.py-19 {
    padding-top: 76px !important
}

.pr-19,.px-19 {
    padding-right: 76px !important
}

.pl-19,.px-19 {
    padding-left: 76px !important
}

.pb-19,.py-19 {
    padding-bottom: 76px !important
}

.ps-19 {
    padding-inline-start:76px !important}

.pe-19 {
    padding-inline-end:76px !important}

.pa-19 {
    padding: 76px !important
}

.pt-20,.py-20 {
    padding-top: 80px !important
}

.pr-20,.px-20 {
    padding-right: 80px !important
}

.pl-20,.px-20 {
    padding-left: 80px !important
}

.pb-20,.py-20 {
    padding-bottom: 80px !important
}

.ps-20 {
    padding-inline-start:80px !important}

.pe-20 {
    padding-inline-end:80px !important}

.pa-20 {
    padding: 80px !important
}

.pt-auto,.py-auto {
    padding-top: auto !important
}

.pr-auto,.px-auto {
    padding-right: auto !important
}

.pl-auto,.px-auto {
    padding-left: auto !important
}

.pb-auto,.py-auto {
    padding-bottom: auto !important
}

.ps-auto {
    padding-inline-start:auto !important}

.pe-auto {
    padding-inline-end:auto !important}

.pa-auto {
    padding: auto !important
}

.mt-n1,.my-n1 {
    margin-top: -4px !important
}

.mr-n1,.mx-n1 {
    margin-right: -4px !important
}

.ml-n1,.mx-n1 {
    margin-left: -4px !important
}

.mb-n1,.my-n1 {
    margin-bottom: -4px !important
}

.ms-n1 {
    margin-inline-start:-4px !important}

.me-n1 {
    margin-inline-end:-4px !important}

.ma-n1 {
    margin: -4px !important
}

.mt-n2,.my-n2 {
    margin-top: -8px !important
}

.mr-n2,.mx-n2 {
    margin-right: -8px !important
}

.ml-n2,.mx-n2 {
    margin-left: -8px !important
}

.mb-n2,.my-n2 {
    margin-bottom: -8px !important
}

.ms-n2 {
    margin-inline-start:-8px !important}

.me-n2 {
    margin-inline-end:-8px !important}

.ma-n2 {
    margin: -8px !important
}

.mt-n3,.my-n3 {
    margin-top: -12px !important
}

.mr-n3,.mx-n3 {
    margin-right: -12px !important
}

.ml-n3,.mx-n3 {
    margin-left: -12px !important
}

.mb-n3,.my-n3 {
    margin-bottom: -12px !important
}

.ms-n3 {
    margin-inline-start:-12px !important}

.me-n3 {
    margin-inline-end:-12px !important}

.ma-n3 {
    margin: -12px !important
}

.mt-n4,.my-n4 {
    margin-top: -16px !important
}

.mr-n4,.mx-n4 {
    margin-right: -16px !important
}

.ml-n4,.mx-n4 {
    margin-left: -16px !important
}

.mb-n4,.my-n4 {
    margin-bottom: -16px !important
}

.ms-n4 {
    margin-inline-start:-16px !important}

.me-n4 {
    margin-inline-end:-16px !important}

.ma-n4 {
    margin: -16px !important
}

.mt-n5,.my-n5 {
    margin-top: -20px !important
}

.mr-n5,.mx-n5 {
    margin-right: -20px !important
}

.ml-n5,.mx-n5 {
    margin-left: -20px !important
}

.mb-n5,.my-n5 {
    margin-bottom: -20px !important
}

.ms-n5 {
    margin-inline-start:-20px !important}

.me-n5 {
    margin-inline-end:-20px !important}

.ma-n5 {
    margin: -20px !important
}

.mt-n6,.my-n6 {
    margin-top: -24px !important
}

.mr-n6,.mx-n6 {
    margin-right: -24px !important
}

.ml-n6,.mx-n6 {
    margin-left: -24px !important
}

.mb-n6,.my-n6 {
    margin-bottom: -24px !important
}

.ms-n6 {
    margin-inline-start:-24px !important}

.me-n6 {
    margin-inline-end:-24px !important}

.ma-n6 {
    margin: -24px !important
}

.mt-n7,.my-n7 {
    margin-top: -28px !important
}

.mr-n7,.mx-n7 {
    margin-right: -28px !important
}

.ml-n7,.mx-n7 {
    margin-left: -28px !important
}

.mb-n7,.my-n7 {
    margin-bottom: -28px !important
}

.ms-n7 {
    margin-inline-start:-28px !important}

.me-n7 {
    margin-inline-end:-28px !important}

.ma-n7 {
    margin: -28px !important
}

.mt-n8,.my-n8 {
    margin-top: -32px !important
}

.mr-n8,.mx-n8 {
    margin-right: -32px !important
}

.ml-n8,.mx-n8 {
    margin-left: -32px !important
}

.mb-n8,.my-n8 {
    margin-bottom: -32px !important
}

.ms-n8 {
    margin-inline-start:-32px !important}

.me-n8 {
    margin-inline-end:-32px !important}

.ma-n8 {
    margin: -32px !important
}

.mt-n9,.my-n9 {
    margin-top: -36px !important
}

.mr-n9,.mx-n9 {
    margin-right: -36px !important
}

.ml-n9,.mx-n9 {
    margin-left: -36px !important
}

.mb-n9,.my-n9 {
    margin-bottom: -36px !important
}

.ms-n9 {
    margin-inline-start:-36px !important}

.me-n9 {
    margin-inline-end:-36px !important}

.ma-n9 {
    margin: -36px !important
}

.mt-n10,.my-n10 {
    margin-top: -40px !important
}

.mr-n10,.mx-n10 {
    margin-right: -40px !important
}

.ml-n10,.mx-n10 {
    margin-left: -40px !important
}

.mb-n10,.my-n10 {
    margin-bottom: -40px !important
}

.ms-n10 {
    margin-inline-start:-40px !important}

.me-n10 {
    margin-inline-end:-40px !important}

.ma-n10 {
    margin: -40px !important
}

.mt-n11,.my-n11 {
    margin-top: -44px !important
}

.mr-n11,.mx-n11 {
    margin-right: -44px !important
}

.ml-n11,.mx-n11 {
    margin-left: -44px !important
}

.mb-n11,.my-n11 {
    margin-bottom: -44px !important
}

.ms-n11 {
    margin-inline-start:-44px !important}

.me-n11 {
    margin-inline-end:-44px !important}

.ma-n11 {
    margin: -44px !important
}

.mt-n12,.my-n12 {
    margin-top: -48px !important
}

.mr-n12,.mx-n12 {
    margin-right: -48px !important
}

.ml-n12,.mx-n12 {
    margin-left: -48px !important
}

.mb-n12,.my-n12 {
    margin-bottom: -48px !important
}

.ms-n12 {
    margin-inline-start:-48px !important}

.me-n12 {
    margin-inline-end:-48px !important}

.ma-n12 {
    margin: -48px !important
}

.mt-n13,.my-n13 {
    margin-top: -52px !important
}

.mr-n13,.mx-n13 {
    margin-right: -52px !important
}

.ml-n13,.mx-n13 {
    margin-left: -52px !important
}

.mb-n13,.my-n13 {
    margin-bottom: -52px !important
}

.ms-n13 {
    margin-inline-start:-52px !important}

.me-n13 {
    margin-inline-end:-52px !important}

.ma-n13 {
    margin: -52px !important
}

.mt-n14,.my-n14 {
    margin-top: -56px !important
}

.mr-n14,.mx-n14 {
    margin-right: -56px !important
}

.ml-n14,.mx-n14 {
    margin-left: -56px !important
}

.mb-n14,.my-n14 {
    margin-bottom: -56px !important
}

.ms-n14 {
    margin-inline-start:-56px !important}

.me-n14 {
    margin-inline-end:-56px !important}

.ma-n14 {
    margin: -56px !important
}

.mt-n15,.my-n15 {
    margin-top: -60px !important
}

.mr-n15,.mx-n15 {
    margin-right: -60px !important
}

.ml-n15,.mx-n15 {
    margin-left: -60px !important
}

.mb-n15,.my-n15 {
    margin-bottom: -60px !important
}

.ms-n15 {
    margin-inline-start:-60px !important}

.me-n15 {
    margin-inline-end:-60px !important}

.ma-n15 {
    margin: -60px !important
}

.mt-n16,.my-n16 {
    margin-top: -64px !important
}

.mr-n16,.mx-n16 {
    margin-right: -64px !important
}

.ml-n16,.mx-n16 {
    margin-left: -64px !important
}

.mb-n16,.my-n16 {
    margin-bottom: -64px !important
}

.ms-n16 {
    margin-inline-start:-64px !important}

.me-n16 {
    margin-inline-end:-64px !important}

.ma-n16 {
    margin: -64px !important
}

.mt-n17,.my-n17 {
    margin-top: -68px !important
}

.mr-n17,.mx-n17 {
    margin-right: -68px !important
}

.ml-n17,.mx-n17 {
    margin-left: -68px !important
}

.mb-n17,.my-n17 {
    margin-bottom: -68px !important
}

.ms-n17 {
    margin-inline-start:-68px !important}

.me-n17 {
    margin-inline-end:-68px !important}

.ma-n17 {
    margin: -68px !important
}

.mt-n18,.my-n18 {
    margin-top: -72px !important
}

.mr-n18,.mx-n18 {
    margin-right: -72px !important
}

.ml-n18,.mx-n18 {
    margin-left: -72px !important
}

.mb-n18,.my-n18 {
    margin-bottom: -72px !important
}

.ms-n18 {
    margin-inline-start:-72px !important}

.me-n18 {
    margin-inline-end:-72px !important}

.ma-n18 {
    margin: -72px !important
}

.mt-n19,.my-n19 {
    margin-top: -76px !important
}

.mr-n19,.mx-n19 {
    margin-right: -76px !important
}

.ml-n19,.mx-n19 {
    margin-left: -76px !important
}

.mb-n19,.my-n19 {
    margin-bottom: -76px !important
}

.ms-n19 {
    margin-inline-start:-76px !important}

.me-n19 {
    margin-inline-end:-76px !important}

.ma-n19 {
    margin: -76px !important
}

.mt-n20,.my-n20 {
    margin-top: -80px !important
}

.mr-n20,.mx-n20 {
    margin-right: -80px !important
}

.ml-n20,.mx-n20 {
    margin-left: -80px !important
}

.mb-n20,.my-n20 {
    margin-bottom: -80px !important
}

.ms-n20 {
    margin-inline-start:-80px !important}

.me-n20 {
    margin-inline-end:-80px !important}

.ma-n20 {
    margin: -80px !important
}

@media screen and (min-width: 600px) {
    .mt-sm-0,.my-sm-0 {
        margin-top:0 !important
    }

    .mr-sm-0,.mx-sm-0 {
        margin-right: 0 !important
    }

    .ml-sm-0,.mx-sm-0 {
        margin-left: 0 !important
    }

    .mb-sm-0,.my-sm-0 {
        margin-bottom: 0 !important
    }

    .ms-sm-0 {
        margin-inline-start:0 !important}

    .me-sm-0 {
        margin-inline-end:0 !important}

    .ma-sm-0 {
        margin: 0 !important
    }

    .mt-sm-1,.my-sm-1 {
        margin-top: 4px !important
    }

    .mr-sm-1,.mx-sm-1 {
        margin-right: 4px !important
    }

    .ml-sm-1,.mx-sm-1 {
        margin-left: 4px !important
    }

    .mb-sm-1,.my-sm-1 {
        margin-bottom: 4px !important
    }

    .ms-sm-1 {
        margin-inline-start:4px !important}

    .me-sm-1 {
        margin-inline-end:4px !important}

    .ma-sm-1 {
        margin: 4px !important
    }

    .mt-sm-2,.my-sm-2 {
        margin-top: 8px !important
    }

    .mr-sm-2,.mx-sm-2 {
        margin-right: 8px !important
    }

    .ml-sm-2,.mx-sm-2 {
        margin-left: 8px !important
    }

    .mb-sm-2,.my-sm-2 {
        margin-bottom: 8px !important
    }

    .ms-sm-2 {
        margin-inline-start:8px !important}

    .me-sm-2 {
        margin-inline-end:8px !important}

    .ma-sm-2 {
        margin: 8px !important
    }

    .mt-sm-3,.my-sm-3 {
        margin-top: 12px !important
    }

    .mr-sm-3,.mx-sm-3 {
        margin-right: 12px !important
    }

    .ml-sm-3,.mx-sm-3 {
        margin-left: 12px !important
    }

    .mb-sm-3,.my-sm-3 {
        margin-bottom: 12px !important
    }

    .ms-sm-3 {
        margin-inline-start:12px !important}

    .me-sm-3 {
        margin-inline-end:12px !important}

    .ma-sm-3 {
        margin: 12px !important
    }

    .mt-sm-4,.my-sm-4 {
        margin-top: 16px !important
    }

    .mr-sm-4,.mx-sm-4 {
        margin-right: 16px !important
    }

    .ml-sm-4,.mx-sm-4 {
        margin-left: 16px !important
    }

    .mb-sm-4,.my-sm-4 {
        margin-bottom: 16px !important
    }

    .ms-sm-4 {
        margin-inline-start:16px !important}

    .me-sm-4 {
        margin-inline-end:16px !important}

    .ma-sm-4 {
        margin: 16px !important
    }

    .mt-sm-5,.my-sm-5 {
        margin-top: 20px !important
    }

    .mr-sm-5,.mx-sm-5 {
        margin-right: 20px !important
    }

    .ml-sm-5,.mx-sm-5 {
        margin-left: 20px !important
    }

    .mb-sm-5,.my-sm-5 {
        margin-bottom: 20px !important
    }

    .ms-sm-5 {
        margin-inline-start:20px !important}

    .me-sm-5 {
        margin-inline-end:20px !important}

    .ma-sm-5 {
        margin: 20px !important
    }

    .mt-sm-6,.my-sm-6 {
        margin-top: 24px !important
    }

    .mr-sm-6,.mx-sm-6 {
        margin-right: 24px !important
    }

    .ml-sm-6,.mx-sm-6 {
        margin-left: 24px !important
    }

    .mb-sm-6,.my-sm-6 {
        margin-bottom: 24px !important
    }

    .ms-sm-6 {
        margin-inline-start:24px !important}

    .me-sm-6 {
        margin-inline-end:24px !important}

    .ma-sm-6 {
        margin: 24px !important
    }

    .mt-sm-7,.my-sm-7 {
        margin-top: 28px !important
    }

    .mr-sm-7,.mx-sm-7 {
        margin-right: 28px !important
    }

    .ml-sm-7,.mx-sm-7 {
        margin-left: 28px !important
    }

    .mb-sm-7,.my-sm-7 {
        margin-bottom: 28px !important
    }

    .ms-sm-7 {
        margin-inline-start:28px !important}

    .me-sm-7 {
        margin-inline-end:28px !important}

    .ma-sm-7 {
        margin: 28px !important
    }

    .mt-sm-8,.my-sm-8 {
        margin-top: 32px !important
    }

    .mr-sm-8,.mx-sm-8 {
        margin-right: 32px !important
    }

    .ml-sm-8,.mx-sm-8 {
        margin-left: 32px !important
    }

    .mb-sm-8,.my-sm-8 {
        margin-bottom: 32px !important
    }

    .ms-sm-8 {
        margin-inline-start:32px !important}

    .me-sm-8 {
        margin-inline-end:32px !important}

    .ma-sm-8 {
        margin: 32px !important
    }

    .mt-sm-9,.my-sm-9 {
        margin-top: 36px !important
    }

    .mr-sm-9,.mx-sm-9 {
        margin-right: 36px !important
    }

    .ml-sm-9,.mx-sm-9 {
        margin-left: 36px !important
    }

    .mb-sm-9,.my-sm-9 {
        margin-bottom: 36px !important
    }

    .ms-sm-9 {
        margin-inline-start:36px !important}

    .me-sm-9 {
        margin-inline-end:36px !important}

    .ma-sm-9 {
        margin: 36px !important
    }

    .mt-sm-10,.my-sm-10 {
        margin-top: 40px !important
    }

    .mr-sm-10,.mx-sm-10 {
        margin-right: 40px !important
    }

    .ml-sm-10,.mx-sm-10 {
        margin-left: 40px !important
    }

    .mb-sm-10,.my-sm-10 {
        margin-bottom: 40px !important
    }

    .ms-sm-10 {
        margin-inline-start:40px !important}

    .me-sm-10 {
        margin-inline-end:40px !important}

    .ma-sm-10 {
        margin: 40px !important
    }

    .mt-sm-11,.my-sm-11 {
        margin-top: 44px !important
    }

    .mr-sm-11,.mx-sm-11 {
        margin-right: 44px !important
    }

    .ml-sm-11,.mx-sm-11 {
        margin-left: 44px !important
    }

    .mb-sm-11,.my-sm-11 {
        margin-bottom: 44px !important
    }

    .ms-sm-11 {
        margin-inline-start:44px !important}

    .me-sm-11 {
        margin-inline-end:44px !important}

    .ma-sm-11 {
        margin: 44px !important
    }

    .mt-sm-12,.my-sm-12 {
        margin-top: 48px !important
    }

    .mr-sm-12,.mx-sm-12 {
        margin-right: 48px !important
    }

    .ml-sm-12,.mx-sm-12 {
        margin-left: 48px !important
    }

    .mb-sm-12,.my-sm-12 {
        margin-bottom: 48px !important
    }

    .ms-sm-12 {
        margin-inline-start:48px !important}

    .me-sm-12 {
        margin-inline-end:48px !important}

    .ma-sm-12 {
        margin: 48px !important
    }

    .mt-sm-13,.my-sm-13 {
        margin-top: 52px !important
    }

    .mr-sm-13,.mx-sm-13 {
        margin-right: 52px !important
    }

    .ml-sm-13,.mx-sm-13 {
        margin-left: 52px !important
    }

    .mb-sm-13,.my-sm-13 {
        margin-bottom: 52px !important
    }

    .ms-sm-13 {
        margin-inline-start:52px !important}

    .me-sm-13 {
        margin-inline-end:52px !important}

    .ma-sm-13 {
        margin: 52px !important
    }

    .mt-sm-14,.my-sm-14 {
        margin-top: 56px !important
    }

    .mr-sm-14,.mx-sm-14 {
        margin-right: 56px !important
    }

    .ml-sm-14,.mx-sm-14 {
        margin-left: 56px !important
    }

    .mb-sm-14,.my-sm-14 {
        margin-bottom: 56px !important
    }

    .ms-sm-14 {
        margin-inline-start:56px !important}

    .me-sm-14 {
        margin-inline-end:56px !important}

    .ma-sm-14 {
        margin: 56px !important
    }

    .mt-sm-15,.my-sm-15 {
        margin-top: 60px !important
    }

    .mr-sm-15,.mx-sm-15 {
        margin-right: 60px !important
    }

    .ml-sm-15,.mx-sm-15 {
        margin-left: 60px !important
    }

    .mb-sm-15,.my-sm-15 {
        margin-bottom: 60px !important
    }

    .ms-sm-15 {
        margin-inline-start:60px !important}

    .me-sm-15 {
        margin-inline-end:60px !important}

    .ma-sm-15 {
        margin: 60px !important
    }

    .mt-sm-16,.my-sm-16 {
        margin-top: 64px !important
    }

    .mr-sm-16,.mx-sm-16 {
        margin-right: 64px !important
    }

    .ml-sm-16,.mx-sm-16 {
        margin-left: 64px !important
    }

    .mb-sm-16,.my-sm-16 {
        margin-bottom: 64px !important
    }

    .ms-sm-16 {
        margin-inline-start:64px !important}

    .me-sm-16 {
        margin-inline-end:64px !important}

    .ma-sm-16 {
        margin: 64px !important
    }

    .mt-sm-17,.my-sm-17 {
        margin-top: 68px !important
    }

    .mr-sm-17,.mx-sm-17 {
        margin-right: 68px !important
    }

    .ml-sm-17,.mx-sm-17 {
        margin-left: 68px !important
    }

    .mb-sm-17,.my-sm-17 {
        margin-bottom: 68px !important
    }

    .ms-sm-17 {
        margin-inline-start:68px !important}

    .me-sm-17 {
        margin-inline-end:68px !important}

    .ma-sm-17 {
        margin: 68px !important
    }

    .mt-sm-18,.my-sm-18 {
        margin-top: 72px !important
    }

    .mr-sm-18,.mx-sm-18 {
        margin-right: 72px !important
    }

    .ml-sm-18,.mx-sm-18 {
        margin-left: 72px !important
    }

    .mb-sm-18,.my-sm-18 {
        margin-bottom: 72px !important
    }

    .ms-sm-18 {
        margin-inline-start:72px !important}

    .me-sm-18 {
        margin-inline-end:72px !important}

    .ma-sm-18 {
        margin: 72px !important
    }

    .mt-sm-19,.my-sm-19 {
        margin-top: 76px !important
    }

    .mr-sm-19,.mx-sm-19 {
        margin-right: 76px !important
    }

    .ml-sm-19,.mx-sm-19 {
        margin-left: 76px !important
    }

    .mb-sm-19,.my-sm-19 {
        margin-bottom: 76px !important
    }

    .ms-sm-19 {
        margin-inline-start:76px !important}

    .me-sm-19 {
        margin-inline-end:76px !important}

    .ma-sm-19 {
        margin: 76px !important
    }

    .mt-sm-20,.my-sm-20 {
        margin-top: 80px !important
    }

    .mr-sm-20,.mx-sm-20 {
        margin-right: 80px !important
    }

    .ml-sm-20,.mx-sm-20 {
        margin-left: 80px !important
    }

    .mb-sm-20,.my-sm-20 {
        margin-bottom: 80px !important
    }

    .ms-sm-20 {
        margin-inline-start:80px !important}

    .me-sm-20 {
        margin-inline-end:80px !important}

    .ma-sm-20 {
        margin: 80px !important
    }

    .mt-sm-auto,.my-sm-auto {
        margin-top: auto !important
    }

    .mr-sm-auto,.mx-sm-auto {
        margin-right: auto !important
    }

    .ml-sm-auto,.mx-sm-auto {
        margin-left: auto !important
    }

    .mb-sm-auto,.my-sm-auto {
        margin-bottom: auto !important
    }

    .ms-sm-auto {
        margin-inline-start:auto !important}

    .me-sm-auto {
        margin-inline-end:auto !important}

    .ma-sm-auto {
        margin: auto !important
    }

    .pt-sm-0,.py-sm-0 {
        padding-top: 0 !important
    }

    .pr-sm-0,.px-sm-0 {
        padding-right: 0 !important
    }

    .pl-sm-0,.px-sm-0 {
        padding-left: 0 !important
    }

    .pb-sm-0,.py-sm-0 {
        padding-bottom: 0 !important
    }

    .ps-sm-0 {
        padding-inline-start:0 !important}

    .pe-sm-0 {
        padding-inline-end:0 !important}

    .pa-sm-0 {
        padding: 0 !important
    }

    .pt-sm-1,.py-sm-1 {
        padding-top: 4px !important
    }

    .pr-sm-1,.px-sm-1 {
        padding-right: 4px !important
    }

    .pl-sm-1,.px-sm-1 {
        padding-left: 4px !important
    }

    .pb-sm-1,.py-sm-1 {
        padding-bottom: 4px !important
    }

    .ps-sm-1 {
        padding-inline-start:4px !important}

    .pe-sm-1 {
        padding-inline-end:4px !important}

    .pa-sm-1 {
        padding: 4px !important
    }

    .pt-sm-2,.py-sm-2 {
        padding-top: 8px !important
    }

    .pr-sm-2,.px-sm-2 {
        padding-right: 8px !important
    }

    .pl-sm-2,.px-sm-2 {
        padding-left: 8px !important
    }

    .pb-sm-2,.py-sm-2 {
        padding-bottom: 8px !important
    }

    .ps-sm-2 {
        padding-inline-start:8px !important}

    .pe-sm-2 {
        padding-inline-end:8px !important}

    .pa-sm-2 {
        padding: 8px !important
    }

    .pt-sm-3,.py-sm-3 {
        padding-top: 12px !important
    }

    .pr-sm-3,.px-sm-3 {
        padding-right: 12px !important
    }

    .pl-sm-3,.px-sm-3 {
        padding-left: 12px !important
    }

    .pb-sm-3,.py-sm-3 {
        padding-bottom: 12px !important
    }

    .ps-sm-3 {
        padding-inline-start:12px !important}

    .pe-sm-3 {
        padding-inline-end:12px !important}

    .pa-sm-3 {
        padding: 12px !important
    }

    .pt-sm-4,.py-sm-4 {
        padding-top: 16px !important
    }

    .pr-sm-4,.px-sm-4 {
        padding-right: 16px !important
    }

    .pl-sm-4,.px-sm-4 {
        padding-left: 16px !important
    }

    .pb-sm-4,.py-sm-4 {
        padding-bottom: 16px !important
    }

    .ps-sm-4 {
        padding-inline-start:16px !important}

    .pe-sm-4 {
        padding-inline-end:16px !important}

    .pa-sm-4 {
        padding: 16px !important
    }

    .pt-sm-5,.py-sm-5 {
        padding-top: 20px !important
    }

    .pr-sm-5,.px-sm-5 {
        padding-right: 20px !important
    }

    .pl-sm-5,.px-sm-5 {
        padding-left: 20px !important
    }

    .pb-sm-5,.py-sm-5 {
        padding-bottom: 20px !important
    }

    .ps-sm-5 {
        padding-inline-start:20px !important}

    .pe-sm-5 {
        padding-inline-end:20px !important}

    .pa-sm-5 {
        padding: 20px !important
    }

    .pt-sm-6,.py-sm-6 {
        padding-top: 24px !important
    }

    .pr-sm-6,.px-sm-6 {
        padding-right: 24px !important
    }

    .pl-sm-6,.px-sm-6 {
        padding-left: 24px !important
    }

    .pb-sm-6,.py-sm-6 {
        padding-bottom: 24px !important
    }

    .ps-sm-6 {
        padding-inline-start:24px !important}

    .pe-sm-6 {
        padding-inline-end:24px !important}

    .pa-sm-6 {
        padding: 24px !important
    }

    .pt-sm-7,.py-sm-7 {
        padding-top: 28px !important
    }

    .pr-sm-7,.px-sm-7 {
        padding-right: 28px !important
    }

    .pl-sm-7,.px-sm-7 {
        padding-left: 28px !important
    }

    .pb-sm-7,.py-sm-7 {
        padding-bottom: 28px !important
    }

    .ps-sm-7 {
        padding-inline-start:28px !important}

    .pe-sm-7 {
        padding-inline-end:28px !important}

    .pa-sm-7 {
        padding: 28px !important
    }

    .pt-sm-8,.py-sm-8 {
        padding-top: 32px !important
    }

    .pr-sm-8,.px-sm-8 {
        padding-right: 32px !important
    }

    .pl-sm-8,.px-sm-8 {
        padding-left: 32px !important
    }

    .pb-sm-8,.py-sm-8 {
        padding-bottom: 32px !important
    }

    .ps-sm-8 {
        padding-inline-start:32px !important}

    .pe-sm-8 {
        padding-inline-end:32px !important}

    .pa-sm-8 {
        padding: 32px !important
    }

    .pt-sm-9,.py-sm-9 {
        padding-top: 36px !important
    }

    .pr-sm-9,.px-sm-9 {
        padding-right: 36px !important
    }

    .pl-sm-9,.px-sm-9 {
        padding-left: 36px !important
    }

    .pb-sm-9,.py-sm-9 {
        padding-bottom: 36px !important
    }

    .ps-sm-9 {
        padding-inline-start:36px !important}

    .pe-sm-9 {
        padding-inline-end:36px !important}

    .pa-sm-9 {
        padding: 36px !important
    }

    .pt-sm-10,.py-sm-10 {
        padding-top: 40px !important
    }

    .pr-sm-10,.px-sm-10 {
        padding-right: 40px !important
    }

    .pl-sm-10,.px-sm-10 {
        padding-left: 40px !important
    }

    .pb-sm-10,.py-sm-10 {
        padding-bottom: 40px !important
    }

    .ps-sm-10 {
        padding-inline-start:40px !important}

    .pe-sm-10 {
        padding-inline-end:40px !important}

    .pa-sm-10 {
        padding: 40px !important
    }

    .pt-sm-11,.py-sm-11 {
        padding-top: 44px !important
    }

    .pr-sm-11,.px-sm-11 {
        padding-right: 44px !important
    }

    .pl-sm-11,.px-sm-11 {
        padding-left: 44px !important
    }

    .pb-sm-11,.py-sm-11 {
        padding-bottom: 44px !important
    }

    .ps-sm-11 {
        padding-inline-start:44px !important}

    .pe-sm-11 {
        padding-inline-end:44px !important}

    .pa-sm-11 {
        padding: 44px !important
    }

    .pt-sm-12,.py-sm-12 {
        padding-top: 48px !important
    }

    .pr-sm-12,.px-sm-12 {
        padding-right: 48px !important
    }

    .pl-sm-12,.px-sm-12 {
        padding-left: 48px !important
    }

    .pb-sm-12,.py-sm-12 {
        padding-bottom: 48px !important
    }

    .ps-sm-12 {
        padding-inline-start:48px !important}

    .pe-sm-12 {
        padding-inline-end:48px !important}

    .pa-sm-12 {
        padding: 48px !important
    }

    .pt-sm-13,.py-sm-13 {
        padding-top: 52px !important
    }

    .pr-sm-13,.px-sm-13 {
        padding-right: 52px !important
    }

    .pl-sm-13,.px-sm-13 {
        padding-left: 52px !important
    }

    .pb-sm-13,.py-sm-13 {
        padding-bottom: 52px !important
    }

    .ps-sm-13 {
        padding-inline-start:52px !important}

    .pe-sm-13 {
        padding-inline-end:52px !important}

    .pa-sm-13 {
        padding: 52px !important
    }

    .pt-sm-14,.py-sm-14 {
        padding-top: 56px !important
    }

    .pr-sm-14,.px-sm-14 {
        padding-right: 56px !important
    }

    .pl-sm-14,.px-sm-14 {
        padding-left: 56px !important
    }

    .pb-sm-14,.py-sm-14 {
        padding-bottom: 56px !important
    }

    .ps-sm-14 {
        padding-inline-start:56px !important}

    .pe-sm-14 {
        padding-inline-end:56px !important}

    .pa-sm-14 {
        padding: 56px !important
    }

    .pt-sm-15,.py-sm-15 {
        padding-top: 60px !important
    }

    .pr-sm-15,.px-sm-15 {
        padding-right: 60px !important
    }

    .pl-sm-15,.px-sm-15 {
        padding-left: 60px !important
    }

    .pb-sm-15,.py-sm-15 {
        padding-bottom: 60px !important
    }

    .ps-sm-15 {
        padding-inline-start:60px !important}

    .pe-sm-15 {
        padding-inline-end:60px !important}

    .pa-sm-15 {
        padding: 60px !important
    }

    .pt-sm-16,.py-sm-16 {
        padding-top: 64px !important
    }

    .pr-sm-16,.px-sm-16 {
        padding-right: 64px !important
    }

    .pl-sm-16,.px-sm-16 {
        padding-left: 64px !important
    }

    .pb-sm-16,.py-sm-16 {
        padding-bottom: 64px !important
    }

    .ps-sm-16 {
        padding-inline-start:64px !important}

    .pe-sm-16 {
        padding-inline-end:64px !important}

    .pa-sm-16 {
        padding: 64px !important
    }

    .pt-sm-17,.py-sm-17 {
        padding-top: 68px !important
    }

    .pr-sm-17,.px-sm-17 {
        padding-right: 68px !important
    }

    .pl-sm-17,.px-sm-17 {
        padding-left: 68px !important
    }

    .pb-sm-17,.py-sm-17 {
        padding-bottom: 68px !important
    }

    .ps-sm-17 {
        padding-inline-start:68px !important}

    .pe-sm-17 {
        padding-inline-end:68px !important}

    .pa-sm-17 {
        padding: 68px !important
    }

    .pt-sm-18,.py-sm-18 {
        padding-top: 72px !important
    }

    .pr-sm-18,.px-sm-18 {
        padding-right: 72px !important
    }

    .pl-sm-18,.px-sm-18 {
        padding-left: 72px !important
    }

    .pb-sm-18,.py-sm-18 {
        padding-bottom: 72px !important
    }

    .ps-sm-18 {
        padding-inline-start:72px !important}

    .pe-sm-18 {
        padding-inline-end:72px !important}

    .pa-sm-18 {
        padding: 72px !important
    }

    .pt-sm-19,.py-sm-19 {
        padding-top: 76px !important
    }

    .pr-sm-19,.px-sm-19 {
        padding-right: 76px !important
    }

    .pl-sm-19,.px-sm-19 {
        padding-left: 76px !important
    }

    .pb-sm-19,.py-sm-19 {
        padding-bottom: 76px !important
    }

    .ps-sm-19 {
        padding-inline-start:76px !important}

    .pe-sm-19 {
        padding-inline-end:76px !important}

    .pa-sm-19 {
        padding: 76px !important
    }

    .pt-sm-20,.py-sm-20 {
        padding-top: 80px !important
    }

    .pr-sm-20,.px-sm-20 {
        padding-right: 80px !important
    }

    .pl-sm-20,.px-sm-20 {
        padding-left: 80px !important
    }

    .pb-sm-20,.py-sm-20 {
        padding-bottom: 80px !important
    }

    .ps-sm-20 {
        padding-inline-start:80px !important}

    .pe-sm-20 {
        padding-inline-end:80px !important}

    .pa-sm-20 {
        padding: 80px !important
    }

    .pt-sm-auto,.py-sm-auto {
        padding-top: auto !important
    }

    .pr-sm-auto,.px-sm-auto {
        padding-right: auto !important
    }

    .pl-sm-auto,.px-sm-auto {
        padding-left: auto !important
    }

    .pb-sm-auto,.py-sm-auto {
        padding-bottom: auto !important
    }

    .ps-sm-auto {
        padding-inline-start:auto !important}

    .pe-sm-auto {
        padding-inline-end:auto !important}

    .pa-sm-auto {
        padding: auto !important
    }

    .mt-sm-n1,.my-sm-n1 {
        margin-top: -4px !important
    }

    .mr-sm-n1,.mx-sm-n1 {
        margin-right: -4px !important
    }

    .ml-sm-n1,.mx-sm-n1 {
        margin-left: -4px !important
    }

    .mb-sm-n1,.my-sm-n1 {
        margin-bottom: -4px !important
    }

    .ms-sm-n1 {
        margin-inline-start:-4px !important}

    .me-sm-n1 {
        margin-inline-end:-4px !important}

    .ma-sm-n1 {
        margin: -4px !important
    }

    .mt-sm-n2,.my-sm-n2 {
        margin-top: -8px !important
    }

    .mr-sm-n2,.mx-sm-n2 {
        margin-right: -8px !important
    }

    .ml-sm-n2,.mx-sm-n2 {
        margin-left: -8px !important
    }

    .mb-sm-n2,.my-sm-n2 {
        margin-bottom: -8px !important
    }

    .ms-sm-n2 {
        margin-inline-start:-8px !important}

    .me-sm-n2 {
        margin-inline-end:-8px !important}

    .ma-sm-n2 {
        margin: -8px !important
    }

    .mt-sm-n3,.my-sm-n3 {
        margin-top: -12px !important
    }

    .mr-sm-n3,.mx-sm-n3 {
        margin-right: -12px !important
    }

    .ml-sm-n3,.mx-sm-n3 {
        margin-left: -12px !important
    }

    .mb-sm-n3,.my-sm-n3 {
        margin-bottom: -12px !important
    }

    .ms-sm-n3 {
        margin-inline-start:-12px !important}

    .me-sm-n3 {
        margin-inline-end:-12px !important}

    .ma-sm-n3 {
        margin: -12px !important
    }

    .mt-sm-n4,.my-sm-n4 {
        margin-top: -16px !important
    }

    .mr-sm-n4,.mx-sm-n4 {
        margin-right: -16px !important
    }

    .ml-sm-n4,.mx-sm-n4 {
        margin-left: -16px !important
    }

    .mb-sm-n4,.my-sm-n4 {
        margin-bottom: -16px !important
    }

    .ms-sm-n4 {
        margin-inline-start:-16px !important}

    .me-sm-n4 {
        margin-inline-end:-16px !important}

    .ma-sm-n4 {
        margin: -16px !important
    }

    .mt-sm-n5,.my-sm-n5 {
        margin-top: -20px !important
    }

    .mr-sm-n5,.mx-sm-n5 {
        margin-right: -20px !important
    }

    .ml-sm-n5,.mx-sm-n5 {
        margin-left: -20px !important
    }

    .mb-sm-n5,.my-sm-n5 {
        margin-bottom: -20px !important
    }

    .ms-sm-n5 {
        margin-inline-start:-20px !important}

    .me-sm-n5 {
        margin-inline-end:-20px !important}

    .ma-sm-n5 {
        margin: -20px !important
    }

    .mt-sm-n6,.my-sm-n6 {
        margin-top: -24px !important
    }

    .mr-sm-n6,.mx-sm-n6 {
        margin-right: -24px !important
    }

    .ml-sm-n6,.mx-sm-n6 {
        margin-left: -24px !important
    }

    .mb-sm-n6,.my-sm-n6 {
        margin-bottom: -24px !important
    }

    .ms-sm-n6 {
        margin-inline-start:-24px !important}

    .me-sm-n6 {
        margin-inline-end:-24px !important}

    .ma-sm-n6 {
        margin: -24px !important
    }

    .mt-sm-n7,.my-sm-n7 {
        margin-top: -28px !important
    }

    .mr-sm-n7,.mx-sm-n7 {
        margin-right: -28px !important
    }

    .ml-sm-n7,.mx-sm-n7 {
        margin-left: -28px !important
    }

    .mb-sm-n7,.my-sm-n7 {
        margin-bottom: -28px !important
    }

    .ms-sm-n7 {
        margin-inline-start:-28px !important}

    .me-sm-n7 {
        margin-inline-end:-28px !important}

    .ma-sm-n7 {
        margin: -28px !important
    }

    .mt-sm-n8,.my-sm-n8 {
        margin-top: -32px !important
    }

    .mr-sm-n8,.mx-sm-n8 {
        margin-right: -32px !important
    }

    .ml-sm-n8,.mx-sm-n8 {
        margin-left: -32px !important
    }

    .mb-sm-n8,.my-sm-n8 {
        margin-bottom: -32px !important
    }

    .ms-sm-n8 {
        margin-inline-start:-32px !important}

    .me-sm-n8 {
        margin-inline-end:-32px !important}

    .ma-sm-n8 {
        margin: -32px !important
    }

    .mt-sm-n9,.my-sm-n9 {
        margin-top: -36px !important
    }

    .mr-sm-n9,.mx-sm-n9 {
        margin-right: -36px !important
    }

    .ml-sm-n9,.mx-sm-n9 {
        margin-left: -36px !important
    }

    .mb-sm-n9,.my-sm-n9 {
        margin-bottom: -36px !important
    }

    .ms-sm-n9 {
        margin-inline-start:-36px !important}

    .me-sm-n9 {
        margin-inline-end:-36px !important}

    .ma-sm-n9 {
        margin: -36px !important
    }

    .mt-sm-n10,.my-sm-n10 {
        margin-top: -40px !important
    }

    .mr-sm-n10,.mx-sm-n10 {
        margin-right: -40px !important
    }

    .ml-sm-n10,.mx-sm-n10 {
        margin-left: -40px !important
    }

    .mb-sm-n10,.my-sm-n10 {
        margin-bottom: -40px !important
    }

    .ms-sm-n10 {
        margin-inline-start:-40px !important}

    .me-sm-n10 {
        margin-inline-end:-40px !important}

    .ma-sm-n10 {
        margin: -40px !important
    }

    .mt-sm-n11,.my-sm-n11 {
        margin-top: -44px !important
    }

    .mr-sm-n11,.mx-sm-n11 {
        margin-right: -44px !important
    }

    .ml-sm-n11,.mx-sm-n11 {
        margin-left: -44px !important
    }

    .mb-sm-n11,.my-sm-n11 {
        margin-bottom: -44px !important
    }

    .ms-sm-n11 {
        margin-inline-start:-44px !important}

    .me-sm-n11 {
        margin-inline-end:-44px !important}

    .ma-sm-n11 {
        margin: -44px !important
    }

    .mt-sm-n12,.my-sm-n12 {
        margin-top: -48px !important
    }

    .mr-sm-n12,.mx-sm-n12 {
        margin-right: -48px !important
    }

    .ml-sm-n12,.mx-sm-n12 {
        margin-left: -48px !important
    }

    .mb-sm-n12,.my-sm-n12 {
        margin-bottom: -48px !important
    }

    .ms-sm-n12 {
        margin-inline-start:-48px !important}

    .me-sm-n12 {
        margin-inline-end:-48px !important}

    .ma-sm-n12 {
        margin: -48px !important
    }

    .mt-sm-n13,.my-sm-n13 {
        margin-top: -52px !important
    }

    .mr-sm-n13,.mx-sm-n13 {
        margin-right: -52px !important
    }

    .ml-sm-n13,.mx-sm-n13 {
        margin-left: -52px !important
    }

    .mb-sm-n13,.my-sm-n13 {
        margin-bottom: -52px !important
    }

    .ms-sm-n13 {
        margin-inline-start:-52px !important}

    .me-sm-n13 {
        margin-inline-end:-52px !important}

    .ma-sm-n13 {
        margin: -52px !important
    }

    .mt-sm-n14,.my-sm-n14 {
        margin-top: -56px !important
    }

    .mr-sm-n14,.mx-sm-n14 {
        margin-right: -56px !important
    }

    .ml-sm-n14,.mx-sm-n14 {
        margin-left: -56px !important
    }

    .mb-sm-n14,.my-sm-n14 {
        margin-bottom: -56px !important
    }

    .ms-sm-n14 {
        margin-inline-start:-56px !important}

    .me-sm-n14 {
        margin-inline-end:-56px !important}

    .ma-sm-n14 {
        margin: -56px !important
    }

    .mt-sm-n15,.my-sm-n15 {
        margin-top: -60px !important
    }

    .mr-sm-n15,.mx-sm-n15 {
        margin-right: -60px !important
    }

    .ml-sm-n15,.mx-sm-n15 {
        margin-left: -60px !important
    }

    .mb-sm-n15,.my-sm-n15 {
        margin-bottom: -60px !important
    }

    .ms-sm-n15 {
        margin-inline-start:-60px !important}

    .me-sm-n15 {
        margin-inline-end:-60px !important}

    .ma-sm-n15 {
        margin: -60px !important
    }

    .mt-sm-n16,.my-sm-n16 {
        margin-top: -64px !important
    }

    .mr-sm-n16,.mx-sm-n16 {
        margin-right: -64px !important
    }

    .ml-sm-n16,.mx-sm-n16 {
        margin-left: -64px !important
    }

    .mb-sm-n16,.my-sm-n16 {
        margin-bottom: -64px !important
    }

    .ms-sm-n16 {
        margin-inline-start:-64px !important}

    .me-sm-n16 {
        margin-inline-end:-64px !important}

    .ma-sm-n16 {
        margin: -64px !important
    }

    .mt-sm-n17,.my-sm-n17 {
        margin-top: -68px !important
    }

    .mr-sm-n17,.mx-sm-n17 {
        margin-right: -68px !important
    }

    .ml-sm-n17,.mx-sm-n17 {
        margin-left: -68px !important
    }

    .mb-sm-n17,.my-sm-n17 {
        margin-bottom: -68px !important
    }

    .ms-sm-n17 {
        margin-inline-start:-68px !important}

    .me-sm-n17 {
        margin-inline-end:-68px !important}

    .ma-sm-n17 {
        margin: -68px !important
    }

    .mt-sm-n18,.my-sm-n18 {
        margin-top: -72px !important
    }

    .mr-sm-n18,.mx-sm-n18 {
        margin-right: -72px !important
    }

    .ml-sm-n18,.mx-sm-n18 {
        margin-left: -72px !important
    }

    .mb-sm-n18,.my-sm-n18 {
        margin-bottom: -72px !important
    }

    .ms-sm-n18 {
        margin-inline-start:-72px !important}

    .me-sm-n18 {
        margin-inline-end:-72px !important}

    .ma-sm-n18 {
        margin: -72px !important
    }

    .mt-sm-n19,.my-sm-n19 {
        margin-top: -76px !important
    }

    .mr-sm-n19,.mx-sm-n19 {
        margin-right: -76px !important
    }

    .ml-sm-n19,.mx-sm-n19 {
        margin-left: -76px !important
    }

    .mb-sm-n19,.my-sm-n19 {
        margin-bottom: -76px !important
    }

    .ms-sm-n19 {
        margin-inline-start:-76px !important}

    .me-sm-n19 {
        margin-inline-end:-76px !important}

    .ma-sm-n19 {
        margin: -76px !important
    }

    .mt-sm-n20,.my-sm-n20 {
        margin-top: -80px !important
    }

    .mr-sm-n20,.mx-sm-n20 {
        margin-right: -80px !important
    }

    .ml-sm-n20,.mx-sm-n20 {
        margin-left: -80px !important
    }

    .mb-sm-n20,.my-sm-n20 {
        margin-bottom: -80px !important
    }

    .ms-sm-n20 {
        margin-inline-start:-80px !important}

    .me-sm-n20 {
        margin-inline-end:-80px !important}

    .ma-sm-n20 {
        margin: -80px !important
    }
}

@media screen and (min-width: 960px) {
    .mt-md-0,.my-md-0 {
        margin-top:0 !important
    }

    .mr-md-0,.mx-md-0 {
        margin-right: 0 !important
    }

    .ml-md-0,.mx-md-0 {
        margin-left: 0 !important
    }

    .mb-md-0,.my-md-0 {
        margin-bottom: 0 !important
    }

    .ms-md-0 {
        margin-inline-start:0 !important}

    .me-md-0 {
        margin-inline-end:0 !important}

    .ma-md-0 {
        margin: 0 !important
    }

    .mt-md-1,.my-md-1 {
        margin-top: 4px !important
    }

    .mr-md-1,.mx-md-1 {
        margin-right: 4px !important
    }

    .ml-md-1,.mx-md-1 {
        margin-left: 4px !important
    }

    .mb-md-1,.my-md-1 {
        margin-bottom: 4px !important
    }

    .ms-md-1 {
        margin-inline-start:4px !important}

    .me-md-1 {
        margin-inline-end:4px !important}

    .ma-md-1 {
        margin: 4px !important
    }

    .mt-md-2,.my-md-2 {
        margin-top: 8px !important
    }

    .mr-md-2,.mx-md-2 {
        margin-right: 8px !important
    }

    .ml-md-2,.mx-md-2 {
        margin-left: 8px !important
    }

    .mb-md-2,.my-md-2 {
        margin-bottom: 8px !important
    }

    .ms-md-2 {
        margin-inline-start:8px !important}

    .me-md-2 {
        margin-inline-end:8px !important}

    .ma-md-2 {
        margin: 8px !important
    }

    .mt-md-3,.my-md-3 {
        margin-top: 12px !important
    }

    .mr-md-3,.mx-md-3 {
        margin-right: 12px !important
    }

    .ml-md-3,.mx-md-3 {
        margin-left: 12px !important
    }

    .mb-md-3,.my-md-3 {
        margin-bottom: 12px !important
    }

    .ms-md-3 {
        margin-inline-start:12px !important}

    .me-md-3 {
        margin-inline-end:12px !important}

    .ma-md-3 {
        margin: 12px !important
    }

    .mt-md-4,.my-md-4 {
        margin-top: 16px !important
    }

    .mr-md-4,.mx-md-4 {
        margin-right: 16px !important
    }

    .ml-md-4,.mx-md-4 {
        margin-left: 16px !important
    }

    .mb-md-4,.my-md-4 {
        margin-bottom: 16px !important
    }

    .ms-md-4 {
        margin-inline-start:16px !important}

    .me-md-4 {
        margin-inline-end:16px !important}

    .ma-md-4 {
        margin: 16px !important
    }

    .mt-md-5,.my-md-5 {
        margin-top: 20px !important
    }

    .mr-md-5,.mx-md-5 {
        margin-right: 20px !important
    }

    .ml-md-5,.mx-md-5 {
        margin-left: 20px !important
    }

    .mb-md-5,.my-md-5 {
        margin-bottom: 20px !important
    }

    .ms-md-5 {
        margin-inline-start:20px !important}

    .me-md-5 {
        margin-inline-end:20px !important}

    .ma-md-5 {
        margin: 20px !important
    }

    .mt-md-6,.my-md-6 {
        margin-top: 24px !important
    }

    .mr-md-6,.mx-md-6 {
        margin-right: 24px !important
    }

    .ml-md-6,.mx-md-6 {
        margin-left: 24px !important
    }

    .mb-md-6,.my-md-6 {
        margin-bottom: 24px !important
    }

    .ms-md-6 {
        margin-inline-start:24px !important}

    .me-md-6 {
        margin-inline-end:24px !important}

    .ma-md-6 {
        margin: 24px !important
    }

    .mt-md-7,.my-md-7 {
        margin-top: 28px !important
    }

    .mr-md-7,.mx-md-7 {
        margin-right: 28px !important
    }

    .ml-md-7,.mx-md-7 {
        margin-left: 28px !important
    }

    .mb-md-7,.my-md-7 {
        margin-bottom: 28px !important
    }

    .ms-md-7 {
        margin-inline-start:28px !important}

    .me-md-7 {
        margin-inline-end:28px !important}

    .ma-md-7 {
        margin: 28px !important
    }

    .mt-md-8,.my-md-8 {
        margin-top: 32px !important
    }

    .mr-md-8,.mx-md-8 {
        margin-right: 32px !important
    }

    .ml-md-8,.mx-md-8 {
        margin-left: 32px !important
    }

    .mb-md-8,.my-md-8 {
        margin-bottom: 32px !important
    }

    .ms-md-8 {
        margin-inline-start:32px !important}

    .me-md-8 {
        margin-inline-end:32px !important}

    .ma-md-8 {
        margin: 32px !important
    }

    .mt-md-9,.my-md-9 {
        margin-top: 36px !important
    }

    .mr-md-9,.mx-md-9 {
        margin-right: 36px !important
    }

    .ml-md-9,.mx-md-9 {
        margin-left: 36px !important
    }

    .mb-md-9,.my-md-9 {
        margin-bottom: 36px !important
    }

    .ms-md-9 {
        margin-inline-start:36px !important}

    .me-md-9 {
        margin-inline-end:36px !important}

    .ma-md-9 {
        margin: 36px !important
    }

    .mt-md-10,.my-md-10 {
        margin-top: 40px !important
    }

    .mr-md-10,.mx-md-10 {
        margin-right: 40px !important
    }

    .ml-md-10,.mx-md-10 {
        margin-left: 40px !important
    }

    .mb-md-10,.my-md-10 {
        margin-bottom: 40px !important
    }

    .ms-md-10 {
        margin-inline-start:40px !important}

    .me-md-10 {
        margin-inline-end:40px !important}

    .ma-md-10 {
        margin: 40px !important
    }

    .mt-md-11,.my-md-11 {
        margin-top: 44px !important
    }

    .mr-md-11,.mx-md-11 {
        margin-right: 44px !important
    }

    .ml-md-11,.mx-md-11 {
        margin-left: 44px !important
    }

    .mb-md-11,.my-md-11 {
        margin-bottom: 44px !important
    }

    .ms-md-11 {
        margin-inline-start:44px !important}

    .me-md-11 {
        margin-inline-end:44px !important}

    .ma-md-11 {
        margin: 44px !important
    }

    .mt-md-12,.my-md-12 {
        margin-top: 48px !important
    }

    .mr-md-12,.mx-md-12 {
        margin-right: 48px !important
    }

    .ml-md-12,.mx-md-12 {
        margin-left: 48px !important
    }

    .mb-md-12,.my-md-12 {
        margin-bottom: 48px !important
    }

    .ms-md-12 {
        margin-inline-start:48px !important}

    .me-md-12 {
        margin-inline-end:48px !important}

    .ma-md-12 {
        margin: 48px !important
    }

    .mt-md-13,.my-md-13 {
        margin-top: 52px !important
    }

    .mr-md-13,.mx-md-13 {
        margin-right: 52px !important
    }

    .ml-md-13,.mx-md-13 {
        margin-left: 52px !important
    }

    .mb-md-13,.my-md-13 {
        margin-bottom: 52px !important
    }

    .ms-md-13 {
        margin-inline-start:52px !important}

    .me-md-13 {
        margin-inline-end:52px !important}

    .ma-md-13 {
        margin: 52px !important
    }

    .mt-md-14,.my-md-14 {
        margin-top: 56px !important
    }

    .mr-md-14,.mx-md-14 {
        margin-right: 56px !important
    }

    .ml-md-14,.mx-md-14 {
        margin-left: 56px !important
    }

    .mb-md-14,.my-md-14 {
        margin-bottom: 56px !important
    }

    .ms-md-14 {
        margin-inline-start:56px !important}

    .me-md-14 {
        margin-inline-end:56px !important}

    .ma-md-14 {
        margin: 56px !important
    }

    .mt-md-15,.my-md-15 {
        margin-top: 60px !important
    }

    .mr-md-15,.mx-md-15 {
        margin-right: 60px !important
    }

    .ml-md-15,.mx-md-15 {
        margin-left: 60px !important
    }

    .mb-md-15,.my-md-15 {
        margin-bottom: 60px !important
    }

    .ms-md-15 {
        margin-inline-start:60px !important}

    .me-md-15 {
        margin-inline-end:60px !important}

    .ma-md-15 {
        margin: 60px !important
    }

    .mt-md-16,.my-md-16 {
        margin-top: 64px !important
    }

    .mr-md-16,.mx-md-16 {
        margin-right: 64px !important
    }

    .ml-md-16,.mx-md-16 {
        margin-left: 64px !important
    }

    .mb-md-16,.my-md-16 {
        margin-bottom: 64px !important
    }

    .ms-md-16 {
        margin-inline-start:64px !important}

    .me-md-16 {
        margin-inline-end:64px !important}

    .ma-md-16 {
        margin: 64px !important
    }

    .mt-md-17,.my-md-17 {
        margin-top: 68px !important
    }

    .mr-md-17,.mx-md-17 {
        margin-right: 68px !important
    }

    .ml-md-17,.mx-md-17 {
        margin-left: 68px !important
    }

    .mb-md-17,.my-md-17 {
        margin-bottom: 68px !important
    }

    .ms-md-17 {
        margin-inline-start:68px !important}

    .me-md-17 {
        margin-inline-end:68px !important}

    .ma-md-17 {
        margin: 68px !important
    }

    .mt-md-18,.my-md-18 {
        margin-top: 72px !important
    }

    .mr-md-18,.mx-md-18 {
        margin-right: 72px !important
    }

    .ml-md-18,.mx-md-18 {
        margin-left: 72px !important
    }

    .mb-md-18,.my-md-18 {
        margin-bottom: 72px !important
    }

    .ms-md-18 {
        margin-inline-start:72px !important}

    .me-md-18 {
        margin-inline-end:72px !important}

    .ma-md-18 {
        margin: 72px !important
    }

    .mt-md-19,.my-md-19 {
        margin-top: 76px !important
    }

    .mr-md-19,.mx-md-19 {
        margin-right: 76px !important
    }

    .ml-md-19,.mx-md-19 {
        margin-left: 76px !important
    }

    .mb-md-19,.my-md-19 {
        margin-bottom: 76px !important
    }

    .ms-md-19 {
        margin-inline-start:76px !important}

    .me-md-19 {
        margin-inline-end:76px !important}

    .ma-md-19 {
        margin: 76px !important
    }

    .mt-md-20,.my-md-20 {
        margin-top: 80px !important
    }

    .mr-md-20,.mx-md-20 {
        margin-right: 80px !important
    }

    .ml-md-20,.mx-md-20 {
        margin-left: 80px !important
    }

    .mb-md-20,.my-md-20 {
        margin-bottom: 80px !important
    }

    .ms-md-20 {
        margin-inline-start:80px !important}

    .me-md-20 {
        margin-inline-end:80px !important}

    .ma-md-20 {
        margin: 80px !important
    }

    .mt-md-auto,.my-md-auto {
        margin-top: auto !important
    }

    .mr-md-auto,.mx-md-auto {
        margin-right: auto !important
    }

    .ml-md-auto,.mx-md-auto {
        margin-left: auto !important
    }

    .mb-md-auto,.my-md-auto {
        margin-bottom: auto !important
    }

    .ms-md-auto {
        margin-inline-start:auto !important}

    .me-md-auto {
        margin-inline-end:auto !important}

    .ma-md-auto {
        margin: auto !important
    }

    .pt-md-0,.py-md-0 {
        padding-top: 0 !important
    }

    .pr-md-0,.px-md-0 {
        padding-right: 0 !important
    }

    .pl-md-0,.px-md-0 {
        padding-left: 0 !important
    }

    .pb-md-0,.py-md-0 {
        padding-bottom: 0 !important
    }

    .ps-md-0 {
        padding-inline-start:0 !important}

    .pe-md-0 {
        padding-inline-end:0 !important}

    .pa-md-0 {
        padding: 0 !important
    }

    .pt-md-1,.py-md-1 {
        padding-top: 4px !important
    }

    .pr-md-1,.px-md-1 {
        padding-right: 4px !important
    }

    .pl-md-1,.px-md-1 {
        padding-left: 4px !important
    }

    .pb-md-1,.py-md-1 {
        padding-bottom: 4px !important
    }

    .ps-md-1 {
        padding-inline-start:4px !important}

    .pe-md-1 {
        padding-inline-end:4px !important}

    .pa-md-1 {
        padding: 4px !important
    }

    .pt-md-2,.py-md-2 {
        padding-top: 8px !important
    }

    .pr-md-2,.px-md-2 {
        padding-right: 8px !important
    }

    .pl-md-2,.px-md-2 {
        padding-left: 8px !important
    }

    .pb-md-2,.py-md-2 {
        padding-bottom: 8px !important
    }

    .ps-md-2 {
        padding-inline-start:8px !important}

    .pe-md-2 {
        padding-inline-end:8px !important}

    .pa-md-2 {
        padding: 8px !important
    }

    .pt-md-3,.py-md-3 {
        padding-top: 12px !important
    }

    .pr-md-3,.px-md-3 {
        padding-right: 12px !important
    }

    .pl-md-3,.px-md-3 {
        padding-left: 12px !important
    }

    .pb-md-3,.py-md-3 {
        padding-bottom: 12px !important
    }

    .ps-md-3 {
        padding-inline-start:12px !important}

    .pe-md-3 {
        padding-inline-end:12px !important}

    .pa-md-3 {
        padding: 12px !important
    }

    .pt-md-4,.py-md-4 {
        padding-top: 16px !important
    }

    .pr-md-4,.px-md-4 {
        padding-right: 16px !important
    }

    .pl-md-4,.px-md-4 {
        padding-left: 16px !important
    }

    .pb-md-4,.py-md-4 {
        padding-bottom: 16px !important
    }

    .ps-md-4 {
        padding-inline-start:16px !important}

    .pe-md-4 {
        padding-inline-end:16px !important}

    .pa-md-4 {
        padding: 16px !important
    }

    .pt-md-5,.py-md-5 {
        padding-top: 20px !important
    }

    .pr-md-5,.px-md-5 {
        padding-right: 20px !important
    }

    .pl-md-5,.px-md-5 {
        padding-left: 20px !important
    }

    .pb-md-5,.py-md-5 {
        padding-bottom: 20px !important
    }

    .ps-md-5 {
        padding-inline-start:20px !important}

    .pe-md-5 {
        padding-inline-end:20px !important}

    .pa-md-5 {
        padding: 20px !important
    }

    .pt-md-6,.py-md-6 {
        padding-top: 24px !important
    }

    .pr-md-6,.px-md-6 {
        padding-right: 24px !important
    }

    .pl-md-6,.px-md-6 {
        padding-left: 24px !important
    }

    .pb-md-6,.py-md-6 {
        padding-bottom: 24px !important
    }

    .ps-md-6 {
        padding-inline-start:24px !important}

    .pe-md-6 {
        padding-inline-end:24px !important}

    .pa-md-6 {
        padding: 24px !important
    }

    .pt-md-7,.py-md-7 {
        padding-top: 28px !important
    }

    .pr-md-7,.px-md-7 {
        padding-right: 28px !important
    }

    .pl-md-7,.px-md-7 {
        padding-left: 28px !important
    }

    .pb-md-7,.py-md-7 {
        padding-bottom: 28px !important
    }

    .ps-md-7 {
        padding-inline-start:28px !important}

    .pe-md-7 {
        padding-inline-end:28px !important}

    .pa-md-7 {
        padding: 28px !important
    }

    .pt-md-8,.py-md-8 {
        padding-top: 32px !important
    }

    .pr-md-8,.px-md-8 {
        padding-right: 32px !important
    }

    .pl-md-8,.px-md-8 {
        padding-left: 32px !important
    }

    .pb-md-8,.py-md-8 {
        padding-bottom: 32px !important
    }

    .ps-md-8 {
        padding-inline-start:32px !important}

    .pe-md-8 {
        padding-inline-end:32px !important}

    .pa-md-8 {
        padding: 32px !important
    }

    .pt-md-9,.py-md-9 {
        padding-top: 36px !important
    }

    .pr-md-9,.px-md-9 {
        padding-right: 36px !important
    }

    .pl-md-9,.px-md-9 {
        padding-left: 36px !important
    }

    .pb-md-9,.py-md-9 {
        padding-bottom: 36px !important
    }

    .ps-md-9 {
        padding-inline-start:36px !important}

    .pe-md-9 {
        padding-inline-end:36px !important}

    .pa-md-9 {
        padding: 36px !important
    }

    .pt-md-10,.py-md-10 {
        padding-top: 40px !important
    }

    .pr-md-10,.px-md-10 {
        padding-right: 40px !important
    }

    .pl-md-10,.px-md-10 {
        padding-left: 40px !important
    }

    .pb-md-10,.py-md-10 {
        padding-bottom: 40px !important
    }

    .ps-md-10 {
        padding-inline-start:40px !important}

    .pe-md-10 {
        padding-inline-end:40px !important}

    .pa-md-10 {
        padding: 40px !important
    }

    .pt-md-11,.py-md-11 {
        padding-top: 44px !important
    }

    .pr-md-11,.px-md-11 {
        padding-right: 44px !important
    }

    .pl-md-11,.px-md-11 {
        padding-left: 44px !important
    }

    .pb-md-11,.py-md-11 {
        padding-bottom: 44px !important
    }

    .ps-md-11 {
        padding-inline-start:44px !important}

    .pe-md-11 {
        padding-inline-end:44px !important}

    .pa-md-11 {
        padding: 44px !important
    }

    .pt-md-12,.py-md-12 {
        padding-top: 48px !important
    }

    .pr-md-12,.px-md-12 {
        padding-right: 48px !important
    }

    .pl-md-12,.px-md-12 {
        padding-left: 48px !important
    }

    .pb-md-12,.py-md-12 {
        padding-bottom: 48px !important
    }

    .ps-md-12 {
        padding-inline-start:48px !important}

    .pe-md-12 {
        padding-inline-end:48px !important}

    .pa-md-12 {
        padding: 48px !important
    }

    .pt-md-13,.py-md-13 {
        padding-top: 52px !important
    }

    .pr-md-13,.px-md-13 {
        padding-right: 52px !important
    }

    .pl-md-13,.px-md-13 {
        padding-left: 52px !important
    }

    .pb-md-13,.py-md-13 {
        padding-bottom: 52px !important
    }

    .ps-md-13 {
        padding-inline-start:52px !important}

    .pe-md-13 {
        padding-inline-end:52px !important}

    .pa-md-13 {
        padding: 52px !important
    }

    .pt-md-14,.py-md-14 {
        padding-top: 56px !important
    }

    .pr-md-14,.px-md-14 {
        padding-right: 56px !important
    }

    .pl-md-14,.px-md-14 {
        padding-left: 56px !important
    }

    .pb-md-14,.py-md-14 {
        padding-bottom: 56px !important
    }

    .ps-md-14 {
        padding-inline-start:56px !important}

    .pe-md-14 {
        padding-inline-end:56px !important}

    .pa-md-14 {
        padding: 56px !important
    }

    .pt-md-15,.py-md-15 {
        padding-top: 60px !important
    }

    .pr-md-15,.px-md-15 {
        padding-right: 60px !important
    }

    .pl-md-15,.px-md-15 {
        padding-left: 60px !important
    }

    .pb-md-15,.py-md-15 {
        padding-bottom: 60px !important
    }

    .ps-md-15 {
        padding-inline-start:60px !important}

    .pe-md-15 {
        padding-inline-end:60px !important}

    .pa-md-15 {
        padding: 60px !important
    }

    .pt-md-16,.py-md-16 {
        padding-top: 64px !important
    }

    .pr-md-16,.px-md-16 {
        padding-right: 64px !important
    }

    .pl-md-16,.px-md-16 {
        padding-left: 64px !important
    }

    .pb-md-16,.py-md-16 {
        padding-bottom: 64px !important
    }

    .ps-md-16 {
        padding-inline-start:64px !important}

    .pe-md-16 {
        padding-inline-end:64px !important}

    .pa-md-16 {
        padding: 64px !important
    }

    .pt-md-17,.py-md-17 {
        padding-top: 68px !important
    }

    .pr-md-17,.px-md-17 {
        padding-right: 68px !important
    }

    .pl-md-17,.px-md-17 {
        padding-left: 68px !important
    }

    .pb-md-17,.py-md-17 {
        padding-bottom: 68px !important
    }

    .ps-md-17 {
        padding-inline-start:68px !important}

    .pe-md-17 {
        padding-inline-end:68px !important}

    .pa-md-17 {
        padding: 68px !important
    }

    .pt-md-18,.py-md-18 {
        padding-top: 72px !important
    }

    .pr-md-18,.px-md-18 {
        padding-right: 72px !important
    }

    .pl-md-18,.px-md-18 {
        padding-left: 72px !important
    }

    .pb-md-18,.py-md-18 {
        padding-bottom: 72px !important
    }

    .ps-md-18 {
        padding-inline-start:72px !important}

    .pe-md-18 {
        padding-inline-end:72px !important}

    .pa-md-18 {
        padding: 72px !important
    }

    .pt-md-19,.py-md-19 {
        padding-top: 76px !important
    }

    .pr-md-19,.px-md-19 {
        padding-right: 76px !important
    }

    .pl-md-19,.px-md-19 {
        padding-left: 76px !important
    }

    .pb-md-19,.py-md-19 {
        padding-bottom: 76px !important
    }

    .ps-md-19 {
        padding-inline-start:76px !important}

    .pe-md-19 {
        padding-inline-end:76px !important}

    .pa-md-19 {
        padding: 76px !important
    }

    .pt-md-20,.py-md-20 {
        padding-top: 80px !important
    }

    .pr-md-20,.px-md-20 {
        padding-right: 80px !important
    }

    .pl-md-20,.px-md-20 {
        padding-left: 80px !important
    }

    .pb-md-20,.py-md-20 {
        padding-bottom: 80px !important
    }

    .ps-md-20 {
        padding-inline-start:80px !important}

    .pe-md-20 {
        padding-inline-end:80px !important}

    .pa-md-20 {
        padding: 80px !important
    }

    .pt-md-auto,.py-md-auto {
        padding-top: auto !important
    }

    .pr-md-auto,.px-md-auto {
        padding-right: auto !important
    }

    .pl-md-auto,.px-md-auto {
        padding-left: auto !important
    }

    .pb-md-auto,.py-md-auto {
        padding-bottom: auto !important
    }

    .ps-md-auto {
        padding-inline-start:auto !important}

    .pe-md-auto {
        padding-inline-end:auto !important}

    .pa-md-auto {
        padding: auto !important
    }

    .mt-md-n1,.my-md-n1 {
        margin-top: -4px !important
    }

    .mr-md-n1,.mx-md-n1 {
        margin-right: -4px !important
    }

    .ml-md-n1,.mx-md-n1 {
        margin-left: -4px !important
    }

    .mb-md-n1,.my-md-n1 {
        margin-bottom: -4px !important
    }

    .ms-md-n1 {
        margin-inline-start:-4px !important}

    .me-md-n1 {
        margin-inline-end:-4px !important}

    .ma-md-n1 {
        margin: -4px !important
    }

    .mt-md-n2,.my-md-n2 {
        margin-top: -8px !important
    }

    .mr-md-n2,.mx-md-n2 {
        margin-right: -8px !important
    }

    .ml-md-n2,.mx-md-n2 {
        margin-left: -8px !important
    }

    .mb-md-n2,.my-md-n2 {
        margin-bottom: -8px !important
    }

    .ms-md-n2 {
        margin-inline-start:-8px !important}

    .me-md-n2 {
        margin-inline-end:-8px !important}

    .ma-md-n2 {
        margin: -8px !important
    }

    .mt-md-n3,.my-md-n3 {
        margin-top: -12px !important
    }

    .mr-md-n3,.mx-md-n3 {
        margin-right: -12px !important
    }

    .ml-md-n3,.mx-md-n3 {
        margin-left: -12px !important
    }

    .mb-md-n3,.my-md-n3 {
        margin-bottom: -12px !important
    }

    .ms-md-n3 {
        margin-inline-start:-12px !important}

    .me-md-n3 {
        margin-inline-end:-12px !important}

    .ma-md-n3 {
        margin: -12px !important
    }

    .mt-md-n4,.my-md-n4 {
        margin-top: -16px !important
    }

    .mr-md-n4,.mx-md-n4 {
        margin-right: -16px !important
    }

    .ml-md-n4,.mx-md-n4 {
        margin-left: -16px !important
    }

    .mb-md-n4,.my-md-n4 {
        margin-bottom: -16px !important
    }

    .ms-md-n4 {
        margin-inline-start:-16px !important}

    .me-md-n4 {
        margin-inline-end:-16px !important}

    .ma-md-n4 {
        margin: -16px !important
    }

    .mt-md-n5,.my-md-n5 {
        margin-top: -20px !important
    }

    .mr-md-n5,.mx-md-n5 {
        margin-right: -20px !important
    }

    .ml-md-n5,.mx-md-n5 {
        margin-left: -20px !important
    }

    .mb-md-n5,.my-md-n5 {
        margin-bottom: -20px !important
    }

    .ms-md-n5 {
        margin-inline-start:-20px !important}

    .me-md-n5 {
        margin-inline-end:-20px !important}

    .ma-md-n5 {
        margin: -20px !important
    }

    .mt-md-n6,.my-md-n6 {
        margin-top: -24px !important
    }

    .mr-md-n6,.mx-md-n6 {
        margin-right: -24px !important
    }

    .ml-md-n6,.mx-md-n6 {
        margin-left: -24px !important
    }

    .mb-md-n6,.my-md-n6 {
        margin-bottom: -24px !important
    }

    .ms-md-n6 {
        margin-inline-start:-24px !important}

    .me-md-n6 {
        margin-inline-end:-24px !important}

    .ma-md-n6 {
        margin: -24px !important
    }

    .mt-md-n7,.my-md-n7 {
        margin-top: -28px !important
    }

    .mr-md-n7,.mx-md-n7 {
        margin-right: -28px !important
    }

    .ml-md-n7,.mx-md-n7 {
        margin-left: -28px !important
    }

    .mb-md-n7,.my-md-n7 {
        margin-bottom: -28px !important
    }

    .ms-md-n7 {
        margin-inline-start:-28px !important}

    .me-md-n7 {
        margin-inline-end:-28px !important}

    .ma-md-n7 {
        margin: -28px !important
    }

    .mt-md-n8,.my-md-n8 {
        margin-top: -32px !important
    }

    .mr-md-n8,.mx-md-n8 {
        margin-right: -32px !important
    }

    .ml-md-n8,.mx-md-n8 {
        margin-left: -32px !important
    }

    .mb-md-n8,.my-md-n8 {
        margin-bottom: -32px !important
    }

    .ms-md-n8 {
        margin-inline-start:-32px !important}

    .me-md-n8 {
        margin-inline-end:-32px !important}

    .ma-md-n8 {
        margin: -32px !important
    }

    .mt-md-n9,.my-md-n9 {
        margin-top: -36px !important
    }

    .mr-md-n9,.mx-md-n9 {
        margin-right: -36px !important
    }

    .ml-md-n9,.mx-md-n9 {
        margin-left: -36px !important
    }

    .mb-md-n9,.my-md-n9 {
        margin-bottom: -36px !important
    }

    .ms-md-n9 {
        margin-inline-start:-36px !important}

    .me-md-n9 {
        margin-inline-end:-36px !important}

    .ma-md-n9 {
        margin: -36px !important
    }

    .mt-md-n10,.my-md-n10 {
        margin-top: -40px !important
    }

    .mr-md-n10,.mx-md-n10 {
        margin-right: -40px !important
    }

    .ml-md-n10,.mx-md-n10 {
        margin-left: -40px !important
    }

    .mb-md-n10,.my-md-n10 {
        margin-bottom: -40px !important
    }

    .ms-md-n10 {
        margin-inline-start:-40px !important}

    .me-md-n10 {
        margin-inline-end:-40px !important}

    .ma-md-n10 {
        margin: -40px !important
    }

    .mt-md-n11,.my-md-n11 {
        margin-top: -44px !important
    }

    .mr-md-n11,.mx-md-n11 {
        margin-right: -44px !important
    }

    .ml-md-n11,.mx-md-n11 {
        margin-left: -44px !important
    }

    .mb-md-n11,.my-md-n11 {
        margin-bottom: -44px !important
    }

    .ms-md-n11 {
        margin-inline-start:-44px !important}

    .me-md-n11 {
        margin-inline-end:-44px !important}

    .ma-md-n11 {
        margin: -44px !important
    }

    .mt-md-n12,.my-md-n12 {
        margin-top: -48px !important
    }

    .mr-md-n12,.mx-md-n12 {
        margin-right: -48px !important
    }

    .ml-md-n12,.mx-md-n12 {
        margin-left: -48px !important
    }

    .mb-md-n12,.my-md-n12 {
        margin-bottom: -48px !important
    }

    .ms-md-n12 {
        margin-inline-start:-48px !important}

    .me-md-n12 {
        margin-inline-end:-48px !important}

    .ma-md-n12 {
        margin: -48px !important
    }

    .mt-md-n13,.my-md-n13 {
        margin-top: -52px !important
    }

    .mr-md-n13,.mx-md-n13 {
        margin-right: -52px !important
    }

    .ml-md-n13,.mx-md-n13 {
        margin-left: -52px !important
    }

    .mb-md-n13,.my-md-n13 {
        margin-bottom: -52px !important
    }

    .ms-md-n13 {
        margin-inline-start:-52px !important}

    .me-md-n13 {
        margin-inline-end:-52px !important}

    .ma-md-n13 {
        margin: -52px !important
    }

    .mt-md-n14,.my-md-n14 {
        margin-top: -56px !important
    }

    .mr-md-n14,.mx-md-n14 {
        margin-right: -56px !important
    }

    .ml-md-n14,.mx-md-n14 {
        margin-left: -56px !important
    }

    .mb-md-n14,.my-md-n14 {
        margin-bottom: -56px !important
    }

    .ms-md-n14 {
        margin-inline-start:-56px !important}

    .me-md-n14 {
        margin-inline-end:-56px !important}

    .ma-md-n14 {
        margin: -56px !important
    }

    .mt-md-n15,.my-md-n15 {
        margin-top: -60px !important
    }

    .mr-md-n15,.mx-md-n15 {
        margin-right: -60px !important
    }

    .ml-md-n15,.mx-md-n15 {
        margin-left: -60px !important
    }

    .mb-md-n15,.my-md-n15 {
        margin-bottom: -60px !important
    }

    .ms-md-n15 {
        margin-inline-start:-60px !important}

    .me-md-n15 {
        margin-inline-end:-60px !important}

    .ma-md-n15 {
        margin: -60px !important
    }

    .mt-md-n16,.my-md-n16 {
        margin-top: -64px !important
    }

    .mr-md-n16,.mx-md-n16 {
        margin-right: -64px !important
    }

    .ml-md-n16,.mx-md-n16 {
        margin-left: -64px !important
    }

    .mb-md-n16,.my-md-n16 {
        margin-bottom: -64px !important
    }

    .ms-md-n16 {
        margin-inline-start:-64px !important}

    .me-md-n16 {
        margin-inline-end:-64px !important}

    .ma-md-n16 {
        margin: -64px !important
    }

    .mt-md-n17,.my-md-n17 {
        margin-top: -68px !important
    }

    .mr-md-n17,.mx-md-n17 {
        margin-right: -68px !important
    }

    .ml-md-n17,.mx-md-n17 {
        margin-left: -68px !important
    }

    .mb-md-n17,.my-md-n17 {
        margin-bottom: -68px !important
    }

    .ms-md-n17 {
        margin-inline-start:-68px !important}

    .me-md-n17 {
        margin-inline-end:-68px !important}

    .ma-md-n17 {
        margin: -68px !important
    }

    .mt-md-n18,.my-md-n18 {
        margin-top: -72px !important
    }

    .mr-md-n18,.mx-md-n18 {
        margin-right: -72px !important
    }

    .ml-md-n18,.mx-md-n18 {
        margin-left: -72px !important
    }

    .mb-md-n18,.my-md-n18 {
        margin-bottom: -72px !important
    }

    .ms-md-n18 {
        margin-inline-start:-72px !important}

    .me-md-n18 {
        margin-inline-end:-72px !important}

    .ma-md-n18 {
        margin: -72px !important
    }

    .mt-md-n19,.my-md-n19 {
        margin-top: -76px !important
    }

    .mr-md-n19,.mx-md-n19 {
        margin-right: -76px !important
    }

    .ml-md-n19,.mx-md-n19 {
        margin-left: -76px !important
    }

    .mb-md-n19,.my-md-n19 {
        margin-bottom: -76px !important
    }

    .ms-md-n19 {
        margin-inline-start:-76px !important}

    .me-md-n19 {
        margin-inline-end:-76px !important}

    .ma-md-n19 {
        margin: -76px !important
    }

    .mt-md-n20,.my-md-n20 {
        margin-top: -80px !important
    }

    .mr-md-n20,.mx-md-n20 {
        margin-right: -80px !important
    }

    .ml-md-n20,.mx-md-n20 {
        margin-left: -80px !important
    }

    .mb-md-n20,.my-md-n20 {
        margin-bottom: -80px !important
    }

    .ms-md-n20 {
        margin-inline-start:-80px !important}

    .me-md-n20 {
        margin-inline-end:-80px !important}

    .ma-md-n20 {
        margin: -80px !important
    }
}

@media screen and (min-width: 1280px) {
    .mt-lg-0,.my-lg-0 {
        margin-top:0 !important
    }

    .mr-lg-0,.mx-lg-0 {
        margin-right: 0 !important
    }

    .ml-lg-0,.mx-lg-0 {
        margin-left: 0 !important
    }

    .mb-lg-0,.my-lg-0 {
        margin-bottom: 0 !important
    }

    .ms-lg-0 {
        margin-inline-start:0 !important}

    .me-lg-0 {
        margin-inline-end:0 !important}

    .ma-lg-0 {
        margin: 0 !important
    }

    .mt-lg-1,.my-lg-1 {
        margin-top: 4px !important
    }

    .mr-lg-1,.mx-lg-1 {
        margin-right: 4px !important
    }

    .ml-lg-1,.mx-lg-1 {
        margin-left: 4px !important
    }

    .mb-lg-1,.my-lg-1 {
        margin-bottom: 4px !important
    }

    .ms-lg-1 {
        margin-inline-start:4px !important}

    .me-lg-1 {
        margin-inline-end:4px !important}

    .ma-lg-1 {
        margin: 4px !important
    }

    .mt-lg-2,.my-lg-2 {
        margin-top: 8px !important
    }

    .mr-lg-2,.mx-lg-2 {
        margin-right: 8px !important
    }

    .ml-lg-2,.mx-lg-2 {
        margin-left: 8px !important
    }

    .mb-lg-2,.my-lg-2 {
        margin-bottom: 8px !important
    }

    .ms-lg-2 {
        margin-inline-start:8px !important}

    .me-lg-2 {
        margin-inline-end:8px !important}

    .ma-lg-2 {
        margin: 8px !important
    }

    .mt-lg-3,.my-lg-3 {
        margin-top: 12px !important
    }

    .mr-lg-3,.mx-lg-3 {
        margin-right: 12px !important
    }

    .ml-lg-3,.mx-lg-3 {
        margin-left: 12px !important
    }

    .mb-lg-3,.my-lg-3 {
        margin-bottom: 12px !important
    }

    .ms-lg-3 {
        margin-inline-start:12px !important}

    .me-lg-3 {
        margin-inline-end:12px !important}

    .ma-lg-3 {
        margin: 12px !important
    }

    .mt-lg-4,.my-lg-4 {
        margin-top: 16px !important
    }

    .mr-lg-4,.mx-lg-4 {
        margin-right: 16px !important
    }

    .ml-lg-4,.mx-lg-4 {
        margin-left: 16px !important
    }

    .mb-lg-4,.my-lg-4 {
        margin-bottom: 16px !important
    }

    .ms-lg-4 {
        margin-inline-start:16px !important}

    .me-lg-4 {
        margin-inline-end:16px !important}

    .ma-lg-4 {
        margin: 16px !important
    }

    .mt-lg-5,.my-lg-5 {
        margin-top: 20px !important
    }

    .mr-lg-5,.mx-lg-5 {
        margin-right: 20px !important
    }

    .ml-lg-5,.mx-lg-5 {
        margin-left: 20px !important
    }

    .mb-lg-5,.my-lg-5 {
        margin-bottom: 20px !important
    }

    .ms-lg-5 {
        margin-inline-start:20px !important}

    .me-lg-5 {
        margin-inline-end:20px !important}

    .ma-lg-5 {
        margin: 20px !important
    }

    .mt-lg-6,.my-lg-6 {
        margin-top: 24px !important
    }

    .mr-lg-6,.mx-lg-6 {
        margin-right: 24px !important
    }

    .ml-lg-6,.mx-lg-6 {
        margin-left: 24px !important
    }

    .mb-lg-6,.my-lg-6 {
        margin-bottom: 24px !important
    }

    .ms-lg-6 {
        margin-inline-start:24px !important}

    .me-lg-6 {
        margin-inline-end:24px !important}

    .ma-lg-6 {
        margin: 24px !important
    }

    .mt-lg-7,.my-lg-7 {
        margin-top: 28px !important
    }

    .mr-lg-7,.mx-lg-7 {
        margin-right: 28px !important
    }

    .ml-lg-7,.mx-lg-7 {
        margin-left: 28px !important
    }

    .mb-lg-7,.my-lg-7 {
        margin-bottom: 28px !important
    }

    .ms-lg-7 {
        margin-inline-start:28px !important}

    .me-lg-7 {
        margin-inline-end:28px !important}

    .ma-lg-7 {
        margin: 28px !important
    }

    .mt-lg-8,.my-lg-8 {
        margin-top: 32px !important
    }

    .mr-lg-8,.mx-lg-8 {
        margin-right: 32px !important
    }

    .ml-lg-8,.mx-lg-8 {
        margin-left: 32px !important
    }

    .mb-lg-8,.my-lg-8 {
        margin-bottom: 32px !important
    }

    .ms-lg-8 {
        margin-inline-start:32px !important}

    .me-lg-8 {
        margin-inline-end:32px !important}

    .ma-lg-8 {
        margin: 32px !important
    }

    .mt-lg-9,.my-lg-9 {
        margin-top: 36px !important
    }

    .mr-lg-9,.mx-lg-9 {
        margin-right: 36px !important
    }

    .ml-lg-9,.mx-lg-9 {
        margin-left: 36px !important
    }

    .mb-lg-9,.my-lg-9 {
        margin-bottom: 36px !important
    }

    .ms-lg-9 {
        margin-inline-start:36px !important}

    .me-lg-9 {
        margin-inline-end:36px !important}

    .ma-lg-9 {
        margin: 36px !important
    }

    .mt-lg-10,.my-lg-10 {
        margin-top: 40px !important
    }

    .mr-lg-10,.mx-lg-10 {
        margin-right: 40px !important
    }

    .ml-lg-10,.mx-lg-10 {
        margin-left: 40px !important
    }

    .mb-lg-10,.my-lg-10 {
        margin-bottom: 40px !important
    }

    .ms-lg-10 {
        margin-inline-start:40px !important}

    .me-lg-10 {
        margin-inline-end:40px !important}

    .ma-lg-10 {
        margin: 40px !important
    }

    .mt-lg-11,.my-lg-11 {
        margin-top: 44px !important
    }

    .mr-lg-11,.mx-lg-11 {
        margin-right: 44px !important
    }

    .ml-lg-11,.mx-lg-11 {
        margin-left: 44px !important
    }

    .mb-lg-11,.my-lg-11 {
        margin-bottom: 44px !important
    }

    .ms-lg-11 {
        margin-inline-start:44px !important}

    .me-lg-11 {
        margin-inline-end:44px !important}

    .ma-lg-11 {
        margin: 44px !important
    }

    .mt-lg-12,.my-lg-12 {
        margin-top: 48px !important
    }

    .mr-lg-12,.mx-lg-12 {
        margin-right: 48px !important
    }

    .ml-lg-12,.mx-lg-12 {
        margin-left: 48px !important
    }

    .mb-lg-12,.my-lg-12 {
        margin-bottom: 48px !important
    }

    .ms-lg-12 {
        margin-inline-start:48px !important}

    .me-lg-12 {
        margin-inline-end:48px !important}

    .ma-lg-12 {
        margin: 48px !important
    }

    .mt-lg-13,.my-lg-13 {
        margin-top: 52px !important
    }

    .mr-lg-13,.mx-lg-13 {
        margin-right: 52px !important
    }

    .ml-lg-13,.mx-lg-13 {
        margin-left: 52px !important
    }

    .mb-lg-13,.my-lg-13 {
        margin-bottom: 52px !important
    }

    .ms-lg-13 {
        margin-inline-start:52px !important}

    .me-lg-13 {
        margin-inline-end:52px !important}

    .ma-lg-13 {
        margin: 52px !important
    }

    .mt-lg-14,.my-lg-14 {
        margin-top: 56px !important
    }

    .mr-lg-14,.mx-lg-14 {
        margin-right: 56px !important
    }

    .ml-lg-14,.mx-lg-14 {
        margin-left: 56px !important
    }

    .mb-lg-14,.my-lg-14 {
        margin-bottom: 56px !important
    }

    .ms-lg-14 {
        margin-inline-start:56px !important}

    .me-lg-14 {
        margin-inline-end:56px !important}

    .ma-lg-14 {
        margin: 56px !important
    }

    .mt-lg-15,.my-lg-15 {
        margin-top: 60px !important
    }

    .mr-lg-15,.mx-lg-15 {
        margin-right: 60px !important
    }

    .ml-lg-15,.mx-lg-15 {
        margin-left: 60px !important
    }

    .mb-lg-15,.my-lg-15 {
        margin-bottom: 60px !important
    }

    .ms-lg-15 {
        margin-inline-start:60px !important}

    .me-lg-15 {
        margin-inline-end:60px !important}

    .ma-lg-15 {
        margin: 60px !important
    }

    .mt-lg-16,.my-lg-16 {
        margin-top: 64px !important
    }

    .mr-lg-16,.mx-lg-16 {
        margin-right: 64px !important
    }

    .ml-lg-16,.mx-lg-16 {
        margin-left: 64px !important
    }

    .mb-lg-16,.my-lg-16 {
        margin-bottom: 64px !important
    }

    .ms-lg-16 {
        margin-inline-start:64px !important}

    .me-lg-16 {
        margin-inline-end:64px !important}

    .ma-lg-16 {
        margin: 64px !important
    }

    .mt-lg-17,.my-lg-17 {
        margin-top: 68px !important
    }

    .mr-lg-17,.mx-lg-17 {
        margin-right: 68px !important
    }

    .ml-lg-17,.mx-lg-17 {
        margin-left: 68px !important
    }

    .mb-lg-17,.my-lg-17 {
        margin-bottom: 68px !important
    }

    .ms-lg-17 {
        margin-inline-start:68px !important}

    .me-lg-17 {
        margin-inline-end:68px !important}

    .ma-lg-17 {
        margin: 68px !important
    }

    .mt-lg-18,.my-lg-18 {
        margin-top: 72px !important
    }

    .mr-lg-18,.mx-lg-18 {
        margin-right: 72px !important
    }

    .ml-lg-18,.mx-lg-18 {
        margin-left: 72px !important
    }

    .mb-lg-18,.my-lg-18 {
        margin-bottom: 72px !important
    }

    .ms-lg-18 {
        margin-inline-start:72px !important}

    .me-lg-18 {
        margin-inline-end:72px !important}

    .ma-lg-18 {
        margin: 72px !important
    }

    .mt-lg-19,.my-lg-19 {
        margin-top: 76px !important
    }

    .mr-lg-19,.mx-lg-19 {
        margin-right: 76px !important
    }

    .ml-lg-19,.mx-lg-19 {
        margin-left: 76px !important
    }

    .mb-lg-19,.my-lg-19 {
        margin-bottom: 76px !important
    }

    .ms-lg-19 {
        margin-inline-start:76px !important}

    .me-lg-19 {
        margin-inline-end:76px !important}

    .ma-lg-19 {
        margin: 76px !important
    }

    .mt-lg-20,.my-lg-20 {
        margin-top: 80px !important
    }

    .mr-lg-20,.mx-lg-20 {
        margin-right: 80px !important
    }

    .ml-lg-20,.mx-lg-20 {
        margin-left: 80px !important
    }

    .mb-lg-20,.my-lg-20 {
        margin-bottom: 80px !important
    }

    .ms-lg-20 {
        margin-inline-start:80px !important}

    .me-lg-20 {
        margin-inline-end:80px !important}

    .ma-lg-20 {
        margin: 80px !important
    }

    .mt-lg-auto,.my-lg-auto {
        margin-top: auto !important
    }

    .mr-lg-auto,.mx-lg-auto {
        margin-right: auto !important
    }

    .ml-lg-auto,.mx-lg-auto {
        margin-left: auto !important
    }

    .mb-lg-auto,.my-lg-auto {
        margin-bottom: auto !important
    }

    .ms-lg-auto {
        margin-inline-start:auto !important}

    .me-lg-auto {
        margin-inline-end:auto !important}

    .ma-lg-auto {
        margin: auto !important
    }

    .pt-lg-0,.py-lg-0 {
        padding-top: 0 !important
    }

    .pr-lg-0,.px-lg-0 {
        padding-right: 0 !important
    }

    .pl-lg-0,.px-lg-0 {
        padding-left: 0 !important
    }

    .pb-lg-0,.py-lg-0 {
        padding-bottom: 0 !important
    }

    .ps-lg-0 {
        padding-inline-start:0 !important}

    .pe-lg-0 {
        padding-inline-end:0 !important}

    .pa-lg-0 {
        padding: 0 !important
    }

    .pt-lg-1,.py-lg-1 {
        padding-top: 4px !important
    }

    .pr-lg-1,.px-lg-1 {
        padding-right: 4px !important
    }

    .pl-lg-1,.px-lg-1 {
        padding-left: 4px !important
    }

    .pb-lg-1,.py-lg-1 {
        padding-bottom: 4px !important
    }

    .ps-lg-1 {
        padding-inline-start:4px !important}

    .pe-lg-1 {
        padding-inline-end:4px !important}

    .pa-lg-1 {
        padding: 4px !important
    }

    .pt-lg-2,.py-lg-2 {
        padding-top: 8px !important
    }

    .pr-lg-2,.px-lg-2 {
        padding-right: 8px !important
    }

    .pl-lg-2,.px-lg-2 {
        padding-left: 8px !important
    }

    .pb-lg-2,.py-lg-2 {
        padding-bottom: 8px !important
    }

    .ps-lg-2 {
        padding-inline-start:8px !important}

    .pe-lg-2 {
        padding-inline-end:8px !important}

    .pa-lg-2 {
        padding: 8px !important
    }

    .pt-lg-3,.py-lg-3 {
        padding-top: 12px !important
    }

    .pr-lg-3,.px-lg-3 {
        padding-right: 12px !important
    }

    .pl-lg-3,.px-lg-3 {
        padding-left: 12px !important
    }

    .pb-lg-3,.py-lg-3 {
        padding-bottom: 12px !important
    }

    .ps-lg-3 {
        padding-inline-start:12px !important}

    .pe-lg-3 {
        padding-inline-end:12px !important}

    .pa-lg-3 {
        padding: 12px !important
    }

    .pt-lg-4,.py-lg-4 {
        padding-top: 16px !important
    }

    .pr-lg-4,.px-lg-4 {
        padding-right: 16px !important
    }

    .pl-lg-4,.px-lg-4 {
        padding-left: 16px !important
    }

    .pb-lg-4,.py-lg-4 {
        padding-bottom: 16px !important
    }

    .ps-lg-4 {
        padding-inline-start:16px !important}

    .pe-lg-4 {
        padding-inline-end:16px !important}

    .pa-lg-4 {
        padding: 16px !important
    }

    .pt-lg-5,.py-lg-5 {
        padding-top: 20px !important
    }

    .pr-lg-5,.px-lg-5 {
        padding-right: 20px !important
    }

    .pl-lg-5,.px-lg-5 {
        padding-left: 20px !important
    }

    .pb-lg-5,.py-lg-5 {
        padding-bottom: 20px !important
    }

    .ps-lg-5 {
        padding-inline-start:20px !important}

    .pe-lg-5 {
        padding-inline-end:20px !important}

    .pa-lg-5 {
        padding: 20px !important
    }

    .pt-lg-6,.py-lg-6 {
        padding-top: 24px !important
    }

    .pr-lg-6,.px-lg-6 {
        padding-right: 24px !important
    }

    .pl-lg-6,.px-lg-6 {
        padding-left: 24px !important
    }

    .pb-lg-6,.py-lg-6 {
        padding-bottom: 24px !important
    }

    .ps-lg-6 {
        padding-inline-start:24px !important}

    .pe-lg-6 {
        padding-inline-end:24px !important}

    .pa-lg-6 {
        padding: 24px !important
    }

    .pt-lg-7,.py-lg-7 {
        padding-top: 28px !important
    }

    .pr-lg-7,.px-lg-7 {
        padding-right: 28px !important
    }

    .pl-lg-7,.px-lg-7 {
        padding-left: 28px !important
    }

    .pb-lg-7,.py-lg-7 {
        padding-bottom: 28px !important
    }

    .ps-lg-7 {
        padding-inline-start:28px !important}

    .pe-lg-7 {
        padding-inline-end:28px !important}

    .pa-lg-7 {
        padding: 28px !important
    }

    .pt-lg-8,.py-lg-8 {
        padding-top: 32px !important
    }

    .pr-lg-8,.px-lg-8 {
        padding-right: 32px !important
    }

    .pl-lg-8,.px-lg-8 {
        padding-left: 32px !important
    }

    .pb-lg-8,.py-lg-8 {
        padding-bottom: 32px !important
    }

    .ps-lg-8 {
        padding-inline-start:32px !important}

    .pe-lg-8 {
        padding-inline-end:32px !important}

    .pa-lg-8 {
        padding: 32px !important
    }

    .pt-lg-9,.py-lg-9 {
        padding-top: 36px !important
    }

    .pr-lg-9,.px-lg-9 {
        padding-right: 36px !important
    }

    .pl-lg-9,.px-lg-9 {
        padding-left: 36px !important
    }

    .pb-lg-9,.py-lg-9 {
        padding-bottom: 36px !important
    }

    .ps-lg-9 {
        padding-inline-start:36px !important}

    .pe-lg-9 {
        padding-inline-end:36px !important}

    .pa-lg-9 {
        padding: 36px !important
    }

    .pt-lg-10,.py-lg-10 {
        padding-top: 40px !important
    }

    .pr-lg-10,.px-lg-10 {
        padding-right: 40px !important
    }

    .pl-lg-10,.px-lg-10 {
        padding-left: 40px !important
    }

    .pb-lg-10,.py-lg-10 {
        padding-bottom: 40px !important
    }

    .ps-lg-10 {
        padding-inline-start:40px !important}

    .pe-lg-10 {
        padding-inline-end:40px !important}

    .pa-lg-10 {
        padding: 40px !important
    }

    .pt-lg-11,.py-lg-11 {
        padding-top: 44px !important
    }

    .pr-lg-11,.px-lg-11 {
        padding-right: 44px !important
    }

    .pl-lg-11,.px-lg-11 {
        padding-left: 44px !important
    }

    .pb-lg-11,.py-lg-11 {
        padding-bottom: 44px !important
    }

    .ps-lg-11 {
        padding-inline-start:44px !important}

    .pe-lg-11 {
        padding-inline-end:44px !important}

    .pa-lg-11 {
        padding: 44px !important
    }

    .pt-lg-12,.py-lg-12 {
        padding-top: 48px !important
    }

    .pr-lg-12,.px-lg-12 {
        padding-right: 48px !important
    }

    .pl-lg-12,.px-lg-12 {
        padding-left: 48px !important
    }

    .pb-lg-12,.py-lg-12 {
        padding-bottom: 48px !important
    }

    .ps-lg-12 {
        padding-inline-start:48px !important}

    .pe-lg-12 {
        padding-inline-end:48px !important}

    .pa-lg-12 {
        padding: 48px !important
    }

    .pt-lg-13,.py-lg-13 {
        padding-top: 52px !important
    }

    .pr-lg-13,.px-lg-13 {
        padding-right: 52px !important
    }

    .pl-lg-13,.px-lg-13 {
        padding-left: 52px !important
    }

    .pb-lg-13,.py-lg-13 {
        padding-bottom: 52px !important
    }

    .ps-lg-13 {
        padding-inline-start:52px !important}

    .pe-lg-13 {
        padding-inline-end:52px !important}

    .pa-lg-13 {
        padding: 52px !important
    }

    .pt-lg-14,.py-lg-14 {
        padding-top: 56px !important
    }

    .pr-lg-14,.px-lg-14 {
        padding-right: 56px !important
    }

    .pl-lg-14,.px-lg-14 {
        padding-left: 56px !important
    }

    .pb-lg-14,.py-lg-14 {
        padding-bottom: 56px !important
    }

    .ps-lg-14 {
        padding-inline-start:56px !important}

    .pe-lg-14 {
        padding-inline-end:56px !important}

    .pa-lg-14 {
        padding: 56px !important
    }

    .pt-lg-15,.py-lg-15 {
        padding-top: 60px !important
    }

    .pr-lg-15,.px-lg-15 {
        padding-right: 60px !important
    }

    .pl-lg-15,.px-lg-15 {
        padding-left: 60px !important
    }

    .pb-lg-15,.py-lg-15 {
        padding-bottom: 60px !important
    }

    .ps-lg-15 {
        padding-inline-start:60px !important}

    .pe-lg-15 {
        padding-inline-end:60px !important}

    .pa-lg-15 {
        padding: 60px !important
    }

    .pt-lg-16,.py-lg-16 {
        padding-top: 64px !important
    }

    .pr-lg-16,.px-lg-16 {
        padding-right: 64px !important
    }

    .pl-lg-16,.px-lg-16 {
        padding-left: 64px !important
    }

    .pb-lg-16,.py-lg-16 {
        padding-bottom: 64px !important
    }

    .ps-lg-16 {
        padding-inline-start:64px !important}

    .pe-lg-16 {
        padding-inline-end:64px !important}

    .pa-lg-16 {
        padding: 64px !important
    }

    .pt-lg-17,.py-lg-17 {
        padding-top: 68px !important
    }

    .pr-lg-17,.px-lg-17 {
        padding-right: 68px !important
    }

    .pl-lg-17,.px-lg-17 {
        padding-left: 68px !important
    }

    .pb-lg-17,.py-lg-17 {
        padding-bottom: 68px !important
    }

    .ps-lg-17 {
        padding-inline-start:68px !important}

    .pe-lg-17 {
        padding-inline-end:68px !important}

    .pa-lg-17 {
        padding: 68px !important
    }

    .pt-lg-18,.py-lg-18 {
        padding-top: 72px !important
    }

    .pr-lg-18,.px-lg-18 {
        padding-right: 72px !important
    }

    .pl-lg-18,.px-lg-18 {
        padding-left: 72px !important
    }

    .pb-lg-18,.py-lg-18 {
        padding-bottom: 72px !important
    }

    .ps-lg-18 {
        padding-inline-start:72px !important}

    .pe-lg-18 {
        padding-inline-end:72px !important}

    .pa-lg-18 {
        padding: 72px !important
    }

    .pt-lg-19,.py-lg-19 {
        padding-top: 76px !important
    }

    .pr-lg-19,.px-lg-19 {
        padding-right: 76px !important
    }

    .pl-lg-19,.px-lg-19 {
        padding-left: 76px !important
    }

    .pb-lg-19,.py-lg-19 {
        padding-bottom: 76px !important
    }

    .ps-lg-19 {
        padding-inline-start:76px !important}

    .pe-lg-19 {
        padding-inline-end:76px !important}

    .pa-lg-19 {
        padding: 76px !important
    }

    .pt-lg-20,.py-lg-20 {
        padding-top: 80px !important
    }

    .pr-lg-20,.px-lg-20 {
        padding-right: 80px !important
    }

    .pl-lg-20,.px-lg-20 {
        padding-left: 80px !important
    }

    .pb-lg-20,.py-lg-20 {
        padding-bottom: 80px !important
    }

    .ps-lg-20 {
        padding-inline-start:80px !important}

    .pe-lg-20 {
        padding-inline-end:80px !important}

    .pa-lg-20 {
        padding: 80px !important
    }

    .pt-lg-auto,.py-lg-auto {
        padding-top: auto !important
    }

    .pr-lg-auto,.px-lg-auto {
        padding-right: auto !important
    }

    .pl-lg-auto,.px-lg-auto {
        padding-left: auto !important
    }

    .pb-lg-auto,.py-lg-auto {
        padding-bottom: auto !important
    }

    .ps-lg-auto {
        padding-inline-start:auto !important}

    .pe-lg-auto {
        padding-inline-end:auto !important}

    .pa-lg-auto {
        padding: auto !important
    }

    .mt-lg-n1,.my-lg-n1 {
        margin-top: -4px !important
    }

    .mr-lg-n1,.mx-lg-n1 {
        margin-right: -4px !important
    }

    .ml-lg-n1,.mx-lg-n1 {
        margin-left: -4px !important
    }

    .mb-lg-n1,.my-lg-n1 {
        margin-bottom: -4px !important
    }

    .ms-lg-n1 {
        margin-inline-start:-4px !important}

    .me-lg-n1 {
        margin-inline-end:-4px !important}

    .ma-lg-n1 {
        margin: -4px !important
    }

    .mt-lg-n2,.my-lg-n2 {
        margin-top: -8px !important
    }

    .mr-lg-n2,.mx-lg-n2 {
        margin-right: -8px !important
    }

    .ml-lg-n2,.mx-lg-n2 {
        margin-left: -8px !important
    }

    .mb-lg-n2,.my-lg-n2 {
        margin-bottom: -8px !important
    }

    .ms-lg-n2 {
        margin-inline-start:-8px !important}

    .me-lg-n2 {
        margin-inline-end:-8px !important}

    .ma-lg-n2 {
        margin: -8px !important
    }

    .mt-lg-n3,.my-lg-n3 {
        margin-top: -12px !important
    }

    .mr-lg-n3,.mx-lg-n3 {
        margin-right: -12px !important
    }

    .ml-lg-n3,.mx-lg-n3 {
        margin-left: -12px !important
    }

    .mb-lg-n3,.my-lg-n3 {
        margin-bottom: -12px !important
    }

    .ms-lg-n3 {
        margin-inline-start:-12px !important}

    .me-lg-n3 {
        margin-inline-end:-12px !important}

    .ma-lg-n3 {
        margin: -12px !important
    }

    .mt-lg-n4,.my-lg-n4 {
        margin-top: -16px !important
    }

    .mr-lg-n4,.mx-lg-n4 {
        margin-right: -16px !important
    }

    .ml-lg-n4,.mx-lg-n4 {
        margin-left: -16px !important
    }

    .mb-lg-n4,.my-lg-n4 {
        margin-bottom: -16px !important
    }

    .ms-lg-n4 {
        margin-inline-start:-16px !important}

    .me-lg-n4 {
        margin-inline-end:-16px !important}

    .ma-lg-n4 {
        margin: -16px !important
    }

    .mt-lg-n5,.my-lg-n5 {
        margin-top: -20px !important
    }

    .mr-lg-n5,.mx-lg-n5 {
        margin-right: -20px !important
    }

    .ml-lg-n5,.mx-lg-n5 {
        margin-left: -20px !important
    }

    .mb-lg-n5,.my-lg-n5 {
        margin-bottom: -20px !important
    }

    .ms-lg-n5 {
        margin-inline-start:-20px !important}

    .me-lg-n5 {
        margin-inline-end:-20px !important}

    .ma-lg-n5 {
        margin: -20px !important
    }

    .mt-lg-n6,.my-lg-n6 {
        margin-top: -24px !important
    }

    .mr-lg-n6,.mx-lg-n6 {
        margin-right: -24px !important
    }

    .ml-lg-n6,.mx-lg-n6 {
        margin-left: -24px !important
    }

    .mb-lg-n6,.my-lg-n6 {
        margin-bottom: -24px !important
    }

    .ms-lg-n6 {
        margin-inline-start:-24px !important}

    .me-lg-n6 {
        margin-inline-end:-24px !important}

    .ma-lg-n6 {
        margin: -24px !important
    }

    .mt-lg-n7,.my-lg-n7 {
        margin-top: -28px !important
    }

    .mr-lg-n7,.mx-lg-n7 {
        margin-right: -28px !important
    }

    .ml-lg-n7,.mx-lg-n7 {
        margin-left: -28px !important
    }

    .mb-lg-n7,.my-lg-n7 {
        margin-bottom: -28px !important
    }

    .ms-lg-n7 {
        margin-inline-start:-28px !important}

    .me-lg-n7 {
        margin-inline-end:-28px !important}

    .ma-lg-n7 {
        margin: -28px !important
    }

    .mt-lg-n8,.my-lg-n8 {
        margin-top: -32px !important
    }

    .mr-lg-n8,.mx-lg-n8 {
        margin-right: -32px !important
    }

    .ml-lg-n8,.mx-lg-n8 {
        margin-left: -32px !important
    }

    .mb-lg-n8,.my-lg-n8 {
        margin-bottom: -32px !important
    }

    .ms-lg-n8 {
        margin-inline-start:-32px !important}

    .me-lg-n8 {
        margin-inline-end:-32px !important}

    .ma-lg-n8 {
        margin: -32px !important
    }

    .mt-lg-n9,.my-lg-n9 {
        margin-top: -36px !important
    }

    .mr-lg-n9,.mx-lg-n9 {
        margin-right: -36px !important
    }

    .ml-lg-n9,.mx-lg-n9 {
        margin-left: -36px !important
    }

    .mb-lg-n9,.my-lg-n9 {
        margin-bottom: -36px !important
    }

    .ms-lg-n9 {
        margin-inline-start:-36px !important}

    .me-lg-n9 {
        margin-inline-end:-36px !important}

    .ma-lg-n9 {
        margin: -36px !important
    }

    .mt-lg-n10,.my-lg-n10 {
        margin-top: -40px !important
    }

    .mr-lg-n10,.mx-lg-n10 {
        margin-right: -40px !important
    }

    .ml-lg-n10,.mx-lg-n10 {
        margin-left: -40px !important
    }

    .mb-lg-n10,.my-lg-n10 {
        margin-bottom: -40px !important
    }

    .ms-lg-n10 {
        margin-inline-start:-40px !important}

    .me-lg-n10 {
        margin-inline-end:-40px !important}

    .ma-lg-n10 {
        margin: -40px !important
    }

    .mt-lg-n11,.my-lg-n11 {
        margin-top: -44px !important
    }

    .mr-lg-n11,.mx-lg-n11 {
        margin-right: -44px !important
    }

    .ml-lg-n11,.mx-lg-n11 {
        margin-left: -44px !important
    }

    .mb-lg-n11,.my-lg-n11 {
        margin-bottom: -44px !important
    }

    .ms-lg-n11 {
        margin-inline-start:-44px !important}

    .me-lg-n11 {
        margin-inline-end:-44px !important}

    .ma-lg-n11 {
        margin: -44px !important
    }

    .mt-lg-n12,.my-lg-n12 {
        margin-top: -48px !important
    }

    .mr-lg-n12,.mx-lg-n12 {
        margin-right: -48px !important
    }

    .ml-lg-n12,.mx-lg-n12 {
        margin-left: -48px !important
    }

    .mb-lg-n12,.my-lg-n12 {
        margin-bottom: -48px !important
    }

    .ms-lg-n12 {
        margin-inline-start:-48px !important}

    .me-lg-n12 {
        margin-inline-end:-48px !important}

    .ma-lg-n12 {
        margin: -48px !important
    }

    .mt-lg-n13,.my-lg-n13 {
        margin-top: -52px !important
    }

    .mr-lg-n13,.mx-lg-n13 {
        margin-right: -52px !important
    }

    .ml-lg-n13,.mx-lg-n13 {
        margin-left: -52px !important
    }

    .mb-lg-n13,.my-lg-n13 {
        margin-bottom: -52px !important
    }

    .ms-lg-n13 {
        margin-inline-start:-52px !important}

    .me-lg-n13 {
        margin-inline-end:-52px !important}

    .ma-lg-n13 {
        margin: -52px !important
    }

    .mt-lg-n14,.my-lg-n14 {
        margin-top: -56px !important
    }

    .mr-lg-n14,.mx-lg-n14 {
        margin-right: -56px !important
    }

    .ml-lg-n14,.mx-lg-n14 {
        margin-left: -56px !important
    }

    .mb-lg-n14,.my-lg-n14 {
        margin-bottom: -56px !important
    }

    .ms-lg-n14 {
        margin-inline-start:-56px !important}

    .me-lg-n14 {
        margin-inline-end:-56px !important}

    .ma-lg-n14 {
        margin: -56px !important
    }

    .mt-lg-n15,.my-lg-n15 {
        margin-top: -60px !important
    }

    .mr-lg-n15,.mx-lg-n15 {
        margin-right: -60px !important
    }

    .ml-lg-n15,.mx-lg-n15 {
        margin-left: -60px !important
    }

    .mb-lg-n15,.my-lg-n15 {
        margin-bottom: -60px !important
    }

    .ms-lg-n15 {
        margin-inline-start:-60px !important}

    .me-lg-n15 {
        margin-inline-end:-60px !important}

    .ma-lg-n15 {
        margin: -60px !important
    }

    .mt-lg-n16,.my-lg-n16 {
        margin-top: -64px !important
    }

    .mr-lg-n16,.mx-lg-n16 {
        margin-right: -64px !important
    }

    .ml-lg-n16,.mx-lg-n16 {
        margin-left: -64px !important
    }

    .mb-lg-n16,.my-lg-n16 {
        margin-bottom: -64px !important
    }

    .ms-lg-n16 {
        margin-inline-start:-64px !important}

    .me-lg-n16 {
        margin-inline-end:-64px !important}

    .ma-lg-n16 {
        margin: -64px !important
    }

    .mt-lg-n17,.my-lg-n17 {
        margin-top: -68px !important
    }

    .mr-lg-n17,.mx-lg-n17 {
        margin-right: -68px !important
    }

    .ml-lg-n17,.mx-lg-n17 {
        margin-left: -68px !important
    }

    .mb-lg-n17,.my-lg-n17 {
        margin-bottom: -68px !important
    }

    .ms-lg-n17 {
        margin-inline-start:-68px !important}

    .me-lg-n17 {
        margin-inline-end:-68px !important}

    .ma-lg-n17 {
        margin: -68px !important
    }

    .mt-lg-n18,.my-lg-n18 {
        margin-top: -72px !important
    }

    .mr-lg-n18,.mx-lg-n18 {
        margin-right: -72px !important
    }

    .ml-lg-n18,.mx-lg-n18 {
        margin-left: -72px !important
    }

    .mb-lg-n18,.my-lg-n18 {
        margin-bottom: -72px !important
    }

    .ms-lg-n18 {
        margin-inline-start:-72px !important}

    .me-lg-n18 {
        margin-inline-end:-72px !important}

    .ma-lg-n18 {
        margin: -72px !important
    }

    .mt-lg-n19,.my-lg-n19 {
        margin-top: -76px !important
    }

    .mr-lg-n19,.mx-lg-n19 {
        margin-right: -76px !important
    }

    .ml-lg-n19,.mx-lg-n19 {
        margin-left: -76px !important
    }

    .mb-lg-n19,.my-lg-n19 {
        margin-bottom: -76px !important
    }

    .ms-lg-n19 {
        margin-inline-start:-76px !important}

    .me-lg-n19 {
        margin-inline-end:-76px !important}

    .ma-lg-n19 {
        margin: -76px !important
    }

    .mt-lg-n20,.my-lg-n20 {
        margin-top: -80px !important
    }

    .mr-lg-n20,.mx-lg-n20 {
        margin-right: -80px !important
    }

    .ml-lg-n20,.mx-lg-n20 {
        margin-left: -80px !important
    }

    .mb-lg-n20,.my-lg-n20 {
        margin-bottom: -80px !important
    }

    .ms-lg-n20 {
        margin-inline-start:-80px !important}

    .me-lg-n20 {
        margin-inline-end:-80px !important}

    .ma-lg-n20 {
        margin: -80px !important
    }
}

@media screen and (min-width: 1920px) {
    .mt-xl-0,.my-xl-0 {
        margin-top:0 !important
    }

    .mr-xl-0,.mx-xl-0 {
        margin-right: 0 !important
    }

    .ml-xl-0,.mx-xl-0 {
        margin-left: 0 !important
    }

    .mb-xl-0,.my-xl-0 {
        margin-bottom: 0 !important
    }

    .ms-xl-0 {
        margin-inline-start:0 !important}

    .me-xl-0 {
        margin-inline-end:0 !important}

    .ma-xl-0 {
        margin: 0 !important
    }

    .mt-xl-1,.my-xl-1 {
        margin-top: 4px !important
    }

    .mr-xl-1,.mx-xl-1 {
        margin-right: 4px !important
    }

    .ml-xl-1,.mx-xl-1 {
        margin-left: 4px !important
    }

    .mb-xl-1,.my-xl-1 {
        margin-bottom: 4px !important
    }

    .ms-xl-1 {
        margin-inline-start:4px !important}

    .me-xl-1 {
        margin-inline-end:4px !important}

    .ma-xl-1 {
        margin: 4px !important
    }

    .mt-xl-2,.my-xl-2 {
        margin-top: 8px !important
    }

    .mr-xl-2,.mx-xl-2 {
        margin-right: 8px !important
    }

    .ml-xl-2,.mx-xl-2 {
        margin-left: 8px !important
    }

    .mb-xl-2,.my-xl-2 {
        margin-bottom: 8px !important
    }

    .ms-xl-2 {
        margin-inline-start:8px !important}

    .me-xl-2 {
        margin-inline-end:8px !important}

    .ma-xl-2 {
        margin: 8px !important
    }

    .mt-xl-3,.my-xl-3 {
        margin-top: 12px !important
    }

    .mr-xl-3,.mx-xl-3 {
        margin-right: 12px !important
    }

    .ml-xl-3,.mx-xl-3 {
        margin-left: 12px !important
    }

    .mb-xl-3,.my-xl-3 {
        margin-bottom: 12px !important
    }

    .ms-xl-3 {
        margin-inline-start:12px !important}

    .me-xl-3 {
        margin-inline-end:12px !important}

    .ma-xl-3 {
        margin: 12px !important
    }

    .mt-xl-4,.my-xl-4 {
        margin-top: 16px !important
    }

    .mr-xl-4,.mx-xl-4 {
        margin-right: 16px !important
    }

    .ml-xl-4,.mx-xl-4 {
        margin-left: 16px !important
    }

    .mb-xl-4,.my-xl-4 {
        margin-bottom: 16px !important
    }

    .ms-xl-4 {
        margin-inline-start:16px !important}

    .me-xl-4 {
        margin-inline-end:16px !important}

    .ma-xl-4 {
        margin: 16px !important
    }

    .mt-xl-5,.my-xl-5 {
        margin-top: 20px !important
    }

    .mr-xl-5,.mx-xl-5 {
        margin-right: 20px !important
    }

    .ml-xl-5,.mx-xl-5 {
        margin-left: 20px !important
    }

    .mb-xl-5,.my-xl-5 {
        margin-bottom: 20px !important
    }

    .ms-xl-5 {
        margin-inline-start:20px !important}

    .me-xl-5 {
        margin-inline-end:20px !important}

    .ma-xl-5 {
        margin: 20px !important
    }

    .mt-xl-6,.my-xl-6 {
        margin-top: 24px !important
    }

    .mr-xl-6,.mx-xl-6 {
        margin-right: 24px !important
    }

    .ml-xl-6,.mx-xl-6 {
        margin-left: 24px !important
    }

    .mb-xl-6,.my-xl-6 {
        margin-bottom: 24px !important
    }

    .ms-xl-6 {
        margin-inline-start:24px !important}

    .me-xl-6 {
        margin-inline-end:24px !important}

    .ma-xl-6 {
        margin: 24px !important
    }

    .mt-xl-7,.my-xl-7 {
        margin-top: 28px !important
    }

    .mr-xl-7,.mx-xl-7 {
        margin-right: 28px !important
    }

    .ml-xl-7,.mx-xl-7 {
        margin-left: 28px !important
    }

    .mb-xl-7,.my-xl-7 {
        margin-bottom: 28px !important
    }

    .ms-xl-7 {
        margin-inline-start:28px !important}

    .me-xl-7 {
        margin-inline-end:28px !important}

    .ma-xl-7 {
        margin: 28px !important
    }

    .mt-xl-8,.my-xl-8 {
        margin-top: 32px !important
    }

    .mr-xl-8,.mx-xl-8 {
        margin-right: 32px !important
    }

    .ml-xl-8,.mx-xl-8 {
        margin-left: 32px !important
    }

    .mb-xl-8,.my-xl-8 {
        margin-bottom: 32px !important
    }

    .ms-xl-8 {
        margin-inline-start:32px !important}

    .me-xl-8 {
        margin-inline-end:32px !important}

    .ma-xl-8 {
        margin: 32px !important
    }

    .mt-xl-9,.my-xl-9 {
        margin-top: 36px !important
    }

    .mr-xl-9,.mx-xl-9 {
        margin-right: 36px !important
    }

    .ml-xl-9,.mx-xl-9 {
        margin-left: 36px !important
    }

    .mb-xl-9,.my-xl-9 {
        margin-bottom: 36px !important
    }

    .ms-xl-9 {
        margin-inline-start:36px !important}

    .me-xl-9 {
        margin-inline-end:36px !important}

    .ma-xl-9 {
        margin: 36px !important
    }

    .mt-xl-10,.my-xl-10 {
        margin-top: 40px !important
    }

    .mr-xl-10,.mx-xl-10 {
        margin-right: 40px !important
    }

    .ml-xl-10,.mx-xl-10 {
        margin-left: 40px !important
    }

    .mb-xl-10,.my-xl-10 {
        margin-bottom: 40px !important
    }

    .ms-xl-10 {
        margin-inline-start:40px !important}

    .me-xl-10 {
        margin-inline-end:40px !important}

    .ma-xl-10 {
        margin: 40px !important
    }

    .mt-xl-11,.my-xl-11 {
        margin-top: 44px !important
    }

    .mr-xl-11,.mx-xl-11 {
        margin-right: 44px !important
    }

    .ml-xl-11,.mx-xl-11 {
        margin-left: 44px !important
    }

    .mb-xl-11,.my-xl-11 {
        margin-bottom: 44px !important
    }

    .ms-xl-11 {
        margin-inline-start:44px !important}

    .me-xl-11 {
        margin-inline-end:44px !important}

    .ma-xl-11 {
        margin: 44px !important
    }

    .mt-xl-12,.my-xl-12 {
        margin-top: 48px !important
    }

    .mr-xl-12,.mx-xl-12 {
        margin-right: 48px !important
    }

    .ml-xl-12,.mx-xl-12 {
        margin-left: 48px !important
    }

    .mb-xl-12,.my-xl-12 {
        margin-bottom: 48px !important
    }

    .ms-xl-12 {
        margin-inline-start:48px !important}

    .me-xl-12 {
        margin-inline-end:48px !important}

    .ma-xl-12 {
        margin: 48px !important
    }

    .mt-xl-13,.my-xl-13 {
        margin-top: 52px !important
    }

    .mr-xl-13,.mx-xl-13 {
        margin-right: 52px !important
    }

    .ml-xl-13,.mx-xl-13 {
        margin-left: 52px !important
    }

    .mb-xl-13,.my-xl-13 {
        margin-bottom: 52px !important
    }

    .ms-xl-13 {
        margin-inline-start:52px !important}

    .me-xl-13 {
        margin-inline-end:52px !important}

    .ma-xl-13 {
        margin: 52px !important
    }

    .mt-xl-14,.my-xl-14 {
        margin-top: 56px !important
    }

    .mr-xl-14,.mx-xl-14 {
        margin-right: 56px !important
    }

    .ml-xl-14,.mx-xl-14 {
        margin-left: 56px !important
    }

    .mb-xl-14,.my-xl-14 {
        margin-bottom: 56px !important
    }

    .ms-xl-14 {
        margin-inline-start:56px !important}

    .me-xl-14 {
        margin-inline-end:56px !important}

    .ma-xl-14 {
        margin: 56px !important
    }

    .mt-xl-15,.my-xl-15 {
        margin-top: 60px !important
    }

    .mr-xl-15,.mx-xl-15 {
        margin-right: 60px !important
    }

    .ml-xl-15,.mx-xl-15 {
        margin-left: 60px !important
    }

    .mb-xl-15,.my-xl-15 {
        margin-bottom: 60px !important
    }

    .ms-xl-15 {
        margin-inline-start:60px !important}

    .me-xl-15 {
        margin-inline-end:60px !important}

    .ma-xl-15 {
        margin: 60px !important
    }

    .mt-xl-16,.my-xl-16 {
        margin-top: 64px !important
    }

    .mr-xl-16,.mx-xl-16 {
        margin-right: 64px !important
    }

    .ml-xl-16,.mx-xl-16 {
        margin-left: 64px !important
    }

    .mb-xl-16,.my-xl-16 {
        margin-bottom: 64px !important
    }

    .ms-xl-16 {
        margin-inline-start:64px !important}

    .me-xl-16 {
        margin-inline-end:64px !important}

    .ma-xl-16 {
        margin: 64px !important
    }

    .mt-xl-17,.my-xl-17 {
        margin-top: 68px !important
    }

    .mr-xl-17,.mx-xl-17 {
        margin-right: 68px !important
    }

    .ml-xl-17,.mx-xl-17 {
        margin-left: 68px !important
    }

    .mb-xl-17,.my-xl-17 {
        margin-bottom: 68px !important
    }

    .ms-xl-17 {
        margin-inline-start:68px !important}

    .me-xl-17 {
        margin-inline-end:68px !important}

    .ma-xl-17 {
        margin: 68px !important
    }

    .mt-xl-18,.my-xl-18 {
        margin-top: 72px !important
    }

    .mr-xl-18,.mx-xl-18 {
        margin-right: 72px !important
    }

    .ml-xl-18,.mx-xl-18 {
        margin-left: 72px !important
    }

    .mb-xl-18,.my-xl-18 {
        margin-bottom: 72px !important
    }

    .ms-xl-18 {
        margin-inline-start:72px !important}

    .me-xl-18 {
        margin-inline-end:72px !important}

    .ma-xl-18 {
        margin: 72px !important
    }

    .mt-xl-19,.my-xl-19 {
        margin-top: 76px !important
    }

    .mr-xl-19,.mx-xl-19 {
        margin-right: 76px !important
    }

    .ml-xl-19,.mx-xl-19 {
        margin-left: 76px !important
    }

    .mb-xl-19,.my-xl-19 {
        margin-bottom: 76px !important
    }

    .ms-xl-19 {
        margin-inline-start:76px !important}

    .me-xl-19 {
        margin-inline-end:76px !important}

    .ma-xl-19 {
        margin: 76px !important
    }

    .mt-xl-20,.my-xl-20 {
        margin-top: 80px !important
    }

    .mr-xl-20,.mx-xl-20 {
        margin-right: 80px !important
    }

    .ml-xl-20,.mx-xl-20 {
        margin-left: 80px !important
    }

    .mb-xl-20,.my-xl-20 {
        margin-bottom: 80px !important
    }

    .ms-xl-20 {
        margin-inline-start:80px !important}

    .me-xl-20 {
        margin-inline-end:80px !important}

    .ma-xl-20 {
        margin: 80px !important
    }

    .mt-xl-auto,.my-xl-auto {
        margin-top: auto !important
    }

    .mr-xl-auto,.mx-xl-auto {
        margin-right: auto !important
    }

    .ml-xl-auto,.mx-xl-auto {
        margin-left: auto !important
    }

    .mb-xl-auto,.my-xl-auto {
        margin-bottom: auto !important
    }

    .ms-xl-auto {
        margin-inline-start:auto !important}

    .me-xl-auto {
        margin-inline-end:auto !important}

    .ma-xl-auto {
        margin: auto !important
    }

    .pt-xl-0,.py-xl-0 {
        padding-top: 0 !important
    }

    .pr-xl-0,.px-xl-0 {
        padding-right: 0 !important
    }

    .pl-xl-0,.px-xl-0 {
        padding-left: 0 !important
    }

    .pb-xl-0,.py-xl-0 {
        padding-bottom: 0 !important
    }

    .ps-xl-0 {
        padding-inline-start:0 !important}

    .pe-xl-0 {
        padding-inline-end:0 !important}

    .pa-xl-0 {
        padding: 0 !important
    }

    .pt-xl-1,.py-xl-1 {
        padding-top: 4px !important
    }

    .pr-xl-1,.px-xl-1 {
        padding-right: 4px !important
    }

    .pl-xl-1,.px-xl-1 {
        padding-left: 4px !important
    }

    .pb-xl-1,.py-xl-1 {
        padding-bottom: 4px !important
    }

    .ps-xl-1 {
        padding-inline-start:4px !important}

    .pe-xl-1 {
        padding-inline-end:4px !important}

    .pa-xl-1 {
        padding: 4px !important
    }

    .pt-xl-2,.py-xl-2 {
        padding-top: 8px !important
    }

    .pr-xl-2,.px-xl-2 {
        padding-right: 8px !important
    }

    .pl-xl-2,.px-xl-2 {
        padding-left: 8px !important
    }

    .pb-xl-2,.py-xl-2 {
        padding-bottom: 8px !important
    }

    .ps-xl-2 {
        padding-inline-start:8px !important}

    .pe-xl-2 {
        padding-inline-end:8px !important}

    .pa-xl-2 {
        padding: 8px !important
    }

    .pt-xl-3,.py-xl-3 {
        padding-top: 12px !important
    }

    .pr-xl-3,.px-xl-3 {
        padding-right: 12px !important
    }

    .pl-xl-3,.px-xl-3 {
        padding-left: 12px !important
    }

    .pb-xl-3,.py-xl-3 {
        padding-bottom: 12px !important
    }

    .ps-xl-3 {
        padding-inline-start:12px !important}

    .pe-xl-3 {
        padding-inline-end:12px !important}

    .pa-xl-3 {
        padding: 12px !important
    }

    .pt-xl-4,.py-xl-4 {
        padding-top: 16px !important
    }

    .pr-xl-4,.px-xl-4 {
        padding-right: 16px !important
    }

    .pl-xl-4,.px-xl-4 {
        padding-left: 16px !important
    }

    .pb-xl-4,.py-xl-4 {
        padding-bottom: 16px !important
    }

    .ps-xl-4 {
        padding-inline-start:16px !important}

    .pe-xl-4 {
        padding-inline-end:16px !important}

    .pa-xl-4 {
        padding: 16px !important
    }

    .pt-xl-5,.py-xl-5 {
        padding-top: 20px !important
    }

    .pr-xl-5,.px-xl-5 {
        padding-right: 20px !important
    }

    .pl-xl-5,.px-xl-5 {
        padding-left: 20px !important
    }

    .pb-xl-5,.py-xl-5 {
        padding-bottom: 20px !important
    }

    .ps-xl-5 {
        padding-inline-start:20px !important}

    .pe-xl-5 {
        padding-inline-end:20px !important}

    .pa-xl-5 {
        padding: 20px !important
    }

    .pt-xl-6,.py-xl-6 {
        padding-top: 24px !important
    }

    .pr-xl-6,.px-xl-6 {
        padding-right: 24px !important
    }

    .pl-xl-6,.px-xl-6 {
        padding-left: 24px !important
    }

    .pb-xl-6,.py-xl-6 {
        padding-bottom: 24px !important
    }

    .ps-xl-6 {
        padding-inline-start:24px !important}

    .pe-xl-6 {
        padding-inline-end:24px !important}

    .pa-xl-6 {
        padding: 24px !important
    }

    .pt-xl-7,.py-xl-7 {
        padding-top: 28px !important
    }

    .pr-xl-7,.px-xl-7 {
        padding-right: 28px !important
    }

    .pl-xl-7,.px-xl-7 {
        padding-left: 28px !important
    }

    .pb-xl-7,.py-xl-7 {
        padding-bottom: 28px !important
    }

    .ps-xl-7 {
        padding-inline-start:28px !important}

    .pe-xl-7 {
        padding-inline-end:28px !important}

    .pa-xl-7 {
        padding: 28px !important
    }

    .pt-xl-8,.py-xl-8 {
        padding-top: 32px !important
    }

    .pr-xl-8,.px-xl-8 {
        padding-right: 32px !important
    }

    .pl-xl-8,.px-xl-8 {
        padding-left: 32px !important
    }

    .pb-xl-8,.py-xl-8 {
        padding-bottom: 32px !important
    }

    .ps-xl-8 {
        padding-inline-start:32px !important}

    .pe-xl-8 {
        padding-inline-end:32px !important}

    .pa-xl-8 {
        padding: 32px !important
    }

    .pt-xl-9,.py-xl-9 {
        padding-top: 36px !important
    }

    .pr-xl-9,.px-xl-9 {
        padding-right: 36px !important
    }

    .pl-xl-9,.px-xl-9 {
        padding-left: 36px !important
    }

    .pb-xl-9,.py-xl-9 {
        padding-bottom: 36px !important
    }

    .ps-xl-9 {
        padding-inline-start:36px !important}

    .pe-xl-9 {
        padding-inline-end:36px !important}

    .pa-xl-9 {
        padding: 36px !important
    }

    .pt-xl-10,.py-xl-10 {
        padding-top: 40px !important
    }

    .pr-xl-10,.px-xl-10 {
        padding-right: 40px !important
    }

    .pl-xl-10,.px-xl-10 {
        padding-left: 40px !important
    }

    .pb-xl-10,.py-xl-10 {
        padding-bottom: 40px !important
    }

    .ps-xl-10 {
        padding-inline-start:40px !important}

    .pe-xl-10 {
        padding-inline-end:40px !important}

    .pa-xl-10 {
        padding: 40px !important
    }

    .pt-xl-11,.py-xl-11 {
        padding-top: 44px !important
    }

    .pr-xl-11,.px-xl-11 {
        padding-right: 44px !important
    }

    .pl-xl-11,.px-xl-11 {
        padding-left: 44px !important
    }

    .pb-xl-11,.py-xl-11 {
        padding-bottom: 44px !important
    }

    .ps-xl-11 {
        padding-inline-start:44px !important}

    .pe-xl-11 {
        padding-inline-end:44px !important}

    .pa-xl-11 {
        padding: 44px !important
    }

    .pt-xl-12,.py-xl-12 {
        padding-top: 48px !important
    }

    .pr-xl-12,.px-xl-12 {
        padding-right: 48px !important
    }

    .pl-xl-12,.px-xl-12 {
        padding-left: 48px !important
    }

    .pb-xl-12,.py-xl-12 {
        padding-bottom: 48px !important
    }

    .ps-xl-12 {
        padding-inline-start:48px !important}

    .pe-xl-12 {
        padding-inline-end:48px !important}

    .pa-xl-12 {
        padding: 48px !important
    }

    .pt-xl-13,.py-xl-13 {
        padding-top: 52px !important
    }

    .pr-xl-13,.px-xl-13 {
        padding-right: 52px !important
    }

    .pl-xl-13,.px-xl-13 {
        padding-left: 52px !important
    }

    .pb-xl-13,.py-xl-13 {
        padding-bottom: 52px !important
    }

    .ps-xl-13 {
        padding-inline-start:52px !important}

    .pe-xl-13 {
        padding-inline-end:52px !important}

    .pa-xl-13 {
        padding: 52px !important
    }

    .pt-xl-14,.py-xl-14 {
        padding-top: 56px !important
    }

    .pr-xl-14,.px-xl-14 {
        padding-right: 56px !important
    }

    .pl-xl-14,.px-xl-14 {
        padding-left: 56px !important
    }

    .pb-xl-14,.py-xl-14 {
        padding-bottom: 56px !important
    }

    .ps-xl-14 {
        padding-inline-start:56px !important}

    .pe-xl-14 {
        padding-inline-end:56px !important}

    .pa-xl-14 {
        padding: 56px !important
    }

    .pt-xl-15,.py-xl-15 {
        padding-top: 60px !important
    }

    .pr-xl-15,.px-xl-15 {
        padding-right: 60px !important
    }

    .pl-xl-15,.px-xl-15 {
        padding-left: 60px !important
    }

    .pb-xl-15,.py-xl-15 {
        padding-bottom: 60px !important
    }

    .ps-xl-15 {
        padding-inline-start:60px !important}

    .pe-xl-15 {
        padding-inline-end:60px !important}

    .pa-xl-15 {
        padding: 60px !important
    }

    .pt-xl-16,.py-xl-16 {
        padding-top: 64px !important
    }

    .pr-xl-16,.px-xl-16 {
        padding-right: 64px !important
    }

    .pl-xl-16,.px-xl-16 {
        padding-left: 64px !important
    }

    .pb-xl-16,.py-xl-16 {
        padding-bottom: 64px !important
    }

    .ps-xl-16 {
        padding-inline-start:64px !important}

    .pe-xl-16 {
        padding-inline-end:64px !important}

    .pa-xl-16 {
        padding: 64px !important
    }

    .pt-xl-17,.py-xl-17 {
        padding-top: 68px !important
    }

    .pr-xl-17,.px-xl-17 {
        padding-right: 68px !important
    }

    .pl-xl-17,.px-xl-17 {
        padding-left: 68px !important
    }

    .pb-xl-17,.py-xl-17 {
        padding-bottom: 68px !important
    }

    .ps-xl-17 {
        padding-inline-start:68px !important}

    .pe-xl-17 {
        padding-inline-end:68px !important}

    .pa-xl-17 {
        padding: 68px !important
    }

    .pt-xl-18,.py-xl-18 {
        padding-top: 72px !important
    }

    .pr-xl-18,.px-xl-18 {
        padding-right: 72px !important
    }

    .pl-xl-18,.px-xl-18 {
        padding-left: 72px !important
    }

    .pb-xl-18,.py-xl-18 {
        padding-bottom: 72px !important
    }

    .ps-xl-18 {
        padding-inline-start:72px !important}

    .pe-xl-18 {
        padding-inline-end:72px !important}

    .pa-xl-18 {
        padding: 72px !important
    }

    .pt-xl-19,.py-xl-19 {
        padding-top: 76px !important
    }

    .pr-xl-19,.px-xl-19 {
        padding-right: 76px !important
    }

    .pl-xl-19,.px-xl-19 {
        padding-left: 76px !important
    }

    .pb-xl-19,.py-xl-19 {
        padding-bottom: 76px !important
    }

    .ps-xl-19 {
        padding-inline-start:76px !important}

    .pe-xl-19 {
        padding-inline-end:76px !important}

    .pa-xl-19 {
        padding: 76px !important
    }

    .pt-xl-20,.py-xl-20 {
        padding-top: 80px !important
    }

    .pr-xl-20,.px-xl-20 {
        padding-right: 80px !important
    }

    .pl-xl-20,.px-xl-20 {
        padding-left: 80px !important
    }

    .pb-xl-20,.py-xl-20 {
        padding-bottom: 80px !important
    }

    .ps-xl-20 {
        padding-inline-start:80px !important}

    .pe-xl-20 {
        padding-inline-end:80px !important}

    .pa-xl-20 {
        padding: 80px !important
    }

    .pt-xl-auto,.py-xl-auto {
        padding-top: auto !important
    }

    .pr-xl-auto,.px-xl-auto {
        padding-right: auto !important
    }

    .pl-xl-auto,.px-xl-auto {
        padding-left: auto !important
    }

    .pb-xl-auto,.py-xl-auto {
        padding-bottom: auto !important
    }

    .ps-xl-auto {
        padding-inline-start:auto !important}

    .pe-xl-auto {
        padding-inline-end:auto !important}

    .pa-xl-auto {
        padding: auto !important
    }

    .mt-xl-n1,.my-xl-n1 {
        margin-top: -4px !important
    }

    .mr-xl-n1,.mx-xl-n1 {
        margin-right: -4px !important
    }

    .ml-xl-n1,.mx-xl-n1 {
        margin-left: -4px !important
    }

    .mb-xl-n1,.my-xl-n1 {
        margin-bottom: -4px !important
    }

    .ms-xl-n1 {
        margin-inline-start:-4px !important}

    .me-xl-n1 {
        margin-inline-end:-4px !important}

    .ma-xl-n1 {
        margin: -4px !important
    }

    .mt-xl-n2,.my-xl-n2 {
        margin-top: -8px !important
    }

    .mr-xl-n2,.mx-xl-n2 {
        margin-right: -8px !important
    }

    .ml-xl-n2,.mx-xl-n2 {
        margin-left: -8px !important
    }

    .mb-xl-n2,.my-xl-n2 {
        margin-bottom: -8px !important
    }

    .ms-xl-n2 {
        margin-inline-start:-8px !important}

    .me-xl-n2 {
        margin-inline-end:-8px !important}

    .ma-xl-n2 {
        margin: -8px !important
    }

    .mt-xl-n3,.my-xl-n3 {
        margin-top: -12px !important
    }

    .mr-xl-n3,.mx-xl-n3 {
        margin-right: -12px !important
    }

    .ml-xl-n3,.mx-xl-n3 {
        margin-left: -12px !important
    }

    .mb-xl-n3,.my-xl-n3 {
        margin-bottom: -12px !important
    }

    .ms-xl-n3 {
        margin-inline-start:-12px !important}

    .me-xl-n3 {
        margin-inline-end:-12px !important}

    .ma-xl-n3 {
        margin: -12px !important
    }

    .mt-xl-n4,.my-xl-n4 {
        margin-top: -16px !important
    }

    .mr-xl-n4,.mx-xl-n4 {
        margin-right: -16px !important
    }

    .ml-xl-n4,.mx-xl-n4 {
        margin-left: -16px !important
    }

    .mb-xl-n4,.my-xl-n4 {
        margin-bottom: -16px !important
    }

    .ms-xl-n4 {
        margin-inline-start:-16px !important}

    .me-xl-n4 {
        margin-inline-end:-16px !important}

    .ma-xl-n4 {
        margin: -16px !important
    }

    .mt-xl-n5,.my-xl-n5 {
        margin-top: -20px !important
    }

    .mr-xl-n5,.mx-xl-n5 {
        margin-right: -20px !important
    }

    .ml-xl-n5,.mx-xl-n5 {
        margin-left: -20px !important
    }

    .mb-xl-n5,.my-xl-n5 {
        margin-bottom: -20px !important
    }

    .ms-xl-n5 {
        margin-inline-start:-20px !important}

    .me-xl-n5 {
        margin-inline-end:-20px !important}

    .ma-xl-n5 {
        margin: -20px !important
    }

    .mt-xl-n6,.my-xl-n6 {
        margin-top: -24px !important
    }

    .mr-xl-n6,.mx-xl-n6 {
        margin-right: -24px !important
    }

    .ml-xl-n6,.mx-xl-n6 {
        margin-left: -24px !important
    }

    .mb-xl-n6,.my-xl-n6 {
        margin-bottom: -24px !important
    }

    .ms-xl-n6 {
        margin-inline-start:-24px !important}

    .me-xl-n6 {
        margin-inline-end:-24px !important}

    .ma-xl-n6 {
        margin: -24px !important
    }

    .mt-xl-n7,.my-xl-n7 {
        margin-top: -28px !important
    }

    .mr-xl-n7,.mx-xl-n7 {
        margin-right: -28px !important
    }

    .ml-xl-n7,.mx-xl-n7 {
        margin-left: -28px !important
    }

    .mb-xl-n7,.my-xl-n7 {
        margin-bottom: -28px !important
    }

    .ms-xl-n7 {
        margin-inline-start:-28px !important}

    .me-xl-n7 {
        margin-inline-end:-28px !important}

    .ma-xl-n7 {
        margin: -28px !important
    }

    .mt-xl-n8,.my-xl-n8 {
        margin-top: -32px !important
    }

    .mr-xl-n8,.mx-xl-n8 {
        margin-right: -32px !important
    }

    .ml-xl-n8,.mx-xl-n8 {
        margin-left: -32px !important
    }

    .mb-xl-n8,.my-xl-n8 {
        margin-bottom: -32px !important
    }

    .ms-xl-n8 {
        margin-inline-start:-32px !important}

    .me-xl-n8 {
        margin-inline-end:-32px !important}

    .ma-xl-n8 {
        margin: -32px !important
    }

    .mt-xl-n9,.my-xl-n9 {
        margin-top: -36px !important
    }

    .mr-xl-n9,.mx-xl-n9 {
        margin-right: -36px !important
    }

    .ml-xl-n9,.mx-xl-n9 {
        margin-left: -36px !important
    }

    .mb-xl-n9,.my-xl-n9 {
        margin-bottom: -36px !important
    }

    .ms-xl-n9 {
        margin-inline-start:-36px !important}

    .me-xl-n9 {
        margin-inline-end:-36px !important}

    .ma-xl-n9 {
        margin: -36px !important
    }

    .mt-xl-n10,.my-xl-n10 {
        margin-top: -40px !important
    }

    .mr-xl-n10,.mx-xl-n10 {
        margin-right: -40px !important
    }

    .ml-xl-n10,.mx-xl-n10 {
        margin-left: -40px !important
    }

    .mb-xl-n10,.my-xl-n10 {
        margin-bottom: -40px !important
    }

    .ms-xl-n10 {
        margin-inline-start:-40px !important}

    .me-xl-n10 {
        margin-inline-end:-40px !important}

    .ma-xl-n10 {
        margin: -40px !important
    }

    .mt-xl-n11,.my-xl-n11 {
        margin-top: -44px !important
    }

    .mr-xl-n11,.mx-xl-n11 {
        margin-right: -44px !important
    }

    .ml-xl-n11,.mx-xl-n11 {
        margin-left: -44px !important
    }

    .mb-xl-n11,.my-xl-n11 {
        margin-bottom: -44px !important
    }

    .ms-xl-n11 {
        margin-inline-start:-44px !important}

    .me-xl-n11 {
        margin-inline-end:-44px !important}

    .ma-xl-n11 {
        margin: -44px !important
    }

    .mt-xl-n12,.my-xl-n12 {
        margin-top: -48px !important
    }

    .mr-xl-n12,.mx-xl-n12 {
        margin-right: -48px !important
    }

    .ml-xl-n12,.mx-xl-n12 {
        margin-left: -48px !important
    }

    .mb-xl-n12,.my-xl-n12 {
        margin-bottom: -48px !important
    }

    .ms-xl-n12 {
        margin-inline-start:-48px !important}

    .me-xl-n12 {
        margin-inline-end:-48px !important}

    .ma-xl-n12 {
        margin: -48px !important
    }

    .mt-xl-n13,.my-xl-n13 {
        margin-top: -52px !important
    }

    .mr-xl-n13,.mx-xl-n13 {
        margin-right: -52px !important
    }

    .ml-xl-n13,.mx-xl-n13 {
        margin-left: -52px !important
    }

    .mb-xl-n13,.my-xl-n13 {
        margin-bottom: -52px !important
    }

    .ms-xl-n13 {
        margin-inline-start:-52px !important}

    .me-xl-n13 {
        margin-inline-end:-52px !important}

    .ma-xl-n13 {
        margin: -52px !important
    }

    .mt-xl-n14,.my-xl-n14 {
        margin-top: -56px !important
    }

    .mr-xl-n14,.mx-xl-n14 {
        margin-right: -56px !important
    }

    .ml-xl-n14,.mx-xl-n14 {
        margin-left: -56px !important
    }

    .mb-xl-n14,.my-xl-n14 {
        margin-bottom: -56px !important
    }

    .ms-xl-n14 {
        margin-inline-start:-56px !important}

    .me-xl-n14 {
        margin-inline-end:-56px !important}

    .ma-xl-n14 {
        margin: -56px !important
    }

    .mt-xl-n15,.my-xl-n15 {
        margin-top: -60px !important
    }

    .mr-xl-n15,.mx-xl-n15 {
        margin-right: -60px !important
    }

    .ml-xl-n15,.mx-xl-n15 {
        margin-left: -60px !important
    }

    .mb-xl-n15,.my-xl-n15 {
        margin-bottom: -60px !important
    }

    .ms-xl-n15 {
        margin-inline-start:-60px !important}

    .me-xl-n15 {
        margin-inline-end:-60px !important}

    .ma-xl-n15 {
        margin: -60px !important
    }

    .mt-xl-n16,.my-xl-n16 {
        margin-top: -64px !important
    }

    .mr-xl-n16,.mx-xl-n16 {
        margin-right: -64px !important
    }

    .ml-xl-n16,.mx-xl-n16 {
        margin-left: -64px !important
    }

    .mb-xl-n16,.my-xl-n16 {
        margin-bottom: -64px !important
    }

    .ms-xl-n16 {
        margin-inline-start:-64px !important}

    .me-xl-n16 {
        margin-inline-end:-64px !important}

    .ma-xl-n16 {
        margin: -64px !important
    }

    .mt-xl-n17,.my-xl-n17 {
        margin-top: -68px !important
    }

    .mr-xl-n17,.mx-xl-n17 {
        margin-right: -68px !important
    }

    .ml-xl-n17,.mx-xl-n17 {
        margin-left: -68px !important
    }

    .mb-xl-n17,.my-xl-n17 {
        margin-bottom: -68px !important
    }

    .ms-xl-n17 {
        margin-inline-start:-68px !important}

    .me-xl-n17 {
        margin-inline-end:-68px !important}

    .ma-xl-n17 {
        margin: -68px !important
    }

    .mt-xl-n18,.my-xl-n18 {
        margin-top: -72px !important
    }

    .mr-xl-n18,.mx-xl-n18 {
        margin-right: -72px !important
    }

    .ml-xl-n18,.mx-xl-n18 {
        margin-left: -72px !important
    }

    .mb-xl-n18,.my-xl-n18 {
        margin-bottom: -72px !important
    }

    .ms-xl-n18 {
        margin-inline-start:-72px !important}

    .me-xl-n18 {
        margin-inline-end:-72px !important}

    .ma-xl-n18 {
        margin: -72px !important
    }

    .mt-xl-n19,.my-xl-n19 {
        margin-top: -76px !important
    }

    .mr-xl-n19,.mx-xl-n19 {
        margin-right: -76px !important
    }

    .ml-xl-n19,.mx-xl-n19 {
        margin-left: -76px !important
    }

    .mb-xl-n19,.my-xl-n19 {
        margin-bottom: -76px !important
    }

    .ms-xl-n19 {
        margin-inline-start:-76px !important}

    .me-xl-n19 {
        margin-inline-end:-76px !important}

    .ma-xl-n19 {
        margin: -76px !important
    }

    .mt-xl-n20,.my-xl-n20 {
        margin-top: -80px !important
    }

    .mr-xl-n20,.mx-xl-n20 {
        margin-right: -80px !important
    }

    .ml-xl-n20,.mx-xl-n20 {
        margin-left: -80px !important
    }

    .mb-xl-n20,.my-xl-n20 {
        margin-bottom: -80px !important
    }

    .ms-xl-n20 {
        margin-inline-start:-80px !important}

    .me-xl-n20 {
        margin-inline-end:-80px !important}

    .ma-xl-n20 {
        margin: -80px !important
    }
}

@media screen and (min-width: 2560px) {
    .mt-xxl-0,.my-xxl-0 {
        margin-top:0 !important
    }

    .mr-xxl-0,.mx-xxl-0 {
        margin-right: 0 !important
    }

    .ml-xxl-0,.mx-xxl-0 {
        margin-left: 0 !important
    }

    .mb-xxl-0,.my-xxl-0 {
        margin-bottom: 0 !important
    }

    .ms-xxl-0 {
        margin-inline-start:0 !important}

    .me-xxl-0 {
        margin-inline-end:0 !important}

    .ma-xxl-0 {
        margin: 0 !important
    }

    .mt-xxl-1,.my-xxl-1 {
        margin-top: 4px !important
    }

    .mr-xxl-1,.mx-xxl-1 {
        margin-right: 4px !important
    }

    .ml-xxl-1,.mx-xxl-1 {
        margin-left: 4px !important
    }

    .mb-xxl-1,.my-xxl-1 {
        margin-bottom: 4px !important
    }

    .ms-xxl-1 {
        margin-inline-start:4px !important}

    .me-xxl-1 {
        margin-inline-end:4px !important}

    .ma-xxl-1 {
        margin: 4px !important
    }

    .mt-xxl-2,.my-xxl-2 {
        margin-top: 8px !important
    }

    .mr-xxl-2,.mx-xxl-2 {
        margin-right: 8px !important
    }

    .ml-xxl-2,.mx-xxl-2 {
        margin-left: 8px !important
    }

    .mb-xxl-2,.my-xxl-2 {
        margin-bottom: 8px !important
    }

    .ms-xxl-2 {
        margin-inline-start:8px !important}

    .me-xxl-2 {
        margin-inline-end:8px !important}

    .ma-xxl-2 {
        margin: 8px !important
    }

    .mt-xxl-3,.my-xxl-3 {
        margin-top: 12px !important
    }

    .mr-xxl-3,.mx-xxl-3 {
        margin-right: 12px !important
    }

    .ml-xxl-3,.mx-xxl-3 {
        margin-left: 12px !important
    }

    .mb-xxl-3,.my-xxl-3 {
        margin-bottom: 12px !important
    }

    .ms-xxl-3 {
        margin-inline-start:12px !important}

    .me-xxl-3 {
        margin-inline-end:12px !important}

    .ma-xxl-3 {
        margin: 12px !important
    }

    .mt-xxl-4,.my-xxl-4 {
        margin-top: 16px !important
    }

    .mr-xxl-4,.mx-xxl-4 {
        margin-right: 16px !important
    }

    .ml-xxl-4,.mx-xxl-4 {
        margin-left: 16px !important
    }

    .mb-xxl-4,.my-xxl-4 {
        margin-bottom: 16px !important
    }

    .ms-xxl-4 {
        margin-inline-start:16px !important}

    .me-xxl-4 {
        margin-inline-end:16px !important}

    .ma-xxl-4 {
        margin: 16px !important
    }

    .mt-xxl-5,.my-xxl-5 {
        margin-top: 20px !important
    }

    .mr-xxl-5,.mx-xxl-5 {
        margin-right: 20px !important
    }

    .ml-xxl-5,.mx-xxl-5 {
        margin-left: 20px !important
    }

    .mb-xxl-5,.my-xxl-5 {
        margin-bottom: 20px !important
    }

    .ms-xxl-5 {
        margin-inline-start:20px !important}

    .me-xxl-5 {
        margin-inline-end:20px !important}

    .ma-xxl-5 {
        margin: 20px !important
    }

    .mt-xxl-6,.my-xxl-6 {
        margin-top: 24px !important
    }

    .mr-xxl-6,.mx-xxl-6 {
        margin-right: 24px !important
    }

    .ml-xxl-6,.mx-xxl-6 {
        margin-left: 24px !important
    }

    .mb-xxl-6,.my-xxl-6 {
        margin-bottom: 24px !important
    }

    .ms-xxl-6 {
        margin-inline-start:24px !important}

    .me-xxl-6 {
        margin-inline-end:24px !important}

    .ma-xxl-6 {
        margin: 24px !important
    }

    .mt-xxl-7,.my-xxl-7 {
        margin-top: 28px !important
    }

    .mr-xxl-7,.mx-xxl-7 {
        margin-right: 28px !important
    }

    .ml-xxl-7,.mx-xxl-7 {
        margin-left: 28px !important
    }

    .mb-xxl-7,.my-xxl-7 {
        margin-bottom: 28px !important
    }

    .ms-xxl-7 {
        margin-inline-start:28px !important}

    .me-xxl-7 {
        margin-inline-end:28px !important}

    .ma-xxl-7 {
        margin: 28px !important
    }

    .mt-xxl-8,.my-xxl-8 {
        margin-top: 32px !important
    }

    .mr-xxl-8,.mx-xxl-8 {
        margin-right: 32px !important
    }

    .ml-xxl-8,.mx-xxl-8 {
        margin-left: 32px !important
    }

    .mb-xxl-8,.my-xxl-8 {
        margin-bottom: 32px !important
    }

    .ms-xxl-8 {
        margin-inline-start:32px !important}

    .me-xxl-8 {
        margin-inline-end:32px !important}

    .ma-xxl-8 {
        margin: 32px !important
    }

    .mt-xxl-9,.my-xxl-9 {
        margin-top: 36px !important
    }

    .mr-xxl-9,.mx-xxl-9 {
        margin-right: 36px !important
    }

    .ml-xxl-9,.mx-xxl-9 {
        margin-left: 36px !important
    }

    .mb-xxl-9,.my-xxl-9 {
        margin-bottom: 36px !important
    }

    .ms-xxl-9 {
        margin-inline-start:36px !important}

    .me-xxl-9 {
        margin-inline-end:36px !important}

    .ma-xxl-9 {
        margin: 36px !important
    }

    .mt-xxl-10,.my-xxl-10 {
        margin-top: 40px !important
    }

    .mr-xxl-10,.mx-xxl-10 {
        margin-right: 40px !important
    }

    .ml-xxl-10,.mx-xxl-10 {
        margin-left: 40px !important
    }

    .mb-xxl-10,.my-xxl-10 {
        margin-bottom: 40px !important
    }

    .ms-xxl-10 {
        margin-inline-start:40px !important}

    .me-xxl-10 {
        margin-inline-end:40px !important}

    .ma-xxl-10 {
        margin: 40px !important
    }

    .mt-xxl-11,.my-xxl-11 {
        margin-top: 44px !important
    }

    .mr-xxl-11,.mx-xxl-11 {
        margin-right: 44px !important
    }

    .ml-xxl-11,.mx-xxl-11 {
        margin-left: 44px !important
    }

    .mb-xxl-11,.my-xxl-11 {
        margin-bottom: 44px !important
    }

    .ms-xxl-11 {
        margin-inline-start:44px !important}

    .me-xxl-11 {
        margin-inline-end:44px !important}

    .ma-xxl-11 {
        margin: 44px !important
    }

    .mt-xxl-12,.my-xxl-12 {
        margin-top: 48px !important
    }

    .mr-xxl-12,.mx-xxl-12 {
        margin-right: 48px !important
    }

    .ml-xxl-12,.mx-xxl-12 {
        margin-left: 48px !important
    }

    .mb-xxl-12,.my-xxl-12 {
        margin-bottom: 48px !important
    }

    .ms-xxl-12 {
        margin-inline-start:48px !important}

    .me-xxl-12 {
        margin-inline-end:48px !important}

    .ma-xxl-12 {
        margin: 48px !important
    }

    .mt-xxl-13,.my-xxl-13 {
        margin-top: 52px !important
    }

    .mr-xxl-13,.mx-xxl-13 {
        margin-right: 52px !important
    }

    .ml-xxl-13,.mx-xxl-13 {
        margin-left: 52px !important
    }

    .mb-xxl-13,.my-xxl-13 {
        margin-bottom: 52px !important
    }

    .ms-xxl-13 {
        margin-inline-start:52px !important}

    .me-xxl-13 {
        margin-inline-end:52px !important}

    .ma-xxl-13 {
        margin: 52px !important
    }

    .mt-xxl-14,.my-xxl-14 {
        margin-top: 56px !important
    }

    .mr-xxl-14,.mx-xxl-14 {
        margin-right: 56px !important
    }

    .ml-xxl-14,.mx-xxl-14 {
        margin-left: 56px !important
    }

    .mb-xxl-14,.my-xxl-14 {
        margin-bottom: 56px !important
    }

    .ms-xxl-14 {
        margin-inline-start:56px !important}

    .me-xxl-14 {
        margin-inline-end:56px !important}

    .ma-xxl-14 {
        margin: 56px !important
    }

    .mt-xxl-15,.my-xxl-15 {
        margin-top: 60px !important
    }

    .mr-xxl-15,.mx-xxl-15 {
        margin-right: 60px !important
    }

    .ml-xxl-15,.mx-xxl-15 {
        margin-left: 60px !important
    }

    .mb-xxl-15,.my-xxl-15 {
        margin-bottom: 60px !important
    }

    .ms-xxl-15 {
        margin-inline-start:60px !important}

    .me-xxl-15 {
        margin-inline-end:60px !important}

    .ma-xxl-15 {
        margin: 60px !important
    }

    .mt-xxl-16,.my-xxl-16 {
        margin-top: 64px !important
    }

    .mr-xxl-16,.mx-xxl-16 {
        margin-right: 64px !important
    }

    .ml-xxl-16,.mx-xxl-16 {
        margin-left: 64px !important
    }

    .mb-xxl-16,.my-xxl-16 {
        margin-bottom: 64px !important
    }

    .ms-xxl-16 {
        margin-inline-start:64px !important}

    .me-xxl-16 {
        margin-inline-end:64px !important}

    .ma-xxl-16 {
        margin: 64px !important
    }

    .mt-xxl-17,.my-xxl-17 {
        margin-top: 68px !important
    }

    .mr-xxl-17,.mx-xxl-17 {
        margin-right: 68px !important
    }

    .ml-xxl-17,.mx-xxl-17 {
        margin-left: 68px !important
    }

    .mb-xxl-17,.my-xxl-17 {
        margin-bottom: 68px !important
    }

    .ms-xxl-17 {
        margin-inline-start:68px !important}

    .me-xxl-17 {
        margin-inline-end:68px !important}

    .ma-xxl-17 {
        margin: 68px !important
    }

    .mt-xxl-18,.my-xxl-18 {
        margin-top: 72px !important
    }

    .mr-xxl-18,.mx-xxl-18 {
        margin-right: 72px !important
    }

    .ml-xxl-18,.mx-xxl-18 {
        margin-left: 72px !important
    }

    .mb-xxl-18,.my-xxl-18 {
        margin-bottom: 72px !important
    }

    .ms-xxl-18 {
        margin-inline-start:72px !important}

    .me-xxl-18 {
        margin-inline-end:72px !important}

    .ma-xxl-18 {
        margin: 72px !important
    }

    .mt-xxl-19,.my-xxl-19 {
        margin-top: 76px !important
    }

    .mr-xxl-19,.mx-xxl-19 {
        margin-right: 76px !important
    }

    .ml-xxl-19,.mx-xxl-19 {
        margin-left: 76px !important
    }

    .mb-xxl-19,.my-xxl-19 {
        margin-bottom: 76px !important
    }

    .ms-xxl-19 {
        margin-inline-start:76px !important}

    .me-xxl-19 {
        margin-inline-end:76px !important}

    .ma-xxl-19 {
        margin: 76px !important
    }

    .mt-xxl-20,.my-xxl-20 {
        margin-top: 80px !important
    }

    .mr-xxl-20,.mx-xxl-20 {
        margin-right: 80px !important
    }

    .ml-xxl-20,.mx-xxl-20 {
        margin-left: 80px !important
    }

    .mb-xxl-20,.my-xxl-20 {
        margin-bottom: 80px !important
    }

    .ms-xxl-20 {
        margin-inline-start:80px !important}

    .me-xxl-20 {
        margin-inline-end:80px !important}

    .ma-xxl-20 {
        margin: 80px !important
    }

    .mt-xxl-auto,.my-xxl-auto {
        margin-top: auto !important
    }

    .mr-xxl-auto,.mx-xxl-auto {
        margin-right: auto !important
    }

    .ml-xxl-auto,.mx-xxl-auto {
        margin-left: auto !important
    }

    .mb-xxl-auto,.my-xxl-auto {
        margin-bottom: auto !important
    }

    .ms-xxl-auto {
        margin-inline-start:auto !important}

    .me-xxl-auto {
        margin-inline-end:auto !important}

    .ma-xxl-auto {
        margin: auto !important
    }

    .pt-xxl-0,.py-xxl-0 {
        padding-top: 0 !important
    }

    .pr-xxl-0,.px-xxl-0 {
        padding-right: 0 !important
    }

    .pl-xxl-0,.px-xxl-0 {
        padding-left: 0 !important
    }

    .pb-xxl-0,.py-xxl-0 {
        padding-bottom: 0 !important
    }

    .ps-xxl-0 {
        padding-inline-start:0 !important}

    .pe-xxl-0 {
        padding-inline-end:0 !important}

    .pa-xxl-0 {
        padding: 0 !important
    }

    .pt-xxl-1,.py-xxl-1 {
        padding-top: 4px !important
    }

    .pr-xxl-1,.px-xxl-1 {
        padding-right: 4px !important
    }

    .pl-xxl-1,.px-xxl-1 {
        padding-left: 4px !important
    }

    .pb-xxl-1,.py-xxl-1 {
        padding-bottom: 4px !important
    }

    .ps-xxl-1 {
        padding-inline-start:4px !important}

    .pe-xxl-1 {
        padding-inline-end:4px !important}

    .pa-xxl-1 {
        padding: 4px !important
    }

    .pt-xxl-2,.py-xxl-2 {
        padding-top: 8px !important
    }

    .pr-xxl-2,.px-xxl-2 {
        padding-right: 8px !important
    }

    .pl-xxl-2,.px-xxl-2 {
        padding-left: 8px !important
    }

    .pb-xxl-2,.py-xxl-2 {
        padding-bottom: 8px !important
    }

    .ps-xxl-2 {
        padding-inline-start:8px !important}

    .pe-xxl-2 {
        padding-inline-end:8px !important}

    .pa-xxl-2 {
        padding: 8px !important
    }

    .pt-xxl-3,.py-xxl-3 {
        padding-top: 12px !important
    }

    .pr-xxl-3,.px-xxl-3 {
        padding-right: 12px !important
    }

    .pl-xxl-3,.px-xxl-3 {
        padding-left: 12px !important
    }

    .pb-xxl-3,.py-xxl-3 {
        padding-bottom: 12px !important
    }

    .ps-xxl-3 {
        padding-inline-start:12px !important}

    .pe-xxl-3 {
        padding-inline-end:12px !important}

    .pa-xxl-3 {
        padding: 12px !important
    }

    .pt-xxl-4,.py-xxl-4 {
        padding-top: 16px !important
    }

    .pr-xxl-4,.px-xxl-4 {
        padding-right: 16px !important
    }

    .pl-xxl-4,.px-xxl-4 {
        padding-left: 16px !important
    }

    .pb-xxl-4,.py-xxl-4 {
        padding-bottom: 16px !important
    }

    .ps-xxl-4 {
        padding-inline-start:16px !important}

    .pe-xxl-4 {
        padding-inline-end:16px !important}

    .pa-xxl-4 {
        padding: 16px !important
    }

    .pt-xxl-5,.py-xxl-5 {
        padding-top: 20px !important
    }

    .pr-xxl-5,.px-xxl-5 {
        padding-right: 20px !important
    }

    .pl-xxl-5,.px-xxl-5 {
        padding-left: 20px !important
    }

    .pb-xxl-5,.py-xxl-5 {
        padding-bottom: 20px !important
    }

    .ps-xxl-5 {
        padding-inline-start:20px !important}

    .pe-xxl-5 {
        padding-inline-end:20px !important}

    .pa-xxl-5 {
        padding: 20px !important
    }

    .pt-xxl-6,.py-xxl-6 {
        padding-top: 24px !important
    }

    .pr-xxl-6,.px-xxl-6 {
        padding-right: 24px !important
    }

    .pl-xxl-6,.px-xxl-6 {
        padding-left: 24px !important
    }

    .pb-xxl-6,.py-xxl-6 {
        padding-bottom: 24px !important
    }

    .ps-xxl-6 {
        padding-inline-start:24px !important}

    .pe-xxl-6 {
        padding-inline-end:24px !important}

    .pa-xxl-6 {
        padding: 24px !important
    }

    .pt-xxl-7,.py-xxl-7 {
        padding-top: 28px !important
    }

    .pr-xxl-7,.px-xxl-7 {
        padding-right: 28px !important
    }

    .pl-xxl-7,.px-xxl-7 {
        padding-left: 28px !important
    }

    .pb-xxl-7,.py-xxl-7 {
        padding-bottom: 28px !important
    }

    .ps-xxl-7 {
        padding-inline-start:28px !important}

    .pe-xxl-7 {
        padding-inline-end:28px !important}

    .pa-xxl-7 {
        padding: 28px !important
    }

    .pt-xxl-8,.py-xxl-8 {
        padding-top: 32px !important
    }

    .pr-xxl-8,.px-xxl-8 {
        padding-right: 32px !important
    }

    .pl-xxl-8,.px-xxl-8 {
        padding-left: 32px !important
    }

    .pb-xxl-8,.py-xxl-8 {
        padding-bottom: 32px !important
    }

    .ps-xxl-8 {
        padding-inline-start:32px !important}

    .pe-xxl-8 {
        padding-inline-end:32px !important}

    .pa-xxl-8 {
        padding: 32px !important
    }

    .pt-xxl-9,.py-xxl-9 {
        padding-top: 36px !important
    }

    .pr-xxl-9,.px-xxl-9 {
        padding-right: 36px !important
    }

    .pl-xxl-9,.px-xxl-9 {
        padding-left: 36px !important
    }

    .pb-xxl-9,.py-xxl-9 {
        padding-bottom: 36px !important
    }

    .ps-xxl-9 {
        padding-inline-start:36px !important}

    .pe-xxl-9 {
        padding-inline-end:36px !important}

    .pa-xxl-9 {
        padding: 36px !important
    }

    .pt-xxl-10,.py-xxl-10 {
        padding-top: 40px !important
    }

    .pr-xxl-10,.px-xxl-10 {
        padding-right: 40px !important
    }

    .pl-xxl-10,.px-xxl-10 {
        padding-left: 40px !important
    }

    .pb-xxl-10,.py-xxl-10 {
        padding-bottom: 40px !important
    }

    .ps-xxl-10 {
        padding-inline-start:40px !important}

    .pe-xxl-10 {
        padding-inline-end:40px !important}

    .pa-xxl-10 {
        padding: 40px !important
    }

    .pt-xxl-11,.py-xxl-11 {
        padding-top: 44px !important
    }

    .pr-xxl-11,.px-xxl-11 {
        padding-right: 44px !important
    }

    .pl-xxl-11,.px-xxl-11 {
        padding-left: 44px !important
    }

    .pb-xxl-11,.py-xxl-11 {
        padding-bottom: 44px !important
    }

    .ps-xxl-11 {
        padding-inline-start:44px !important}

    .pe-xxl-11 {
        padding-inline-end:44px !important}

    .pa-xxl-11 {
        padding: 44px !important
    }

    .pt-xxl-12,.py-xxl-12 {
        padding-top: 48px !important
    }

    .pr-xxl-12,.px-xxl-12 {
        padding-right: 48px !important
    }

    .pl-xxl-12,.px-xxl-12 {
        padding-left: 48px !important
    }

    .pb-xxl-12,.py-xxl-12 {
        padding-bottom: 48px !important
    }

    .ps-xxl-12 {
        padding-inline-start:48px !important}

    .pe-xxl-12 {
        padding-inline-end:48px !important}

    .pa-xxl-12 {
        padding: 48px !important
    }

    .pt-xxl-13,.py-xxl-13 {
        padding-top: 52px !important
    }

    .pr-xxl-13,.px-xxl-13 {
        padding-right: 52px !important
    }

    .pl-xxl-13,.px-xxl-13 {
        padding-left: 52px !important
    }

    .pb-xxl-13,.py-xxl-13 {
        padding-bottom: 52px !important
    }

    .ps-xxl-13 {
        padding-inline-start:52px !important}

    .pe-xxl-13 {
        padding-inline-end:52px !important}

    .pa-xxl-13 {
        padding: 52px !important
    }

    .pt-xxl-14,.py-xxl-14 {
        padding-top: 56px !important
    }

    .pr-xxl-14,.px-xxl-14 {
        padding-right: 56px !important
    }

    .pl-xxl-14,.px-xxl-14 {
        padding-left: 56px !important
    }

    .pb-xxl-14,.py-xxl-14 {
        padding-bottom: 56px !important
    }

    .ps-xxl-14 {
        padding-inline-start:56px !important}

    .pe-xxl-14 {
        padding-inline-end:56px !important}

    .pa-xxl-14 {
        padding: 56px !important
    }

    .pt-xxl-15,.py-xxl-15 {
        padding-top: 60px !important
    }

    .pr-xxl-15,.px-xxl-15 {
        padding-right: 60px !important
    }

    .pl-xxl-15,.px-xxl-15 {
        padding-left: 60px !important
    }

    .pb-xxl-15,.py-xxl-15 {
        padding-bottom: 60px !important
    }

    .ps-xxl-15 {
        padding-inline-start:60px !important}

    .pe-xxl-15 {
        padding-inline-end:60px !important}

    .pa-xxl-15 {
        padding: 60px !important
    }

    .pt-xxl-16,.py-xxl-16 {
        padding-top: 64px !important
    }

    .pr-xxl-16,.px-xxl-16 {
        padding-right: 64px !important
    }

    .pl-xxl-16,.px-xxl-16 {
        padding-left: 64px !important
    }

    .pb-xxl-16,.py-xxl-16 {
        padding-bottom: 64px !important
    }

    .ps-xxl-16 {
        padding-inline-start:64px !important}

    .pe-xxl-16 {
        padding-inline-end:64px !important}

    .pa-xxl-16 {
        padding: 64px !important
    }

    .pt-xxl-17,.py-xxl-17 {
        padding-top: 68px !important
    }

    .pr-xxl-17,.px-xxl-17 {
        padding-right: 68px !important
    }

    .pl-xxl-17,.px-xxl-17 {
        padding-left: 68px !important
    }

    .pb-xxl-17,.py-xxl-17 {
        padding-bottom: 68px !important
    }

    .ps-xxl-17 {
        padding-inline-start:68px !important}

    .pe-xxl-17 {
        padding-inline-end:68px !important}

    .pa-xxl-17 {
        padding: 68px !important
    }

    .pt-xxl-18,.py-xxl-18 {
        padding-top: 72px !important
    }

    .pr-xxl-18,.px-xxl-18 {
        padding-right: 72px !important
    }

    .pl-xxl-18,.px-xxl-18 {
        padding-left: 72px !important
    }

    .pb-xxl-18,.py-xxl-18 {
        padding-bottom: 72px !important
    }

    .ps-xxl-18 {
        padding-inline-start:72px !important}

    .pe-xxl-18 {
        padding-inline-end:72px !important}

    .pa-xxl-18 {
        padding: 72px !important
    }

    .pt-xxl-19,.py-xxl-19 {
        padding-top: 76px !important
    }

    .pr-xxl-19,.px-xxl-19 {
        padding-right: 76px !important
    }

    .pl-xxl-19,.px-xxl-19 {
        padding-left: 76px !important
    }

    .pb-xxl-19,.py-xxl-19 {
        padding-bottom: 76px !important
    }

    .ps-xxl-19 {
        padding-inline-start:76px !important}

    .pe-xxl-19 {
        padding-inline-end:76px !important}

    .pa-xxl-19 {
        padding: 76px !important
    }

    .pt-xxl-20,.py-xxl-20 {
        padding-top: 80px !important
    }

    .pr-xxl-20,.px-xxl-20 {
        padding-right: 80px !important
    }

    .pl-xxl-20,.px-xxl-20 {
        padding-left: 80px !important
    }

    .pb-xxl-20,.py-xxl-20 {
        padding-bottom: 80px !important
    }

    .ps-xxl-20 {
        padding-inline-start:80px !important}

    .pe-xxl-20 {
        padding-inline-end:80px !important}

    .pa-xxl-20 {
        padding: 80px !important
    }

    .pt-xxl-auto,.py-xxl-auto {
        padding-top: auto !important
    }

    .pr-xxl-auto,.px-xxl-auto {
        padding-right: auto !important
    }

    .pl-xxl-auto,.px-xxl-auto {
        padding-left: auto !important
    }

    .pb-xxl-auto,.py-xxl-auto {
        padding-bottom: auto !important
    }

    .ps-xxl-auto {
        padding-inline-start:auto !important}

    .pe-xxl-auto {
        padding-inline-end:auto !important}

    .pa-xxl-auto {
        padding: auto !important
    }

    .mt-xxl-n1,.my-xxl-n1 {
        margin-top: -4px !important
    }

    .mr-xxl-n1,.mx-xxl-n1 {
        margin-right: -4px !important
    }

    .ml-xxl-n1,.mx-xxl-n1 {
        margin-left: -4px !important
    }

    .mb-xxl-n1,.my-xxl-n1 {
        margin-bottom: -4px !important
    }

    .ms-xxl-n1 {
        margin-inline-start:-4px !important}

    .me-xxl-n1 {
        margin-inline-end:-4px !important}

    .ma-xxl-n1 {
        margin: -4px !important
    }

    .mt-xxl-n2,.my-xxl-n2 {
        margin-top: -8px !important
    }

    .mr-xxl-n2,.mx-xxl-n2 {
        margin-right: -8px !important
    }

    .ml-xxl-n2,.mx-xxl-n2 {
        margin-left: -8px !important
    }

    .mb-xxl-n2,.my-xxl-n2 {
        margin-bottom: -8px !important
    }

    .ms-xxl-n2 {
        margin-inline-start:-8px !important}

    .me-xxl-n2 {
        margin-inline-end:-8px !important}

    .ma-xxl-n2 {
        margin: -8px !important
    }

    .mt-xxl-n3,.my-xxl-n3 {
        margin-top: -12px !important
    }

    .mr-xxl-n3,.mx-xxl-n3 {
        margin-right: -12px !important
    }

    .ml-xxl-n3,.mx-xxl-n3 {
        margin-left: -12px !important
    }

    .mb-xxl-n3,.my-xxl-n3 {
        margin-bottom: -12px !important
    }

    .ms-xxl-n3 {
        margin-inline-start:-12px !important}

    .me-xxl-n3 {
        margin-inline-end:-12px !important}

    .ma-xxl-n3 {
        margin: -12px !important
    }

    .mt-xxl-n4,.my-xxl-n4 {
        margin-top: -16px !important
    }

    .mr-xxl-n4,.mx-xxl-n4 {
        margin-right: -16px !important
    }

    .ml-xxl-n4,.mx-xxl-n4 {
        margin-left: -16px !important
    }

    .mb-xxl-n4,.my-xxl-n4 {
        margin-bottom: -16px !important
    }

    .ms-xxl-n4 {
        margin-inline-start:-16px !important}

    .me-xxl-n4 {
        margin-inline-end:-16px !important}

    .ma-xxl-n4 {
        margin: -16px !important
    }

    .mt-xxl-n5,.my-xxl-n5 {
        margin-top: -20px !important
    }

    .mr-xxl-n5,.mx-xxl-n5 {
        margin-right: -20px !important
    }

    .ml-xxl-n5,.mx-xxl-n5 {
        margin-left: -20px !important
    }

    .mb-xxl-n5,.my-xxl-n5 {
        margin-bottom: -20px !important
    }

    .ms-xxl-n5 {
        margin-inline-start:-20px !important}

    .me-xxl-n5 {
        margin-inline-end:-20px !important}

    .ma-xxl-n5 {
        margin: -20px !important
    }

    .mt-xxl-n6,.my-xxl-n6 {
        margin-top: -24px !important
    }

    .mr-xxl-n6,.mx-xxl-n6 {
        margin-right: -24px !important
    }

    .ml-xxl-n6,.mx-xxl-n6 {
        margin-left: -24px !important
    }

    .mb-xxl-n6,.my-xxl-n6 {
        margin-bottom: -24px !important
    }

    .ms-xxl-n6 {
        margin-inline-start:-24px !important}

    .me-xxl-n6 {
        margin-inline-end:-24px !important}

    .ma-xxl-n6 {
        margin: -24px !important
    }

    .mt-xxl-n7,.my-xxl-n7 {
        margin-top: -28px !important
    }

    .mr-xxl-n7,.mx-xxl-n7 {
        margin-right: -28px !important
    }

    .ml-xxl-n7,.mx-xxl-n7 {
        margin-left: -28px !important
    }

    .mb-xxl-n7,.my-xxl-n7 {
        margin-bottom: -28px !important
    }

    .ms-xxl-n7 {
        margin-inline-start:-28px !important}

    .me-xxl-n7 {
        margin-inline-end:-28px !important}

    .ma-xxl-n7 {
        margin: -28px !important
    }

    .mt-xxl-n8,.my-xxl-n8 {
        margin-top: -32px !important
    }

    .mr-xxl-n8,.mx-xxl-n8 {
        margin-right: -32px !important
    }

    .ml-xxl-n8,.mx-xxl-n8 {
        margin-left: -32px !important
    }

    .mb-xxl-n8,.my-xxl-n8 {
        margin-bottom: -32px !important
    }

    .ms-xxl-n8 {
        margin-inline-start:-32px !important}

    .me-xxl-n8 {
        margin-inline-end:-32px !important}

    .ma-xxl-n8 {
        margin: -32px !important
    }

    .mt-xxl-n9,.my-xxl-n9 {
        margin-top: -36px !important
    }

    .mr-xxl-n9,.mx-xxl-n9 {
        margin-right: -36px !important
    }

    .ml-xxl-n9,.mx-xxl-n9 {
        margin-left: -36px !important
    }

    .mb-xxl-n9,.my-xxl-n9 {
        margin-bottom: -36px !important
    }

    .ms-xxl-n9 {
        margin-inline-start:-36px !important}

    .me-xxl-n9 {
        margin-inline-end:-36px !important}

    .ma-xxl-n9 {
        margin: -36px !important
    }

    .mt-xxl-n10,.my-xxl-n10 {
        margin-top: -40px !important
    }

    .mr-xxl-n10,.mx-xxl-n10 {
        margin-right: -40px !important
    }

    .ml-xxl-n10,.mx-xxl-n10 {
        margin-left: -40px !important
    }

    .mb-xxl-n10,.my-xxl-n10 {
        margin-bottom: -40px !important
    }

    .ms-xxl-n10 {
        margin-inline-start:-40px !important}

    .me-xxl-n10 {
        margin-inline-end:-40px !important}

    .ma-xxl-n10 {
        margin: -40px !important
    }

    .mt-xxl-n11,.my-xxl-n11 {
        margin-top: -44px !important
    }

    .mr-xxl-n11,.mx-xxl-n11 {
        margin-right: -44px !important
    }

    .ml-xxl-n11,.mx-xxl-n11 {
        margin-left: -44px !important
    }

    .mb-xxl-n11,.my-xxl-n11 {
        margin-bottom: -44px !important
    }

    .ms-xxl-n11 {
        margin-inline-start:-44px !important}

    .me-xxl-n11 {
        margin-inline-end:-44px !important}

    .ma-xxl-n11 {
        margin: -44px !important
    }

    .mt-xxl-n12,.my-xxl-n12 {
        margin-top: -48px !important
    }

    .mr-xxl-n12,.mx-xxl-n12 {
        margin-right: -48px !important
    }

    .ml-xxl-n12,.mx-xxl-n12 {
        margin-left: -48px !important
    }

    .mb-xxl-n12,.my-xxl-n12 {
        margin-bottom: -48px !important
    }

    .ms-xxl-n12 {
        margin-inline-start:-48px !important}

    .me-xxl-n12 {
        margin-inline-end:-48px !important}

    .ma-xxl-n12 {
        margin: -48px !important
    }

    .mt-xxl-n13,.my-xxl-n13 {
        margin-top: -52px !important
    }

    .mr-xxl-n13,.mx-xxl-n13 {
        margin-right: -52px !important
    }

    .ml-xxl-n13,.mx-xxl-n13 {
        margin-left: -52px !important
    }

    .mb-xxl-n13,.my-xxl-n13 {
        margin-bottom: -52px !important
    }

    .ms-xxl-n13 {
        margin-inline-start:-52px !important}

    .me-xxl-n13 {
        margin-inline-end:-52px !important}

    .ma-xxl-n13 {
        margin: -52px !important
    }

    .mt-xxl-n14,.my-xxl-n14 {
        margin-top: -56px !important
    }

    .mr-xxl-n14,.mx-xxl-n14 {
        margin-right: -56px !important
    }

    .ml-xxl-n14,.mx-xxl-n14 {
        margin-left: -56px !important
    }

    .mb-xxl-n14,.my-xxl-n14 {
        margin-bottom: -56px !important
    }

    .ms-xxl-n14 {
        margin-inline-start:-56px !important}

    .me-xxl-n14 {
        margin-inline-end:-56px !important}

    .ma-xxl-n14 {
        margin: -56px !important
    }

    .mt-xxl-n15,.my-xxl-n15 {
        margin-top: -60px !important
    }

    .mr-xxl-n15,.mx-xxl-n15 {
        margin-right: -60px !important
    }

    .ml-xxl-n15,.mx-xxl-n15 {
        margin-left: -60px !important
    }

    .mb-xxl-n15,.my-xxl-n15 {
        margin-bottom: -60px !important
    }

    .ms-xxl-n15 {
        margin-inline-start:-60px !important}

    .me-xxl-n15 {
        margin-inline-end:-60px !important}

    .ma-xxl-n15 {
        margin: -60px !important
    }

    .mt-xxl-n16,.my-xxl-n16 {
        margin-top: -64px !important
    }

    .mr-xxl-n16,.mx-xxl-n16 {
        margin-right: -64px !important
    }

    .ml-xxl-n16,.mx-xxl-n16 {
        margin-left: -64px !important
    }

    .mb-xxl-n16,.my-xxl-n16 {
        margin-bottom: -64px !important
    }

    .ms-xxl-n16 {
        margin-inline-start:-64px !important}

    .me-xxl-n16 {
        margin-inline-end:-64px !important}

    .ma-xxl-n16 {
        margin: -64px !important
    }

    .mt-xxl-n17,.my-xxl-n17 {
        margin-top: -68px !important
    }

    .mr-xxl-n17,.mx-xxl-n17 {
        margin-right: -68px !important
    }

    .ml-xxl-n17,.mx-xxl-n17 {
        margin-left: -68px !important
    }

    .mb-xxl-n17,.my-xxl-n17 {
        margin-bottom: -68px !important
    }

    .ms-xxl-n17 {
        margin-inline-start:-68px !important}

    .me-xxl-n17 {
        margin-inline-end:-68px !important}

    .ma-xxl-n17 {
        margin: -68px !important
    }

    .mt-xxl-n18,.my-xxl-n18 {
        margin-top: -72px !important
    }

    .mr-xxl-n18,.mx-xxl-n18 {
        margin-right: -72px !important
    }

    .ml-xxl-n18,.mx-xxl-n18 {
        margin-left: -72px !important
    }

    .mb-xxl-n18,.my-xxl-n18 {
        margin-bottom: -72px !important
    }

    .ms-xxl-n18 {
        margin-inline-start:-72px !important}

    .me-xxl-n18 {
        margin-inline-end:-72px !important}

    .ma-xxl-n18 {
        margin: -72px !important
    }

    .mt-xxl-n19,.my-xxl-n19 {
        margin-top: -76px !important
    }

    .mr-xxl-n19,.mx-xxl-n19 {
        margin-right: -76px !important
    }

    .ml-xxl-n19,.mx-xxl-n19 {
        margin-left: -76px !important
    }

    .mb-xxl-n19,.my-xxl-n19 {
        margin-bottom: -76px !important
    }

    .ms-xxl-n19 {
        margin-inline-start:-76px !important}

    .me-xxl-n19 {
        margin-inline-end:-76px !important}

    .ma-xxl-n19 {
        margin: -76px !important
    }

    .mt-xxl-n20,.my-xxl-n20 {
        margin-top: -80px !important
    }

    .mr-xxl-n20,.mx-xxl-n20 {
        margin-right: -80px !important
    }

    .ml-xxl-n20,.mx-xxl-n20 {
        margin-left: -80px !important
    }

    .mb-xxl-n20,.my-xxl-n20 {
        margin-bottom: -80px !important
    }

    .ms-xxl-n20 {
        margin-inline-start:-80px !important}

    .me-xxl-n20 {
        margin-inline-end:-80px !important}

    .ma-xxl-n20 {
        margin: -80px !important
    }
}

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

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

.w-max {
    width: max-content
}

.mud-rtl {
    direction: rtl !important
}

.mud-ltr {
    direction: ltr !important
}

.mud-application-layout-rtl .mud-flip-x-rtl {
    transform: scaleX(-1)
}