@font-face {
  font-family: "Brandon Text Regular";
  src: url("../fonts/BrandonText-Regular.woff2") format("woff2"), url("../fonts/BrandonText-Regular.woff") format("woff"), url("../fonts/BrandonText-Regular.ttf") format("truetype"), url("../fonts/BrandonText-Regular.svg#HvDTrial_BrandonText-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Brandon Text Bold";
  src: url("../fonts/BrandonText-Bold.woff2") format("woff2"), url("../fonts/BrandonText-Bold.woff") format("woff"), url("../fonts/BrandonText-Bold.ttf") format("truetype"), url("../fonts/BrandonText-Bold.svg#HvDTrial_BrandonText-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Brandon Text Medium";
  src: url("../fonts/BrandonText-Medium.woff2") format("woff2"), url("../fonts/BrandonText-Medium.woff") format("woff"), url("../fonts/BrandonText-Medium.ttf") format("truetype"), url("../fonts/BrandonText-Medium.svg#HvDTrial_BrandonText-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SignPainter";
  src: url("../fonts/SignPainter-HouseScript.woff2") format("woff2"), url("../fonts/SignPainter-HouseScript.woff") format("woff"), url("../fonts/SignPainter-HouseScript.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Airbnb-Cereal-App-bold";
  src: url("../fonts/AirbnbCerealApp-Bold.eot");
  src: url("../fonts/AirbnbCerealApp-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/AirbnbCerealApp-Bold.woff2") format("woff2"), url("../fonts/AirbnbCerealApp-Bold.woff") format("woff"), url("../fonts/AirbnbCerealApp-Bold.ttf") format("truetype"), url("../fonts/AirbnbCerealApp-Bold.svg#AirbnbCerealApp-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
#switch-toggle:checked + .icon--sun {
  transition-delay: 200ms;
  transform: scale(1) rotate(360deg);
}

.icon {
  grid-column: 1/1;
  grid-row: 1/1;
  transition: transform 500ms;
}

#switch-toggle:checked ~ .icon--moon {
  transform: rotate(360deg) scale(0);
}

.icon--moon {
  transition-delay: 200ms;
}

.theme-switcher {
  color: #fff;
  background-color: var(--white-v2, #FFFFFF);
  border-radius: 50%;
  border: 1px solid var(--custom-border, #EBEBEB);
  padding: 4px 6px;
}

.dark-theme .theme-switcher {
  border: none;
}

.icon--sun {
  transform: scale(0);
}

.profile-custom-border {
  border-bottom: 0.3px solid var(--border-grey-v1, #E3E3E3);
}

.cus-dropdown-menu {
  background-color: var(--white-v2, #FFFFFF) !important;
}

.map-shadow {
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2509803922);
}

.dark-theme .dark-icons {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(142%) !important;
}

.dark-theme .dark-icon {
  filter: invert(18%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(142%) !important;
}

.h-400 {
  height: 400px;
}

.playroom-btn {
  border: var(--form-border, 1px solid #EBEBEB);
  padding: 14px 37px;
  border-radius: 4px;
  background-color: var(--popup-bg, #ffffff);
}
.playroom-btn:hover {
  background-color: var(--webcam-btn-bg, rgba(0, 159, 184, 0.1019607843));
  border: 1px solid #009FB8;
  color: var(--blue-light, #009FB8) !important;
  font-family: "Brandon Text Medium";
}
.playroom-btn:focus {
  background-color: var(--webcam-btn-bg, rgba(0, 159, 184, 0.1019607843));
  border: 1px solid #009FB8;
  box-shadow: none;
  color: var(--blue-light, #009FB8) !important;
  font-family: "Brandon Text Medium";
}

.event-container {
  background-color: var(--popup-bg, #ffffff) !important;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1019607843);
  border-radius: 4px;
}
.event-container:hover {
  background-color: var(--grey-hover, #f6f6f6);
}

.dropdown-btn {
  background-color: var(--white-v2, #FFFFFF) !important;
  border: 1px solid var(--custom-border, #EBEBEB) !important;
  border-radius: 4px;
}

.location-container {
  background-color: var(--white-v2, #FFFFFF);
  border: 1px solid var(--border-grey-v2, #EBEBEB);
  border-radius: 3px;
}
.location-container:hover {
  background-color: var(--light-green, #F3FDFF);
  border: 1px solid #009FB8;
}
.location-container:focus {
  background-color: var(--light-green, #F3FDFF);
  border: 1px solid #009FB8;
}
.location-container:active {
  background-color: var(--light-green, #F3FDFF);
  border: 1px solid #009FB8;
}

.location-batch-default {
  background-color: #009FB8;
  border-radius: 4px;
  padding: 1px 5px;
}

.location-batch-access {
  background-color: #24A419;
  border-radius: 4px;
  padding: 1px 5px;
}

@media (max-width: 767px) {
  .custom-search-box {
    width: 100% !important;
  }
}
.outlined-btn {
  background-color: var(--outline-btn-bg, #DFFAFE);
  border: 1px dashed #009FB8;
  padding: 9px 65px;
  border-radius: 50px;
  color: #009FB8;
}
.outlined-btn:hover {
  background-color: #009FB8;
  color: #ffffff;
}

.save-btn {
  color: #ffffff;
  background-color: var(--primary-color, #009FB8);
  border-radius: 50px;
  border: none;
  padding: 10px 98px;
}
.save-btn:hover {
  color: #ffffff;
  background-color: var(--primary-hover, #3392a1);
}

.scroll-event {
  overflow-x: scroll;
}

.scroll-event::-webkit-scrollbar-track {
  background-color: transparent;
}

.scroll-event::-webkit-scrollbar {
  width: 4px;
  height: 2px;
  background-color: #F4F4F4;
  border-radius: 57px;
}

.scroll-event::-webkit-scrollbar-thumb {
  background: #A3A3A3;
}

.dist-locate {
  background-color: var(--location-bg, #EAEAEA);
  border-radius: 50px;
}

.dropdown-pos {
  position: absolute;
  top: 35%;
  left: 0;
}

.custom-dropdown-pos.show {
  left: -500px !important;
  width: 400px !important;
  top: -250px !important;
}

.location-dropdown.show {
  position: absolute;
  left: 500px !important;
  bottom: -82px !important;
}
.location-dropdown.show img {
  transform: rotate(180deg);
}

@media (max-width: 1160px) {
  .location-dropdown.show {
    left: 461px !important;
  }
}
@media (max-width: 1120px) {
  .location-dropdown.show {
    left: 422px !important;
  }
}
@media (max-width: 1080px) {
  .location-dropdown.show {
    left: 385px !important;
  }
}
@media (max-width: 1040px) {
  .location-dropdown.show {
    left: 385px !important;
  }
}
@media (max-width: 768px) {
  .custom-dropdown-pos.show {
    left: -507px !important;
    width: 335px !important;
  }
  .location-dropdown.show {
    left: 349px !important;
  }
}
@media (max-width: 650px) {
  .custom-dropdown-pos.show {
    left: -507px !important;
    width: 315px !important;
  }
  .location-dropdown.show {
    left: 330px !important;
  }
}
@media (min-width: 768px) and (max-width: 820px) {
  .custom-dropdown-pos.show {
    left: -392px !important;
    width: 400px !important;
  }
  .location-dropdown.show {
    left: 371px !important;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .custom-dropdown-pos.show {
    left: -497px !important;
    width: 347px !important;
  }
  .location-dropdown.show {
    left: 371px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .custom-dropdown-pos.show {
    left: -497px !important;
    width: 400px !important;
  }
  .location-dropdown.show {
    left: 422px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .custom-dropdown-pos.show {
    left: -500px !important;
    width: 400px !important;
  }
  .location-dropdown.show {
    left: 422px !important;
  }
}
@media (min-width: 1280px) {
  .custom-dropdown-pos.show {
    left: -500px !important;
    width: 400px !important;
    top: -250px !important;
  }
  .location-dropdown.show {
    left: 420px !important;
  }
}
.location-dropdown {
  background-color: var(--white-v2, #FFFFFF);
  box-shadow: 3px 0px 3.7px 0px rgba(0, 0, 0, 0.2784313725) !important;
  border-radius: 0px 6px 6px 0px;
  border: none;
}
.location-dropdown:hover {
  background-color: var(--grey-hover, #f6f6f6);
}

.custom-border {
  border-bottom: 0.5px solid var(--custom-border, #EBEBEB);
}

.w-53 {
  width: 53px;
}

.locate-container {
  background-color: var(--custom-bg-box, #f9f9f9);
  border-radius: 4px;
}

.profile-btn:hover {
  background-color: var(--grey-hover, #f3f1f1) !important;
}

.videoplayer-container {
  background-color: var(--custom-bg-box, #f9f9f9);
}

.warning-btn {
  background-color: var(--warning-red, #FEF7F7) !important;
  border: 1px solid #EB0000 !important;
}

.location-scroll {
  overflow-y: scroll;
  max-height: 230px;
}

.location-scroll::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: 5px;
}

.location-scroll::-webkit-scrollbar {
  width: 4px;
  height: 2px;
  background-color: transparent;
  border-radius: 5px;
}

.location-scroll::-webkit-scrollbar-thumb {
  background: #A3A3A3;
  border-radius: 5px;
}

.curb-request-container {
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1019607843);
  background-color: var(--popup-bg, #ffffff);
  border-radius: 4px;
}

.btn-red {
  color: #FF4848;
  border: none;
  background-color: unset;
  border-radius: 50px;
  padding: 14px 50px;
}
.btn-red:hover {
  background-color: #FF4848;
  color: #FFFFFF;
}

.h-300 {
  height: 300px;
}

.notify-btn {
  width: 42px;
  height: 42px;
  background-color: var(--white-v2, #FFFFFF);
  border: 1px solid #EBEBEB;
  border-radius: 50px;
}

.dark-theme .notify-btn {
  border: none !important;
}

.cancel-btn {
  color: var(--secondary-btn-color, #ffffff);
  background-color: var(--danger-btn, #FA4343);
  border-radius: 50px;
  border: none;
  padding: 14px 100px;
}
.cancel-btn:hover {
  background-color: #ac2e2e;
}

.dark-btn {
  color: var(--secondary-btn-color, #ffffff);
  background-color: var(--danger-btn, #EB0000);
  border-radius: 50px;
  border: none;
  padding: 14px;
}
.dark-btn:hover {
  background-color: #ac2e2e;
}

.custom-notification-dropdown {
  position: absolute;
  /* inset: 0px auto auto 0px; */
  margin: 0px;
  transform: translate(-400px, 44px) !important;
  min-width: 440px;
}

.edit-btn {
  display: none;
}

@media (max-width: 767px) {
  .edit-btn {
    display: unset;
  }
}
.arrived-btn {
  color: #fff;
  background-color: var(--primary-color, #009FB8);
  border-radius: 50px;
  border: none;
  padding: 14px 100px;
}
.arrived-btn:hover {
  background-color: var(--primary-hover, #3392a1);
}

.card-details-badge {
  background-color: #FA4343;
  padding: 3px 9px;
  border-radius: 15px;
}/*# sourceMappingURL=webcam.css.map */