.users-list{display:flex;flex-direction:column;margin:0 auto;max-width:1096px;padding:100px 172px 67px;width:100%}@media (max-width:1439px){.users-list{padding:100px 52px 32px}}@media (max-width:1199px){.users-list{box-sizing:border-box;padding:100px 48px 32px}}@media (max-width:767px){.users-list{box-sizing:border-box;padding:18px 8px}}.users-list .header{margin-bottom:48px}@media (max-width:767px){.users-list .header{margin-bottom:18px}}.users-list h2{color:var(--titles-font-color);font-size:38px;font-style:normal;font-weight:700;line-height:42px;margin:0}@media (max-width:1199px){.users-list h2{font-size:24px}}@media (max-width:767px){.users-list h2{font-size:18px}}.users-list h2 span{color:var(--additional-text-font-color);font-size:inherit;font-style:normal;font-weight:700;line-height:inherit}@media (max-width:991.98px){.users-list .view-style{display:none}}.users-list .pagination ul{display:flex;justify-content:flex-end}@media (max-width:1199.98px){.users-list .pagination ul{margin-right:20px}}@media (max-width:1169.98px){.users-list .pagination ul{margin-right:20px}}@media (max-width:991.98px){.users-list .pagination ul{margin-right:8px}}.users-list .pagination ul li a,.users-list .pagination ul li span{border:none;color:#aab2ba;font-size:14px;font-style:normal;font-weight:400;height:40px;line-height:17px;text-align:center;width:40px}@media (max-width:991.98px){.users-list .pagination ul li a,.users-list .pagination ul li span{height:28px;width:28px}}.users-list .pagination ul li a.active,.users-list .pagination ul li span.active{background-color:#bebec6;border-radius:100%;color:#fff}.users-list .pagination ul li a.dots,.users-list .pagination ul li span.dots{border:none}.users-list .list{display:flex}.users-list .list .user-container{background:#fff;border-radius:8px;box-shadow:0 4px 15px rgba(74,95,123,.1);box-sizing:border-box;margin-bottom:28px;padding:20px}.users-list .list .user-container .name{color:#ee6e27;font-size:18px;font-style:normal;font-weight:700;line-height:18px;margin-left:30px;text-transform:capitalize}.users-list .list .user-container .categories{flex-flow:wrap;gap:6px;overflow:hidden}.users-list .list .user-container .actions{display:flex}.users-list .list .user-container .actions a{align-items:center;background:#52943a;border-radius:2px;color:#fff;display:flex;font-size:12px;font-style:normal;font-weight:500;height:26px;justify-content:center;line-height:12px;text-align:center;text-transform:capitalize;width:183px}.users-list .list .user-container .actions .message{background-color:#2f5991;background-image:url(/templates/www/img/envelope.svg);background-position:50%;background-repeat:no-repeat;background-size:16px 16px;border-radius:100%;height:26px;width:26px}.users-list .list .user-container .category span{align-items:center;background:#f0eff3;border-radius:30px;color:#6b6b6b;display:flex;font-size:10px;font-style:normal;font-weight:600;line-height:19px;padding:0 8px;white-space:nowrap}.users-list .list .one-user{display:flex}.users-list .list .one-user .row{position:relative}.users-list .list .one-user .level-image{height:28px;left:60px;top:-8px;width:28px}@media (max-width:991.98px){.users-list .list .one-user .level-image{height:28px;left:30px;top:-8px;width:28px}}.users-list .list .one-user .picture{border-radius:100%;height:78px;min-width:78px;overflow:hidden;position:relative;width:78px}@media (max-width:991.98px){.users-list .list .one-user .picture{height:48px;min-width:48px;width:48px}}.users-list .list .one-user .picture.is-member:after{background-color:var(--membership-button-background);background-image:var(--membership-logo-url);background-position-x:center;background-repeat:no-repeat;background-size:contain;bottom:0;content:" ";height:18px;left:0;position:absolute;width:100%}.users-list .list .one-user .picture img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}@media (max-width:991.98px){.users-list .list.list-view{flex-direction:row;flex-wrap:wrap;justify-content:space-between}.users-list .list.list-view .user-container{width:calc(50% - 16px)}}@media (max-width:991.98px) and (max-width:575.98px){.users-list .list.list-view .user-container{width:100%}}@media (max-width:991.98px){.users-list .list.list-view .user-container .one-user{flex-direction:column}.users-list .list.list-view .user-container .one-user .name{height:36px;overflow:hidden;overflow-wrap:break-word;width:calc(100% - 78px)}.users-list .list.list-view .user-container .categories{height:48px;margin-top:28px}.users-list .list.list-view .user-container .actions{flex-direction:row;margin-top:14px}.users-list .list.list-view .user-container .actions a{width:calc(100% - 50px)}}@media (min-width:992px){.users-list .list.list-view,.users-list .list.list-view .user-container{flex-direction:column}.users-list .list.list-view .user-container .categories{width:100%}.users-list .list.list-view .user-container .actions{flex-direction:row-reverse}.users-list .list.list-view .user-container .actions a{margin-left:18px}.users-list .list.list-view .user-container .one-user{align-items:center;flex-direction:row}.users-list .list.list-view .user-container .one-user>.row{align-items:center}.users-list .list.list-view .user-container .one-user .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:210px}}@media (min-width:992px) and (max-width:991.98px){.users-list .list.list-view .user-container .one-user .name{width:160px}}.users-list .list.grid{grid-gap:8px;display:grid;grid-template-columns:repeat(auto-fill,264px);justify-content:space-between}@media (max-width:991.98px){.users-list .list.grid{justify-content:center}}.users-list .list.grid .user-container{width:264px}.users-list .list.grid .user-container .one-user{flex-direction:column}.users-list .list.grid .user-container .one-user .name{height:36px;overflow:hidden;overflow-wrap:break-word;width:calc(100% - 108px)}@media (max-width:991.98px){.users-list .list.grid .user-container .one-user .name{width:calc(100% - 78px)}}.users-list .list.grid .user-container .categories{height:48px;margin-top:48px}@media (max-width:991.98px){.users-list .list.grid .user-container .categories{margin-top:28px}}.users-list .list.grid .user-container .actions{flex-direction:row;margin-top:14px}.users-list .list.grid .user-container .actions a{width:calc(100% - 50px)}