.community-modal{background:#121212;height:100vh;inset:0;overflow:hidden;padding:12px;position:fixed;width:100%}.community-modal .community-header{align-items:center;display:flex;justify-content:space-between}.community-modal .community-content{height:calc(100dvh - 168px)!important;margin-top:36px;overflow-y:scroll;position:relative}.community-modal .community-content .fill-page{background:#386bf6;border-radius:64px;height:24px;min-width:24px;width:24px}.community-modal .community-content .infill-page{background:#6b6b6b;border-radius:64px;height:24px;width:24px}.community-modal .community-content .check-circle{background:#00a557;border-radius:64px;height:24px;min-width:24px;width:24px}.community-modal .community-content .h-line{background:#8c8c8c;height:1px;width:100%}.community-modal .community-footer{background-color:#121212;bottom:0;display:flex;height:calc(75px + env(safe-area-inset-bottom,0));justify-content:space-between;left:0;padding-left:12px;padding-right:12px;position:fixed;right:0;width:100%;z-index:10}.community-modal .community-footer .next-btn,.community-modal .community-footer .prev-btn{border-radius:100px;gap:24px;height:52px;padding:8px 16px 8px 24px}.community-modal .community-footer .active-next-btn{background:#386bf6;color:#fafaf9}.community-modal .community-footer .deactivate-next-btn{background:#222;color:#6b6b6b}@media (min-width:768px) and (max-width:1366px){.community-footer,.community-modal{margin:0 auto;max-width:720px}}@media (min-width:1367px){.community-footer,.community-modal{margin:0 auto;max-width:960px}}.center-text[data-v-e8290fd7]{float:left;left:50%;position:relative;top:50%;transform:translate(-50%,-50%)}.cards-modal[data-v-e8290fd7]{background:#121212;height:100%;overflow-x:hidden;position:fixed;top:0;width:0}.cards-modal .img-hw[data-v-e8290fd7]{border-radius:32px;height:32px;position:relative;width:32px}.cards-modal .cards-header[data-v-e8290fd7]{align-items:center;display:flex;justify-content:space-between;padding:16px 12px 0}.cards-modal .close-btn[data-v-e8290fd7]{cursor:pointer;font-size:36px}.cards-modal .cards-content[data-v-e8290fd7]{padding:12px 12px 100px;position:relative}.grid-container[data-v-e8290fd7]{display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.grid-container .active-card[data-v-e8290fd7]{border:2px solid #386bf6}.grid-container .community-active-card[data-v-e8290fd7]{border:2px solid #00b4dd}.grid-container .grid-item[data-v-e8290fd7]{background:#6b6b6b;border-radius:12px;flex-direction:column;gap:8px;height:178px;overflow:hidden}.grid-container .grid-item .image-container[data-v-e8290fd7]{height:178px;position:relative;width:100%}.grid-container .grid-item .image-container .sub-img[data-v-e8290fd7]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.grid-container .grid-item .badge[data-v-e8290fd7]{border-radius:15px;bottom:4px;gap:4px;left:4px;padding:2px 8px;position:absolute}.grid-container .grid-item .community-connected-badge[data-v-e8290fd7]{bottom:17%;left:4px;position:absolute}.grid-container .grid-item .community-connected-badge .community-title[data-v-e8290fd7]{border-radius:15px;gap:4px;padding:2px 8px}.grid-container .grid-item .community-connected-badge .link-profile[data-v-e8290fd7]{border-radius:50%;bottom:17%;height:22px;min-width:22px;width:22px}.grid-container .grid-item .badge-inactive[data-v-e8290fd7]{background:#222}.grid-container .grid-item .community-badge-img[data-v-e8290fd7]{background:#fafaf9}.grid-container .grid-item .badge-active[data-v-e8290fd7]{background:#386bf6}.grid-container .grid-item .community-badge-active[data-v-e8290fd7]{background:#00b4dd}.grid-container .create-new-card[data-v-e8290fd7]{border:1px dashed #8c8c8c;border-radius:12px;flex-direction:column;gap:8px;height:178px;padding:4px;position:relative}.grid-container .create-new-card .circle-badge[data-v-e8290fd7]{background:#386bf6;border-radius:50%;height:36px;width:36px}.grid-container .create-new-card .circle-badge-grey[data-v-e8290fd7]{background:#6b6b6b;border-radius:50%;height:36px;width:36px}.grid-container .create-new-card .bottom-left-text[data-v-e8290fd7]{background:#6b6b6b;border-radius:15px;bottom:4px;left:4px;padding:2px 8px;position:absolute}@media (max-width:600px){.cards-modal[data-v-e8290fd7]{max-width:100%;width:100%}}@media (min-width:768px) and (max-width:1366px){.cards-modal[data-v-e8290fd7]{max-width:720px}}@media (min-width:1367px){.cards-modal[data-v-e8290fd7]{max-width:960px}}