.vacancies-section{.categories-nav{ul{display:-webkit-box;display:-ms-flexbox;display:flex;gap:48px}li{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;align-items:center;transition:color var(--transition-normal-duration);padding:4px 8px 4px 6px;color:var(--gray-30);gap:8px;&:before{content:"";position:relative;transition:border-color var(--transition-normal-duration);border:1px solid var(--gray-30);border-radius:100%;background:transparent;width:8px;height:8px}&:hover{color:var(--gray-100);&:before{border-color:var(--gray-100)}}&.active{color:var(--gray-100);&:before{border:1px solid var(--gray-100);background:var(--gray-100)}}}}.tabs-container{margin-top:32px}.accordions__group{display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column;gap:8px}.vacancy-item{transition:background-color var(--transition-normal-duration);border-radius:8px;padding:16px 24px;scroll-margin-top:1lh;.item-head{display:-webkit-box;display:-ms-flexbox;display:flex;align-items:center;justify-content:space-between}.title{font:var(--heading-3-medium-font)}.title-and-details-container{display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;-moz-column-gap:48px;column-gap:48px;width:100%;row-gap:4px;@media (max-width:1024px){flex-direction:column;align-items:flex-start;justify-content:center}}.details-tags-group{gap:8px}.details-tags-group,.title-container{display:-webkit-box;display:-ms-flexbox;display:flex;align-items:center}.title-container{gap:16px;width:100%}.details-tag{font:var(--body-small-semibold-font);display:inline-block;border-radius:9999px;background:rgba(43,48,55,.7);background-blend-mode:multiply;padding:1px 8px;color:var(--white);transition:background-color var(--transition-fast-duration) ease}.toggle-icon-wrapper{margin-left:48px;flex-shrink:0}.toggle-icon{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;align-items:center;justify-content:center;border-radius:9999px;background:var(--gray-5);margin-top:4px;width:24px;height:24px;&:after,&:before{position:absolute;top:50%;left:50%;border-left:1px solid var(--gray-100);width:1px;height:12px;content:"";translate:-50% -50%;transition:rotate var(--transition-fast-duration)}&:after{rotate:-90deg}}.vacancy-icon-container{--icon-width:80px;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;flex:0 0 80px;flex:0 0 var(--icon-width);align-items:center;justify-content:center;border-radius:16px;width:80px;width:var(--icon-width);height:80px;height:var(--icon-width);aspect-ratio:1;overflow:hidden;z-index:0;background:var(--white);&:after{position:absolute;transition:opacity var(--transition-fast-duration) ease-in-out;opacity:1;z-index:1;background:var(--white);content:"";top:0;right:0;bottom:0;left:0}.vacancy-icon-image{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;width:100%;height:auto;max-width:calc(100% - 8px);max-height:calc(100% - 8px)}.vacancy-icon-acronym{font:var(--heading-3-bold-font);background:var(--blue-radial-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;z-index:3}@media (max-width:960px){display:none}}.item-body{.item-content-container{margin-top:16px;border-top:1px solid var(--gray-10);padding-top:24px}.item-content{margin-left:auto;border-radius:8px;background-color:var(--gray-5);padding:32px;width:70%;min-width:650px;@media (max-width:1100px){width:100%;min-width:100%}}h3{font:var(--heading-2-light-font);&+p{margin-top:8px}}h4{font:var(--heading-4-medium-font);&+p{margin-top:8px}&+ul{margin-top:16px}}p{font:var(--body-large-regular-font);margin-bottom:32px}ul{margin-top:32px;margin-bottom:32px;border-radius:16px;background-color:var(--white);padding:32px 32px 32px 24px;list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column;gap:26px;li{margin-left:40px;position:relative;color:var(--gray-80);&:before{content:"";position:absolute;left:-32px;top:2px;width:8px;height:8px;border-radius:50%;background-color:var(--blue)}}}.share-links{display:grid;grid-template-columns:1fr 1fr;align-items:center;margin-top:32px;width:100%;grid-gap:16px;gap:16px}}&.open,&:hover{background-color:var(--white);.toggle-icon:before{rotate:-90deg}.vacancy-icon-container{background:var(--blue-radial-gradient);&:after{opacity:0}.vacancy-icon-image{mix-blend-mode:overlay}.vacancy-icon-acronym{background:var(--white);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}}}}}