@media (max-width: 640px) {
        .facenimal-community-mobile-groups-modal .facenimal-community-groups-create {
            font-size: 11px;
            min-height: 30px;
            padding: 0 9px;
        }

        .facenimal-community-single-comment-bar {
            bottom: 70px;

        }
        .facenimal-community-modal {
            padding: calc(76px + env(safe-area-inset-top)) 12px calc(86px + env(safe-area-inset-bottom));
            place-items: center;
        }

        .facenimal-community-modal-panel {
            max-height: calc(100dvh - 170px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
            padding: 14px;
        }

        .facenimal-community-composer-actions {
            align-items: stretch;
            flex-direction: column;
        }

        .facenimal-community-post-head {
            align-items: flex-start;
        }

        .facenimal-community-composer {
            top: 55px;
        }

        .facenimal-community-composer-head {
            align-items: center;
            gap: 5px;
        }

        .facenimal-community-composer-actions-head {
            gap: 5px;
        }

        .facenimal-community-composer-user {
            display: none;
        }

        .facenimal-community-composer-head .facenimal-community-avatar {
            height: 38px;
            width: 38px;
        }

        .facenimal-community-composer-quick-photo,
        .facenimal-community-create-toggle,
        .facenimal-community-composer-groups-toggle,
        .facenimal-community-composer-more-toggle {
            height: 38px;
            width: 38px;
        }

        .facenimal-community-composer-groups-toggle {
            display: inline-flex;
        }

        .facenimal-community-post-owner-actions {
            flex-direction: row;
        }

        .facenimal-community-photo-hint {
            display: none;
        }

        .facenimal-community-photo-button,
        .facenimal-community-submit {
            justify-content: center;
            width: 100%;
        }

        .facenimal-community-photo-preview {
            align-items: flex-start;
        }

        .facenimal-community-photo-preview-grid,
        .facenimal-community-edit-media-grid,
        .facenimal-community-edit-media-combined-grid {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }

        .facenimal-community-lightbox {
            padding: 12px;
        }

        .facenimal-community-lightbox img {
            max-width: 94vw;
        }

        .facenimal-community-comment-image-button {
            max-width: 220px;
        }

        .facenimal-community-comment-image {
            width: 180px;
        }
    }
@media (max-width: 1080px) {
    .facenimal-community-shell {
        display: block;
        max-width: 640px;
    }

    .facenimal-community-composer-groups-toggle {
        display: inline-flex;
    }

    .facenimal-community-groups-panel {
        display: none;
    }

    .facenimal-community-group-filter {
        background: #f8fafc;
        border: 1px solid #e4e7ec;
        flex: 0 0 auto;
        white-space: nowrap;
    }

}