#scrollfeed[data-virtual-feed="1"],
#scrollfeed[data-virtual-feed="1"] #all-posts,
#scrollfeed[data-virtual-feed="1"] .post-item,
#scrollfeed[data-virtual-feed="1"] .post-item * {
    box-sizing: border-box;
}

#scrollfeed[data-virtual-feed="1"] {
    min-width: 0;
    overflow-x: clip !important;
    transform: translateZ(0);
}

#scrollfeed[data-virtual-feed="1"] #all-posts {
    min-width: 0;
    max-width: 100% !important;
    overflow: visible !important;
}

#scrollfeed[data-virtual-feed="1"] .liveandsigned-feed-spacer,
#scrollfeed[data-virtual-feed="1"] .lazy-load-feed-indicator-top,
#scrollfeed[data-virtual-feed="1"] .lazy-load-feed-indicator-bottom,
#scrollfeed[data-virtual-feed="1"] .lazy-load-feed-indicator {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    pointer-events: none !important;
}

#scrollfeed[data-virtual-feed="1"] .lazy-load-feed-indicator-top,
#scrollfeed[data-virtual-feed="1"] .lazy-load-feed-indicator-bottom {
    height: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
}

@supports not (overflow: clip) {
    #scrollfeed[data-virtual-feed="1"] {
        overflow-x: hidden !important;
    }
}

