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

.gap-0 {
    gap: 0 !important;
}

.gap-1 {
    gap: 0.25rem !important;
}

.gap-2 {
    gap: 0.5rem !important;
}

.gap-3 {
    gap: 1rem !important;
}

.gap-4 {
    gap: 1.5rem !important;
}

.p-auto {
    padding: auto !important;
}

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

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

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

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

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

.pl-auto {
    padding-left: auto !important;
}

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

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

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

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

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

.pt-auto {
    padding-top: auto !important;
}

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

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

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

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

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

.pb-auto {
    padding-bottom: auto !important;
}

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

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

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

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

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

.pr-auto {
    padding-right: auto !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.m-auto {
    margin: auto !important;
}

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

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

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

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

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

.ml-auto {
    margin-left: auto !important;
}

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

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

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

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

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

.mt-auto {
    margin-top: auto !important;
}

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

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

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

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

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

.mb-auto {
    margin-bottom: auto !important;
}

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

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

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

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

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

.mr-auto {
    margin-right: auto !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.stacked {
    display: grid;
    place-items: center;
    isolation: isolate;
}

.stacked>* {
    grid-column: 1/-1;
    grid-row: 1/-1;
}

.elevation-1 {
    box-shadow: 0px calc(1px * (clamp(0, var(--elevation, 1), 1) + clamp(0, var(--elevation, 1) - 3, 1) + 2 * clamp(0, var(--elevation, 1) - 4, 1))) calc(1px * (2 * clamp(0, var(--elevation, 1), 1) + clamp(0, var(--elevation, 1) - 2, 1) + clamp(0, var(--elevation, 1) - 4, 1))) 0px RGBA(var(--elevation-color-rgb, var(--theme-shadow-rgb, 0 0 0))/30%), 0px calc(1px * (clamp(0, var(--elevation, 1), 1) + clamp(0, var(--elevation, 1) - 1, 1) + 2 * clamp(0, var(--elevation, 1) - 2, 3))) calc(1px * (3 * clamp(0, var(--elevation, 1), 2) + 2 * clamp(0, var(--elevation, 1) - 2, 3))) calc(1px * (clamp(0, var(--elevation, 1), 4) + 2 * clamp(0, var(--elevation, 1) - 4, 1))) RGBA(var(--elevation-color-rgb, var(--theme-shadow-rgb, 0 0 0))/15%) !important;
}

.elevation-2 {
    box-shadow: 0px calc(1px * (clamp(0, var(--elevation, 2), 1) + clamp(0, var(--elevation, 2) - 3, 1) + 2 * clamp(0, var(--elevation, 2) - 4, 1))) calc(1px * (2 * clamp(0, var(--elevation, 2), 1) + clamp(0, var(--elevation, 2) - 2, 1) + clamp(0, var(--elevation, 2) - 4, 1))) 0px RGBA(var(--elevation-color-rgb, var(--theme-shadow-rgb, 0 0 0))/30%), 0px calc(1px * (clamp(0, var(--elevation, 2), 1) + clamp(0, var(--elevation, 2) - 1, 1) + 2 * clamp(0, var(--elevation, 2) - 2, 3))) calc(1px * (3 * clamp(0, var(--elevation, 2), 2) + 2 * clamp(0, var(--elevation, 2) - 2, 3))) calc(1px * (clamp(0, var(--elevation, 2), 4) + 2 * clamp(0, var(--elevation, 2) - 4, 1))) RGBA(var(--elevation-color-rgb, var(--theme-shadow-rgb, 0 0 0))/15%) !important;
}

.elevation-3 {
    box-shadow: 0px calc(1px * (clamp(0, var(--elevation, 3), 1) + clamp(0, var(--elevation, 3) - 3, 1) + 2 * clamp(0, var(--elevation, 3) - 4, 1))) calc(1px * (2 * clamp(0, var(--elevation, 3), 1) + clamp(0, var(--elevation, 3) - 2, 1) + clamp(0, var(--elevation, 3) - 4, 1))) 0px RGBA(var(--elevation-color-rgb, var(--theme-shadow-rgb, 0 0 0))/30%), 0px calc(1px * (clamp(0, var(--elevation, 3), 1) + clamp(0, var(--elevation, 3) - 1, 1) + 2 * clamp(0, var(--elevation, 3) - 2, 3))) calc(1px * (3 * clamp(0, var(--elevation, 3), 2) + 2 * clamp(0, var(--elevation, 3) - 2, 3))) calc(1px * (clamp(0, var(--elevation, 3), 4) + 2 * clamp(0, var(--elevation, 3) - 4, 1))) RGBA(var(--elevation-color-rgb, var(--theme-shadow-rgb, 0 0 0))/15%) !important;
}

.elevation-4 {
    box-shadow: 0px calc(1px * (clamp(0, var(--elevation, 4), 1) + clamp(0, var(--elevation, 4) - 3, 1) + 2 * clamp(0, var(--elevation, 4) - 4, 1))) calc(1px * (2 * clamp(0, var(--elevation, 4), 1) + clamp(0, var(--elevation, 4) - 2, 1) + clamp(0, var(--elevation, 4) - 4, 1))) 0px RGBA(var(--elevation-color-rgb, var(--theme-shadow-rgb, 0 0 0))/30%), 0px calc(1px * (clamp(0, var(--elevation, 4), 1) + clamp(0, var(--elevation, 4) - 1, 1) + 2 * clamp(0, var(--elevation, 4) - 2, 3))) calc(1px * (3 * clamp(0, var(--elevation, 4), 2) + 2 * clamp(0, var(--elevation, 4) - 2, 3))) calc(1px * (clamp(0, var(--elevation, 4), 4) + 2 * clamp(0, var(--elevation, 4) - 4, 1))) RGBA(var(--elevation-color-rgb, var(--theme-shadow-rgb, 0 0 0))/15%) !important;
}

.elevation-5 {
    box-shadow: 0px calc(1px * (clamp(0, var(--elevation, 5), 1) + clamp(0, var(--elevation, 5) - 3, 1) + 2 * clamp(0, var(--elevation, 5) - 4, 1))) calc(1px * (2 * clamp(0, var(--elevation, 5), 1) + clamp(0, var(--elevation, 5) - 2, 1) + clamp(0, var(--elevation, 5) - 4, 1))) 0px RGBA(var(--elevation-color-rgb, var(--theme-shadow-rgb, 0 0 0))/30%), 0px calc(1px * (clamp(0, var(--elevation, 5), 1) + clamp(0, var(--elevation, 5) - 1, 1) + 2 * clamp(0, var(--elevation, 5) - 2, 3))) calc(1px * (3 * clamp(0, var(--elevation, 5), 2) + 2 * clamp(0, var(--elevation, 5) - 2, 3))) calc(1px * (clamp(0, var(--elevation, 5), 4) + 2 * clamp(0, var(--elevation, 5) - 4, 1))) RGBA(var(--elevation-color-rgb, var(--theme-shadow-rgb, 0 0 0))/15%) !important;
}

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

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

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

.white-space-normal {
    white-space: normal !important;
}

.white-space-pre {
    white-space: pre !important;
}

.white-space-pre-wrap {
    white-space: pre-wrap !important;
}

.white-space-pre-line {
    white-space: pre-line !important;
}

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

.width-100 {
    width: 100% !important;
}

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

.animation-spin {
    animation: spin-animation 1s linear infinite;
}

@keyframes spin-animation {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.font-size-1 {
    font-size: 1rem;
}

.hide-until-hovered__target {
    transition: opacity 100ms ease-out;
    opacity: 0;
}

.hide-until-hovered__trigger:hover .hide-until-hovered__target {
    opacity: 1;
}

.rotate-right {
    transform: rotate(90deg);
}

.user-select-none {
    user-select: none;
}