.scroll {
    overflow: auto;
}

.scroll-x {
    overflow-x: auto;
}

.scroll-y {
    overflow-y: auto;
}

.disable-scroll {
    overflow: hidden;
}

.disable-scroll-x {
    overflow-x: hidden;
}

.disable-scroll-y {
    overflow-y: hidden;
}

.full-width {
    width: 100%;
}

.app-layout {
    height: 100vh !important;
}

.main-content {
    height: calc(100% - (var(--mud-appbar-height) * 2) - var(--mud-appbar-height) / 4) !important;
    margin-top: calc(var(--mud-appbar-height) - var(--mud-appbar-height) / 8) !important;
    padding-top: unset !important;
}

.mud-card-content {
    touch-action: pan-y;
    overflow-y: auto;
}

.carousel-item {
    max-width: calc(100vw - 8px);
}

.carousel-card-item {
    width: 100%;
    height: calc(100% - 48px - 8px);
}

.floating-action-button {
    position: fixed;
    bottom: var(--mud-appbar-height);
    z-index: 1000;
}

.floating-action-button.x-center {
    left: 50%;
    transform: translateX(-50%);
}

.floating-action-button.x-left {
    left: 16px;
}

.floating-action-button.x-right {
    right: calc(100% * -1 + 16px);
    transform: translateX(-100%);
}