.webcam-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5em;margin-bottom:2em}.webcam-filter{display:flex;flex-flow:row wrap;gap:1.5em}.webcam-filter__item-wrapper{position:relative;flex:1 1 300px}.webcam-filter__item,.webcam-filter .select2-container .selection{width:100%;border:1px solid var(--grey2);border-radius:7px;padding:.6em 1em}.webcam-filter .select2-container .selection{padding:.5em 1em}.webcam-filter .icon{display:none}.webcam-filter .select2+.icon{display:block;position:absolute;width:2.5em;height:auto;top:1px;right:1px;bottom:1px;color:var(--primary);background-color:#fff;border-radius:0 8px 8px 0;padding:0 .75em;height:auto}.webcam-filter .count{margin-left:.5em;color:var(--grey)}.webcam-list{margin:2em 0}.webcam-list__item{position:relative;display:flex;flex-direction:column;background-color:#fff;border-radius:5px;box-shadow:0 0 5px 0 #00000015;transition:.3s box-shadow ease-in-out}.webcam-list__item:hover{box-shadow:0 0 10px 0 #0003}.webcam-list__title{font-size:1.2em;line-height:1.4;margin:.5em 1em}.webcam-list__title a:before{content:'';position:absolute;inset:0}.webcam-list__media{margin-top:auto}.webcam-list__img{border-radius:0 0 5px 5px}.webcam-list__button{margin:auto 0 0 auto}