.search-box{display:flex;flex-direction:row;justify-content:center;margin:2% 5%;align-items:center}.webcam-wrapper-dark,.webcam-wrapper-light{min-height:100vh;justify-content:flex-start;display:flex;flex-direction:column;padding-top:120px}.webcam-wrapper-dark{background-color:var(--dark-bg)}.webcam-grid{display:grid;grid-template-columns:repeat(4,396px);grid-gap:16px;gap:16px;justify-content:center;margin-bottom:20px}.webcam-item{position:relative;max-width:396px}.webcam-image{width:100%;height:auto}.webcam-preview{width:396px;height:auto;background-color:transparent;border-radius:0 0 4px 4px;overflow:hidden;position:relative;display:flex;flex-direction:column;text-decoration:none;color:inherit}.webcam-preview:hover{opacity:.5}.webcam-link-dark{color:#fff}.webcam-link-dark,.webcam-link-light{position:absolute;width:100%;top:72px;text-align:center;font-size:24px;font-weight:700;font-family:FuturaHeavy}.webcam-link-light{color:#000}.webcam-name{color:#fff;background-color:var(--primary);padding:12px 24px;display:flex;flex-direction:row;border-radius:4px 4px 0 0;justify-content:space-between;align-items:center}.webcam-name>p{text-decoration:none}.webcam-pagination{width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:24px 0}.webcam-pagination-btn{background-color:var(--primary);border:0;padding:12px 24px}.webcam-pagination-btn:hover{cursor:pointer;background-color:#ddd;color:#000}.webcam-pagination-btn.active{color:#000;background-color:#ddd;border:0;padding:12px 24px}.province-list-filters{padding:0 20%}.province-list-filters ul{list-style:none;display:flex;flex-direction:row;justify-content:center}.webcam-title,.webcam-wrapper h1{text-align:center}.webcam-title{padding:20px 0;margin:0}.webcam{display:block;margin:10px 20px}.webcam-error{height:100vh;justify-content:flex-start;padding-top:72px}.webcam-error,.webcam-list{display:flex;flex-direction:column}.webcam-list{align-items:stretch}.webcam-list-item{text-decoration:none}.webcam-list-item li{list-style:none;padding:20px 40px;background-color:#eee;color:#000;border-top:1px solid #000;display:flex;flex-direction:row;justify-content:space-between}.webcam-list-item li:hover{background-color:#ddd}.webcam-list-item-info{display:flex;flex-direction:row}.webcam-list-item-info i{padding:0 24px 0 0}.webcam-search-title{text-align:center;padding:10px}.skeleton-loader{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#e5e7eb;overflow:hidden;height:256px}@media screen and (max-width:960px){.webcam{margin:0}.webcam-grid{display:grid;grid-template-columns:repeat(1,100%);grid-gap:16px;gap:16px;justify-content:center;margin-bottom:20px}.webcam-pagination-btn{padding:4px 8px}.webcam-pagination-btn.active{padding:8px 12px}.skeleton-loader,.webcam-preview{width:100%}.province-list-filters{padding:0}.province-list-filters ul{width:100%;display:flex;flex-direction:column;align-items:center}.province-list-filters ul li{width:100%}}