.list-users{display:grid;grid-template-columns:1fr;gap:20px}.item-user{display:flex;flex-direction:column}.item-user .user-image{width:100%;height:203px;border-radius:25px;overflow:hidden;margin-right:10px;display:flex;justify-content:center;align-items:center;position:relative}.item-user .user-image .user-member{position:absolute;top:8px;right:8px;display:flex;align-items:center;justify-content:center;text-decoration:none;color:var(--color-green)}.item-user .user-image .user-member .ic{font-size:25px;position:relative}.item-user .user-image .user-member .ic:after{content:"";position:absolute;bottom:0;right:0;width:25px;height:25px;z-index:0;border-radius:50%;background-color:var(--bg-color);transition:background-color 300ms ease}.item-user .user-image .user-member .ic:before{position:relative;z-index:1;transition:background-color 300ms ease}.item-user .user-image .user-member:hover .ic:before{text-decoration:none;color:var(--bg-color);transition:background-color 300ms ease}.item-user .user-image .user-member:hover .ic:after{background-color:var(--color-green);transition:background-color 300ms ease}.item-user .user-image img{width:auto;height:100%;object-fit:cover}.item-user .user-name{font-size:18px;font-style:normal;font-weight:600;line-height:normal;margin-top:8px;color:var(--color-main) !important}.item-user .user-name:hover{color:var(--color-blue) !important;text-decoration:none;cursor:pointer}.item-user .user-info{font-size:14px;font-style:normal;font-weight:400;line-height:normal;margin-top:8px}.user-top{display:flex;flex-direction:column-reverse;align-items:center}.user-top .user-info .user-register-record{margin-top:20px;color:var(--color-blue);font-size:18px}.user-top .user-info .user-register-record a{text-decoration:none;display:inline-flex;align-items:center}.user-top .user-info .user-register-record a:before{content:"";font-family:"ic",sans-serif;font-size:20px;font-weight:bold;color:var(--color-gray);margin-right:8px}.user-top .user-info .user-profession{font-size:18px;font-style:normal;margin-bottom:20px;font-weight:600;line-height:normal;color:var(--color-main);margin-top:8px}.user-top .user-info .user-articles{margin-top:10px;font-size:18px;color:var(--color-blue)}.user-top .user-info .user-articles a{margin-top:8px;text-decoration:none;display:flex;align-items:center}.user-top .user-info .user-articles a:before{content:"";font-family:"ic",sans-serif;font-size:20px;font-weight:bold;color:var(--color-gray);margin-right:8px}.user-top .user-info .user-articles a:hover{color:var(--color-blue-hover);text-decoration:none}.user-top .user-info .user-contacts{margin-top:16px}.user-top .user-info .user-contacts .contact-item{display:inline-flex;height:48px;padding:6px 16px;margin-right:8px;justify-content:center;align-items:center;text-decoration:none;border-radius:12px;background:var(--bg-color);margin-bottom:8px;gap:8px}.user-top .user-info .user-contacts .contact-item .ic{color:var(--color-blue)}.user-top .user-info .user-contacts .contact-item:hover{color:var(--color-blue);text-decoration:none}.user-top .user-photo{width:100%;height:300px;max-width:304px;border-radius:12px;overflow:hidden;margin-bottom:16px;position:relative}.user-top .user-photo .user-member{position:absolute;top:16px;display:flex;align-items:center;justify-content:center;text-decoration:none;right:16px;color:var(--color-green)}.user-top .user-photo .user-member .ic{font-size:40px;position:relative}.user-top .user-photo .user-member .ic:after{content:"";position:absolute;bottom:-2px;right:-2px;width:44px;height:44px;z-index:0;border-radius:50%;background-color:var(--bg-color);transition:background-color 300ms ease}.user-top .user-photo .user-member .ic:before{position:relative;z-index:1;transition:background-color 300ms ease}.user-top .user-photo .user-member:hover .ic:before{text-decoration:none;color:var(--bg-color);transition:background-color 300ms ease}.user-top .user-photo .user-member:hover .ic:after{background-color:var(--color-green);transition:background-color 300ms ease}.user-top .user-photo img{width:100%;height:100%;object-fit:cover}.user-tabs .nav-tabs{margin-bottom:20px;display:flex;overflow-x:scroll;overflow-y:hidden;flex-flow:nowrap;border-bottom:none}.user-tabs .nav-tabs::-webkit-scrollbar{display:none}.user-tabs .nav-tabs li.nav-item{position:relative}.user-tabs .nav-tabs li.nav-item a{color:var(--color-gray);padding:20px;width:100%;border:0;white-space:nowrap}.user-tabs .nav-tabs li.nav-item a.active{color:var(--color-blue)}.user-tabs .nav-tabs li.nav-item a.active:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:5px;border-radius:2px 2px 0 0;background-color:var(--color-blue)}@media(min-width: 400px){.list-users{grid-template-columns:repeat(auto-fill, minmax(146px, 1fr))}}@media(min-width: 768px){.user-top{flex-direction:row;justify-content:space-between;gap:10px}.user-top .user-photo{width:100%;height:300px;max-width:304px;margin-bottom:0}.user-top .user-info{display:flex;flex-direction:column;height:100%;min-height:300px;justify-content:space-between}}@media(min-width: 1024px){.user-top{gap:20px}.user-top .user-photo{width:100%;height:420px;max-width:420px;border-radius:24px}.user-top .user-info{min-height:420px}}/*# sourceMappingURL=user.css.map */