@media (min-width: 900px) {
    #scrollfeed[data-virtual-feed="1"] #all-posts {
        display: grid !important;
        grid-template-columns: repeat(auto-fit, 377px) !important;
        justify-content: center !important;
        align-items: start !important;
        column-gap: clamp(18px, 2.5vw, 48px) !important;
        row-gap: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        text-align: left !important;
    }

    #scrollfeed[data-virtual-feed="1"] .post-item {
        --las-feed-card-top: 68px;
        --las-feed-control-rail-top: 632px;
        --las-feed-control-rail-height: 45px;
        --las-feed-control-hit-size: 54px;
        display: block !important;
        position: relative !important;
        width: 377px !important;
        height: 677px !important;
        min-height: 677px !important;
        margin: 0 0 64px 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        vertical-align: top !important;
    }

    #scrollfeed[data-virtual-feed="1"] .post-item .creator-post-credentials {
        position: relative !important;
        box-sizing: border-box !important;
        width: 100% !important;
        max-width: 100% !important;
        height: 68px !important;
        min-height: 68px !important;
        left: 0 !important;
        right: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        z-index: 40 !important;
    }

    #scrollfeed[data-virtual-feed="1"] .post-item .creator-post-credentials .creator-profile-icon {
        margin-top: 17px !important;
        transform: none !important;
    }

    #scrollfeed[data-virtual-feed="1"] .post-item .creator-post-credentials .creator-username,
    #scrollfeed[data-virtual-feed="1"] .post-item .creator-post-credentials .post-title {
        box-sizing: border-box !important;
        width: calc(100% - 40px) !important;
        max-width: calc(100% - 40px) !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        transform: translateY(14px) !important;
    }

    #scrollfeed[data-virtual-feed="1"] .post-item > a:has(.flip-container) {
        display: block !important;
        position: absolute !important;
        inset: var(--las-feed-card-top) auto auto 0 !important;
        width: 100% !important;
        height: 564px !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        border-radius: 20px !important;
        z-index: 30 !important;
    }

    #scrollfeed[data-virtual-feed="1"] .post-item .flip-container {
        display: block !important;
        position: absolute !important;
        inset: 0 auto auto 0 !important;
        width: 100% !important;
        height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        border-radius: 20px !important;
        z-index: 30 !important;
    }

    #scrollfeed[data-virtual-feed="1"] .post-item > .flip-container {
        inset: var(--las-feed-card-top) auto auto 0 !important;
        height: 564px !important;
    }

    #scrollfeed[data-virtual-feed="1"] .post-item .flipper,
    #scrollfeed[data-virtual-feed="1"] .post-item .flipper2,
    #scrollfeed[data-virtual-feed="1"] .post-item .front,
    #scrollfeed[data-virtual-feed="1"] .post-item .back {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    #scrollfeed[data-virtual-feed="1"] .post-item .front,
    #scrollfeed[data-virtual-feed="1"] .post-item .back {
        border-radius: 20px !important;
    }

    #scrollfeed[data-virtual-feed="1"] .post-item .front:hover {
        transform: none !important;
    }

    #scrollfeed[data-virtual-feed="1"] .post-item .front .post-type-label {
        display: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }

    #scrollfeed[data-virtual-feed="1"] .post-item .post-video-front-and-back {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

    #scrollfeed[data-virtual-feed="1"] .post-item .under-post-controls {
        position: absolute !important;
        inset: var(--las-feed-control-rail-top) 0 auto 0 !important;
        width: 100% !important;
        height: var(--las-feed-control-rail-height) !important;
        margin: 0 !important;
        padding: 0 !important;
        text-align: right !important;
        pointer-events: none !important;
        z-index: 126 !important;
    }

    #scrollfeed[data-virtual-feed="1"] .post-item .under-post-tools-holder {
        position: absolute !important;
        right: 0 !important;
        top: 0 !important;
        bottom: auto !important;
        width: 58% !important;
        height: var(--las-feed-control-rail-height) !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        pointer-events: auto !important;
        z-index: 127 !important;
    }

    #scrollfeed[data-virtual-feed="1"] .post-item .under-post-tools-holder .control-element,
    #scrollfeed[data-virtual-feed="1"] .post-item .under-post-tools-holder .comment_modal,
    #scrollfeed[data-virtual-feed="1"] .post-item .under-post-tools-holder .info-icon-under-post,
    #scrollfeed[data-virtual-feed="1"] .post-item .under-post-tools-holder .share_post,
    #scrollfeed[data-virtual-feed="1"] .post-item .under-post-tools-holder .dots-menu-under-post {
        position: relative !important;
        inset: auto !important;
        width: 36px !important;
        height: var(--las-feed-control-rail-height) !important;
        min-width: 36px !important;
        margin: 0 !important;
        padding: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        line-height: 1 !important;
        vertical-align: top !important;
    }

    #scrollfeed[data-virtual-feed="1"] .post-item .under-post-tools-holder img {
        display: block !important;
        max-width: 34px !important;
        max-height: 34px !important;
        object-fit: contain !important;
        margin: 0 auto !important;
    }

    #scrollfeed[data-virtual-feed="1"] .post-item .watch-list-icon {
        position: absolute !important;
        top: var(--las-feed-control-rail-top) !important;
        bottom: auto !important;
        left: 0 !important;
        width: 54px !important;
        height: var(--las-feed-control-rail-height) !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        pointer-events: auto !important;
        z-index: 145 !important;
        transform: none !important;
    }

    #scrollfeed[data-virtual-feed="1"] .post-item #add-to-watch-list-holder {
        position: absolute !important;
        inset: 0 auto auto 0 !important;
        width: 54px !important;
        height: var(--las-feed-control-rail-height) !important;
        margin: 0 !important;
        padding: 0 !important;
        z-index: 150 !important;
        pointer-events: auto !important;
        transform: none !important;
    }

    #scrollfeed[data-virtual-feed="1"] .post-item .add-post,
    #scrollfeed[data-virtual-feed="1"] .post-item .save-post-wacthlist-toggle {
        position: absolute !important;
        top: 50% !important;
        right: auto !important;
        bottom: auto !important;
        left: 10px !important;
        width: 30px !important;
        height: 30px !important;
        margin: 0 !important;
        padding: 0 !important;
        z-index: 151 !important;
        pointer-events: auto !important;
        transform: translateY(-50%) !important;
    }

    #scrollfeed[data-virtual-feed="1"] .post-item .add-post.active {
        top: 50% !important;
        left: 8px !important;
        width: 34px !important;
        height: 34px !important;
        border-radius: 7px !important;
        background-position: center center !important;
        background-size: cover !important;
        margin: 0 !important;
        opacity: 1 !important;
        z-index: 153 !important;
        transform: translateY(-50%) !important;
    }

    #scrollfeed[data-virtual-feed="1"] .post-item .add-post.active + .save-post-wacthlist-toggle {
        display: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }

    #scrollfeed[data-virtual-feed="1"] .post-item .save-post-wacthlist-toggle {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        z-index: 152 !important;
    }

    #scrollfeed[data-virtual-feed="1"] .post-item .save-post-wacthlist-toggle img {
        display: block !important;
        width: 30px !important;
        height: 30px !important;
        margin: 0 !important;
        pointer-events: none !important;
        transform: translateY(4px) !important;
    }

    #scrollfeed[data-virtual-feed="1"] .post-item .add-sound,
    #all-posts > .post-item .add-sound {
        position: absolute !important;
        top: calc(var(--las-feed-control-rail-top) - 4.5px) !important;
        bottom: auto !important;
        left: 48px !important;
        width: 64px !important;
        height: var(--las-feed-control-hit-size) !important;
        min-height: var(--las-feed-control-hit-size) !important;
        margin: 0 !important;
        padding: 0 !important;
        line-height: 0 !important;
        overflow: visible !important;
        pointer-events: auto !important;
        touch-action: manipulation !important;
        -webkit-tap-highlight-color: transparent !important;
        -webkit-touch-callout: none !important;
        -webkit-user-select: none !important;
        user-select: none !important;
        cursor: pointer !important;
        z-index: 146 !important;
    }

    #scrollfeed[data-virtual-feed="1"] .post-item .add-sound .contentSound,
    #all-posts > .post-item .add-sound .contentSound {
        position: absolute !important;
        inset: 0 auto auto 0 !important;
        width: 64px !important;
        height: var(--las-feed-control-hit-size) !important;
        margin: 0 !important;
        padding: 0 !important;
        line-height: var(--las-feed-control-hit-size) !important;
        text-align: center !important;
        pointer-events: auto !important;
        z-index: 147 !important;
    }

    #scrollfeed[data-virtual-feed="1"] .post-item .add-sound .contentSound img,
    #all-posts > .post-item .add-sound .contentSound img {
        display: inline-block !important;
        width: 41px !important;
        height: 41px !important;
        margin: 0 !important;
        vertical-align: middle !important;
        pointer-events: none !important;
        transform: translateY(3px) !important;
    }

    #scrollfeed[data-virtual-feed="1"] .post-item .under-post-tools-holder .comment_modal img,
    #scrollfeed[data-virtual-feed="1"] .post-item .under-post-tools-holder #comments-icon-under-post img {
        transform: translateY(-4px) !important;
    }

    #scrollfeed[data-virtual-feed="1"] .post-item .under-post-tools-holder .info-icon-under-post img,
    #scrollfeed[data-virtual-feed="1"] .post-item .under-post-tools-holder .dots-menu-under-post img {
        transform: translateY(1.5px) !important;
    }

    #scrollfeed[data-virtual-feed="1"] .post-item .under-post-tools-holder .share_post img,
    #scrollfeed[data-virtual-feed="1"] .post-item .under-post-tools-holder #share-icon-under-post img {
        transform: translateY(0) !important;
    }
}

