.bbs-media{background:#111;border-radius:5px;width:100%;height:180px;position:relative;overflow:hidden}.bbs-media video,.bbs-media img{object-fit:cover;border-radius:5px;width:100%;height:100%;position:absolute;inset:0}.bbs-media-video{object-fit:cover;filter:contrast(1.08)saturate(1.15)brightness(.98);background:#111;border-radius:5px;width:100%;height:100%;display:block;position:absolute;inset:0}.bbs-media-overlay{z-index:1;pointer-events:none;background:linear-gradient(#0000,#0000002e);position:absolute;inset:0}.bbs-media-controls{z-index:5;gap:4px;display:flex;position:absolute;bottom:10px;left:10px}.bbs-media-control{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;background:#a9a9a93d;border:none;border-radius:5px;justify-content:center;align-items:center;width:24px;height:24px;font-size:9px;transition:all .2s;display:flex}.bbs-media-control:hover{background:#96969678}.bbs-media-thumbs{z-index:5;gap:4px;display:flex;position:absolute;bottom:10px;right:10px}.bbs-media-thumb{cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;width:42px;height:32px;padding:0;position:relative;overflow:hidden}.bbs-media-thumb img,.bbs-media-thumb video{object-fit:cover;width:100%;height:100%;display:block}.bbs-media-thumb:after{content:"";background:#000c;transition:all .2s;position:absolute;inset:0}.bbs-media-thumb.active:after{background:0 0}.bbs-media-nav{z-index:6;pointer-events:none;position:absolute;inset:0}.bbs-media-nav-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;pointer-events:auto;background:#a9a9a93d;border:none;border-radius:999px;justify-content:center;align-items:center;width:24px;height:24px;font-size:9px;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.bbs-media-nav-btn:hover{background:#96969678}.bbs-media-nav-btn.left{left:10px}.bbs-media-nav-btn.right{right:10px}@media (max-width:768px){.bbs-media{height:220px}}