:root {
    --mud-default-borderradius: 16px !important;
}

/* reqd for mudcarousel to be able to scroll down on touch devices */
.mud-swipearea {
    touch-action: pan-y !important;
}

.mud-alert.mud-dense {
    padding: 0px;
    .mud-alert-message {
        padding: 0px;
    }
}

@media (min-width: 600px) {
    .small-gutters {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
}

.mud-carousel.big-buttons svg {
    font-size: 2.25rem;
}

/* some changes to mud dialog and overlay to make them appear instantly - no animations */
.mud-dialog {
    transform: unset !important;
    opacity: 1 !important;
    transition-delay: unset !important;
    transition: unset !important;
}

.mud-overlay .mud-overlay-scrim {
    animation: mud-animation-fadein ease .15s;
    -webkit-animation: mud-animation-fadein ease .15s;
    -moz-animation: mud-animation-rotate-diagonal ease .15s;
    -o-animation: mud-animation-fadein ease .15s;
}