@layer components{.webcam{position:relative;width:100%;height:auto;aspect-ratio:4/3;border-radius:var(--ant-kp-border-radius-xl);overflow:hidden}.webcam:after{content:"";position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:rgba(0,0,0,.2)}.webcam img{width:100%;height:100%;object-fit:cover}.webcam .webcam-label{position:absolute;top:18px;left:18px;z-index:1}.webcam .webcam-name{position:absolute;bottom:18px;left:16px;right:16px;color:var(--ant-kp-color-text-solid-light);text-transform:uppercase;z-index:1}.webcam .webcam-hover{position:absolute;top:0;left:0;background:var(--ant-color-bg-mask);z-index:2;opacity:0;transition:opacity .5s ease}.webcam .webcam-hover,.webcam .webcam-skeleton{width:100%;height:100%}.webcam.disabled .webcam-hover{opacity:1}@media screen and (min-width:1200px){.webcam:hover .webcam-hover{opacity:1}}}@layer components{.page-webcams{padding-bottom:var(--ant-kp-layout-section-row-margin)}.page-webcams .title{text-transform:uppercase;margin-top:var(--ant-margin);margin-bottom:var(--ant-kp-layout-section-row-margin)}.page-webcams .filters{margin-bottom:var(--ant-kp-layout-section-row-margin-m)}:is(.page-webcams .filters) .ant-typography.ant-typography-kpTertiary.ant{flex-shrink:0}.page-webcams .filter-chips-list{flex-wrap:nowrap;overflow-x:auto;max-width:calc(100vw - var(--ant-kp-layout-margin) - var(--ant-margin-xs) - 50px);margin-right:calc(-1 * var(--ant-kp-layout-margin));padding-right:var(--ant-kp-layout-margin)}@media screen and (min-width:1200px){.page-webcams .filter-chips-list{margin-right:unset;padding-right:unset}}.webcams-list{width:100%}}