.add-new-employee{background-color:var(--color-main);border-radius:var(--border-radius);padding:var(--padding-main-block);color:var(--color-secondary)}.add-new-employee>*:not(:last-child){margin-bottom:var(--offset-element)}.add-new-employee h3{font-size:calc(13px + 2vmin)}.add-new-employee form{display:flex;flex-wrap:wrap}.add-new-employee form>*{line-height:1;padding:calc(9px + .5vmin);border-radius:var(--border-radius)}.add-new-employee form button{border:1px solid var(--color-secondary);padding-left:calc(10px + 1vmin);padding-right:calc(10px + 1vmin)}@media (min-width: 625px){.add-new-employee form>*:not(:last-child){margin-right:var(--offset-element)}}@media (min-width: 625px) and (max-width: 770px){.add-new-employee form input{width:200px}}@media (max-width: 624px){.add-new-employee form{flex-direction:column}.add-new-employee form>*{width:100%}.add-new-employee form>*:not(:last-child){margin-bottom:var(--offset-element)}}.search-field{width:100%;padding:calc(9px + .5vmin);border-radius:var(--border-radius)}.header-cta-panel{background-color:var(--color-main);border-radius:var(--border-radius);padding:var(--padding-main-block)}.header-cta-panel>*:not(:last-child){margin-bottom:var(--offset-element)}.filter-btns{color:var(--color-secondary)}.filter-btns button{background-color:none}button.filter-btns--selected{color:#000;background-color:var(--color-secondary)}@media (min-width: 441px){.filter-btns{display:inline-flex}.filter-btns button{padding:calc(4px + 1vmin) calc(10px + 1vmin);border:1px solid var(--color-secondary)}.filter-btns button:not(:last-child){border-right:none}.filter-btns button:first-child{border-bottom-left-radius:var(--border-radius);border-top-left-radius:var(--border-radius)}.filter-btns button:last-child{border-bottom-right-radius:var(--border-radius);border-top-right-radius:var(--border-radius)}}@media (max-width: 440px){.filter-btns{display:flex;flex-direction:column}.filter-btns button{padding:12px;display:block;border:1px solid var(--color-secondary)}.filter-btns button:not(:last-child){border-bottom:none}.filter-btns button:first-child{border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius)}.filter-btns button:last-child{border-bottom-right-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius)}}.header-info{padding:var(--padding-main-block);background-color:var(--color-main);border-radius:var(--border-radius);color:var(--color-secondary)}.header-info>*:not(:last-child){margin-bottom:var(--offset-element)}.header-info h1{font-size:calc(19px + 2vmin);font-weight:600}.header-info h2{font-size:calc(15px + 2vmin)}.employees-list__item{padding:calc(var(--padding-main-block) / 2) var(--padding-main-block);display:flex;align-items:center;gap:var(--offset-element)}.employees-list__item:not(:last-child){border-bottom:1px solid var(--color-main)}.employees-list .item__name{max-width:61%;flex:1 1 auto}.employees-list__item.item--with-bonus .item__name,.employees-list__item.item--with-bonus input,.employees-list__item.item--with-bonus .icon-money:before{font-weight:500;color:green}.employees-list__item.item--awarded .item__name,.employees-list__item.item--awarded .icon-award:before{color:#b99e05;font-weight:500}.employees-list__item.item--awarded.item--with-bonus .item__name{color:#a044f7;font-weight:600}.employees-list .item__field{position:relative;flex:0 1 auto}.employees-list .item__field input{padding:5px 10px 5px 15px;max-width:150px}.employees-list .item__field:before{content:"$";position:absolute;top:50%;left:5px;transform:translate3d(0,-50%,0);color:var(--color-main);font-weight:300}.employees-list .item__field input:focus{box-shadow:0 0 0 1px var(--color-main)}.employees-list .item__cta{flex:0 0 auto}.employees-list .item__cta>*{position:relative;width:calc(30px + 1vmin);height:calc(30px + 1vmin);display:inline-block;font-size:calc(16px + 1vmin);transition:.5s all}.employees-list .item__cta>*:hover{opacity:.7;cursor:pointer;border-radius:100%;background-color:#0000001a}.employees-list .item__cta>*:before{position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0)}.employees-list .item__cta>*:not(:last-child){margin-right:calc(10px + 2vmin)}@media (min-width: 560px) and (max-width: 650px){.employees-list .item__field input{max-width:120px}}@media (max-width: 560px){.employees-list__item{flex-wrap:wrap;justify-content:space-between}.employees-list .item__name{padding-top:5px;max-width:100%;flex:1 0 100%}.employees-list__item{gap:6px}}@media (max-width: 390px){.employees-list .item__field input{max-width:100px}}@font-face{font-family:icons;src:url(data:font/woff;base64,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) format("woff"),url(data:font/ttf;base64,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) format("truetype");font-weight:400;font-style:normal;font-display:block}[class^=icon-],[class*=" icon-"]{font-family:icons!important;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-award:before{content:"\e900";color:#acacac}.icon-money:before{content:"\e901";color:#acacac}.icon-bin:before{content:"\e902";color:#d87272}.employees-list{border-radius:var(--border-radius);border:1px solid var(--color-main)}:root{--offset-main-block:calc(15px + 2vmin);--padding-main-block:calc(10px + 2vmin);--offset-element:calc(7px + 2vmin);--border-radius: 10px;--color-main: #3d5a80;--color-secondary: azure}*{padding:0;margin:0;border:0px}*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}a:focus,a:active{outline:none}input,button,textarea{font-family:inherit;font-size:inherit}button{cursor:pointer;color:inherit;background-color:inherit}a{transition:color .3s ease 0s;color:inherit}a:link,a:visited,a:hover{text-decoration:none}ul li{list-style:none}img{vertical-align:top}h1,h2,h3,h4,h5,h6{font-weight:inherit;font-size:inherit}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-left:calc(100vw - 100%)}.app{margin:var(--offset-main-block) auto;padding:0 15px;max-width:1030px}.app>*:not(:last-child){margin-bottom:var(--offset-main-block)}input,button{transition:.3s box-shadow}input:focus,button:focus{outline:0;box-shadow:0 0 0 calc(1px + .35vmin) #ffffff80}input:focus::placeholder{font-size:0}button:hover{color:#000;background-color:var(--color-secondary)}button{transition:.3s all}