.oh-fb-wrapper{
    position:relative;
    width:100%;
    box-sizing:border-box;
}

.oh-fb-viewport{
    width:100%;
    overflow:hidden;
}

.oh-fb-track{
    display:flex;
    flex-direction:row;
    gap:var(--oh-gap,20px);
    align-items:flex-start;
    width:100%;
}

.oh-fb-card{
    flex:0 0 calc((100% - (var(--oh-gap,20px) * (var(--oh-visible) - 1))) / var(--oh-visible));
    min-width:0;
    background:#fff;
    border:1px solid #e8e8e8;
    border-radius:16px;
    padding:8px;
    box-sizing:border-box;
    box-shadow:0 6px 22px rgba(0,0,0,.07);
    overflow:hidden;
}

.oh-fb-card-inner{
    width:100%;
    overflow:hidden;
    display:flex;
    justify-content:center;
}

.oh-fb-card .fb-post,
.oh-fb-card .fb-post > span,
.oh-fb-card iframe{
    max-width:100%!important;
}

.oh-fb-static .oh-fb-viewport{
    overflow-x:auto;
    padding-bottom:8px;
    scroll-behavior:smooth;
}

.oh-fb-static .oh-fb-track{
    min-width:max-content;
}

.oh-fb-static .oh-fb-card{
    width:380px;
    flex-basis:380px;
}

.oh-fb-nav{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    z-index:10;
    width:44px;
    height:44px;
    border:0;
    border-radius:50%;
    background:#fff;
    box-shadow:0 3px 15px rgba(0,0,0,.18);
    font-size:34px;
    line-height:40px;
    cursor:pointer;
}

.oh-fb-prev{ left:-18px; }
.oh-fb-next{ right:-18px; }

@media (max-width: 1024px){
    .oh-fb-slider{
        --oh-visible:2!important;
    }
}

@media (max-width: 700px){
    .oh-fb-slider{
        --oh-visible:1!important;
    }
    .oh-fb-static .oh-fb-card{
        width:320px;
        flex-basis:320px;
    }
    .oh-fb-nav{
        width:38px;
        height:38px;
        font-size:28px;
    }
    .oh-fb-prev{ left:4px; }
    .oh-fb-next{ right:4px; }
}