.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;width:100%}.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 video{display:none;z-index:2}.preview-container img{z-index:1}.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;width:100%}.country-info{display:flex;align-items:center}.country-info .flag-icon{width:24px;height:auto;margin-right:6px}.age-info{font-size:.9rem;opacity:.9}#pagination a.pagination-link{display:inline-block;min-width:32px;height:32px;margin:0 4px;background-color:#dd0100;color:#fff;text-align:center;line-height:32px;border-radius:4px;text-decoration:none;font-weight:700;transition:background-color .3s}#pagination a.pagination-link:hover{background-color:#c20000}#pagination a.pagination-link.active{background-color:#fee70f;color:#000}@media (max-width:768px){.livecam-item{width:100%!important;max-width:none!important}.preview-container{width:100%;height:300px}.preview-container img,.preview-container video{width:100%;height:100%;object-fit:cover}}@media (max-width:480px){.livecam-item{width:100%!important;max-width:none!important;margin:0}.preview-container{width:100%;height:300px}.preview-container img,.preview-container video{width:100%;height:100%;object-fit:cover}#pagination a.pagination-link{margin:2px;min-width:28px;height:28px;line-height:28px;font-size:.85rem}}