/* Start:/company//css/vakansii/main.css?17755604481329*/
.vacancies a {
    color: rgba(18, 18, 18, 0.875);
    padding: 8px calc(8px * 2);
    border-radius: calc(8px * 1);
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1);
}

.vacancies .links {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.vacancies .phone-number, .vacancies .email-link {
    display: flex;
    gap: 8px;
    text-transform: uppercase;
    width: fit-content;
}

.vacancies .phone-number svg, .vacancies .email-link svg {
    width: 18px;
    height: 18px;
}

.vacancies a:hover {
    background-color: rgba(35, 37, 110, 0.0625);
    fill: rgba(35, 37, 110, 1);
    color: rgba(35, 37, 110, 1);
}

.vacancies a:active {
    background-color: rgba(35, 37, 110, 0.125);
}

.vacancies li {
    list-style: none !important;
}

.vacancies li:before {
    content: "— ";
}

.vacancy {
    padding: 0 calc(8px * 2);
    border: 1px solid rgba(18, 18, 18, 0.125);
    border-radius: 16px;
}

.vacancy:not(:last-child) {
    margin-bottom: calc(8px * 2);
}

.vacancy-toggle {
    cursor: pointer;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.vacancy-toggle svg {
    width: 24px;
    height: 24px;
    fill: rgba(18, 18, 18, 0.5);
}

.vacancy-content {
    display: none;
}

.vacancy-content.show {
    display: block;
}
/* End */
/* /company//css/vakansii/main.css?17755604481329 */