.leaflet-popup-content {
   width: 400px !important;
}

.pin {
   width: 40px;
   height: 40px;
   border-radius: 50% 50% 50% 0;
   background: #89849b;
   position: absolute;
   -webkit-transform: rotate(-45deg);
   -moz-transform: rotate(-45deg);
   -o-transform: rotate(-45deg);
   -ms-transform: rotate(-45deg);
   transform: rotate(-45deg);
   left: 50%;
   top: 50%;
   margin: -20px 0 0 -20px;
   position: relative;
}

.pin span {
   -webkit-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
   -o-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   transform: rotate(45deg);
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%) rotate(45deg);
}

#category_map {
   display: flex;
   gap: 1rem;
   padding: 1.5rem 2rem;
   justify-content: center;
   flex-wrap: wrap;
}

.filter_category_map_wrap {
   position: relative;
}

.filter_category_map_wrap:before {
   content: " ";
   position: absolute;
   inset: 0;
   border: 2px solid #9098A9;
   border-radius: 8px;
   padding: 8px;
}

.filter_category_map_wrap input[type="checkbox"] {
   display: none;
   visibility: hidden;
}

.filter_category_map_wrap label {
   position: relative;
   padding-left: 2em;
   padding-right: 1em;
   line-height: 2;
   cursor: pointer;
   display: inline-flex;
}

.filter_category_map_wrap label:before {
   box-sizing: border-box;
   content: " ";
   position: absolute;
   top: 0.3em;
   left: 0;
   display: block;
   width: 1.4em;
   height: 1.4em;
   border: 2px solid #9098A9;
   border-radius: 6px;
   z-index: -1;
   margin-left: 4px;
}

.filter_category_map_wrap input[type=checkbox]:checked+label {
   padding-left: 1em;
   color: #0f5229;
}

.filter_category_map_wrap input[type=checkbox]:checked+label:before {
   top: 0;
   width: 100%;
   height: 2em;
   background: #b7e6c9;
   border-color: #2cbc63;
   margin-left: 0;
}

.filter_category_map_wrap label,
.filter_category_map_wrap label::before {
   transition: 0.25s all ease;
}