.search-bar{display:flex;align-items:center;justify-content:space-between;margin:0 16px;width:343px;height:40px}@media screen and (min-width: 1280px){.search-bar{margin:6px 16px;width:1248px}}.search-bar__enter{flex:1;display:flex;align-items:center;padding:0 12px;height:40px;border-radius:20px;background-color:#f7f7f8}.search-bar__input{padding:0 8px;width:223px;font-size:15px;font-weight:500;line-height:20px;background-color:#f7f7f8}@media screen and (min-width: 1280px){.search-bar__input{width:1124px}}.search-bar__input::placeholder{color:#c3c3c6}.search-bar__sort-icon{margin-left:auto;cursor:pointer}.search-bar__cancel-enter{margin:0 12px;font-size:14px;line-height:18px;font-weight:600;color:#6534ff;cursor:pointer}
.position-filter{margin-top:14px;height:36px}.position-filter__list{display:flex;justify-content:space-between;border-bottom:.33px solid #c3c3c6;overflow-x:auto}@media screen and (min-width: 1280px){.position-filter__list{justify-content:start}}.position-filter__list::-webkit-scrollbar{height:0}.position-filter__list-item{padding:8px 12px 7px 12px;font-size:15px;font-weight:500;line-height:20px;color:#97979b;cursor:pointer}@media screen and (min-width: 1280px){.position-filter__list-item{padding:9px 12px 7px}}.position-filter__list-item:first-child{margin-left:16px}.position-filter__list-item_active{font-weight:600;color:#050510;border-bottom:2px solid #6534ff}
.sort-modal{position:fixed;bottom:0;display:flex;justify-content:center;align-items:flex-end;margin:0 8px;z-index:1}@media screen and (min-width: 1280px){.sort-modal{align-items:center;padding-bottom:8px}}.sort-modal__content{background:#fff;padding:0 16px;width:359px;height:184px;border:1px solid #ccc;border-top-left-radius:20px;border-top-right-radius:20px}@media screen and (min-width: 1280px){.sort-modal__content{width:373px;height:192px;border-radius:20px}}.sort-modal__header{display:flex;align-items:center;height:52px;margin-bottom:8px}@media screen and (min-width: 1280px){.sort-modal__header{margin-bottom:16px}}.sort-modal__header-title{flex:1;font-size:20px;line-height:24px;font-weight:600;text-align:center;color:#050510}.sort-modal__close-icon{display:none;cursor:pointer}@media screen and (min-width: 1280px){.sort-modal__close-icon{display:flex;margin-right:14px;color:#c3c3c6}}.sort-modal__radio{position:relative;display:flex;align-items:center;height:40px;padding-left:42px;margin-bottom:20px;font-size:16px;line-height:20px;font-weight:500;cursor:pointer}.sort-modal__radio::before{content:"";position:absolute;left:6px;width:20px;height:20px;border:2px solid #6534ff;border-radius:50%;transition:all .3s ease}.overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(5,5,16,.0862745098)}input[type=radio]{display:none}input[type=radio]:checked+.sort-modal__radio::before{background-color:#6534ff;display:flex;justify-content:center;align-items:center}input[type=radio]:checked+.sort-modal__radio::after{content:"";position:absolute;left:14px;width:8px;height:8px;background-color:#fff;border-radius:50%}
.navigation{margin-top:50px}@media screen and (min-width: 1280px){.navigation{margin:0}}.navigation__title{display:none}@media screen and (min-width: 1280px){.navigation__title{display:block;margin:17px 0px 16px 24px;font-size:24px;line-height:28px;font-weight:700;color:#050510}}
.employees{margin:18px 16px 0 16px}.employees__list-item{display:flex;width:100%;height:80px;margin-bottom:4px}.employees__name-tag{display:flex;align-items:center;width:255px;height:auto;margin-top:22px;cursor:pointer}@media screen and (min-width: 1280px){.employees__name-tag{width:0;width:1160px}}.employees__information{display:flex;flex-direction:column}.employees__position{margin-top:3px;font-size:13px;font-weight:400;line-height:16px;color:#55555c}.employees__img{margin:4px 16px 4px 0;width:72px;height:72px;border-radius:100%}.employees__name{margin-right:4px;font-size:16px;font-weight:500;line-height:20px;color:#050510}.employees__tag{margin-top:1px;font-size:14px;font-weight:500;line-height:18px;color:#97979b}.employees__birthdate{position:relative;margin-right:4.5px;margin-left:auto;top:4px;font-size:15px;line-height:20px;font-weight:400;color:#55555c}.employees__year-separator{margin:24px 8px;display:flex;align-items:center;justify-content:space-between}@media screen and (min-width: 1280px){.employees__year-separator{margin:0;margin:24px}}.employees__year-separator::after,.employees__year-separator::before{content:"";flex:1;width:72px;border-bottom:1px solid #c3c3c6}@media screen and (min-width: 1280px){.employees__year-separator::after,.employees__year-separator::before{width:508px}}.employees__year-separator::before{margin-right:12px}.employees__year-separator::after{margin-left:12px}.employees__year-label{width:160px;font-size:15px;line-height:20px;font-weight:500;text-align:center;color:#c3c3c6}
@keyframes react-loading-skeleton{100%{transform:translateX(100%)}}.react-loading-skeleton{--base-color: #ebebeb;--highlight-color: #f5f5f5;--animation-duration: 1.5s;--animation-direction: normal;--pseudo-element-display: block;background-color:var(--base-color);width:100%;border-radius:.25rem;display:inline-flex;line-height:1;position:relative;user-select:none;overflow:hidden}.react-loading-skeleton::after{content:" ";display:var(--pseudo-element-display);position:absolute;top:0;left:0;right:0;height:100%;background-repeat:no-repeat;background-image:var(--custom-highlight-background, linear-gradient(90deg, var(--base-color) 0%, var(--highlight-color) 50%, var(--base-color) 100%));transform:translateX(-100%);animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite}@media(prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display: none}}
.list-item{display:flex;align-items:center;width:343px;margin-top:22px;margin:22px 16px 0 16px}.list-item__avatar{margin-right:16px}.list-item__data{flex:1}.list-item__name{width:144px;height:16px;border-radius:50px}.list-item__position{width:80px;height:12px;border-radius:50px}
.error{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:80px 16px 0 16px}@media screen and (min-width: 1280px){.error{margin-top:149px}}.error__unexpected-mobile{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:auto}.error__unexpected-desktop{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:133px}.error__img{width:56px;height:56px}.error__title{margin:0;margin-top:8px;font-size:17px;line-height:22px;font-weight:600;color:#050510}.error__description{margin:0;margin-top:12px;font-size:16px;line-height:20px;font-weight:400;color:#97979b}.error__link{margin-top:12px;font-size:16px;line-height:20px;font-weight:700;color:#6534ff}
.skeleton-profile{display:flex;flex-direction:column;align-items:center;padding-top:72px;margin-bottom:30px}
.employee-profile{width:100%;height:100vh}@media screen and (min-width: 1280px){.employee-profile{display:flex;flex-direction:column;margin:0 auto;max-width:1280px;min-height:100vh;box-shadow:0 3px 200px 3px rgba(0,0,0,.2)}}.employee-profile__card-info{padding:57px 0 9px 0;background-color:#f7f7f8}@media screen and (min-width: 1280px){.employee-profile__card-info{padding:22px 0 24px 0}}.employee-profile__exit{margin-left:16px}@media screen and (min-width: 1280px){.employee-profile__exit{margin-left:24px}}.employee-profile__additional-info{margin:8px 16px 0 16px}.profile{position:relative;display:flex;flex-direction:column;align-items:center;bottom:12px}@media screen and (min-width: 1280px){.profile{margin-top:23px;bottom:0}}.profile__img{width:104px;height:104px;border-radius:100%}.profile__information{display:flex;flex-direction:column}.profile__member{display:flex;margin-top:24px}.profile__name{margin-right:4px;font-size:24px;font-weight:700;line-height:28px;color:#050510}.profile__tag{margin-top:4px;font-size:17px;line-height:22px;color:#97979b}.profile__position{margin-top:12px;font-size:13px;line-height:16px;text-align:center;color:#55555c}.birthday{display:flex;margin-bottom:6px;min-width:343px;height:60px}@media screen and (min-width: 1280px){.birthday{max-width:1248px}}.birthday__img{padding:19px 12px 16px 0}@media screen and (min-width: 1280px){.birthday__img{padding:17px 12px 18px 0}}.birthday__date{padding:22px 0 21px 0;font-size:16px;font-weight:500;line-height:20px;color:#050510}@media screen and (min-width: 1280px){.birthday__date{padding:20px 12px 24px 0}}.birthday__year{margin-left:auto;padding:21px 4px 22px 0;font-size:16px;font-weight:500;line-height:20px;color:#97979b}@media screen and (min-width: 1280px){.birthday__year{margin-left:auto;padding:20px 4px 23px 0}}.phone{display:flex;align-items:center;width:343px;height:60px}@media screen and (min-width: 1280px){.phone{width:1248px}}.phone__img{padding:21px 13px 14px 0}@media screen and (min-width: 1280px){.phone__img{padding:18px 13px 17px 0}}.phone__number{margin-top:5px;font-size:16px;font-weight:500;line-height:20px;color:#050510}@media screen and (min-width: 1280px){.phone__number{padding-top:6px;margin:0}}
ol,ul{list-style-type:none;margin:0;padding:0}a{text-decoration:none;color:inherit}input{border:none;outline:none}
*{box-sizing:border-box}body{margin:0;padding:0}.page{display:flex;flex-direction:column;margin:0 auto;max-width:375px;min-height:100vh;max-height:100%;box-shadow:0 3px 200px 3px rgba(0,0,0,.2);font-family:"Inter",sans-serif}@media screen and (min-width: 1280px){.page{max-width:1280px}}