.livecam-item{background:#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}.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}.flag-icon{width:24px;margin-right:6px}.views-info{display:flex;align-items:center;font-size:.9rem;opacity:.9}.eye-icon{margin-right:4px}@media (max-width:768px){.preview-container{height:auto;aspect-ratio:1/1}}