.guasti-map-component .search-box{display:flex;justify-content:center;align-items:end;gap:10px;margin-top:24px}
.guasti-map-component .map-container{margin:32px auto}
.guasti-map-component .map-container .map{height:600px}
.guasti-map-component .map-container .legend-container{padding:24px;background-color:#f3f4f5;border-radius:0 0 12px 12px;display:flex;gap:16px;justify-content:center;align-items:center}
.guasti-map-component .map-container .legend-container .legend-item{display:flex;gap:8px;align-items:start;cursor:pointer}
.guasti-map-component .map-container .legend-container .legend-item p{margin-bottom:0}
.guasti-map-component .map-container .legend-container .legend-item img{width:21px}
.guasti-map-component .map-container .legend-container .legend-item.active p{font-weight:bold}
.guasti-map-component .map-container .legend-container .legend-item.active img{width:30px}
.guasti-map-component .map-container .popup-container .title-container{display:flex;align-items:flex-start;justify-content:space-between}
.guasti-map-component .map-container .popup-container .title-container .intervento{font-size:18px;font-weight:700;line-height:32px}
.guasti-map-component .map-container .popup-container .title-container .close-button{line-height:0;float:right;padding-right:0}
.guasti-map-component .map-container .popup-container .body-container{font-size:16px;line-height:24px}
.guasti-map-component .map-container .popup-container .body-container .popup-row{display:flex;gap:4px}
.guasti-map-component .map-container .popup-container .body-container .popup-row .popup-label{font-weight:700}
@media only screen and (max-width:768px){.guasti-map-component{margin-top:44px}
.guasti-map-component .search-box{margin:24px 16px}
.guasti-map-component .search-box .btn-round{display:inline-blocK;height:50px;font-size:20px;border-radius:25px;-webkit-transition:all .3s;transition:all .3s;background:linear-gradient(90deg,#d24507 -0.01%,#d60075 99.99%);color:#fff;line-height:35px;font-weight:bold;padding:6px 20px}
.guasti-map-component .map-container{margin:32px 16px}
.guasti-map-component .map-container .legend-container{display:block}
.guasti-map-component .map-container .legend-container .legend-item{align-items:center;padding-bottom:8px}
.guasti-map-component .map-container .legend-container .legend-item img{width:40px}
}