.panel__version {
    background-color: #f8f8f8;
    padding: 15px 20px ;
    font-size: 16px;
    display: flex;
    justify-content: space-evenly;
}

.off__version{
    display: none;
}

.switch__container {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.title__panel {
    display: flex;
    justify-content: center;
    font-weight: 600;
    font-size: 18px;
}

.switch__buttons {
    display: flex;
    justify-content: center;
    padding: 0;
    margin: 0;
    list-style: none;
}

.switch__item {
    cursor: pointer;
}

.switch__item:not(:first-child) {
    margin-left: 10px;
}

.button__panel {
    border: 1px solid #000;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}


.black {
    background-color: black !important;
    color: #fff !important;
    background: black !important;
}

.blue {
    background-color: #9dd1ff !important;
    color: #063462 !important;
    background: #9dd1ff !important;
}

.brown {
    background-color: #f7f3d6 !important;
    color: #4d4b43 !important;
    background: #f7f3d6 !important;
}

.green {
    background-color: #3b2716 !important;
    color: #a9e44d !important;
    background: #3b2716 !important;
}

.switch-version__text {
    display: inline-block;
    cursor: pointer;
}

.text___version {
    display: flex;
    align-items: center;
    cursor: pointer;
}