.action-bar{margin-bottom:30px}.action-bar .filter-box{margin:0;justify-content:unset}.action-buttons{display:flex;gap:8px;justify-content:right;margin-bottom:8px}.group-category-admin-button,a.group-create-button{padding:0 16px;line-height:31px;height:32px;margin-bottom:0;background:var(--primary-button-bg);color:var(--on-primary-btn)!important;border-radius:8px;font-size:12px}.groups-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.group-item{padding:16px;border-radius:16px;background:rgba(157,185,212,.06);border:1px solid rgba(155,155,155,.3)}.group-item:hover{background:rgba(157,185,212,.12);border:1px solid rgba(155,155,155,.4)}.group-item-header{display:flex;align-items:center;justify-content:space-between}.group-item-logo{display:inline-block;position:relative;height:60px;width:60px;border-radius:100%;overflow:hidden}.group-item-logo img{height:100%!important;width:100%;object-fit:cover}.group-item-join-link{display:inline-block;padding:6px 12px;font-size:13px;background:#6db6e8;color:#000!important;font-weight:400;border-radius:6px}.group-item-join-link.joined{background:#c896e6}.group-item-name{font-size:16px;font-weight:700;margin:8px 0;display:block}.group-item-name:not(:hover){color:#333!important}.dark-theme .group-item-name:not(:hover){color:#eee!important}.group-item-description{font-size:12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.group-item-stats{font-size:12px;margin-top:6px;font-weight:700}.group-categories-wrapper{position:relative;margin:16px auto;width:100%;max-width:calc(100vw - 52px)}.arrow{width:60px;height:30px;color:#000;border:none;cursor:pointer;font-size:24px;font-weight:700;display:inline-block;z-index:1;position:absolute;top:8px;font-family:'Material Symbols Rounded'}.dark-theme .arrow{color:#fff}.arrow.left{left:-1px;background:linear-gradient(to left,transparent 0,#fff 70%);text-align:left}.dark-theme .arrow.left{background:linear-gradient(to left,transparent 0,#25282a 70%)}.arrow.left::before{content:'\e5e0'}.arrow.right{right:-1px;background:linear-gradient(to right,transparent 0,#fff 70%);text-align:right}.dark-theme .arrow.right{background:linear-gradient(to right,transparent 0,#25282a 70%)}.arrow.right::before{content:'\e5e1'}.arrow.hidee{visibility:hidden}.group-categories{display:flex;padding:8px 0;width:100%;flex-wrap:nowrap;align-items:center;list-style:none;overflow:hidden;overflow-x:auto;scrollbar-width:none;margin:0}ul.group-categories li.all{margin-left:16px;padding-left:16px;border-left:2px solid #999}.group-categories a{min-width:max-content;padding:0 16px;line-height:30px;border-radius:6px;display:inline-block;color:#333;font-size:12px}.dark-theme .group-categories a{color:#eee}.group-categories a.active{background:var(--primary-button-bg);color:var(--on-primary-btn)!important}.my-group-item{display:flex;gap:8px;margin-bottom:16px}.my-group-item:last-child{margin-bottom:0}.my-group-item.selected{background:rgba(155,155,155,.2);padding:8px;margin:-8px -8px 8px -8px;border-radius:8px}.my-group-item-logo{flex-basis:30px;height:30px;width:30px;flex-shrink:0;border-radius:6px;overflow:hidden;position:relative}.my-group-item-logo img{position:absolute;width:100%;height:100%!important;object-fit:cover}.my-group-item-name{font-size:14px;line-height:30px}.my-group-item-name:not(:hover){color:#333!important}.dark-theme .my-group-item-name:not(:hover){color:#eee!important}@media (max-width:700px){.groups-grid{grid-template-columns:1fr 1fr}}@media (max-width:629.9px){.groups-grid{padding:16px}}@media (max-width:450px){.groups-grid{grid-template-columns:1fr}}