.livecam-item{background-color:#333;color:#fff;border:1px solid #444;border-radius:4px;overflow:hidden;text-align:center;box-shadow:0 2px 4px rgba(0,0,0,.1);padding:10px;display:flex;flex-direction:column;justify-content:flex-start}.preview-container{position:relative;width:100%;height:250px;overflow:hidden;border-radius:4px;margin-bottom:8px}.preview-container img,.preview-container video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.preview-container img{z-index:1}.preview-container video{z-index:2;display:none}.livecam-item h3{font-size:1rem;margin:8px 0 4px}.livecam-item h3 a{color:#fff;text-decoration:none;transition:color .3s}.livecam-item h3 a:hover{color:#98006f}.livecam-item p{font-size:.9rem;margin:2px 0}.bottom-row{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.country-info{display:flex;align-items:center}.country-info .flag-icon{width:24px;height:auto;margin-right:6px}.views-info{display:flex;align-items:center;font-size:.9rem;opacity:.9}.eye-icon{margin-right:4px}#pagination a.pagination-link{display:inline-block;min-width:32px;height:32px;margin:0 4px;background-color:#1a3b8c;color:#fff;text-align:center;line-height:32px;border-radius:4px;text-decoration:none;font-weight:700;border:1px solid #1a3b8c;transition:background-color .3s,color .3s}#pagination a.pagination-link:hover{background-color:#162e70}#pagination a.pagination-link.active{background-color:#f32e42;color:#fff;border:1px solid #f32e42}@media (max-width:768px){.preview-container{height:auto;aspect-ratio:1/1}}@media (max-width:480px){#pagination a.pagination-link{margin:2px;min-width:28px;height:28px;line-height:28px;font-size:.85rem}}