.socialFormPage .formContainer{justify-content:center;padding:0 24px;display:flex}.socialFormPage .createGroupForm{flex-direction:column;gap:10px;width:100%;display:flex}.socialFormPage .textInput{box-sizing:border-box;color:#fff;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:12px;width:100%;height:44px;padding:0 16px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.socialFormPage .textInput:focus{border-color:#ffc18899;outline:none}.socialFormPage .createGroupButton{color:#1a1a1a;background-color:#fff;border:1px solid #fff;border-radius:12px;width:100%;height:44px;margin-top:40px;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:600;transition:all .2s ease-in-out}.socialFormPage .createGroupButton:hover{cursor:pointer;background-color:#ffc188}.socialFormPage .formError{color:#ff8a8a;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.socialManagePage .groupUsersContainer{flex-wrap:wrap;justify-content:flex-start;gap:12px;height:auto;padding:0 24px 16px;display:flex}.socialManagePage .UserCardContainer{width:calc(33.333% - 8px)}.socialManagePage .userCard{background:linear-gradient(135deg,#cdcdcd33 0%,#90909080 100%);border-radius:8px;align-items:center;width:100%;height:100px;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #00000080,0 8px 16px #0000001a}.socialManagePage .userImage{object-fit:cover;width:100px;height:100px;margin-right:2.5%}.socialManagePage .username{color:#fff}.socialManagePage .acceptContainer{opacity:0;flex-direction:column;justify-content:center;align-items:flex-end;gap:4px;width:100%;height:100%;padding-right:6px;transition:all .4s;display:flex;position:absolute}.socialManagePage .userCard:hover .acceptContainer{opacity:1;cursor:pointer}.socialManagePage .acceptButton{color:#000;background-color:#baff52;border:none;border-radius:4px;width:44px;height:50px;font-weight:700;transition:all .4s}.socialManagePage .acceptButton:hover{cursor:pointer;background-color:#9f0}.socialManagePage .refuseButton{color:#fff;background-color:#ff2b2b;border:none;border-radius:4px;width:44px;height:50px;font-weight:700;transition:all .4s}.socialManagePage .refuseButton:hover{cursor:pointer;background-color:red}.socialManagePage .manageError{color:#ff8a8a;text-indent:24px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}@media (hover:none){.socialManagePage .acceptContainer{opacity:1}}@media (width<=1000px){.socialManagePage .UserCardContainer{width:calc(50% - 6px)}}@media (width<=760px){.socialFormPage .formContainer{padding:0 16px}.socialManagePage .groupUsersContainer{padding:0 16px 16px}}@media (width<=560px){.socialManagePage .UserCardContainer{width:100%}}