html > * {
    font-family: 'Open Sans';
}

body {
    transition-duration: background-color: .2s;
}

.app-panel {
    filter: grayscale();
    transition: 0.1s;
    cursor: pointer;
}

    .app-panel:hover {
        filter: unset;
        background-color: #EEE;
    }

.portal {
    transition: 0.1s;
    cursor: pointer;
}

    .portal:hover {
        background-color: #EEE
    }

.no-link-decoration {
    color: unset;
    text-decoration: none;
}

/* Genestor Branding */
.genestor-branding-text {
    background: linear-gradient(#b3b3b3, #313131) !important;
    -webkit-text-fill-color: transparent !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    text-transform: uppercase;
    font-weight: bold !important;
    position: absolute;
    bottom: 0;
    right: 0;
    font-weight: bold;
}

@media (prefers-color-scheme: dark) {
    .label-silver {
        background: linear-gradient(#ffffff, #5d5d5d) !important;
        -webkit-text-fill-color: transparent !important;
        -webkit-background-clip: text !important;
        background-clip: text !important;
    }

    .app-panel:hover {
        filter: unset;
        background-color: #1b1f22;
    }

    .portal:hover {
        background-color: #1b1f22;
    }

    .genestor-branding-text {
        background: linear-gradient(#ffffff, #5d5d5d) !important;
        background-clip: text !important;
        -webkit-text-fill-color: transparent !important;
        -webkit-background-clip: text !important;
    }

    .genestor-branding-logo, .genestor-branding-text {
        filter: brightness(1.25);
    }
}