.hidden {
    visibility: hidden;
}

.transition-highlight {
    background-color: inherit;
    border-radius: 24px;
    transition: background-color 1.5s ease-in-out;

    &.highlighted {
        background-color: rgba(var(--mud-palette-success-rgb), 0.5);
    }
}

.help-width {
    max-width: 600px;
}

.help-divider {
    background-color: rgba(var(--mud-palette-info-rgb), 0.5);
    color: rgba(var(--mud-palette-info-rgb), 0.5);
    height: 4px;
    margin: 10px 0 10px 0
}

.float-fab-top-right {
    position: absolute;
    top: 10px;
    right: 10px;
}

.clickable-image {
    cursor: pointer;
    margin: 8px;
    &.selected {
        border: 8px solid var(--mud-palette-primary);
        margin: 0;
    }
}