html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html{box-sizing:border-box;scroll-behavior:smooth}*,*:before,*:after{box-sizing:inherit}body{font-family:Arial,sans-serif;font-weight:400;font-size:14px;background-color:var(--white);color:var(--dark)}h1,h2,h3,h4,p{margin:0}a{color:inherit;text-decoration:none;transition:.3s ease-in-out}img{width:100%}svg,path,rect{display:block;transition:.3s ease-in-out}input{border:none;transition:.3s ease-in-out}ul{margin:0;padding:0;list-style:none}button{padding:0;border:none;background-color:transparent;cursor:pointer;transition:.2s ease-in-out}button:focus,a:focus,input:focus{outline:none}button:disabled{pointer-events:none;color:#80808098}.container{max-width:1440px;width:100%;padding:0 80px;margin:0 auto}:root{--white: #fff;--black: #08090e;--dark: #333;--light-gray: #f5f5f5;--gray: #e0e0e0;--blue: #eef8ff;--light-green: #ecf7e7;--green: #037e52;--ligt-red: #ffe5e6;--red: #f7374d}.error{text-align:center}.btn{padding:5px 35px;border:3px solid var(--green);background-color:var(--white);border-radius:5px;color:var(--black)}.btn:hover{border:3px solid var(--green);color:var(--orange)}@media(max-width:1040px){.container{padding:0 20px}}@media(max-width:420px){.container{padding:0 5px}body{font-size:12px}}.footer{padding:50px}.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;border-bottom:1px solid #e0dada}.header__container{display:flex;justify-content:space-between;max-width:1920px;width:100%;padding:8px 40px;margin:0 auto}.logo{display:flex;align-items:center;gap:10px;font-weight:700}.profile{width:40px;height:40px}.profile img{width:100%;height:100%;background-color:#796662;border-radius:50%}.search{display:flex;justify-content:center}.search__container{display:inline-flex;width:50%;border-radius:20px;padding:10px;background-color:var(--light-gray)}.search__container:focus-within{outline:solid 2px var(--gray)}@media(max-width:700px){.search__container{width:100%}}.search__field{width:100%;border:0;background-color:var(--light-gray)}.search__field:focus{outline:none}.search__field:focus::placeholder{font-weight:700}.search__icon{width:30px;height:25px;margin-right:10px;order:-1;fill:#000}.search__clear-btn{position:relative}.search__clear-svg{position:absolute;top:-3px;right:5px;fill:#999}.search__clear-svg:hover{fill:red}.search__clear-svg:active{fill:#bc0202}@media(max-width:700px){.search{justify-content:left}}.loader-container{display:flex;justify-content:center;align-items:center;height:100vh;width:100%}.loader{width:5vw;height:5vw;border:5px solid red;border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.refetch{display:flex;align-items:center;justify-content:center;gap:20px;flex-direction:column;padding:30px;text-align:center;font-size:24px}.refetch__btn{padding:5px;border:3px solid var(--gray);background-color:var(--light-gray);border-radius:5px;color:var(--black)}.refetch__btn:hover{background-color:var(--gray)}.modal{display:flex;justify-content:center;align-items:center;height:100vh;width:100%;background-color:#0006;position:fixed;top:0;left:0;opacity:0;transition:.5s;pointer-events:none;z-index:999;overflow-y:scroll}.modal.active{opacity:1;pointer-events:all}.modal__content{padding:20px;border-radius:12px;background-color:#fff;max-width:50vw;transform:scale(.5);transition:.4s all}.modal__content.active{transform:scale(1)}.modal__wpap{text-align:center}.modal__close{position:absolute;top:15px;right:20px;cursor:pointer;fill:#999}.modal__close:hover{fill:var(--dark)}.modal__close:active{fill:var(--gray)}@media(max-width:540px){.modal__content{width:80vw}}.table-wrapper{padding-top:61px;overflow-x:auto}.table{margin:auto;border-collapse:collapse;width:90%;box-shadow:0 2px 8px #0000001a;background-color:#fff;border-radius:8px}.table__header{background-color:var(--gray);font-weight:700;text-align:center;padding:12px 10px;border:2px solid var(--white);font-size:16px;white-space:nowrap}@media(max-width:420px){.table__header{font-size:14px}}.table__row{cursor:pointer;transition:.2s ease}.table__row:hover{color:var(--black);text-shadow:0 0 1px var(--black)}.table__cell{position:relative;white-space:nowrap;padding:10px;text-align:center;border:2px solid var(--white);background-color:var(--light-gray);min-width:100px}.table__cell_picture{position:relative}.table__cell_picture:hover .table__tooltip{visibility:visible;opacity:1}.table__cell_picture-img{border-radius:50%;width:60px}.table__tooltip{display:flex;flex-direction:column;align-items:center;text-align:center;visibility:hidden;opacity:0;position:absolute;bottom:85%;left:50%;transform:translate(-50%);background:#000000e6;color:#fff;padding:12px;border-radius:8px;white-space:nowrap;font-size:14px;transition:opacity .3s;z-index:1000;margin-bottom:1px;box-shadow:0 4px 12px #0000004d}.table__tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#000000e6}.table__tooltip-img{width:70px;border-radius:8px;margin-bottom:8px;display:block}.table__btn{display:flex;flex-direction:column;gap:5px}.table__btn-btn{padding:5px;border:3px solid var(--gray);background-color:var(--light-gray);border-radius:5px;color:var(--black);white-space:nowrap;text-shadow:none}.table__btn-btn:hover{background-color:var(--gray)}.table__not-found{padding:30px;text-align:center;font-size:24px}.user-page{display:flex;flex-direction:column;align-items:start}.user-page__not-found{text-align:center}.back-btn{margin-bottom:10px}.card-user{display:flex;flex-direction:column;align-items:center;align-self:center;gap:5px;max-width:20vw;text-align:center}.card-user__container{display:flex;flex-direction:column;align-items:center;gap:15px}.card-user__title{text-align:center}.card-user__avatar{max-width:300px;min-width:150px}.card-user__list{display:flex;flex-direction:column;gap:9px;margin-bottom:20px;min-width:275px}.card-user__item{display:flex;justify-content:space-between}.card-user__dot{flex:1 0;border-bottom:1px dotted var(--black);height:1em;margin:0 .4em}.card-user__name{display:flex;justify-content:space-between}.not-page__wrap{display:flex;align-items:center;flex-direction:column;gap:20px}.not-page__btn{transition:.2s ease-in-out}