.OwnerGroupsApp{width:100%;min-height:100vh;box-sizing:border-box}.OwnerGroupsApp *{box-sizing:border-box}.OwnerGroupsApp .Grid-ul{padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:1rem;margin-top:2rem}@media only screen and (max-width: 900px){.OwnerGroupsApp .Grid-ul{grid-template-columns:repeat(2,minmax(0,1fr))}}@media only screen and (max-width: 600px){.OwnerGroupsApp .Grid-ul{grid-template-columns:repeat(1,minmax(0,1fr))}}.OwnerGroupsApp .Grid-li{list-style:none;width:100%;height:100%;display:inline-block}.OwnerGroupsApp .PopUp-overlay{width:100%;position:fixed;z-index:9999999;background-color:#0000009f;inset:0;display:flex;justify-content:center;align-items:center;-webkit-animation:slide-in-fwd-center .4s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-fwd-center .4s cubic-bezier(.25,.46,.45,.94) both}.OwnerGroupsApp .PopUp-close-btn{display:block;margin-left:auto;background:none;font-family:bold;box-shadow:none;color:var(--black);font-size:1.4rem;position:absolute;top:5px;right:5px;border:none;cursor:pointer}.OwnerGroupsApp .PopUp-container{position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;background-color:var(--white);padding:2rem 1.5rem;width:100%;max-width:600px;min-height:500px;border-radius:15px}@media only screen and (max-width: 750px){.OwnerGroupsApp .PopUp-container{margin:2rem 1rem}}.OwnerGroupsApp .PopUp-header{width:100%;display:flex;justify-content:center;align-items:center;margin-bottom:1rem}.OwnerGroupsApp .PopUp-title{margin:0;font-family:bold;font-size:1.3rem;color:var(--colorPrimary);display:flex;align-items:center;justify-content:center}.OwnerGroupsApp .PopUp-btnTitle{background:none;border:none;margin:0;font-family:bold;font-size:1.3rem;color:var(--colorPrimary);display:flex;align-items:center;justify-content:center;gap:.5rem}.OwnerGroupsApp .PopUp-btnTitle:hover{cursor:pointer}.OwnerGroupsApp .PopUp-description{width:100%;text-align:center}.OwnerGroupsApp .PopUp-nav{width:100%;display:flex;justify-content:center;align-items:center;gap:1rem}.OwnerGroupsApp .PopUp-btnLink{background:none;border:none;color:var(--colorPrimary);font-family:bold;font-size:.9rem;opacity:.7;padding:0;margin:0}.OwnerGroupsApp .PopUp-btnLink:hover{cursor:pointer}.OwnerGroupsApp .PopUp-btnLink.active{opacity:1;border-bottom:solid 2px var(--colorPrimary)}.OwnerGroupsApp .PopUp-form{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.OwnerGroupsApp .PopUp-input-element{margin:0;display:flex;justify-content:flex-start;align-items:flex-end;gap:.6rem;display:block;width:100%;padding:.375rem .75rem;font-size:.9rem;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;overflow:auto;resize:vertical;font-family:regular}.OwnerGroupsApp .PopUp-label{margin-top:1rem;margin-bottom:.2rem;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:.5rem;font-family:regular}.OwnerGroupsApp .PopUp-submit-btn{margin-top:2rem;background-color:var(--colorPrimary);color:var(--white);font-family:bold;padding:.5rem 1rem;border:none;border-radius:5px;text-decoration:none;font-size:.9rem;text-align:center;min-width:110px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px}.OwnerGroupsApp .PopUp-cancel-btn{margin-top:2rem;background:none;color:var(--colorPrimary);font-family:bold;padding:.5rem 1rem;border:1px solid var(--colorPrimary);border-radius:5px;text-decoration:none;font-size:.9rem;text-align:center;min-width:110px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px}.OwnerGroupsApp .PopUp-footer{display:flex;justify-content:center;align-items:center;gap:.5rem}.OwnerGroupsApp .PopUp-error{margin:0;padding:0;color:red;font-size:.8rem;text-align:left;width:100%}.ChatRefetch-progressBar{width:265px}@media only screen and (max-width: 700px){.ChatRefetch-progressBar{width:233px}}.ChatRefetch-progressBarBackgorund{height:5px;width:100%;border-radius:5px;overflow:hidden;opacity:.8;background-color:var(--colorPrimary)}.ChatRefetch-progressBarFill{height:100%;background-color:#e0e0df;opacity:1}.ChatRefetch-progressBarLeyend{color:gray;font-family:regular;font-size:.8rem;margin:0;line-height:normal}@media only screen and (max-width: 700px){.ChatRefetch-progressBarLeyend{font-size:.7rem}}.EditMessagePopUp{width:100%;position:fixed;z-index:9999999;background-color:#0000009f;inset:0;display:flex;justify-content:center;align-items:center;-webkit-animation:slide-in-fwd-center .4s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-fwd-center .4s cubic-bezier(.25,.46,.45,.94) both}.EditMessagePopUp-container{position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;background-color:var(--white);padding:2rem 1.5rem;width:100%;max-width:800px;min-height:400px;border-radius:15px}@media only screen and (max-width: 750px){.EditMessagePopUp-container{margin:2rem 1rem}}.EditMessagePopUp-header{width:100%;display:flex;justify-content:center;align-items:center;margin-bottom:1rem}.EditMessagePopUp-title{margin:0;font-family:bold;font-size:1.3rem;color:var(--colorPrimary);display:flex;align-items:center;justify-content:center}.EditMessagePopUp-close-btn{display:block;margin-left:auto;background:none;font-family:bold;box-shadow:none;color:var(--black);font-size:1.2rem;position:absolute;top:10px;right:15px;border:none;cursor:pointer}.EditMessagePopUp-msgContainer{margin-top:1rem;margin-bottom:1rem;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:.5rem 1rem;border-radius:15px 15px 0/15px 15px 0px;width:100%;position:relative;background-color:#f3f3f3}.EditMessagePopUp-msg{font-size:1rem}.EditMessagePopUp-form{width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:1rem}.EditMessagePopUp-label{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;font-family:bold;width:100%}.EditMessagePopUp-label.response{font-size:1.2rem;color:var(--colorPrimary)}.EditMessagePopUp-textField{font-family:regular;width:100%;min-height:200px;border:1px solid rgb(221,221,221);background-color:var(--white);border-radius:12px;padding:.6rem 1rem;font-size:14px;box-sizing:border-box}@media only screen and (max-width: 580px){.EditMessagePopUp-textField{min-height:80px}}.EditMessagePopUp-textField:focus-visible{outline-color:var(--colorPrimary)}.EditMessagePopUp-footer{display:flex;justify-content:space-between;align-items:center;width:100%}@media only screen and (max-width: 780px){.EditMessagePopUp-footer{flex-direction:column;justify-content:center;align-items:flex-start}}.EditMessagePopUp-submitBtn{margin-left:auto;font-family:extraBold;font-size:.9rem;text-transform:uppercase;border:none;background-color:var(--colorPrimary);color:var(--colorPrimaryText);padding:8px 20px;border-radius:25px;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:5px;cursor:pointer;opacity:1;min-width:150px;min-height:41px}.EditMessagePopUp-submitBtn:hover{background:var(--colorSecondary, var(--colorHoverPrimary));color:var(--colorSecondaryText, var(--colorPrimaryText))}.EditMessagePopUp-submitBtn:disabled{opacity:.5}.EditMessagePopUp-submitBtn i{color:var(--colorPrimaryText);font-size:15px;line-height:normal}.EditMessagePopUp-submitBtn .spinner{width:20px;height:20px;border-radius:50%;background:conic-gradient(rgba(0,0,0,0) 10%,#ffffff);-webkit-mask:radial-gradient(farthest-side,rgba(0,0,0,0) calc(100% - 6.4px),#000 0);animation:spinner-zp9dbg 1s infinite linear}@media only screen and (max-width: 780px){.EditMessagePopUp-submitBtn{margin:0 auto;margin-top:2rem;margin-bottom:2rem}}.GroupDetailNav{width:100%}.GroupDetailNav .SubHeader{display:flex;align-items:center}@media only screen and (max-width: 600px){.GroupDetailNav .SubHeader{gap:10px;justify-content:space-between}}.GroupDetailNav .SubHeader-goBackBtn{padding:4px;border:1px solid black;margin-right:1rem;width:35px;height:35px;display:flex;justify-content:center;align-items:center;background-color:var(--colorPrimary);border-radius:100%;border:none}.GroupDetailNav .SubHeader-goBackBtn svg path{fill:#fff}@media only screen and (max-width: 600px){.GroupDetailNav .SubHeader-goBackBtn{width:30px;height:30px;margin-right:0}}.GroupDetailNav .SubHeader-title{font-family:extraBold;font-size:2.5rem;margin:0;color:var(--colorPrimary)}@media only screen and (max-width: 600px){.GroupDetailNav .SubHeader-title{font-size:1.2rem}}.GroupDetailNav .SubHeader-outlineBtn{background-color:var(--colorPrimary);color:var(--white);font-family:bold;padding:.5rem 1rem;border:none;border-radius:5px;text-decoration:none;font-size:.9rem;text-align:center;width:fit-content;margin-left:auto;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px}@media only screen and (max-width: 600px){.GroupDetailNav .SubHeader-outlineBtn{font-size:.9rem;gap:10px;margin-left:0;padding:.5rem 1rem;width:100%}}.GroupDetailNav .SubHeader-outlineBtn.LeaveGroupBtn{width:fit-content}.GroupDetailNav .SubHeader-outlineBtn svg{flex-shrink:0;width:20px;height:20px}.GroupDetailNav .SubHeader-outlineBtn svg path{fill:var(--white)}@media only screen and (max-width: 600px){.GroupDetailNav .SubHeader-outlineBtn-text{display:none}}.GroupDetailNav .Nav{margin-top:2rem;margin-bottom:2rem;display:flex;align-items:center;justify-content:space-around;padding:1rem;color:var(--black);background-color:var(--white);box-shadow:#63636333 0 2px 8px;border-radius:15px}@media only screen and (max-width: 600px){.GroupDetailNav .Nav{justify-content:space-between;margin:0;flex-direction:row;margin-top:1rem;margin-bottom:1rem;gap:5px}}.GroupDetailNav .Nav-link{color:var(--colorPrimary);text-decoration:none;font-family:bold;opacity:.6;font-size:1rem;line-height:normal}@media only screen and (max-width: 600px){.GroupDetailNav .Nav-link{font-size:.8rem;display:block;font-size:.7rem;color:var(--white);background-color:#2d2e2d;border-radius:5px;padding:5px;text-align:center;opacity:.5}}.GroupDetailNav .Nav-link.active{opacity:1;text-decoration:underline}.GroupHeader{padding-top:0rem;padding-bottom:2rem;text-align:center;width:100%}.GroupHeader-title{margin:0;padding:0;font-size:4rem;line-height:normal;color:var(--colorPrimary)}@media only screen and (max-width: 600px){.GroupHeader-title{font-size:2rem}}.GroupHeader-description{font-size:1rem;font-family:regular}@media only screen and (max-width: 600px){.GroupHeader-description{font-size:.8rem;margin:0;text-align:left}}@media only screen and (max-width: 600px) and (max-width: 600px){.GroupHeader-description{font-size:1rem;margin:0;text-align:left}}.GroupHeader-description h1,.GroupHeader-description h2,.GroupHeader-description h3,.GroupHeader-description h4{font-size:1.2rem}.GroupHeader-description p,.GroupHeader-description li,.GroupHeader-description ul{font-size:1rem;font-family:regular}@media only screen and (max-width: 600px){.GroupHeader-description p,.GroupHeader-description li,.GroupHeader-description ul{font-size:.8rem;margin:0;text-align:left}}.GroupManagerNav{width:100%}.GroupManagerNav .SubHeader{display:flex;align-items:center}@media only screen and (max-width: 600px){.GroupManagerNav .SubHeader{gap:10px;justify-content:space-between}}.GroupManagerNav .SubHeader-wrapper{display:flex;align-items:center;justify-content:flex-start;gap:10px}.GroupManagerNav .SubHeader-goBackBtn{padding:4px;border:1px solid black;margin-right:1rem;width:35px;height:35px;display:flex;justify-content:center;align-items:center;background-color:var(--colorPrimary);border-radius:100%;border:none}.GroupManagerNav .SubHeader-goBackBtn svg path{fill:#fff}@media only screen and (max-width: 600px){.GroupManagerNav .SubHeader-goBackBtn{width:30px;height:30px;margin-right:0}}.GroupManagerNav .SubHeader-title{font-family:extraBold;font-size:2.5rem;margin:0;color:var(--colorPrimary)}@media only screen and (max-width: 600px){.GroupManagerNav .SubHeader-title{font-size:1.2rem}}.GroupManagerNav .SubHeader-outlineBtn{background-color:var(--colorPrimary);color:var(--white);font-family:bold;padding:.5rem 1rem;border:none;border-radius:5px;text-decoration:none;font-size:.9rem;text-align:center;width:fit-content;margin-left:auto;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px}@media only screen and (max-width: 600px){.GroupManagerNav .SubHeader-outlineBtn{font-size:.9rem;gap:10px;margin-left:0;padding:.5rem 1rem;width:100%}}.GroupManagerNav .SubHeader-outlineBtn.LeaveGroupBtn{width:fit-content}.GroupManagerNav .SubHeader-outlineBtn svg{flex-shrink:0;width:20px;height:20px}.GroupManagerNav .SubHeader-outlineBtn svg path{fill:var(--white)}@media only screen and (max-width: 600px){.GroupManagerNav .SubHeader-outlineBtn-text{display:none}}.GroupManagerNav .Nav{margin-top:2rem;margin-bottom:2rem;display:flex;align-items:center;justify-content:space-around;padding:1rem;color:var(--black);background-color:var(--white);box-shadow:#63636333 0 2px 8px;border-radius:15px}@media only screen and (max-width: 600px){.GroupManagerNav .Nav{justify-content:space-between;margin:0;flex-direction:column;margin-top:0rem;margin-bottom:1rem;gap:.5rem;background-color:#fff;z-index:4;padding:1rem;border:1px solid rgba(128,128,128,.37);border-radius:0 0 30px 30px/0px 0px 30px 30px;transition:all .5s ease;overflow:hidden;opacity:1}.GroupManagerNav .Nav.collapse{height:0px;padding:0;border:0px solid transparent;opacity:0}}.GroupManagerNav .Nav-link{color:var(--colorPrimary);text-decoration:none;font-family:bold;opacity:.6;font-size:1rem;line-height:normal}@media only screen and (max-width: 600px){.GroupManagerNav .Nav-link{display:block;font-size:1rem;border-radius:5px;padding:5px;display:inline-block;width:100%;text-align:center}}.GroupManagerNav .Nav-link.active{opacity:1;text-decoration:underline}.GroupManagerNav-menuMobileBtn{display:none}@media only screen and (max-width: 600px){.GroupManagerNav-menuMobileBtn{margin-top:1rem;display:flex;justify-content:space-between;align-items:center;font-size:1rem;border:none;padding:.3rem 1rem;border-radius:5px;width:100%;color:var(--colorPrimary);background-color:var(--white);font-family:bold;box-shadow:#63636333 0 2px 8px}.GroupManagerNav-menuMobileBtn svg path{fill:var(--colorPrimary)}}.GroupManagerNav .mobile-off{display:flex}@media screen and (max-width: 600px){.GroupManagerNav .mobile-off{display:none}}.GroupManagerNav .mobile-on{display:none}@media screen and (max-width: 600px){.GroupManagerNav .mobile-on{display:flex}}.MessageControlButtons-container{margin-left:auto;display:flex;align-items:center;justify-content:flex-start;width:fit-content;gap:10px}@media only screen and (max-width: 580px){.MessageControlButtons-container{flex-direction:column;align-items:flex-end;justify-content:flex-start;margin-left:0;gap:5px;width:100%}}.MessageControlButtons-date{color:gray;font-size:.7rem}.MessageControlButtons-deleteBtn{font-size:.8rem;color:gray;background:none;border:1px solid grey;border-radius:5px;cursor:pointer;display:flex;justify-content:center;align-items:center;width:fit-content;gap:4px}.MessageControlButtons-btnContainer{display:flex;justify-content:center;align-items:center;gap:5px}@media only screen and (max-width: 580px){.MessageControlButtons-btnContainer{margin-left:auto;gap:15px}}.MessageControlButtons-deleteCounter{font-size:.8rem;color:gray}.MessageControlButtons-deletedMsg{display:flex;align-items:center;justify-content:flex-start;margin-top:5px;color:#4d4d4d;font-size:.9rem;line-height:normal;font-family:regular;gap:5px;opacity:.8;margin-bottom:0}.Message{margin-top:1rem;margin-bottom:1rem;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:1rem;border-radius:15px;width:95%;position:relative}@media only screen and (max-width: 580px){.Message{padding:10px}}.Message.yourMessage{background-color:#dbdbdb;margin-left:auto}.Message.yourMessage:before{content:"";position:absolute;z-index:1;width:0;height:0;border-top:18px solid transparent;border-bottom:18px solid transparent;border-left:30px solid #dbdbdb;top:20px;right:-15px}.Message.receivedMessage{background-color:#f0f0f0;margin-right:auto}.Message.receivedMessage:before{content:"";position:absolute;z-index:1;width:0;height:0;border-top:18px solid transparent;border-bottom:18px solid transparent;border-right:30px solid #f0f0f0;top:20px;left:-15px}.Message-name{box-sizing:border-box;padding:2px 8px;background-color:var(--colorPrimary);font-family:bold;font-size:.8rem;color:var(--white);border-radius:5px;display:flex;align-items:center;justify-content:center;line-height:normal}.Message-name i{font-size:1rem;margin:0;padding:0}@media only screen and (max-width: 600px){.Message-name{font-size:.65rem}}.Message-body{font-family:regular;margin-top:5px;color:#000;font-size:.9rem;line-height:normal;margin-bottom:0}.Message-date{color:gray;font-size:.7rem}.Message-deleteBtn{font-size:.8rem;color:gray;background:none;border:1px solid grey;border-radius:5px;cursor:pointer;display:flex;justify-content:center;align-items:center;width:fit-content;gap:4px}.Message-deleteCounter{font-size:.8rem;color:gray}.Message-deletedMsg{display:flex;align-items:center;justify-content:flex-start;margin-top:5px;color:#4d4d4d;font-size:.9rem;line-height:normal;font-family:regular;gap:5px;opacity:.8;margin-bottom:0}.Message-footer{margin-left:auto;display:flex;align-items:center;justify-content:flex-start;width:fit-content;gap:10px}.Message-attachmentImgContainer{width:100%;height:fit-content;max-width:600px;position:relative;display:flex;align-items:center;justify-content:center}.Message-attachmentImgContainer .download-box{background-color:#0007;box-sizing:border;border-radius:25px;padding:10px;width:60px;height:60px;display:flex;flex-direction:column;align-items:center;justify-content:center}.Message-attachmentImgContainer .icon-descargar{font-size:1.7rem;color:#fff}.Message-attachmentImgContainer .text-descargar{font-family:bold;font-size:.9rem;color:#fff}.Message-attachmentImgContainer .download-hover{position:absolute;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transition:all .5s ease;background-color:#00000021;width:100%;height:100%}.Message-attachmentImgContainer:hover>.download-hover{opacity:1}.Message-attachmentImage{width:100%;height:auto}.Message-attachment{margin-top:1rem;text-decoration:none;color:#3f3e3e;display:flex;justify-content:flex-start;align-items:center;border:solid 1px grey;box-sizing:border-box;padding:.5rem 1rem;gap:10px;border-radius:5px;background-color:#ffffff9f;font-size:.9rem;opacity:1;font-family:bold}.Message-attachment:hover{background-color:#fff}.Message-attachment .icon-descargar{color:#3f3e3e;border:1px solid rgb(63,62,62);padding:10px;box-sizing:border-box;border-radius:100%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-size:15px}.SendMessageForm{box-sizing:border-box;padding:1rem;border-bottom:solid 1px rgb(219,219,219)}@media only screen and (max-width: 600px){.SendMessageForm{padding:10px}}.SendMessageForm-form{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:1rem}.SendMessageForm-label{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;font-family:bold;width:100%}.SendMessageForm-label.response{font-size:1.2rem;color:var(--colorPrimary)}.SendMessageForm-textField{font-family:regular;width:100%;min-height:150px;border:1px solid rgb(221,221,221);background-color:var(--white);border-radius:12px;padding:.6rem 1rem;font-size:14px;box-sizing:border-box}@media only screen and (max-width: 600px){.SendMessageForm-textField{min-height:120px;padding:.4rem .8rem}}.SendMessageForm-textField:focus-visible{outline-color:var(--colorPrimary)}.SendMessageForm-fileUpload{display:flex;align-items:center;justify-content:flex-start;gap:10px}@media only screen and (max-width: 600px){.SendMessageForm-fileUpload{flex-direction:column;align-items:flex-start;gap:5px}}.SendMessageForm-customFileLabel{display:inline-block;background-color:var(--colorPrimary);color:var(--colorPrimaryText);padding:8px 12px;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .3s;font-family:bold}.SendMessageForm-customFileLabel:hover{background:var(--colorSecondary, var(--colorHoverPrimary));color:var(--colorSecondaryText, var(--colorPrimaryText))}@media only screen and (max-width: 600px){.SendMessageForm-customFileLabel{font-size:.8rem;padding:4px 8px}}.SendMessageForm-fileInput{display:none}.SendMessageForm-fileName{font-size:14px;color:#666}@media only screen and (max-width: 600px){.SendMessageForm-fileName{font-size:12px}}.SendMessageForm-footer{display:flex;justify-content:space-between;align-items:center;width:100%}@media only screen and (max-width: 780px){.SendMessageForm-footer{flex-direction:column;justify-content:center;align-items:flex-start}}.SendMessageForm-submitBtn{margin-left:auto;font-family:extraBold;font-size:.9rem;text-transform:uppercase;border:none;background-color:var(--colorPrimary);color:var(--colorPrimaryText);padding:8px 20px;border-radius:25px;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:5px;cursor:pointer;opacity:1;min-width:150px;min-height:41px}.SendMessageForm-submitBtn:hover{background:var(--colorSecondary, var(--colorHoverPrimary));color:var(--colorSecondaryText, var(--colorPrimaryText))}.SendMessageForm-submitBtn:disabled{opacity:.5}.SendMessageForm-submitBtn i{color:var(--colorPrimaryText);font-size:15px;line-height:normal}.SendMessageForm-submitBtn .spinner{width:20px;height:20px;border-radius:50%;background:conic-gradient(rgba(0,0,0,0) 10%,#ffffff);-webkit-mask:radial-gradient(farthest-side,rgba(0,0,0,0) calc(100% - 6.4px),#000 0);animation:spinner-zp9dbg 1s infinite linear}@keyframes spinner-zp9dbg{to{transform:rotate(1turn)}}@media only screen and (max-width: 780px){.SendMessageForm-submitBtn{margin:0 auto;margin-top:0rem;margin-bottom:.5rem;font-size:.9rem;width:100%}}.SendMessageForm-finishBtn{display:flex;justify-content:center;align-items:center;margin:0 auto;margin-top:1rem;margin-bottom:1rem;font-family:extraBold;font-size:.9rem;text-transform:uppercase;border:solid 1px var(--colorPrimary);color:var(--colorPrimary);background:transparent;padding:8px 20px;border-radius:25px;text-decoration:none;cursor:pointer}.SendMessageForm-finishBtn:hover{color:var(--colorSecondary, var(--colorHoverPrimary));border:solid 1px var(--colorSecondary, var(--colorHoverPrimary))}.SendMessageForm-finishBtn i{color:var(--colorPrimary);font-size:15px;line-height:normal}.GroupChatPage{width:100%;max-width:1300px;margin:1rem auto;padding:1rem;padding-top:0;box-sizing:border-box}@media only screen and (max-width: 900px){.GroupChatPage{padding:0}}.GroupChatPage-conversationContainer{margin-top:2rem;box-shadow:#63636333 0 2px 8px;border:solid 1px rgb(219,219,219);overflow:hidden;background-color:var(--white);border-radius:15px}.GroupChatPage-chatContainer{box-sizing:border-box;padding:1rem;margin-top:0rem;min-height:300px;max-height:800px;overflow-y:scroll;border-top:solid 1px rgb(219,219,219);border-bottom:solid 1px rgb(219,219,219)}@media only screen and (max-width: 900px){.GroupChatPage-chatContainer{max-height:400px}}.GroupChatPage-subjectContainer{margin:0;background-color:#fff;margin-top:.5rem;margin-bottom:.5rem;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:1rem;border-radius:15px;width:100%;position:relative;box-shadow:#63636333 0 2px 8px;border:solid 1px rgb(219,219,219)}.GroupChatPage-chatTitle{margin:0;color:var(--colorPrimary);font-family:bold;padding:0;font-size:1.4rem;box-sizing:border-box}.GroupChatPage-chatTopContainer{padding:1rem;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center}@media only screen and (max-width: 700px){.GroupChatPage-chatTopContainer{flex-direction:column}}.GroupChatPage-subjectLabel{text-transform:uppercase;font-family:bold;font-size:14px;text-align:center;text-decoration:none;display:flex;justify-content:center;align-items:center}.GroupChatPage-subjectBody{margin:5px 0 0;padding:0;font-family:regular;color:#000;font-size:.9rem;line-height:normal}.GroupChatPage-finishContainer{margin-top:1rem;border:solid 1px rgb(219,219,219);border-radius:5px;padding:1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}@media only screen and (max-width: 780px){.GroupChatPage-finishContainer{flex-direction:column;justify-content:center;align-items:flex-start}}.GroupChatPage-FinishBy,.GroupChatPage-FinishAt{font-size:1rem;font-family:bold;color:var(--colorPrimary)}.GroupChatPage-noMessagesContainer{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:1rem}.GroupChatPage-noMessagesMsg{color:var(--colorPrimary);font-family:bold;font-size:1rem}.GroupChatPage-noMessagesIcon{width:120px;height:120px}.GroupChatPage-noMessagesIcon path{fill:var(--colorPrimary)}.GroupChatPage-SkeletonContainer{width:100%;min-height:100dvh}.GroupChatPage-SkeletonHeader{box-shadow:0 4px 8px #0003;box-sizing:border-box;padding:1rem;width:100%;height:200px;border-radius:20px;background-image:linear-gradient(55deg,rgb(245,245,245) 48%,rgb(222,222,222) 50%,rgb(245,245,245) 52%);background-size:800%;animation:fondo-anim 1s infinite}.GroupChatPage-SkeletonBody{box-shadow:0 4px 8px #0003;box-sizing:border-box;margin-top:2rem;padding:1rem;width:100%;height:800px;border-radius:20px;background-image:linear-gradient(55deg,rgb(245,245,245) 48%,rgb(222,222,222) 50%,rgb(245,245,245) 52%);background-size:800%;animation:fondo-anim 1s infinite}@keyframes fondo-anim{0%{background-position:right}to{background-position:left}}.GroupChatPage-notFound{width:100%;text-align:center;font-family:bold;color:var(--colorPrimary)}.ButtonLoader{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.ButtonLoader-loader{width:20px;padding:3px;aspect-ratio:1;border-radius:50%;background:#ffffff;--_m: conic-gradient(#0000 10%, #000), linear-gradient(#000 0 0) content-box;-webkit-mask:var(--_m);mask:var(--_m);-webkit-mask-composite:source-out;mask-composite:subtract;animation:l3 1s infinite linear}@keyframes l3{to{transform:rotate(1turn)}}.ListContentTable{width:100%;border:1px solid rgb(209,209,209);border-bottom:none;box-shadow:#63636333 0 2px 8px;border-radius:10px;overflow:hidden}.ListContentTable .TableHeaderOnlyMobile{display:none}@media only screen and (max-width: 900px){.ListContentTable .TableHeaderOnlyMobile{grid-template-columns:1fr;display:block;background-color:var(--colorPrimary);box-shadow:#63636333 0 2px 8px;padding:1rem;color:var(--white);font-family:bold;font-size:.9rem}}.ListContentTable-Nav{width:100%;display:flex;justify-content:center;align-items:center;gap:2rem;padding:1rem}.ListContentTable-NavBtnLink{background:none;border:none;color:var(--colorPrimary);font-family:bold;font-size:1rem;opacity:.7;padding:0;margin:0}.ListContentTable-NavBtnLink:hover{cursor:pointer}.ListContentTable-NavBtnLink.active{opacity:1;border-bottom:solid 2px var(--colorPrimary)}.ListContentTable .TableHeader{width:100%;display:grid;grid-template-columns:1fr 3fr 5fr 198px;background-color:var(--colorPrimary);box-shadow:#63636333 0 2px 8px}@media only screen and (max-width: 900px){.ListContentTable .TableHeader{grid-template-columns:1fr;display:none}}.ListContentTable .TableHeader-column{font-size:.9rem;font-family:bold;color:var(--white);padding:1.3rem}.ListContentTable .TableHeader-column.id,.ListContentTable .TableHeader-column.active,.ListContentTable .TableHeader-column.actions{justify-content:center;text-align:center}.ListContentTable .TableEmpty{font-size:1rem;padding:2rem;color:var(--colorPrimary);font-family:bold;display:flex;justify-content:center;align-items:center}.ListContentTable .TableBody{width:100%}.ListContentTable .TableBody-row{width:100%;display:grid;grid-template-columns:1fr 3fr 5fr 198px;background-color:var(--white);border-bottom:1px solid rgb(209,209,209)}@media only screen and (max-width: 900px){.ListContentTable .TableBody-row{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:0px;padding:1rem}}.ListContentTable .TableBody-column{font-family:regular;color:var(--black);padding:1.3rem;font-size:.9rem;display:flex;align-items:center}@media only screen and (max-width: 900px){.ListContentTable .TableBody-column{padding:.5rem}}.ListContentTable .TableBody-column.actions{display:flex;align-items:center;justify-content:center;gap:10px}@media only screen and (max-width: 900px){.ListContentTable .TableBody-column.actions{order:5;margin:0 auto;width:100%}}.ListContentTable .TableBody-column.active{text-align:center;justify-content:center}@media only screen and (max-width: 900px){.ListContentTable .TableBody-column.active{order:2}.ListContentTable .TableBody-column.active:before{font-family:bold;content:"Activo: ";margin-right:10px}}.ListContentTable .TableBody-column.id{text-align:center;justify-content:center}@media only screen and (max-width: 900px){.ListContentTable .TableBody-column.id{order:1}.ListContentTable .TableBody-column.id:before{font-family:bold;content:"Fecha: ";margin-right:10px}}.ListContentTable .TableBody-column.title{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}@media only screen and (max-width: 900px){.ListContentTable .TableBody-column.title{order:3}.ListContentTable .TableBody-column.title:before{font-family:bold;content:"Titulo: ";margin-right:10px}}.ListContentTable .TableBody-column.description{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}@media only screen and (max-width: 900px){.ListContentTable .TableBody-column.description{order:4}.ListContentTable .TableBody-column.description:before{font-family:bold;content:"Descripcion: ";margin-right:10px}}.ListContentTable .TableBody-column .activeCheck{color:var(--white);font-size:15px;width:20px;height:20px;display:block;background-color:#28a745;border-radius:100%;font-family:bold}.ListContentTable .TableBody-column .noActiveCheck{color:var(--white);font-size:15px;width:20px;height:20px;display:block;background-color:#8d8d8d;border-radius:100%;font-family:bold}.ListContentTable .TableBody-actionBtn{border:none;background-color:var(--colorPrimary);color:var(--white);padding:.2rem .5rem;border-radius:5px;cursor:pointer;display:flex;justify-content:center;align-items:center}@media only screen and (max-width: 900px){.ListContentTable .TableBody-actionBtn{width:100%}}.ListContentTable .TableBody-actionBtn.delete{background-color:#dc3545}.ListContentTable .TableBody-actionBtn.edit{background-color:#28a745}.ListContentTable .TableBody-actionBtn.download{background-color:#6c757d}.ListContentTable .TableBody-actionBtn svg{width:24px;height:24px}.ListContentTable .TableBody-actionBtn svg path{fill:var(--white)}.NoContentAvailable{width:100%;background-color:var(--white);padding:3rem 1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;margin-top:2rem;border-radius:15px;box-shadow:#63636333 0 2px 8px}.NoContentAvailable-title{margin:0;text-align:center;font-size:2rem;color:var(--colorPrimary);font-family:bold;width:100%}@media only screen and (max-width: 600px){.NoContentAvailable-title{font-size:1.1rem}}.NoContentAvailable-iconContainer{display:flex;justify-content:center;align-items:center;width:100%}.NoContentAvailable-iconContainer svg{width:100px;height:100px}@media only screen and (max-width: 600px){.NoContentAvailable-iconContainer svg{width:60px;height:60px;font-size:1.3rem}}.NoContentAvailable-iconContainer svg path{fill:var(--colorPrimary)}.NoContentAvailable .NoContentAvailableButton{background-color:var(--colorPrimary);color:var(--white);font-family:bold;padding:.5rem 1rem;border:none;border-radius:5px;text-decoration:none;font-size:.9rem;text-align:center;width:fit-content;margin-left:auto;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px}.NoContentAvailable .NoContentAvailableButton svg{width:20px;height:20px}.NoContentAvailable .NoContentAvailableButton svg path{fill:var(--white)}.SkeletonPage{width:100%;min-height:100vh;max-width:1200px}.SkeletonPage-header{padding-top:2rem;padding-bottom:2rem;text-align:center;width:100%}.SkeletonPage-title{height:50px;width:100%;max-width:600px;margin:0 auto;background-image:linear-gradient(55deg,rgb(245,245,245) 48%,rgb(222,222,222) 50%,rgb(245,245,245) 52%);background-size:800%;animation:skeleton-anim 1s infinite}.SkeletonPage-subtitle{height:30px;width:100%;max-width:600px;margin:0 auto;background-image:linear-gradient(55deg,rgb(245,245,245) 48%,rgb(222,222,222) 50%,rgb(245,245,245) 52%);background-size:800%;animation:skeleton-anim 1s infinite}.SkeletonPage-card{height:190px;width:100%;padding:2rem;margin-bottom:1rem;border-radius:1rem;text-decoration:none;box-shadow:#63636333 0 2px 8px;background:var(--white);background-image:linear-gradient(55deg,rgb(245,245,245) 48%,rgb(222,222,222) 50%,rgb(245,245,245) 52%);background-size:800%;animation:skeleton-anim 1s infinite}@keyframes skeleton-anim{0%{background-position:right}to{background-position:left}}.GroupDetail-Nav{display:flex;align-items:center;width:100%;justify-content:space-between}@media only screen and (max-width: 750px){.GroupDetail-Nav{flex-direction:column;align-items:center;justify-content:center;margin-bottom:1rem}}.GroupDetail-NavBtnContainer{padding:1rem;width:fit-content;display:flex;justify-content:center;align-items:center;gap:2rem}.GroupDetail-NavBtnLink{background:none;border:none;color:var(--colorPrimary);font-family:bold;font-size:1rem;opacity:.7;padding:0;margin:0}.GroupDetail-NavBtnLink:hover{cursor:pointer}.GroupDetail-NavBtnLink.active{opacity:1;border-bottom:solid 2px var(--colorPrimary)}.GroupDetail-OrderLabel{display:flex;color:var(--colorPrimary);font-family:bold;justify-content:center;align-items:center;font-size:.9rem;gap:1rem}.GroupDetail-OrderSelect{font-size:.9rem;min-width:200px}.CardGroup{background-color:#fff;padding:2rem;margin-bottom:2rem;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;border-radius:1rem;color:var(--black);text-decoration:none;box-shadow:#63636333 0 2px 8px;position:relative;min-height:200px}.CardGroup-header{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:20px}.CardGroup-name{font-size:2.5rem;font-family:extraBold;margin:0;padding:0;line-height:normal;color:var(--colorPrimary)}@media only screen and (max-width: 600px){.CardGroup-name{font-size:1.6rem}}.CardGroup-description{font-size:1rem;font-family:regular}@media only screen and (max-width: 600px){.CardGroup-description{font-size:.75rem}}.CardGroup-description h1,.CardGroup-description h2,.CardGroup-description h3,.CardGroup-description h4{font-family:1.1rem;font-family:regular}.CardGroup-description p{font-size:1rem;font-family:regular}@media only screen and (max-width: 600px){.CardGroup-description p{font-size:.75rem}}.CardGroup-button{background-color:var(--colorPrimary);color:var(--white);font-family:bold;padding:.5rem 1rem;border:none;border-radius:5px;text-decoration:none;font-size:.9rem;text-align:center;width:fit-content;display:flex;align-items:center;justify-content:center;gap:5px;cursor:pointer}@media only screen and (max-width: 600px){.CardGroup-button{width:100%}}.CardGroup-button svg{width:20px;height:20px}.CardGroup-button svg path{fill:var(--white)}.CardGroup-button:disabled{opacity:.5}.CardGroup-footer{display:flex;align-items:center;justify-content:flex-start;gap:10px;width:100%}.CardGroup-label{font-size:.8rem;border:solid black 1px;padding:.5rem;border-radius:5px;display:flex;align-items:center;gap:5px;width:fit-content;position:absolute;top:-10px;right:-15px;z-index:1}.CardGroup-label svg{width:20px;height:20px}@media only screen and (max-width: 600px){.CardGroup-label{font-size:.7rem;padding:.3rem;top:-10px;right:-5px}.CardGroup-label svg{width:15px;height:15px}}.CardGroup-label.president{color:#856404;background-color:#fff3cd;border-color:#ffeeba}.CardGroup-label.president svg path{fill:#856404}.CardGroup-label.subscribed{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.CardGroup-label.subscribed svg path{fill:#155724}.CardGroup-label.no-subscribed{color:#383d41;background-color:#e2e3e5;border-color:#d6d8db}.CardGroup-label.no-subscribed svg path{fill:#383d41}.CardGroup-label.requesting{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb}.CardGroup-label.requesting svg path{fill:#0c5460}.GroupListNav{padding-top:0rem;padding-bottom:2rem;text-align:center;width:100%;position:relative}.GroupListNav-title{margin:0;padding:0;font-size:4rem;line-height:normal;color:var(--colorPrimary);padding-bottom:1rem}@media only screen and (max-width: 600px){.GroupListNav-title{font-size:2rem}}.GroupListNav-filters{display:flex;align-items:center;padding:0;margin:2rem;list-style:none;width:100%;justify-content:space-around}@media only screen and (max-width: 600px){.GroupListNav-filters{justify-content:space-between;margin:0;flex-direction:column;margin-top:0rem;margin-bottom:1rem;gap:.5rem;background-color:#fff;z-index:4;padding:1rem;border:1px solid rgba(128,128,128,.37);border-radius:0 0 30px 30px/0px 0px 30px 30px;transition:all .5s ease;overflow:hidden;opacity:1}.GroupListNav-filters.collapse{height:0px;padding:0;border:0px solid transparent;opacity:0}}.GroupListNav-element{width:fit-content;height:auto}@media only screen and (max-width: 600px){.GroupListNav-element{width:100%}}.GroupListNav-menuMobileBtn{display:none}@media only screen and (max-width: 600px){.GroupListNav-menuMobileBtn{display:flex;justify-content:space-between;align-items:center;font-size:1rem;border:none;padding:.3rem 1rem;border-radius:5px;width:100%;color:var(--colorPrimary);background-color:var(--white);font-family:bold;box-shadow:#63636333 0 2px 8px}.GroupListNav-menuMobileBtn svg path{fill:var(--colorPrimary)}}.GroupListNav-link{text-decoration:none;color:var(--colorPrimary);font-family:bold;opacity:.6;line-height:normal;font-size:1rem}@media only screen and (max-width: 600px){.GroupListNav-link{display:block;font-size:1rem;border-radius:5px;padding:5px;width:100%;display:inline-block}}.GroupListNav-link.active{text-decoration:underline;opacity:1}.AddContentPopUp .textarea{min-height:150px}.AddContentPopUp .is_active{display:flex;flex-direction:row!important;justify-content:flex-start!important}.AddContentPopUp .file input{font-size:.8rem}.DownloadsTable{width:100%;border:1px solid rgb(209,209,209);border-bottom:none;box-shadow:#63636333 0 2px 8px;border-radius:10px;overflow:hidden}.DownloadsTable .TableHeaderOnlyMobile{display:none}@media only screen and (max-width: 900px){.DownloadsTable .TableHeaderOnlyMobile{grid-template-columns:1fr;display:block;background-color:var(--colorPrimary);box-shadow:#63636333 0 2px 8px;padding:1rem;color:var(--white);font-family:bold;font-size:.9rem}}.DownloadsTable-Nav{display:flex;align-items:center;width:100%;justify-content:space-between}@media only screen and (max-width: 750px){.DownloadsTable-Nav{flex-direction:column;align-items:center;justify-content:center;margin-bottom:1rem}}.DownloadsTable-NavBtnContainer{padding:1rem;width:fit-content;display:flex;justify-content:center;align-items:center;gap:2rem}.DownloadsTable-NavBtnLink{background:none;border:none;color:var(--colorPrimary);font-family:bold;font-size:1rem;opacity:.7;padding:0;margin:0}.DownloadsTable-NavBtnLink:hover{cursor:pointer}.DownloadsTable-NavBtnLink.active{opacity:1;border-bottom:solid 2px var(--colorPrimary)}.DownloadsTable-OrderLabel{display:flex;color:var(--colorPrimary);font-family:bold;justify-content:center;align-items:center;font-size:.9rem;gap:1rem}.DownloadsTable-OrderSelect{font-size:.9rem;min-width:200px}.DownloadsTable .TableHeader{width:100%;display:grid;grid-template-columns:1fr 3fr 5fr 198px;background-color:var(--colorPrimary);box-shadow:#63636333 0 2px 8px}@media only screen and (max-width: 900px){.DownloadsTable .TableHeader{grid-template-columns:1fr;display:none}}.DownloadsTable .TableHeader-column{font-size:.9rem;font-family:bold;color:var(--white);padding:1.3rem}.DownloadsTable .TableHeader-column.id,.DownloadsTable .TableHeader-column.active,.DownloadsTable .TableHeader-column.actions{justify-content:center;text-align:center}.DownloadsTable .TableEmpty{font-size:1rem;padding:2rem;color:var(--colorPrimary);font-family:bold;display:flex;justify-content:center;align-items:center}.DownloadsTable .TableBody{width:100%}.DownloadsTable .TableBody-row{width:100%;display:grid;grid-template-columns:1fr 3fr 5fr 198px;background-color:var(--white);border-bottom:1px solid rgb(209,209,209)}@media only screen and (max-width: 900px){.DownloadsTable .TableBody-row{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:0px;padding:1rem}}.DownloadsTable .TableBody-column{font-family:regular;color:var(--black);padding:1.3rem;font-size:.9rem;display:flex;align-items:center}@media only screen and (max-width: 900px){.DownloadsTable .TableBody-column{padding:.5rem}}.DownloadsTable .TableBody-column.actions{display:flex;align-items:center;justify-content:center;gap:10px}@media only screen and (max-width: 900px){.DownloadsTable .TableBody-column.actions{order:5;margin-left:auto}}.DownloadsTable .TableBody-column.active{text-align:center;justify-content:center}@media only screen and (max-width: 900px){.DownloadsTable .TableBody-column.active{order:2}.DownloadsTable .TableBody-column.active:before{font-family:bold;content:"Activo: ";margin-right:10px}}.DownloadsTable .TableBody-column.id{text-align:center;justify-content:center}@media only screen and (max-width: 900px){.DownloadsTable .TableBody-column.id{order:1}.DownloadsTable .TableBody-column.id:before{font-family:bold;content:"Fecha: ";margin-right:10px}}.DownloadsTable .TableBody-column.title{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}@media only screen and (max-width: 900px){.DownloadsTable .TableBody-column.title{order:3}.DownloadsTable .TableBody-column.title:before{font-family:bold;content:"Titulo: ";margin-right:10px}}.DownloadsTable .TableBody-column.description{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}@media only screen and (max-width: 900px){.DownloadsTable .TableBody-column.description{order:4}.DownloadsTable .TableBody-column.description:before{font-family:bold;content:"Descripcion: ";margin-right:10px}}.DownloadsTable .TableBody-column .activeCheck{color:var(--white);font-size:15px;width:20px;height:20px;display:block;background-color:#28a745;border-radius:100%;font-family:bold}.DownloadsTable .TableBody-column .noActiveCheck{color:var(--white);font-size:15px;width:20px;height:20px;display:block;background-color:#8d8d8d;border-radius:100%;font-family:bold}.DownloadsTable .TableBody-actionBtn{border:none;background-color:var(--colorPrimary);color:var(--white);padding:.2rem .5rem;border-radius:5px;cursor:pointer;display:flex;justify-content:center;align-items:center}.DownloadsTable .TableBody-actionBtn.delete{background-color:#dc3545}.DownloadsTable .TableBody-actionBtn.edit{background-color:#28a745}.DownloadsTable .TableBody-actionBtn.download{background-color:#6c757d}.DownloadsTable .TableBody-actionBtn svg{width:24px;height:24px}.DownloadsTable .TableBody-actionBtn svg path{fill:var(--white)}.DiffusionPopUp .PopUp-header{margin-top:1rem}.DiffusionPopUp-label{margin-top:2rem;width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;font-size:1.2rem;color:var(--colorPrimary);font-family:bold}.DiffusionPopUp-textarea{width:100%;border-radius:5px;border:solid 2px var(--colorPrimary);font-family:regular;padding:.5rem}.MembersCard{list-style:none;display:flex;width:100%;padding:1rem;background-color:var(--white);border-radius:15px;justify-content:space-between;gap:5px}.MembersCard-userBox{display:flex;align-items:center;gap:10px;width:100%}.MembersCard-container{display:flex;justify-content:space-between;align-items:center;width:100%;flex-wrap:wrap}@media only screen and (max-width: 750px){.MembersCard-container{flex-direction:column;gap:.5rem;align-items:flex-start}}.MembersCard-user{font-size:.9rem}@media only screen and (max-width: 750px){.MembersCard-user{order:2}}.MembersCard-presidentLabel{font-size:.7rem;border:solid 1px #856404;padding:3px 10px;border-radius:50px;background-color:#fff3cd;border-color:#ffeeba}@media only screen and (max-width: 750px){.MembersCard-presidentLabel{order:1}}.MembersCard-buttonsBox{display:flex;align-items:center;justify-content:center;gap:10px;margin-left:auto}.MembersCard-button{border:none;background-color:var(--colorPrimary);color:var(--white);padding:.2rem .5rem;border-radius:5px;cursor:pointer;display:flex;justify-content:center;align-items:center}.MembersCard-button.delete{background-color:#dc3545}.MembersCard-button.president{background-color:#ffc107}.MembersCard-button.revoke{background-color:#6c757d}.MembersCard-button svg{width:24px;height:24px}.MembersCard-button svg path{fill:var(--white)}.MembersCard-avatar{width:40px;height:40px;border-radius:100%;overflow:hidden;flex-shrink:0;border:solid 1px rgb(230,230,230)}@media only screen and (max-width: 600px){.MembersCard-avatar{width:35px;height:35px}}.GroupManagerMembers .MemberSection{display:grid;grid-template-columns:1fr;grid-gap:1rem;max-width:900px;margin:0 auto}@media only screen and (max-width: 900px){.GroupManagerMembers .MemberSection{grid-template-columns:1fr}}.GroupManagerMembers .RequestMembershipBtn{background-color:var(--colorPrimary);color:var(--white);font-family:bold;padding:.5rem 1rem;border:none;border-radius:5px;text-decoration:none;font-size:.9rem;text-align:center;width:fit-content;margin-left:auto;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px}@media only screen and (max-width: 600px){.GroupManagerMembers .RequestMembershipBtn{font-size:.9rem;gap:10px;margin-left:0;padding:.5rem 1rem}}.GroupManagerMembers .Members{width:100%}@media only screen and (max-width: 600px){.GroupManagerMembers .Members{margin-top:1rem}}.GroupManagerMembers .Members-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap}@media only screen and (max-width: 350px){.GroupManagerMembers .Members-header{flex-direction:column;gap:1rem}}.GroupManagerMembers .Members-title{font-family:extraBold;font-size:2.5rem;margin:0;color:var(--colorPrimary)}@media only screen and (max-width: 900px){.GroupManagerMembers .Members-title{font-size:1.8rem}}.GroupManagerMembers .Members-list{padding:0;margin:0;list-style:none;width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:1rem}.GroupManagerMembers .Requests{width:100%}@media only screen and (max-width: 600px){.GroupManagerMembers .Requests{margin-top:1rem}}.GroupManagerMembers .Requests-title{font-family:extraBold;font-size:2.5rem;margin:0;margin-bottom:1rem;color:var(--colorPrimary)}@media only screen and (max-width: 900px){.GroupManagerMembers .Requests-title{font-size:1.8rem}}.GroupManagerMembers .Requests-list{padding:0;margin:0;list-style:none;width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:1rem}.GroupManagerMembers .Requests-noRequest{list-style:none;display:flex;width:100%;padding:1rem;background-color:var(--white);border-radius:15px;justify-content:flex-start;align-items:center;gap:20px;min-height:72px}.GroupManagerMembers .Requests-noRequest-icon{width:35px;height:35px}.GroupManagerMembers .Requests-noRequest-icon path{fill:var(--colorPrimary)}.GroupManagerMembers .Requests-noRequest-text{margin:0;font-family:bold;color:var(--colorPrimary);font-size:1.1rem}@media only screen and (max-width: 900px){.GroupManagerMembers .Requests-noRequest-text{font-size:.9rem}}