@media (max-width: 899px) {
    #scrollfeed[data-virtual-feed="1"] {
        left: auto !important;
        right: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        overflow-x: clip !important;
    }

    #scrollfeed[data-virtual-feed="1"] #all-posts {
        width: 100% !important;
        max-width: 100% !important;
        overflow: visible !important;
    }

    #scrollfeed[data-virtual-feed="1"] .post-item {
        --las-feed-control-rail-height: 44px;
        --las-feed-control-hit-size: 54px;
        display: block !important;
        position: relative !important;
        width: min(79vw, 374px, calc(100vw - 44px)) !important;
        max-width: calc(100vw - 44px) !important;
        min-height: 0 !important;
        height: auto !important;
        padding: 0 !important;
        margin-left: auto !important;
        margin-right: auto !important;
        margin-bottom: calc(22px + env(safe-area-inset-bottom)) !important;
        overflow: visible !important;
        scroll-margin-top: calc(92px + env(safe-area-inset-top)) !important;
        scroll-margin-bottom: calc(104px + env(safe-area-inset-bottom)) !important;
    }

    #scrollfeed[data-virtual-feed="1"] .post-item .creator-post-credentials {
        box-sizing: border-box !important;
        width: 100% !important;
        max-width: 100% !important;
        left: 0 !important;
        right: auto !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-bottom: 0 !important;
        overflow: hidden !important;
        z-index: 40 !important;
    }

    #scrollfeed[data-virtual-feed="1"] .post-item .creator-post-credentials .creator-profile-icon {
        transform: translateY(14px) !important;
    }

    #scrollfeed[data-virtual-feed="1"] .post-item .creator-post-credentials .creator-username,
    #scrollfeed[data-virtual-feed="1"] .post-item .creator-post-credentials .post-title {
        box-sizing: border-box !important;
        width: calc(100% - 40px) !important;
        max-width: calc(100% - 40px) !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        transform: translateY(14px) !important;
    }

    #scrollfeed[data-virtual-feed="1"] .post-item > a:has(.flip-container) {
        display: block !important;
        position: relative !important;
        width: 100% !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    #scrollfeed[data-virtual-feed="1"] .post-item .flip-container {
        display: block !important;
        position: relative !important;
        inset: auto !important;
        width: 100% !important;
        aspect-ratio: 2 / 3 !important;
        height: auto !important;
        margin: 50px 0 0 0 !important;
        overflow: hidden !important;
        border-radius: 20px !important;
        z-index: 30 !important;
    }

    #scrollfeed[data-virtual-feed="1"] .post-item .flipper,
    #scrollfeed[data-virtual-feed="1"] .post-item .flipper2,
    #scrollfeed[data-virtual-feed="1"] .post-item .front,
    #scrollfeed[data-virtual-feed="1"] .post-item .back {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    #scrollfeed[data-virtual-feed="1"] .post-item .post-video-front-and-back {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

    #scrollfeed[data-virtual-feed="1"] .post-item .under-post-controls {
        position: relative !important;
        width: 100% !important;
        height: var(--las-feed-control-rail-height) !important;
        margin: 6px 0 0 0 !important;
        padding: 0 !important;
        pointer-events: none !important;
        z-index: 126 !important;
    }

    #scrollfeed[data-virtual-feed="1"] .post-item .under-post-tools-holder {
        position: absolute !important;
        right: 0 !important;
        top: 0 !important;
        bottom: auto !important;
        width: 58% !important;
        height: var(--las-feed-control-rail-height) !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        pointer-events: auto !important;
        z-index: 127 !important;
    }

    #scrollfeed[data-virtual-feed="1"] .post-item .under-post-tools-holder .control-element,
    #scrollfeed[data-virtual-feed="1"] .post-item .under-post-tools-holder .comment_modal,
    #scrollfeed[data-virtual-feed="1"] .post-item .under-post-tools-holder .info-icon-under-post,
    #scrollfeed[data-virtual-feed="1"] .post-item .under-post-tools-holder .share_post,
    #scrollfeed[data-virtual-feed="1"] .post-item .under-post-tools-holder .dots-menu-under-post {
        position: relative !important;
        inset: auto !important;
        width: 36px !important;
        height: var(--las-feed-control-rail-height) !important;
        min-width: 36px !important;
        margin: 0 !important;
        padding: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        line-height: 1 !important;
    }

    #scrollfeed[data-virtual-feed="1"] .post-item .watch-list-icon {
        position: absolute !important;
        left: 0 !important;
        bottom: 0 !important;
        width: 54px !important;
        height: var(--las-feed-control-rail-height) !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        pointer-events: auto !important;
        z-index: 145 !important;
        transform: none !important;
    }

    #scrollfeed[data-virtual-feed="1"] .post-item #add-to-watch-list-holder {
        position: absolute !important;
        inset: 0 auto auto 0 !important;
        width: 54px !important;
        height: var(--las-feed-control-rail-height) !important;
        margin: 0 !important;
        padding: 0 !important;
        pointer-events: auto !important;
        z-index: 150 !important;
        transform: none !important;
    }

    #scrollfeed[data-virtual-feed="1"] .post-item .add-post,
    #scrollfeed[data-virtual-feed="1"] .post-item .save-post-wacthlist-toggle {
        position: absolute !important;
        top: 50% !important;
        left: 10px !important;
        right: auto !important;
        bottom: auto !important;
        width: 30px !important;
        height: 30px !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: translateY(-50%) !important;
        pointer-events: auto !important;
    }

    #scrollfeed[data-virtual-feed="1"] .post-item .add-post.active {
        top: 50% !important;
        left: 8px !important;
        width: 34px !important;
        height: 34px !important;
        border-radius: 7px !important;
        background-position: center center !important;
        background-size: cover !important;
        transform: translateY(-50%) !important;
        opacity: 1 !important;
        z-index: 153 !important;
    }

    #scrollfeed[data-virtual-feed="1"] .post-item .add-post.active + .save-post-wacthlist-toggle {
        display: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }

    #scrollfeed[data-virtual-feed="1"] .post-item .save-post-wacthlist-toggle {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        z-index: 152 !important;
    }

    #scrollfeed[data-virtual-feed="1"] .post-item .add-sound,
    #all-posts > .post-item .add-sound {
        position: absolute !important;
        left: 48px !important;
        bottom: -5px !important;
        top: auto !important;
        width: 64px !important;
        height: var(--las-feed-control-hit-size) !important;
        min-height: var(--las-feed-control-hit-size) !important;
        margin: 0 !important;
        padding: 0 !important;
        line-height: 0 !important;
        overflow: visible !important;
        pointer-events: auto !important;
        touch-action: manipulation !important;
        -webkit-tap-highlight-color: transparent !important;
        -webkit-touch-callout: none !important;
        -webkit-user-select: none !important;
        user-select: none !important;
        cursor: pointer !important;
        z-index: 146 !important;
    }

    #scrollfeed[data-virtual-feed="1"] .post-item .add-sound .contentSound,
    #all-posts > .post-item .add-sound .contentSound {
        position: absolute !important;
        inset: 0 auto auto 0 !important;
        width: 64px !important;
        height: var(--las-feed-control-hit-size) !important;
        margin: 0 !important;
        padding: 0 !important;
        line-height: var(--las-feed-control-hit-size) !important;
        text-align: center !important;
        pointer-events: auto !important;
        z-index: 147 !important;
    }
}

@media (max-width: 400px) {
    #scrollfeed[data-virtual-feed="1"] .post-item .add-sound,
    #all-posts > .post-item .add-sound {
        left: 36px !important;
    }
}

@media (hover: none) and (pointer: coarse) {
    #scrollfeed[data-virtual-feed="1"] .post-item .add-sound,
    #all-posts > .post-item .add-sound,
    #scrollfeed[data-virtual-feed="1"] .post-item .add-sound .contentSound,
    #all-posts > .post-item .add-sound .contentSound {
        width: 54px !important;
    }
}