.groups_groups_wrapper__M54f_{width:100%;display:flex;max-width:20vw;flex-direction:column;align-items:center;overflow-x:hidden;background-color:#fff;border-radius:0 20px 20px 0;box-shadow:4px 0 8px -4px rgba(0,0,0,.1);height:100vh}.groups_add__mcVmN{width:75px;height:75px;background-color:#000000;border-radius:100%}.groups_groups_title__1d_YP{font-weight:600;font-size:3em;padding:2vw;color:hsl(204,19%,26%);text-shadow:0 2px 2px rgba(0,0,0,.2)}.groups_groups_name__tGLAJ{font-size:.9em;padding:1rem;text-align:center}.groups_groups__Dtf84{padding:10px;display:flex;flex-direction:column}.groups_groupnav__qYVPP{padding:.5em 1em;text-align:left;font-size:1.25em;font-weight:400;display:flex;align-items:center;flex-direction:row;gap:.5rem}.groups_groupnav__qYVPP a:hover{color:#ecf0f1;cursor:pointer}.groups_groupnav__qYVPP a:first-child{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:inherit}.groups_groupnav__qYVPP img{border-radius:50%}.groups_groups_button__A6aHs{max-width:17vw;padding:0 0 1em;display:flex;flex-direction:column;align-items:center}.groups_groups_button__A6aHs button:hover{cursor:pointer;color:#36454F;background-color:#fff;border:.1px solid #36454f}.groups_groups_button__A6aHs button{margin-top:10px}.groups_active__vDp8C{-webkit-text-decoration-line:underline;text-decoration-line:underline}.groups_e__WuGK_{color:#36454F}.groups_groups_header__JD8wG{border-bottom:.5px solid #ddd}.groups_input__LnvtH{padding:10px;width:75%;border:1px solid #36454f;border-radius:10px;max-width:15vw}.groups_groups_wrapper__M54f_ h1{font-size:2rem;padding:20px}.groups_groups_wrapper__M54f_ button{margin-top:auto;margin-bottom:3rem}.groups_slideOutTopToBottom__9yKzi button,.groups_slideOutTopToBottom__9yKzi h3{width:100%;box-sizing:border-box;max-width:100%}.groups_slideOutTopToBottom__9yKzi h3{padding:0 1rem}.groups_buttonContainer__rABvE{padding-top:10px;display:flex;flex-direction:column;align-items:center}@media (max-width:768px){.groups_groups_wrapper__M54f_{max-width:none}.groups_wrapper__zjFzZ{flex-direction:column;align-items:center;justify-content:flex-start;padding:1rem}.groups_groups__Dtf84,.groups_groups_button__A6aHs,.groups_groups_name__tGLAJ{width:100%;max-width:600px;margin:0 auto}}@keyframes groups_slideOutTopToBottom__9yKzi{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.groups_slideOutTopToBottom__9yKzi{display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:15vw;animation:groups_slideOutTopToBottom__9yKzi 2s ease-in-out forwards}.groups_slideOutTopToBottom__9yKzi input{max-width:100%}@font-face{font-family:Montserrat;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/3f69592b2fe603c7-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Montserrat;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/6325a8417175c41d-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Montserrat;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/021bc4481ed92ece-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Montserrat;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/99b7f73d5af7c3e2-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Montserrat;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/4f05ba3a6752a328-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Montserrat Fallback;src:local("Arial");ascent-override:85.79%;descent-override:22.25%;line-gap-override:0.00%;size-adjust:112.83%}.__className_4bc053{font-family:Montserrat,Montserrat Fallback;font-style:normal}