.dash-options-list-option-text {
    color            : light-dark(black, white);
}

.dash-options-list-option:hover {
    background-color: var(--custom-highlight-color);
}

.div-full-relative {
    position : relative;
    height   : 100%;
}

.mantine-Switch-root {
    transition: transform 0.2s ease-in;
}

.mantine-Switch-root:hover {
    transform : scale(1.1);
}

.custom-button {
    color            : light-dark(black, white);
    background-color : transparent;
    margin           : 0;
    padding          : 0;
    transition       : transform 0.2s ease-in;
}

@keyframes buttonPress {
    0% { transform: scale(1); }
    50% { transform: scale(0.95); }
    100% { transform: scale(1); }
}

.custom-button:hover {
    color            : var(--custom-theme-color);
    background-color : transparent;
    transform        : scale(1.1);
}

.custom-button:active {
    animation: buttonPress 0.2s ease-in;
}

.custom-button:disabled {
    opacity: 0.5;
}

.custom-button:disabled:hover {
    transform : none;
    color     : light-dark(black, white)
}

/*Necessary to have buttons with full extent in the menubar. Otherwise the tooltip messes up the layout*/
div:has(> .menubar-button) {
    width: 100% !important;
}

/*For the colorpicker in the hike rows to be aligned with the hike button*/
div:has(> .mantine-ActionIcon-root) {
    display: flex;
}

/* Removes the hover tooltip shown along the x-axis when using the x hover mode*/
.axistext {
    display: none;
}