:root {
    --libra-border-radius: 20px;

    --libra-page-offset-top: 20vh;
    --libra-page-offset-bottom: 5vh;
}

.libra-page-container {
    padding-top: var(--libra-page-offset-top);
    padding-bottom: var(--libra-page-offset-bottom);
}

.libra-rounded-frame {
    border-radius: var(--libra-border-radius) !important;
}

.formatted-text {
    white-space: pre-line;
}

.mud-overlay {
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px); /* For Safari compatibility */
}

.mud-tooltip {
    max-width: 20rem;
    white-space: pre-line;
}

.mud-snackbar {
    border-radius: var(--libra-border-radius);
}

.mud-alert {
    white-space: pre-line;
}

.loading-screen-app-title {
    letter-spacing: 1.7rem;
}

.loading-screen-app-subtitle {
    letter-spacing: 0.7rem;
}

.loading-screen-activity-title {
    letter-spacing: 1.7rem;
}

.row-wrapped {
    flex-wrap: wrap;
}

.generic-card {
    transition: all 0.3s ease-in-out;
}

.generic-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 20px 0 rgba(0,0,0,0.12);
}

.generic-card .mud-card-header {
    padding: 6px 10px;
}

.generic-card .mud-card-header-actions {
    margin: 0px !important;
}

.generic-card .mud-card-header-avatar {
    fill: lightgrey;
}