.vacancies{display:flex;flex-direction:column;gap:16px;margin:calc(var(--so-margin)*2) 0;.vacancy-category{background-color:#fdf8ee;border-radius:16px;display:flex;flex-direction:column;>header{align-items:center;cursor:pointer;display:flex;gap:24px;justify-content:space-between;padding:40px;&:after{aspect-ratio:1/1;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' viewBox='0 0 32 32'%3E%3Cpath stroke='%231a0088' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.667' d='m8 12 8 8 8-8'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:100%;content:"";transition:all .3s ease-in-out;width:32px}h3{margin:0;padding-right:12px;position:relative}.count{background-color:var(--so-color-sunny);border-radius:4px;color:var(--so-color-marine);display:inline-block;font-family:var(--so-font-family);font-size:18px;padding:2px 4px;position:absolute;right:0;top:0;transform:translate(50%,-4px)}@media screen and (max-width:650px){padding-bottom:24px;padding-left:24px;padding-right:24px;padding-top:24px}}.vacancies-list{display:flex;flex-direction:column;gap:38px;max-height:0;overflow:hidden;padding:0;transition:max-height .3s ease-in-out;.vacancy-card{align-items:flex-end;border-radius:12px;color:inherit;display:flex;flex-wrap:wrap;gap:32px;padding:12px;position:relative;text-decoration:none;&:not(:last-child):after{border-bottom:1px solid #dadada;bottom:-19px;content:"";left:12px;position:absolute;right:12px}&:hover{background-color:var(--so-color-white);footer:after{transform:translateX(4px)}}header{max-width:420px;width:100%;h4{color:#403e3e;font-size:24px;margin:0;max-width:280px;@media screen and (max-width:1312px){max-width:100%}@media screen and (max-width:650px){font-size:20px}}@media screen and (max-width:1312px){max-width:280px}@media screen and (max-width:900px){flex:0 0 100%;max-width:100%}}.vacancy-card__meta{display:flex;flex-wrap:wrap;font-size:16px;gap:4px 32px;margin:0 auto 0 0;>div{display:flex;flex-direction:column;gap:4px;min-width:82px;&:nth-child(2){padding-right:48px}@media screen and (max-width:1312px){min-width:unset;padding-right:0!important}}dt{color:#818080}dd,dt{margin:0}dd{color:#403e3e;font-weight:500}@media screen and (max-width:1312px){gap:4px 80px}@media screen and (max-width:650px){display:grid;flex:0 0 100%;gap:20px;grid-template-columns:repeat(2,1fr);margin-bottom:0;margin-left:0;margin-right:0;margin-top:0}}footer{color:var(--so-color-marine);font-size:16px;&:after{aspect-ratio:1/1;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' viewBox='0 0 12 12'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath stroke='%231a0088' stroke-linecap='round' stroke-linejoin='round' stroke-width='.6' d='m3.613.825 4.893 4.893a.4.4 0 0 1 0 .563l-4.893 4.893'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h12v12H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:100%;content:"";display:inline-block;margin-left:8px;transition:all .3s ease-in-out;width:12px}}@media screen and (max-width:650px){gap:20px;footer{margin-top:12px}}}}&.active{>header{padding-bottom:24px;&:after{transform:rotate(-180deg)}}.vacancies-list{max-height:unset;padding:0 28px 28px;@media screen and (max-width:650px){padding-bottom:12px;padding-left:12px;padding-right:12px;padding-top:0}}}}}