@import"https://fonts.googleapis.com/css2?family=Patrick+Hand&display=swap";@import"https://fonts.googleapis.com/css2?family=Pacifico&display=swap";:root{--breakpoint-mobile:480px;--breakpoint-tablet:768px;--breakpoint-desktop:979px}.group-management-container{height:100%;width:100%}.group-management-container .group-controls{display:flex;width:100%;padding:1rem 1rem 1rem 5rem;border-bottom:1px solid #b1b1b1;background-color:var(--backgroundDark);box-shadow:0 3px 6px -5px rgba(0,0,0,.2);align-items:center;justify-content:space-between}.group-management-container .group-controls .search-container{display:flex;align-items:center;gap:5px}.group-management-container .group-controls .button-container.icon-only-container{height:25px!important;width:25px!important;margin-top:-5px}.group-management-container .group-controls .icon-only-button svg{font-size:15px}.group-management-container .group-controls .icon-button{box-shadow:0 2px 6px rgba(0,0,0,.1),0 4px 8px rgba(0,0,0,.05)}.group-management-container .group-controls .dropdown-container{margin:0;height:40px}.group-management-container .group-controls .filter-toggles{display:flex;border:1px solid #b1b1b1;border-radius:5px;background-color:var(--background);transition:all .2s ease-in-out}.group-management-container .group-controls .filter-toggles .toggle{display:flex;align-items:center;justify-content:center;border-right:1px solid #b1b1b1;width:80px;height:40px}.group-management-container .group-controls .filter-toggles .toggle:hover{color:var(--highlight);cursor:pointer}.group-management-container .group-controls .filter-toggles .toggle:first-of-type{border-radius:5px 0 0 5px}.group-management-container .group-controls .filter-toggles .toggle:last-of-type{border-right:none;border-radius:0 5px 5px 0}.group-management-container .group-controls .filter-toggles .toggle.selected{box-shadow:inset 0 0 12px rgba(0,0,0,.15);font-weight:600}.group-management-container .groups-container{display:grid;grid-template-columns:1fr 300px;align-items:start;width:100%;height:100%}.group-management-container .groups-container .group-list{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;padding:2rem;height:fit-content;width:100%}.group-management-container .groups-container .group-list.no-groups{display:block}.group-management-container .groups-container .group-management-panel{border-left:1px solid #b1b1b1;background-color:var(--backgroundDark);box-shadow:-4px 0 4px -4px rgba(0,0,0,.2);height:100%}.user-group-card{display:flex;flex-direction:column;gap:10px;padding:10px;background-color:var(--background);border:1px solid #b1b1b1;border-radius:5px;box-shadow:0 2px 6px rgba(0,0,0,.1),0 4px 8px rgba(0,0,0,.05);max-height:400px}.user-group-card:hover{border-color:var(--highlight);box-shadow:0 4px 8px rgba(0,0,0,.2),0 6px 20px rgba(0,0,0,.15)}.user-group-card.selected{box-shadow:0 0 8px 3px color-mix(in srgb,var(--highlightSubtle) 30%,transparent);border-color:var(--highlight);background-color:var(--backgroundDark)}.user-group-card.selected:hover{box-shadow:0 0 14px 4px color-mix(in srgb,var(--highlightSubtle) 45%,transparent)}.user-group-card .group-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #b1b1b1;padding-bottom:10px}.user-group-card .group-header .group-status-indicator{background-color:#e8e8e8;border:1px solid #b1b1b1;border-radius:100vh;padding:2px 6px;font-size:12px}.user-group-card .group-header .group-status-indicator.active{color:#1c7245;background-color:#e9fef4;border-color:#1c7245}.user-group-card .group-header .group-status-indicator.archived{color:#721c24;background-color:#fddee2;border-color:#721c24}.user-group-card .group-body{display:flex;flex-direction:column;justify-content:flex-start;gap:10px;padding:0 5px}.user-group-card .group-body .group-description{font-weight:600;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em}.user-group-card .group-body .member-preview{display:flex;gap:10px}.user-group-card .group-body .member-preview .member-pill{background-color:var(--backgroundDark);border:1px solid #b1b1b1;border-radius:100vh;padding:0 6px;font-size:14px}.user-group-card .group-body .member-preview .member-pill.no-member{border-color:#b34700;color:#b34700}.user-group-card .group-body .member-count{font-weight:0;color:#6c757d;font-style:italic}.user-group-editor-container{display:flex;flex-direction:column;gap:.5rem;padding:1rem}.user-group-editor-container.empty{color:#b34700}.user-group-editor-container .group-name{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #b1b1b1;padding-bottom:1rem;margin-bottom:1rem;position:relative}.user-group-editor-container .group-name .button-container.icon-only-container{height:30px!important;width:30px!important}.user-group-editor-container .group-name .icon-only-button svg{font-size:20px}.user-group-editor-container .group-name .context-menu{position:absolute;bottom:-25px;right:20px;background-color:rgba(40,40,40,.9);padding:5px 10px;border-radius:5px;transition:all .2s ease-in-out}.user-group-editor-container .group-name .context-menu .menu-item{color:#f5f5f5}.user-group-editor-container .group-name .context-menu .menu-item:hover{color:var(--highlightSubtle);cursor:pointer}.user-group-editor-container .group-name .context-menu .menu-item:hover.destructive{color:#b34700}.user-group-editor-container .section-title{font-weight:600}.user-group-editor-container .current-members-list{display:flex;flex-direction:column;background-color:var(--background);border:1px solid var(--primary);border-radius:5px;box-shadow:0 2px 6px rgba(0,0,0,.1),0 4px 8px rgba(0,0,0,.05);overflow-y:auto;overflow-x:hidden;height:200px}.user-group-editor-container .current-members-list .dropdown-container{margin-top:5px;margin-bottom:10px;height:40px}.user-group-editor-container .current-members-list .member-card{display:grid;grid-template-columns:1fr 25px 25px;align-items:center;height:30px;padding:0 4px;transition:all .1s ease-in-out;background-color:var(--background)}.user-group-editor-container .current-members-list .member-card.highlighted{box-shadow:0 4px 8px rgba(0,0,0,.2),0 6px 20px rgba(0,0,0,.15);background-color:var(--highlight);color:#f5f5f5}.user-group-editor-container .current-members-list .member-card:hover{border-color:var(--highlight);cursor:pointer}.user-group-editor-container .current-members-list .member-card .button-container.icon-only-container{height:25px!important;width:25px!important;opacity:0;pointer-events:none;transition:opacity .1s ease-in-out}.user-group-editor-container .current-members-list .member-card .icon-only-button{height:25px!important;width:25px!important}.user-group-editor-container .current-members-list .member-card .icon-only-button.trash{color:var(--primary)}.user-group-editor-container .current-members-list .member-card .icon-only-button.trash:hover{color:#a81221}.user-group-editor-container .current-members-list .member-card:hover{background-color:var(--highlightSubtle)}.user-group-editor-container .current-members-list .member-card:hover .button-container.icon-only-container{opacity:1;pointer-events:auto}