﻿.scire-tab-control {
    margin-bottom: 3.24vh;
    border-bottom: 1px solid var(--PurpleMedio1);
    display: flex;
    flex-flow: row nowrap;
    align-items: stretch;
}

    .scire-tab-control a {
        flex-grow: 1;
        width: 100%;
        line-height:normal;
    }
        .scire-tab-control a button {
            height: 100%;
        }
    
    .scire-tab-control button {
        flex-grow: 1;
        font-family: Roboto;
        font-weight: 400;
        font-size: 1.52vh;
        color: var(--Grey1);
        background-color: transparent;
        border: none;
        margin: 0px;
        padding: 0px 0.573vw;
        width: 100%;
    }



        .scire-tab-control button.scire-active-tab {
            color: var(--DarkScire);
            border-bottom: 0.278vh solid var(--DarkScire);
        }

        .scire-tab-control button:not(.scire-active-tab):hover {
            color: var(--BlueScire2);
        }

.scire-tab {
    display: none;
    animation: fadeInEffect 0.75s ease;
}

@keyframes fadeInEffect {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}