.normal-groups-container{width:100%;margin:0 auto 24px;font-family:Inter,sans-serif}.normal-group{width:100%;margin-bottom:16px;margin-left:2px;position:relative}.normal-group-card{cursor:pointer;background:linear-gradient(to bottom right,#fff,#f8fbff);border:1px dashed #1976d2;border-radius:2px;width:100%;height:230px;margin-top:-1px;margin-left:-1px;position:relative;overflow:hidden}.normal-group-card:hover{border-style:solid}.normal-group-number{z-index:10;background-color:#f0f7ff;border:1.5px solid #1976d2;border-radius:1px 4px 4px 1px;justify-content:center;align-items:center;height:20px;padding:0 6px;display:flex;position:absolute;top:8px;left:8px}.normal-group-number span{color:#0d47a1;letter-spacing:.05em;font-size:10px;font-weight:800}.normal-group-external-link{cursor:pointer;z-index:10;background-color:#f0f7ff;border:.5px solid #e1e7ef;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;padding:0;display:flex;position:absolute;top:8px;right:8px}.normal-group-external-link:hover{background-color:#f8f9fb}.normal-group-avatar{background-color:#fff;border:1px solid #e1e7ef;border-radius:50%;width:70px;height:70px;position:absolute;top:15px;left:15px;overflow:hidden}.normal-group-avatar:hover{transform:scale(1.05)}.normal-group-avatar img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.normal-group-default-avatar{background-color:#f0f7ff;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.normal-group-info{position:absolute;top:15px;left:95px;right:15px}.normal-group-title-container{align-items:center;display:flex}.normal-group-title{color:#2c3e50;white-space:nowrap;text-overflow:ellipsis;margin:0;padding:0;font-family:Inter,sans-serif;font-size:22px;font-weight:600;overflow:hidden}.normal-group-card:hover .normal-group-title{color:#1976d2}.normal-group-verified{flex-shrink:0;margin-left:8px}.normal-group-stats{align-items:center;gap:12px;margin-top:10px;display:flex}.normal-group-badge{border:1px solid #e1e7ef;border-radius:9999px;align-items:center;padding:4px 12px;display:flex}.normal-group-members{background-color:#1976d214}.normal-group-members span{color:#1976d2;margin-left:6px;font-size:17px;font-weight:500}.normal-group-rating span{margin-left:6px;font-size:17px;font-weight:500}.normal-group-rating span:first-child{margin-left:0}.normal-group-description{padding:0 5px;position:absolute;inset:105px 15px 25px}.normal-group-description p{color:#333;text-align:justify;width:100%;margin:0;padding-right:8px;font-size:18px;line-height:1.6}.normal-group-description-highlight{text-transform:capitalize;font-weight:500}@media (min-width:768px){.normal-groups-container{grid-template-columns:1fr 1fr;gap:16px;width:90%;display:grid}}@media (min-width:1024px){.normal-groups-container{grid-template-columns:1fr 1fr 1fr;gap:16px;width:88%;display:grid}.normal-group-description p{font-size:16px}}@media (min-width:1280px){.normal-groups-container{width:84%}}@media (min-width:1536px){.normal-groups-container{width:80%}.normal-group-description p{font-size:18px}}
.featured-groups-container{width:100%;margin:0 auto 24px;font-family:Inter,sans-serif}.featured-group{width:100%;margin-bottom:16px;margin-left:2px;position:relative}.featured-group-card{cursor:pointer;background-color:#fff8dc;border:1px dashed #ff8c00;border-left:4px solid #ff8c00;border-radius:2px;width:calc(100% - 4px);height:230px;margin-top:-1px;margin-left:-1px;position:relative;overflow:hidden}.featured-group-card:hover{border-style:solid}.featured-group-number{z-index:10;background-color:#fff8e1;border:1.5px solid #ff8c00;border-radius:1px 4px 4px 1px;justify-content:center;align-items:center;height:20px;padding:0 6px;display:flex;position:absolute;top:8px;left:16px}.featured-group-number span{color:#b33d00;letter-spacing:.05em;font-size:10px;font-weight:800}.featured-group-label{color:#b33d00;writing-mode:vertical-lr;text-orientation:mixed;font-family:Inter,sans-serif;font-size:8px;font-weight:500;position:absolute;top:9px;left:0}.featured-group-external-link{cursor:pointer;z-index:10;background-color:#fff8e1;border:.5px solid #e1e7ef;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;padding:0;display:flex;position:absolute;top:8px;right:8px}.featured-group-external-link:hover{background-color:#f8f9fb}.featured-group-avatar{background-color:#fff;border:1px solid #e1e7ef;border-radius:50%;width:70px;height:70px;position:absolute;top:15px;left:15px;overflow:hidden}.featured-group-avatar:hover{transform:scale(1.05)}.featured-group-avatar img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.featured-group-default-avatar{background-color:#f0f7ff;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.featured-group-info{position:absolute;top:15px;left:95px;right:15px}.featured-group-title-container{align-items:center;display:flex}.featured-group-title{color:#2c3e50;white-space:nowrap;text-overflow:ellipsis;margin:0;padding:0;font-family:Inter,sans-serif;font-size:22px;font-weight:600;overflow:hidden}.featured-group-card:hover .featured-group-title{color:#ff8c00}.featured-group-verified{flex-shrink:0;margin-left:8px}.featured-group-stats{align-items:center;gap:12px;margin-top:10px;display:flex}.featured-group-badge{border:1px solid #e1e7ef;border-radius:9999px;align-items:center;padding:4px 12px;display:flex}.featured-group-members{background-color:#1976d21f}.featured-group-members span{color:#0d47a1;margin-left:6px;font-size:17px;font-weight:500}.featured-group-rating span{margin-left:6px;font-size:17px;font-weight:500}.featured-group-rating span:first-child{margin-left:0}.featured-group-description{padding:0 5px;position:absolute;inset:105px 15px 25px}.featured-group-description p{color:#333;text-align:justify;width:100%;margin:0;padding-right:8px;font-size:18px;line-height:1.6}.featured-group-description-highlight{text-transform:capitalize;font-weight:500}@media (min-width:768px){.featured-groups-container{grid-template-columns:1fr 1fr;gap:16px;width:calc(90% - 4px);display:grid}}@media (min-width:1024px){.featured-groups-container{grid-template-columns:1fr 1fr 1fr;gap:16px;width:calc(88% - 4px);display:grid}.featured-group-description p{font-size:16px}}@media (min-width:1280px){.featured-groups-container{width:calc(84% - 4px)}}@media (min-width:1536px){.featured-groups-container{width:calc(80% - 4px)}.featured-group-description p{font-size:18px}}