.charger-station-detail {
  --header-height: 4em;
  box-shadow: 0 0 3px hsla(0, 0%, 90.2%, .5);
  border-color: #e6e6e6;
  background-color: #f5f5f9;
  pointer-events: auto;
}
.charger-station-detail .header {
  z-index: 70;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  height: var(--header-height);
  border-radius: inherit;
  background: #33ace8;
  text-align: center;
  color: #fff
}
.charger-station-detail .header.orange {
  background: rgba(255,105,35,1);
}
.charger-station-detail .header .title {
  max-width: calc(100% - 88px)
}
.charger-station-detail .header .close-btn {
  position: absolute;
  top: -webkit-calc(50% - 10px);
  top: expression(50% - 10px);
  top: -moz-calc(50% - 10px);
  top: -o-calc(50% - 10px);
  top: calc(50% - 10px);
  right: 20px;
  padding: 0;
  cursor: pointer;
  display: block;
  margin: 0px;
  width: 20px;
  height: 20px;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE5LjM3NSAxOS45OTg5QzE5LjIwODMgMTkuOTk4OSAxOS4wNTA4IDE5LjkzMzkgMTguOTMzMyAxOS44MTU1TDEwIDEwLjg4M0wxLjA2NjY3IDE5LjgxNTVDMC45NDgzMzMgMTkuOTMzOSAwLjc5MTY2NyAxOS45OTg5IDAuNjI1IDE5Ljk5ODlDMC40NTgzMzMgMTkuOTk4OSAwLjMwMDgzMyAxOS45MzM5IDAuMTgzMzMzIDE5LjgxNTVDLTAuMDYgMTkuNTcyMiAtMC4wNiAxOS4xNzU1IDAuMTgzMzMzIDE4LjkzMTRMOS4xMTY2NyA5Ljk5ODA1TDAuMTgzMzMzIDEuMDY1NTVDMC4wNjUgMC45NDgwNDcgMCAwLjc5MDU0NyAwIDAuNjIzODhDMCAwLjQ1NzIxNCAwLjA2NSAwLjI5OTcxNCAwLjE4MzMzMyAwLjE4MjIxNEMwLjMwMDgzMyAwLjA2Mzg4MDIgMC40NTgzMzMgLTAuMDAxMTE5NzkgMC42MjUgLTAuMDAxMTE5NzlDMC43OTE2NjcgLTAuMDAxMTE5NzkgMC45NDkxNjcgMC4wNjM4ODAyIDEuMDY2NjcgMC4xODIyMTRMMTAgOS4xMTQ3MUwxOC45MzMzIDAuMTgxMzhDMTkuMDUxNyAwLjA2MzA0NjkgMTkuMjA4MyAtMC4wMDE5NTMxMiAxOS4zNzUgLTAuMDAxOTUzMTJDMTkuNTQxNyAtMC4wMDE5NTMxMiAxOS42OTkyIDAuMDYzMDQ2OSAxOS44MTY3IDAuMTgxMzhDMTkuOTM1IDAuMjk5NzE0IDIwIDAuNDU3MjE0IDIwIDAuNjIzODhDMjAgMC43OTA1NDcgMTkuOTM1IDAuOTQ4MDQ3IDE5LjgxNjcgMS4wNjU1NUwxMC44ODMzIDkuOTk4ODhMMTkuODE2NyAxOC45MzIyQzIwLjA2IDE5LjE3NTUgMjAuMDYgMTkuNTcyMiAxOS44MTY3IDE5LjgxNjRDMTkuNjk5MiAxOS45MzM5IDE5LjU0MTcgMTkuOTk4OSAxOS4zNzUgMTkuOTk4OVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=');
  background-size: cover;
}
.charger-station-detail .pictures {
  display: flex;
  flex-flow: row nowrap;
  height: 200px;
  justify-content: center
}
.charger-station-detail .pictures .picture {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
  scroll-margin-left: 40px
}
.charger-station-detail .pictures .picture ~ .picture {
  display: none;
  border-left: 1px solid #fff
}
.charger-station-detail .availability {
  z-index: 70;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  position: -webkit-sticky;
  position: sticky;
  top: var(--header-height);
  min-height: var(--header-height);
  border-radius: 0; /*0 0 8px 8px;*/
  text-align: center;
  color: #fff
}
.charger-station-detail .availability.good {
  background: #5ec489;
}
.charger-station-detail .availability.good.grey {
  background: rgba(207,207,207,1);
}
.charger-station-detail .availability.good.orange {
  background: rgba(255,105,35,1);
}
.charger-station-detail .availability.bad {
  background: #fa554b;
}
.charger-station-detail .pricing .payment-methods > img {
  box-sizing: content-box;
  height: 20px;
}
.charger-station-detail .plugs .plug .plug-circle {
  border-color: #333339;
  width: 60px;
  height: 60px;
}
.charger-station-detail .plugs .plug .plug-icon {
  display: inline-block;
  width: 40px;
  height: 40px;
  margin: 9px;
  background: #333339;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
.charger-station-detail .plugs .plug[data-type=CCS] .plug-icon {
  -webkit-mask-image: url(/assets/img/plug/CCS.svg);
  mask-image: url(/assets/img/plug/CCS.svg)
}
.charger-station-detail .plugs .plug[data-type=CHAdeMO] .plug-icon {
  -webkit-mask-image: url(/assets/img/plug/CHAdeMO.svg);
  mask-image: url(/assets/img/plug/CHAdeMO.svg)
}
.charger-station-detail .plugs .plug[data-type=AC_Type_2] .plug-icon {
  -webkit-mask-image: url(/assets/img/plug/AC_Type_2.svg);
  mask-image: url(/assets/img/plug/AC_Type_2.svg)
}
.charger-station-detail .plugs .plug[data-type=DC_Type_2] .plug-icon {
  -webkit-mask-image: url(/assets/img/plug/DC_Type_2.svg);
  mask-image: url(/assets/img/plug/DC_Type_2.svg)
}
.charger-station-detail .address .icon-jumpto {
  box-sizing: content-box;
  width: 34px;
  height: 34px;
  -webkit-mask-image: url(/assets/img/nav/arrow-jumpto.svg);
  mask-image: url(/assets/img/nav/arrow-jumpto.svg)
}
.charger-station-detail .address .icon-jumpto, .charger-station-detail .amenities .amenity .amenity-icon {
  background: #000;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat
}
.charger-station-detail .amenities .amenity .amenity-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  -webkit-mask-size: contain;
  mask-size: contain
}
.charger-station-detail .amenities .amenity[data-type="attraction"] .amenity-icon {
  -webkit-mask-image: url(/assets/img/amenity/attraction.svg);
  mask-image: url(/assets/img/amenity/attraction.svg)
}
.charger-station-detail .amenities .amenity[data-type="coffee"] .amenity-icon {
  -webkit-mask-image: url(/assets/img/amenity/coffee.svg);
  mask-image: url(/assets/img/amenity/coffee.svg)
}
.charger-station-detail .amenities .amenity[data-type="coworking"] .amenity-icon {
  -webkit-mask-image: url(/assets/img/amenity/coworking.svg);
  mask-image: url(/assets/img/amenity/coworking.svg)
}
.charger-station-detail .amenities .amenity[data-type="mcDonalds"] .amenity-icon {
  -webkit-mask-image: url(/assets/img/amenity/mcDonalds.svg);
  mask-image: url(/assets/img/amenity/mcDonalds.svg)
}
.charger-station-detail .amenities .amenity[data-type="nature_park"] .amenity-icon {
  -webkit-mask-image: url(/assets/img/amenity/nature_park.svg);
  mask-image: url(/assets/img/amenity/nature_park.svg)
}
.charger-station-detail .amenities .amenity[data-type="onsite_shop"] .amenity-icon {
  -webkit-mask-image: url(/assets/img/amenity/onsite_shop.svg);
  mask-image: url(/assets/img/amenity/onsite_shop.svg)
}
.charger-station-detail .amenities .amenity[data-type="restaurant"] .amenity-icon {
  -webkit-mask-image: url(/assets/img/amenity/restaurant.svg);
  mask-image: url(/assets/img/amenity/restaurant.svg)
}
.charger-station-detail .amenities .amenity[data-type="shopping"] .amenity-icon {
  -webkit-mask-image: url(/assets/img/amenity/shopping.svg);
  mask-image: url(/assets/img/amenity/shopping.svg)
}
.charger-station-detail .amenities .amenity[data-type="toilettes"] .amenity-icon {
  -webkit-mask-image: url(/assets/img/amenity/toilettes.svg);
  mask-image: url(/assets/img/amenity/toilettes.svg)
}
.charger-station-detail .amenities .amenity[data-type="disabled"] .amenity-icon {
  -webkit-mask-image: url(/assets/img/amenity/disabled.svg);
  mask-image: url(/assets/img/amenity/disabled.svg)
}
.charger-station-detail .amenities .amenity[data-type="aldi"] .amenity-icon {
  -webkit-mask-image: url(/assets/img/amenity/aldi.svg);
  mask-image: url(/assets/img/amenity/aldi.svg)
}
.charger-station-detail .vehicle-types .vehicle-type .vehicle-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: #000;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain
}
.charger-station-detail .vehicle-types .vehicle-type[data-type=automobile] .vehicle-icon {
  -webkit-mask-image: url(/assets/img/vehicle/automobile.svg);
  mask-image: url(/assets/img/vehicle/automobile.svg)
}
.charger-station-detail .vehicle-types .vehicle-type[data-type=car_trailer] .vehicle-icon {
  -webkit-mask-image: url(/assets/img/vehicle/car_trailer.svg);
  mask-image: url(/assets/img/vehicle/car_trailer.svg)
}
.charger-station-detail .vehicle-types .vehicle-type[data-type=caravan] .vehicle-icon {
  -webkit-mask-image: url(/assets/img/vehicle/caravan.svg);
  mask-image: url(/assets/img/vehicle/caravan.svg)
}
.charger-station-detail .vehicle-types .vehicle-type[data-type=bike] .vehicle-icon {
  -webkit-mask-image: url(/assets/img/vehicle/bike.svg);
  mask-image: url(/assets/img/vehicle/bike.svg)
}
.charger-station-detail .vehicle-types .vehicle-type[data-type=truck_single] .vehicle-icon {
  -webkit-mask-image: url(/assets/img/vehicle/truck_single.svg);
  mask-image: url(/assets/img/vehicle/truck_single.svg)
}
.charger-station-detail .vehicle-types .vehicle-type[data-type=truck_trailer] .vehicle-icon {
  -webkit-mask-image: url(/assets/img/vehicle/truck_trailer.svg);
  mask-image: url(/assets/img/vehicle/truck_trailer.svg)
}
.charger-station-detail hr {
  border: 1px dashed #d3d3d3
}