/* _content/TerminalApp.Client/Pages/Feed.razor.rz.scp.css */
[b-1nqxs4uuwb] .swipe-area {
    height: 100vh; /* Fallback */
}

[b-1nqxs4uuwb]  @supports (height: 100dvh) {
    .swipe-area {
        height: 100dvh;
    }
}

.feed-content-surface[b-1nqxs4uuwb] {
    background: rgba(15, 23, 42, 0.25);
}

.feed-item[b-1nqxs4uuwb] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    will-change: transform, opacity;
    backface-visibility: hidden;
}

.feed-item.current[b-1nqxs4uuwb] {
    z-index: 2;
    opacity: 1;
    background-color: transparent;
}

.feed-item.hidden[b-1nqxs4uuwb] {
    display: none;
}

/* Smooth slide animations */
.feed-item.slide-in-up[b-1nqxs4uuwb] {
    animation: slideInUp-b-1nqxs4uuwb 0.5s ease-in-out forwards;
}

.feed-item.slide-out-up[b-1nqxs4uuwb] {
    animation: slideOutUp-b-1nqxs4uuwb 0.5s ease-in-out forwards;
}

.feed-item.slide-in-down[b-1nqxs4uuwb] {
    animation: slideInDown-b-1nqxs4uuwb 0.5s ease-in-out forwards;
}

.feed-item.slide-out-down[b-1nqxs4uuwb] {
    animation: slideOutDown-b-1nqxs4uuwb 0.5s ease-in-out forwards;
}

@keyframes slideInUp-b-1nqxs4uuwb {
    from {
        transform: translateY(100%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes slideOutUp-b-1nqxs4uuwb {
    from {
        transform: translateY(0);
        opacity: 1;
    }
    to {
        transform: translateY(-100%);
        opacity: 0;
    }
}

@keyframes slideInDown-b-1nqxs4uuwb {
    from {
        transform: translateY(-100%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes slideOutDown-b-1nqxs4uuwb {
    from {
        transform: translateY(0);
        opacity: 1;
    }
    to {
        transform: translateY(100%);
        opacity: 0;
    }
}