@font-face {
  font-family: "eventfrog-icons";
  font-style: normal;
  font-weight: normal;
  font-display: swap;
  src: url("/css/fonts/eventfrog-icons.woff2?v=5") format("woff2"), url("/css/fonts/eventfrog-icons.woff?v=5") format("woff");
}
.efi-il-key::before {
  content: "";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-il-address-add::before {
  content: "";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-il-calendar::before {
  content: "";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-il-category::before {
  content: "";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-il-combicat::before {
  content: "";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-il-controlpoint::before {
  content: "";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-il-image::before {
  content: "";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-il-insurance::before {
  content: "";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-il-notfound::before {
  content: "";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-il-seatmap::before {
  content: "";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-il-ticket::before {
  content: "";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-il-drag::before {
  content: "\e99e";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-il-event-add::before {
  content: "\e99f";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-il-folder-add::before {
  content: "\e9a0";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-check-fat::before {
  content: "\e98e";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-check::before {
  content: "\e98f";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-achtung::before {
  content: "\e93e";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-alarm::before {
  content: "\e93f";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-arrow-back::before {
  content: "\e940";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-calendar-31::before {
  content: "\e941";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-chevron-down-square::before {
  content: "\e942";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-qrcode::before {
  content: "\e943";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-chevron-right::before {
  content: "\e944";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-chevron-up-square::before {
  content: "\e945";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-clipboard-text::before {
  content: "\e946";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-clock3::before {
  content: "\e947";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-close::before {
  content: "\e948";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-corner-down::before {
  content: "\e949";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-corner-left::before {
  content: "\e94a";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-corner-right::before {
  content: "\e94b";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-corner-up::before {
  content: "\e94c";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-delete::before {
  content: "\e94d";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-dl-cal::before {
  content: "\e94e";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-document-1::before {
  content: "\e94f";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-exit-up::before {
  content: "\e950";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-exit::before {
  content: "\e951";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-fav-active::before {
  content: "\e952";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-fav-std::before {
  content: "\e953";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-folder-search::before {
  content: "\e954";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-gift::before {
  content: "\e955";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-haken::before {
  content: "\e956";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-heart::before {
  content: "\e957";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-ill-geoloc::before {
  content: "\e958";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-ill-welcome-coupons::before {
  content: "\e959";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-ill-welcome-events::before {
  content: "\e95a";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-ill-welcome-tickets::before {
  content: "\e95b";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-information::before {
  content: "\e95c";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-lifebuoy::before {
  content: "\e95d";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-linkedin::before {
  content: "\e95e";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-magnifier::before {
  content: "\e95f";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-mail::before {
  content: "\e960";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-map-marker::before {
  content: "\e961";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-map2::before {
  content: "\e962";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-medal-empty::before {
  content: "\e963";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-notification-active::before {
  content: "\e964";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-notification-std::before {
  content: "\e965";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-pencil5::before {
  content: "\e966";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-pinterest::before {
  content: "\e967";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-power-crossed::before {
  content: "\e968";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-pushpin2::before {
  content: "\e969";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-reading::before {
  content: "\e96a";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-search-calendar::before {
  content: "\e96b";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-search-fat::before {
  content: "\e96c";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-shield-check::before {
  content: "\e96d";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-skull::before {
  content: "\e96e";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-snapchat::before {
  content: "\e96f";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-social-facebook::before {
  content: "\e970";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-social-google::before {
  content: "\e971";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-social-instagram::before {
  content: "\e972";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-social-twitter::before {
  content: "\e973";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-social-youtube::before {
  content: "\e974";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-star::before {
  content: "\e975";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-Status-Alert::before {
  content: "\e976";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-Status-Sold::before {
  content: "\e977";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-thumbs-up::before {
  content: "\e978";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-user::before {
  content: "\e979";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-xing::before {
  content: "\e97a";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-account::before {
  content: "";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-add::before {
  content: "\e91c";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-alert::before {
  content: "\e90c";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-alert-inverted::before {
  content: "\e92f";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-arrow-left::before {
  content: "\e932";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-arrow-right::before {
  content: "\e933";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-arrow-sub::before {
  content: "\e936";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-arrow-top-left::before {
  content: "\e912";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-basket::before {
  content: "";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-check::before {
  content: "\e988";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-checkbox-checked::before {
  content: "";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-checkbox-unchecked::before {
  content: "";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-chevron-down::before {
  content: "\e913";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-chevron-left::before {
  content: "\e915";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-chevron-right::before {
  content: "\e916";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-chevron-up::before {
  content: "\e914";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-clear::before {
  content: "\e981";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-close::before {
  content: "\e990";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-color::before {
  content: "\e937";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-coupon::before {
  content: "\e909";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-crop::before {
  content: "\e991";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-dash::before {
  content: "";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-dash-short::before {
  content: "";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-dashbold::before {
  content: "";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-date::before {
  content: "\e903";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-date-new::before {
  content: "\e97b";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-delete::before {
  content: "\e938";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-double-arrow::before {
  content: "\e904";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-download::before {
  content: "\e90f";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-drop-down::before {
  content: "\e918";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-drop-up::before {
  content: "\e917";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-duplicate::before {
  content: "\e939";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-edit::before {
  content: "";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-email::before {
  content: "\e931";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-favourite::before {
  content: "\e90a";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-fullscreen-expand::before {
  content: "\e93a";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-fullscreen-shrink::before {
  content: "\e93b";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-geolocation::before {
  content: "\e92d";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-globe::before {
  content: "\e97c";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-globe2::before {
  content: "\e9f0";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-grid::before {
  content: "";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-help::before {
  content: "\e906";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-info::before {
  content: "\e93c";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-key::before {
  content: "";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-linked::before {
  content: "";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-locate-me::before {
  content: "\e98d";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-logout::before {
  content: "\e910";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-market::before {
  content: "";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-mobile::before {
  content: "\e9a1";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-more::before {
  content: "\e911";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-offline::before {
  content: "\e985";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-pan::before {
  content: "";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-password::before {
  content: "\e930";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-pause::before {
  content: "";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-play::before {
  content: "";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-print::before {
  content: "\e926";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-question::before {
  content: "\e90d";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-remove::before {
  content: "\e93d";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-sales::before {
  content: "\e90b";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-search::before {
  content: "\e905";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-selection::before {
  content: "";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-serie::before {
  content: "\e97d";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-settings::before {
  content: "\e907";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-share::before {
  content: "\e97e";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-share-arrow::before {
  content: "\e9df";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-star::before {
  content: "";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-success::before {
  content: "\e90e";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-success-off::before {
  content: "\e97f";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-ticket::before {
  content: "\e908";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-time::before {
  content: "\e919";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-view::before {
  content: "\e91a";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-warning::before {
  content: "\e91b";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-zoom-in::before {
  content: "\e980";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-sm-zoom-out::before {
  content: "\e982";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-md-basket::before {
  content: "";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-md-blocked::before {
  content: "\e929";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-md-check::before {
  content: "\e986";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-md-chevron-down::before {
  content: "\e987";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-md-chevron-left::before {
  content: "\e993";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-md-chevron-right::before {
  content: "\e994";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-md-chevron-up::before {
  content: "\e995";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-md-close::before {
  content: "\e91e";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-md-event-new::before {
  content: "\e983";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-md-frog::before {
  content: "\e92c";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-md-geolocation::before {
  content: "\e984";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-md-help::before {
  content: "\e91f";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-md-image::before {
  content: "\e992";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-md-invoice::before {
  content: "\e92a";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-md-locate-me::before {
  content: "\e92e";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-md-login::before {
  content: "\e996";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-md-menu::before {
  content: "\e91d";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-md-play::before {
  content: "";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-md-presale::before {
  content: "\e928";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-md-search::before {
  content: "\e927";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-md-secure::before {
  content: "\e997";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-md-stop::before {
  content: "\e92b";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-md-view::before {
  content: "\e998";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-md-money::before {
  content: "";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-md-qr::before {
  content: "";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-md-frog-square::before {
  content: "\e9e2";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.efi-md-frog-square:before {
  top: -1px !important;
  position: relative;
}

.efi-md-frog-square2::before {
  content: "\e9e3";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.efi-md-frog-square2:before {
  top: -1px !important;
  position: relative;
}

.efi-md-thumb::before {
  content: "";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-md-letter::before {
  content: "\e9e5";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-md-frog-phone::before {
  content: "\e9e6";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-md-bulb::before {
  content: "\e9e7";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-lg-arrow-right::before {
  content: "";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-lg-check::before {
  content: "";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-lg-drop::before {
  content: "\e999";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-lg-fav-off::before {
  content: "\e934";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-lg-fav-on::before {
  content: "\e935";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-lg-file::before {
  content: "\e99a";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-lg-image::before {
  content: "\e99b";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-lg-package::before {
  content: "";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-lg-spinner::before {
  content: "\e99c";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-lg-view::before {
  content: "\e99d";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-xl-codes::before {
  content: "";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-xl-bill::before {
  content: "";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-xl-checklist::before {
  content: "";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-xl-coupons::before {
  content: "\e900";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-xl-dashboard::before {
  content: "\e922";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-xl-embed::before {
  content: "";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-xl-events::before {
  content: "\e920";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-xl-export::before {
  content: "";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-xl-image::before {
  content: "\e901";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-xl-locations::before {
  content: "\e923";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-xl-market::before {
  content: "";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-xl-moneybag::before {
  content: "\e9a2";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-xl-presale::before {
  content: "\e921";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-xl-speech-bubble-thick::before {
  content: "\e9e9";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-xl-speech-bubble-thin::before {
  content: "\e9ea";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-xl-presale-extern::before {
  content: "\e9e8";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-xl-swiss-flag::before {
  content: "\e9eb";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-xl-roles::before {
  content: "";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-xl-seatmap-freezone::before {
  content: "\e9a3";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-xl-seatmap-objects::before {
  content: "\e9a4";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-xl-seatmap-seats::before {
  content: "\e9a5";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-xl-seatmap-table-round::before {
  content: "";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-xl-seatmap-table-square::before {
  content: "";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-xl-seatmap-text::before {
  content: "\e9a7";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-xl-seats-concert::before {
  content: "";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-xl-seats-normal::before {
  content: "";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-xl-shape-archdown::before {
  content: "";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-xl-shape-archskewdown::before {
  content: "";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-xl-shape-archskewup::before {
  content: "";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-xl-shape-archup::before {
  content: "";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-xl-shape-reset::before {
  content: "";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-xl-shape-skewdown::before {
  content: "";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-xl-shape-skewup::before {
  content: "";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-xl-social-facebook::before {
  content: "\e98c";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-xl-social-instagram::before {
  content: "\e989";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-xl-social-linkedin::before {
  content: "\e98a";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-xl-social-twitter::before {
  content: "\e98b";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-xl-statistics::before {
  content: "";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-xl-tickets::before {
  content: "\e902";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-xl-tools::before {
  content: "\e924";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-xl-thumb::before {
  content: "";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.efi-xl-thumb::before {
  line-height: 220px;
}

.efi-xl-letter::before {
  content: "";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.efi-xl-letter::before {
  line-height: 132px;
}

.efi-xl-frog-phone::before {
  content: "";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.efi-xl-frog-phone::before {
  line-height: 224px;
}

.efi-xl-gift-inverted::before {
  content: "";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-xl-gift::before {
  content: "";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.efi-xl-gift::before {
  line-height: 184px;
}

.efi-xl-printer::before {
  content: "";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-xl-sent-letter::before {
  content: "";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-xl-world::before {
  content: "";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-xl-ai::before {
  content: "";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-xl-ai-reload::before {
  content: "";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-xl-no-user::before {
  content: "";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.efi-xl-lightbulb::before {
  content: "";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.button,
button {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: normal;
  text-decoration: none;
  white-space: nowrap;
  box-sizing: border-box;
  height: 36px;
  color: #212b36;
  width: auto;
  border-radius: 6px;
  padding: 0 16px;
  background-color: #ffffff;
  background-image: linear-gradient(to bottom, #ffffff, #f9fafb);
  border: solid 1px #c4cdd5;
  transition: background-color 100ms linear;
  display: inline-flex;
  justify-content: space-around;
  align-items: center;
  text-align: center;
  user-select: none;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  box-shadow: 0 1px 0 0 rgba(22, 29, 37, 0.1), inset 0 1px 0 1px rgba(255, 255, 255, 0.06);
  font-family: inherit !important;
}
.button > *,
button > * {
  pointer-events: none;
}
.button:hover,
button:hover {
  background-image: none;
  background-color: #f4f6f8;
}
.button:active,
button:active {
  background-image: none;
  background-color: #f4f6f8;
  box-shadow: inset 0 1px 4px 0 rgba(99, 115, 129, 0.2), inset 0 1px 1px 0 rgba(99, 115, 129, 0.6);
}
.button.toggle-button:focus,
button.toggle-button:focus {
  box-shadow: none;
}
.button.toggle-button.active, .button.toggle-button.button--active,
button.toggle-button.active,
button.toggle-button.button--active {
  box-shadow: 0px 0px 0px 2px #60bf00;
  outline: none;
  border-color: transparent;
}
.button.toggle-button.active:focus, .button.toggle-button.button--active:focus,
button.toggle-button.active:focus,
button.toggle-button.button--active:focus {
  box-shadow: 0px 0px 0px 2px #60bf00;
  outline: none;
}
.button.toggle-button.active .efi-icon, .button.toggle-button.button--active .efi-icon,
button.toggle-button.active .efi-icon,
button.toggle-button.button--active .efi-icon {
  color: #60bf00;
}
.button.toggle-button-b.active,
button.toggle-button-b.active {
  background-image: none;
  background-color: #f4f6f8;
  box-shadow: inset 0 1px 1px 0 rgba(99, 115, 129, 0.2), inset 0 0px 1px 0 rgba(99, 115, 129, 0.61);
}
.button.toggle-button-b .efi-icon,
button.toggle-button-b .efi-icon {
  margin: 0;
}
.button.toggle-button-b:active,
button.toggle-button-b:active {
  z-index: 1;
}
.button--left,
button--left {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  margin-left: 0;
}
.button--center,
button--center {
  border-radius: 0;
  margin-left: -1px;
}
.button--right,
button--right {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: -1px;
}
.button:focus,
button:focus {
  box-shadow: 0px 0px 0px 2px #60bf00;
  outline: none;
}
.button.disabled, .button:disabled,
button.disabled,
button:disabled {
  background-image: none;
  background-color: #f9fafb;
  border-color: #dfe3e8;
  color: #c4cdd5;
  box-shadow: none;
  cursor: not-allowed;
}
.button.disabled .efi-icon, .button:disabled .efi-icon,
button.disabled .efi-icon,
button:disabled .efi-icon {
  color: #c4cdd5 !important;
}
.button.disabled:active, .button.disabled:hover, .button:disabled:active, .button:disabled:hover,
button.disabled:active,
button.disabled:hover,
button:disabled:active,
button:disabled:hover {
  background-color: #f9fafb;
}
@media (max-width: 46.24em) {
  .button--blocksize,
  button--blocksize {
    width: 100%;
    margin: 0;
  }
}
.button--slim,
button--slim {
  height: 30px;
}
.button--large,
button--large {
  height: 44px;
  font-size: 18px;
  padding: 0 20px;
}
.button--large .efi-icon,
button--large .efi-icon {
  margin: 0px -15px;
  font-size: 32px;
  height: 32px;
}
.button--primary,
button--primary {
  background-image: none;
  background-color: #60bf00;
  border-color: #4f9d00;
  color: #ffffff;
}
.button--primary:hover,
button--primary:hover {
  background-color: #53a600;
  color: #ffffff;
  box-shadow: 0 1px 0 0 rgba(22, 29, 37, 0.1), inset 0 1px 0 1px rgba(255, 255, 255, 0.06);
}
.button--primary:active,
button--primary:active {
  background-color: #53a600;
  box-shadow: inset 0 2px 1px 0 rgba(58, 115, 0, 0.5);
  border-color: #53a600;
}
.button--primary:focus, .button--primary--active,
button--primary:focus,
button--primary--active {
  box-shadow: 0 1px 0 0 rgba(22, 29, 37, 0.1), inset 0 0 3px 2px rgba(255, 255, 255, 0.4), inset 0 1px 0 1px rgba(255, 255, 255, 0.06);
}
.button--primary.disabled, .button--primary:disabled,
button--primary.disabled,
button--primary:disabled {
  background-color: #d2edb6;
  border-color: #a4da6d;
  color: #ffffff;
  box-shadow: none;
}
.button--primary.disabled:active, .button--primary.disabled:hover, .button--primary:disabled:active, .button--primary:disabled:hover,
button--primary.disabled:active,
button--primary.disabled:hover,
button--primary:disabled:active,
button--primary:disabled:hover {
  background-color: #d2edb6;
  color: #ffffff;
}
.button--primary .efi-icon,
button--primary .efi-icon {
  color: #ffffff;
}
.button--primary.button--loading::after,
button--primary.button--loading::after {
  background-color: #51a000;
}
.button--destructive,
button--destructive {
  background-image: none;
  background-color: #ed6347;
  box-shadow: 0 1px 0 0 rgba(22, 29, 37, 0.1), inset 0 1px 0 1px rgba(255, 255, 255, 0.09);
  border-color: #bf0711;
  color: #ffffff;
}
.button--destructive:hover,
button--destructive:hover {
  background-color: #d4583f;
  color: #ffffff;
}
.button--destructive:active,
button--destructive:active {
  background-color: #bf0711;
  box-shadow: inset 0 2px 1px 0 rgba(51, 2, 2, 0.13);
  border-color: #990d00;
}
.button--destructive:focus, .button--destructive--active,
button--destructive:focus,
button--destructive--active {
  box-shadow: 0px 0px 0px 2px #bf0711;
}
.button--destructive.disabled, .button--destructive:disabled,
button--destructive.disabled,
button--destructive:disabled {
  background-color: #fdac9a;
  border-color: #c9897b;
  box-shadow: none;
  color: #ffffff;
}
.button--destructive.disabled:active, .button--destructive.disabled:hover, .button--destructive:disabled:active, .button--destructive:disabled:hover,
button--destructive.disabled:active,
button--destructive.disabled:hover,
button--destructive:disabled:active,
button--destructive:disabled:hover {
  background-color: #fdac9a;
}
.button--destructive.button--loading::after,
button--destructive.button--loading::after {
  background-color: #a1060e;
}
.button--outline,
button--outline {
  background-image: none;
  background-color: transparent;
  box-shadow: none;
}
.button--outline:hover,
button--outline:hover {
  background-color: rgba(0, 0, 0, 0.1);
  color: #212b36;
}
.button--outline:active,
button--outline:active {
  background-color: rgba(0, 0, 0, 0.2);
  box-shadow: none;
}
.button--outline:focus, .button--outline--active,
button--outline:focus,
button--outline--active {
  box-shadow: 0px 0px 0px 2px #637381;
}
.button--outline.disabled, .button--outline:disabled,
button--outline.disabled,
button--outline:disabled {
  background-color: transparent;
  color: #c4cdd5;
  border-color: #c4cdd5;
}
.button + .button,
.button + button,
button + .button,
button + button {
  margin-left: 16px;
}
.button .efi-icon,
button .efi-icon {
  color: #919eab;
  margin: 0 -9px;
  font-size: 20px;
  height: 20px;
  line-height: 1;
}
.button .efi-icon.with-text,
button .efi-icon.with-text {
  margin: 0;
  margin-right: 8px;
  margin-left: -4px;
}
.button .efi-icon.with-text-left,
button .efi-icon.with-text-left {
  margin: 0;
  margin-left: 8px;
  margin-right: -4px;
}
.button--loading,
button--loading {
  pointer-events: none;
  opacity: 0.8;
  box-shadow: none;
}
.button--loading:focus,
button--loading:focus {
  box-shadow: none;
}
.button--loading::after,
button--loading::after {
  content: "";
  height: 2px;
  position: absolute;
  width: 0;
  bottom: 0;
  border-radius: 2px;
  background-color: #919eab;
  animation: button-loading 1.5s linear infinite;
}
.button--loading--0::after,
button--loading--0::after {
  width: 0%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--1::after,
button--loading--1::after {
  width: 1%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--2::after,
button--loading--2::after {
  width: 2%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--3::after,
button--loading--3::after {
  width: 3%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--4::after,
button--loading--4::after {
  width: 4%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--5::after,
button--loading--5::after {
  width: 5%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--6::after,
button--loading--6::after {
  width: 6%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--7::after,
button--loading--7::after {
  width: 7%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--8::after,
button--loading--8::after {
  width: 8%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--9::after,
button--loading--9::after {
  width: 9%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--10::after,
button--loading--10::after {
  width: 10%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--11::after,
button--loading--11::after {
  width: 11%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--12::after,
button--loading--12::after {
  width: 12%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--13::after,
button--loading--13::after {
  width: 13%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--14::after,
button--loading--14::after {
  width: 14%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--15::after,
button--loading--15::after {
  width: 15%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--16::after,
button--loading--16::after {
  width: 16%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--17::after,
button--loading--17::after {
  width: 17%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--18::after,
button--loading--18::after {
  width: 18%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--19::after,
button--loading--19::after {
  width: 19%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--20::after,
button--loading--20::after {
  width: 20%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--21::after,
button--loading--21::after {
  width: 21%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--22::after,
button--loading--22::after {
  width: 22%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--23::after,
button--loading--23::after {
  width: 23%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--24::after,
button--loading--24::after {
  width: 24%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--25::after,
button--loading--25::after {
  width: 25%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--26::after,
button--loading--26::after {
  width: 26%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--27::after,
button--loading--27::after {
  width: 27%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--28::after,
button--loading--28::after {
  width: 28%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--29::after,
button--loading--29::after {
  width: 29%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--30::after,
button--loading--30::after {
  width: 30%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--31::after,
button--loading--31::after {
  width: 31%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--32::after,
button--loading--32::after {
  width: 32%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--33::after,
button--loading--33::after {
  width: 33%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--34::after,
button--loading--34::after {
  width: 34%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--35::after,
button--loading--35::after {
  width: 35%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--36::after,
button--loading--36::after {
  width: 36%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--37::after,
button--loading--37::after {
  width: 37%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--38::after,
button--loading--38::after {
  width: 38%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--39::after,
button--loading--39::after {
  width: 39%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--40::after,
button--loading--40::after {
  width: 40%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--41::after,
button--loading--41::after {
  width: 41%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--42::after,
button--loading--42::after {
  width: 42%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--43::after,
button--loading--43::after {
  width: 43%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--44::after,
button--loading--44::after {
  width: 44%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--45::after,
button--loading--45::after {
  width: 45%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--46::after,
button--loading--46::after {
  width: 46%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--47::after,
button--loading--47::after {
  width: 47%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--48::after,
button--loading--48::after {
  width: 48%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--49::after,
button--loading--49::after {
  width: 49%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--50::after,
button--loading--50::after {
  width: 50%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--51::after,
button--loading--51::after {
  width: 51%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--52::after,
button--loading--52::after {
  width: 52%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--53::after,
button--loading--53::after {
  width: 53%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--54::after,
button--loading--54::after {
  width: 54%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--55::after,
button--loading--55::after {
  width: 55%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--56::after,
button--loading--56::after {
  width: 56%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--57::after,
button--loading--57::after {
  width: 57%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--58::after,
button--loading--58::after {
  width: 58%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--59::after,
button--loading--59::after {
  width: 59%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--60::after,
button--loading--60::after {
  width: 60%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--61::after,
button--loading--61::after {
  width: 61%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--62::after,
button--loading--62::after {
  width: 62%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--63::after,
button--loading--63::after {
  width: 63%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--64::after,
button--loading--64::after {
  width: 64%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--65::after,
button--loading--65::after {
  width: 65%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--66::after,
button--loading--66::after {
  width: 66%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--67::after,
button--loading--67::after {
  width: 67%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--68::after,
button--loading--68::after {
  width: 68%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--69::after,
button--loading--69::after {
  width: 69%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--70::after,
button--loading--70::after {
  width: 70%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--71::after,
button--loading--71::after {
  width: 71%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--72::after,
button--loading--72::after {
  width: 72%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--73::after,
button--loading--73::after {
  width: 73%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--74::after,
button--loading--74::after {
  width: 74%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--75::after,
button--loading--75::after {
  width: 75%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--76::after,
button--loading--76::after {
  width: 76%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--77::after,
button--loading--77::after {
  width: 77%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--78::after,
button--loading--78::after {
  width: 78%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--79::after,
button--loading--79::after {
  width: 79%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--80::after,
button--loading--80::after {
  width: 80%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--81::after,
button--loading--81::after {
  width: 81%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--82::after,
button--loading--82::after {
  width: 82%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--83::after,
button--loading--83::after {
  width: 83%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--84::after,
button--loading--84::after {
  width: 84%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--85::after,
button--loading--85::after {
  width: 85%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--86::after,
button--loading--86::after {
  width: 86%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--87::after,
button--loading--87::after {
  width: 87%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--88::after,
button--loading--88::after {
  width: 88%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--89::after,
button--loading--89::after {
  width: 89%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--90::after,
button--loading--90::after {
  width: 90%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--91::after,
button--loading--91::after {
  width: 91%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--92::after,
button--loading--92::after {
  width: 92%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--93::after,
button--loading--93::after {
  width: 93%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--94::after,
button--loading--94::after {
  width: 94%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--95::after,
button--loading--95::after {
  width: 95%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--96::after,
button--loading--96::after {
  width: 96%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--97::after,
button--loading--97::after {
  width: 97%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--98::after,
button--loading--98::after {
  width: 98%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--99::after,
button--loading--99::after {
  width: 99%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}
.button--loading--100::after,
button--loading--100::after {
  width: 100%;
  animation: none;
  left: 0;
  transition: width 0.1s ease-in-out 0s;
}

@keyframes button-loading {
  0% {
    width: 0;
    left: 0;
  }
  50% {
    width: 100%;
    right: 0;
  }
  70% {
    width: 0;
    right: 0;
  }
}
.is-meinestadt button--primary,
.is-meinestadt .button--primary {
  background-color: #ffda00;
  box-shadow: 0 1px 0 0 rgba(22, 29, 37, 0.1), inset 0 1px 0 1px rgba(255, 255, 255, 0.06);
  color: #212b36;
  border: 1px solid #ccbb05;
}
.is-meinestadt button--primary:active, .is-meinestadt button--primary.button--active, .is-meinestadt button--primary:focus, .is-meinestadt button--primary:hover,
.is-meinestadt .button--primary:active,
.is-meinestadt .button--primary.button--active,
.is-meinestadt .button--primary:focus,
.is-meinestadt .button--primary:hover {
  background-color: #feba2e;
}

.efi-icon {
  border-radius: 50%;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  z-index: 1;
}

.efi-sm-add::before {
  content: "\e91c";
}

.efi-il-notfound::before {
  content: "\e9bd";
}

.efi-sm-drop-down::before {
  content: "\e918";
}

.efi-sm-search::before {
  content: "\e905";
}

.efi-sm-clear::before {
  content: "\e981";
}

.efi-sm-arrow-sub::before {
  content: "\e936";
}

.efi-sm-chevron-right::before {
  content: "\e916";
}

.efi-sm-chevron-left::before {
  content: "\e915";
}

.efi-sm-chevron-left::before {
  content: "\e915";
}

.efi-sm-geolocation::before {
  content: "\e92d";
}

.efi-social-youtube::before {
  content: "\e974";
}

.efi-sm-locate-me::before {
  content: "\e98d";
}

.efi-sm-date::before {
  content: "\e903";
}

.efi-sm-date-new::before {
  content: "\e97b";
}

.efi-sm-chevron-right::before {
  content: "\e916";
}

.efi-md-frog::before {
  content: "\e92c";
}

.efi-il-event-add::before {
  content: "\e99f";
}

.efi-sm-settings::before {
  content: "\e907";
}

.efi-sm-alert::before {
  content: "\e90c";
}

.efi-sm-share-arrow::before {
  content: "\e9df";
}

.efi-sm-basket::before {
  content: "\e9d2";
}

.efi-sm-account::before {
  content: "\e9d1";
}

.efi-sm-globe2::before {
  content: "\e9f0";
}

body {
  height: 100vh;
}

.header {
  display: flex !important;
  height: var(--header-height);
  flex: 0 0 var(--header-height);
  outline: 1px solid #c4cdd5;
  background-color: #ffffff;
  align-items: stretch;
  position: relative;
  z-index: 60;
  --header-height: 60px;
  /*
  	DESKTOP NAVIGATION
  */
}
@media (min-width: 64em) {
  .header {
    --header-height: 80px;
  }
}
.header .logo img {
  width: auto;
  height: 100%;
}
.header .logo--desktop {
  display: flex;
  margin: 23px 0 22px 26px;
}
@media (max-width: 79.8125em) {
  .header .logo--desktop {
    display: none;
  }
}
.header .logo--mobile {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  height: calc(100% - 28px);
}
@media (max-width: 46.24em) {
  .header .logo--mobile {
    left: 105px;
    transform: translate(0, -50%);
  }
}
@media (min-width: 46.25em) {
  .header .logo--mobile--with-title {
    left: 130px;
  }
}
@media (min-width: 64em) {
  .header .logo--mobile {
    display: flex;
    position: unset;
    margin: 21px 0 20px 26px;
    transform: unset;
    translate: unset;
    height: unset;
  }
}
@media (min-width: 79.875em) {
  .header .logo--mobile {
    display: none;
  }
}
.header .mobile-navigation {
  cursor: pointer;
}
@media (min-width: 64em) {
  .header .mobile-navigation {
    display: none;
  }
}
.header .mobile-navigation__button {
  display: none;
  height: 100%;
  width: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-right: 1px solid #c4cdd5;
  pointer-events: none;
  color: #212b36;
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
}
.header .mobile-navigation__button > .efi-icon {
  width: 20px;
  height: 20px;
}
.header .mobile-navigation__button__text {
  margin-left: 16px;
  line-height: 28px;
  pointer-events: none;
  position: relative;
  top: -1px;
}
@media (max-width: 46.24em) {
  .header .mobile-navigation__button__text {
    display: none;
  }
}
@media (min-width: 46.25em) {
  .header .mobile-navigation__button {
    width: 127px;
  }
}
.header .mobile-navigation__menu {
  position: fixed;
  top: 80px;
  top: var(--header-height);
  left: -100%;
  bottom: 0;
  width: 550px;
  max-width: 90%;
  background-color: #ffffff;
  transition: left 300ms;
  border-right: 1px solid #c4cdd5;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  z-index: 10;
  border-top: 1px solid #c4cdd5;
}
.header .mobile-navigation__menu .main-link {
  cursor: pointer;
  user-select: none;
}
.header .mobile-navigation__menu .main-link__has-sublinks {
  white-space: nowrap;
}
.header .mobile-navigation__menu .main-link__has-sublinks .main-link__link {
  pointer-events: none;
}
.header .mobile-navigation__menu .main-link__has-sublinks .main-link__link::after {
  content: "\e913";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: normal;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-flex;
  align-items: center;
  justify-content: space-around;
  position: relative;
  width: 20px;
  margin-left: 4px;
  color: #919eab;
}
.header .mobile-navigation__menu .main-link__has-sublinks.sublinks-selected .sublinks {
  display: flex;
  opacity: 1;
  pointer-events: all;
}
.header .mobile-navigation__menu .main-link__has-sublinks.sublinks-selected .main-link__link::after {
  content: "\e914";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: normal;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.header .mobile-navigation__menu .main-link__link {
  color: #212b36;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  margin: 0;
  text-decoration: none;
  height: 44px;
  padding-left: 16px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #c4cdd5;
}
.header .mobile-navigation__menu .main-link__link:hover {
  background-color: #f4f6f8;
}
@media (min-width: 64em) {
  .header .mobile-navigation__menu .language-link {
    display: none;
  }
}
.header .mobile-navigation__menu .sublinks {
  display: none;
  flex-direction: column;
}
.header .mobile-navigation__menu .sublinks__link {
  padding-left: 32px;
  text-decoration: none;
  border-bottom: 1px solid #c4cdd5;
  padding: 8px 18px 8px 16px;
  text-decoration: none;
  color: #212b36;
  font-size: 16px;
  line-height: 20px;
  font-weight: normal;
}
.header .mobile-navigation__menu .sublinks__link::before {
  content: "\e936";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: normal;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #919eab;
  margin-right: 8px;
}
.header .mobile-navigation__menu .sublinks__link:hover {
  background-color: #f4f6f8;
}
.header .mobile-navigation__menu__open {
  left: 0;
}
.header .mobile-navigation__menu__backdrop {
  display: none;
  position: fixed;
  top: var(--header-height);
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.5);
}
.header .mobile-navigation__menu .header-button {
  display: none;
  align-self: center;
  margin-top: 16px;
  margin-bottom: 16px;
  flex: 0 0 36px;
  margin-left: auto !important;
}
@media (min-width: 46.25em) {
  .header .mobile-navigation__menu .header-button {
    display: none;
  }
}
@media (min-width: 64em) {
  .header .mobile-navigation hr {
    display: none;
  }
}
.header .mobile-navigation .user-navigation {
  align-items: flex-start;
}
@media (max-width: 46.24em) {
  .header .mobile-navigation .user-navigation {
    border-top: 1px solid #c4cdd5;
  }
}
.header .mobile-navigation .user-navigation__link {
  padding-top: 16px;
  padding-bottom: 16px;
  height: auto;
}
.header .desktop-navigation {
  flex-grow: 1;
  margin-left: 16px;
}
@media (max-width: 46.24em) {
  .header .desktop-navigation {
    justify-content: flex-end;
  }
}
.header .desktop-navigation__menu {
  display: flex;
  align-items: center;
  height: 100%;
}
@media (min-width: 64em) {
  .header .desktop-navigation__menu .basket-button {
    margin-right: 24px;
  }
}
@media (max-width: 26.615em) {
  .header .desktop-navigation__menu .basket-button .efi-icon {
    display: none;
  }
}
.header .desktop-navigation__menu .basket-button__amount {
  color: #ffffff;
  font-size: 10px;
  font-weight: 600;
  line-height: 16px;
  background-color: #60bf00;
  border-radius: 50%;
  height: 20px;
  width: 20px;
  flex: 0 0 20px;
  display: inline-flex;
  align-items: center;
  justify-content: space-around;
}
@media (min-width: 46.25em) {
  .header .desktop-navigation__menu .basket-button__amount {
    margin-right: 4px;
  }
}
@media (max-width: 46.24em) {
  .header .desktop-navigation__menu .basket-button__text {
    display: none;
  }
}
.header .desktop-navigation__menu .basket-button + .user-navigation {
  margin-left: 16px;
}
.header .desktop-navigation .user-navigation {
  align-self: stretch;
}
@media (max-width: 63.99em) {
  .header .desktop-navigation .user-navigation {
    display: none;
  }
}
.header .desktop-navigation .user-navigation .user-navigation__link {
  pointer-events: none;
}
.header .desktop-navigation .user-navigation .user-navigation__link::after {
  content: "\e913";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: normal;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-flex;
  align-items: center;
  justify-content: space-around;
  position: relative;
  height: 20px;
  width: 20px;
  margin-left: 4px;
  color: #919eab;
  font-size: 20px;
}
.header .desktop-navigation .user-navigation.sublinks-selected .user-navigation__link::after {
  content: "\e914";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: normal;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.header .desktop-navigation .main-link {
  margin-left: 9px;
  position: relative;
}
@media (max-width: 63.99em) {
  .header .desktop-navigation .main-link {
    display: none;
  }
}
.header .desktop-navigation .main-link:hover {
  cursor: pointer;
}
.header .desktop-navigation .main-link:first-child {
  margin-left: 0;
}
.header .desktop-navigation .main-link__has-sublinks {
  white-space: nowrap;
}
.header .desktop-navigation .main-link__has-sublinks::after {
  top: 2px;
}
.header .desktop-navigation .main-link__has-sublinks .main-link__link {
  pointer-events: none;
  position: relative;
  padding: 4px 28px 4px 8px;
}
.header .desktop-navigation .main-link__has-sublinks .main-link__link::after {
  content: "\e913";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: normal;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-flex;
  align-items: center;
  justify-content: space-around;
  position: absolute;
  height: 20px;
  width: 20px;
  right: 4px;
  top: 50%;
  transform: translateY(-50%);
  color: #919eab;
}
.header .desktop-navigation .main-link.sublinks-selected .sublinks {
  opacity: 1;
  pointer-events: all;
}
.header .desktop-navigation .main-link.sublinks-selected .main-link__link {
  background-color: #f4f6f8;
}
.header .desktop-navigation .main-link.sublinks-selected .main-link__link::after {
  content: "\e914";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: normal;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.header .desktop-navigation .main-link__link {
  color: #212b36;
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
  padding: 4px 8px;
  display: block;
  border-radius: 3px;
  text-decoration: none;
  white-space: nowrap;
}
.header .desktop-navigation .main-link + .button, .header .desktop-navigation .main-link + .user-navigation {
  margin-left: auto !important;
}
.header .desktop-navigation .sublinks {
  display: flex;
  flex-direction: column;
  pointer-events: none;
  position: absolute;
  top: 48px;
  background-color: #ffffff;
  border-radius: 3px;
  box-shadow: 0 1px 10px rgba(14, 14, 15, 0.1490196078), 0 0 0 1px rgba(38, 38, 42, 0.0509803922);
  opacity: 0;
  transition: opacity 0.4s;
}
.header .desktop-navigation .sublinks--selected {
  display: flex;
}
.header .desktop-navigation .sublinks__link {
  white-space: nowrap;
  padding: 8px 18px 8px 16px;
  font-weight: 300;
  text-decoration: none;
  border-radius: 3px;
  color: #212b36;
  font-size: 16px;
  line-height: 20px;
  font-weight: normal;
}
.header .desktop-navigation .sublinks__link:hover {
  background-color: #f4f6f8;
}
.header .desktop-navigation .sublinks:before, .header .desktop-navigation .sublinks:after {
  bottom: 100%;
  left: 20%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.header .desktop-navigation .sublinks:after {
  border-color: rgba(0, 255, 0, 0);
  border-bottom-color: #ffffff;
  border-width: 8px;
  margin-left: -8px;
}
.header .desktop-navigation .sublinks:before {
  border-color: rgba(8, 5, 70, 0);
  border-bottom-color: #dedede;
  border-width: 9px;
  margin-left: -9px;
}
@media (min-width: 64em) {
  .header .desktop-navigation .header-button {
    margin-right: 16px;
  }
}
@media (max-width: 46.24em) {
  .header .desktop-navigation .header-button {
    display: none;
  }
}
.header .desktop-navigation .header-button + .user-navigation {
  margin-left: 16px;
}
.header .desktop-navigation .language-style-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
@media (min-width: 64em) {
  .header .desktop-navigation .language-style-wrapper {
    border-left: 1px solid #c4cdd5;
  }
}
@media (max-width: 63.99em) {
  .header .desktop-navigation .language-style-wrapper {
    display: none;
  }
}
.header .desktop-navigation .language-style-wrapper .language-navigation {
  position: relative;
  cursor: pointer;
  height: 100%;
}
.header .desktop-navigation .language-style-wrapper .language-navigation .sublinks {
  top: 76px;
}
.header .desktop-navigation .language-style-wrapper .language-navigation.sublinks-selected .sublinks {
  opacity: 1;
  pointer-events: all;
}
@media (max-width: 46.24em) {
  .header .desktop-navigation .language-style-wrapper .language-navigation {
    position: absolute;
    right: 0;
  }
}
@media (max-width: 63.99em) {
  .header .desktop-navigation .language-style-wrapper .language-navigation {
    display: none;
  }
}
.header .desktop-navigation .language-style-wrapper .language-navigation__link {
  pointer-events: none;
  color: #212b36;
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
  height: 100%;
  padding: 0 10px 0 14px;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  gap: 4px;
}
.header .desktop-navigation .language-style-wrapper .language-navigation__link:hover {
  text-decoration: none !important;
  color: inherit !important;
}
.header .desktop-navigation .language-style-wrapper .language-navigation .efi-sm-chevron-down {
  font-size: 20px;
  height: 20px;
  color: #919eab;
}
.header .desktop-navigation .language-style-wrapper .language-navigation .efi-sm-chevron-down:before {
  content: "\e913";
  font-family: "eventfrog-icons" !important;
}
.header .user-style-wrapper {
  height: 100%;
}
@media (min-width: 64em) {
  .header .user-style-wrapper {
    min-width: 180px;
  }
}
@media (max-width: 63.99em) {
  .header .user-style-wrapper {
    min-width: 120px;
  }
}
@media (min-width: 64em) {
  .header .user-style-wrapper {
    border-left: 1px solid #c4cdd5;
  }
}
.header .user-style-wrapper .user-navigation {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.header .user-style-wrapper .user-navigation > * {
  pointer-events: none;
}
.header .user-style-wrapper .user-navigation.sublinks-selected {
  pointer-events: all;
}
.header .user-style-wrapper .user-navigation.sublinks-selected .sublinks {
  opacity: 1;
  pointer-events: all;
}
.header .user-style-wrapper .user-navigation:first-child {
  margin-left: auto;
}
.header .user-style-wrapper .user-navigation .sublinks {
  top: 76px;
}
.header .user-style-wrapper .user-navigation .sublinks::after {
  left: 50%;
}
.header .user-style-wrapper .user-navigation .sublinks::before {
  left: 50%;
}
@media (max-width: 63.99em) {
  .header .user-style-wrapper .user-navigation .sublinks {
    top: 70px;
    right: 8px;
  }
  .header .user-style-wrapper .user-navigation .sublinks::after {
    left: 83%;
  }
  .header .user-style-wrapper .user-navigation .sublinks::before {
    left: 83%;
  }
}
.header .user-style-wrapper .user-navigation__login {
  color: #212b36;
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
  min-width: 220px;
  height: 100%;
  padding: 0 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  pointer-events: all;
}
@media (max-width: 89.99em) {
  .header .user-style-wrapper .user-navigation__login {
    min-width: auto;
  }
}
.header .user-style-wrapper .user-navigation__link {
  color: #212b36;
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
  min-width: 220px;
  height: 100%;
  padding: 0 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}
@media (max-width: 89.99em) {
  .header .user-style-wrapper .user-navigation__link {
    min-width: auto;
  }
  .header .user-style-wrapper .user-navigation__link:after {
    content: "";
    width: 0px;
    margin-left: 0px;
  }
}
.header .user-style-wrapper .user-navigation .cockpit {
  display: flex;
  gap: 8px;
  align-items: center;
  transition: opacity 0.4s;
}
.header .user-style-wrapper .user-navigation .cockpit::before {
  content: "\e922";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: normal;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.header .user-style-wrapper .user-navigation .cockpit::before {
  color: #919eab;
}
.header .user-style-wrapper .user-navigation .create-event {
  display: flex;
  gap: 8px;
  align-items: center;
}
.header .user-style-wrapper .user-navigation .create-event::before {
  content: "\e983";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: normal;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.header .user-style-wrapper .user-navigation .create-event::before {
  color: #919eab;
}
.header .user-style-wrapper .user-navigation .settings {
  display: flex;
  gap: 8px;
  align-items: center;
}
.header .user-style-wrapper .user-navigation .settings::before {
  content: "\e907";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: normal;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.header .user-style-wrapper .user-navigation .settings::before {
  color: #919eab;
}
.header .user-style-wrapper .user-navigation .my-tickets {
  display: flex;
  gap: 8px;
  align-items: center;
}
.header .user-style-wrapper .user-navigation .my-tickets::before {
  color: #919eab;
}
.header .user-style-wrapper .user-navigation .my-tickets::before {
  content: "\e908";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: normal;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.header .user-style-wrapper .user-navigation .logout {
  display: flex;
  gap: 8px;
  align-items: center;
  border-top: 1px solid #dfe3e8;
}
.header .user-style-wrapper .user-navigation .logout::before {
  content: "\e910";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: normal;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.header .user-style-wrapper .user-navigation .logout::before {
  color: #919eab;
}
.header .user-style-wrapper .user-navigation .efi-sm-account {
  color: #919eab;
  margin-right: 8px;
  font-size: 18px;
  height: 18px;
  bottom: 1px;
  position: relative;
}
.header .user-style-wrapper .user-navigation__avatar {
  display: block;
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  border-radius: 50%;
  margin-right: 12px;
  font-weight: normal;
}
@media (max-width: 63.99em) {
  .header .user-style-wrapper .user-navigation__avatar {
    margin-right: 0px;
  }
}
.header .user-style-wrapper .user-navigation__info-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1px;
  max-width: 180px;
}
@media (max-width: 63.99em) {
  .header .user-style-wrapper .user-navigation__info-wrapper {
    display: none;
  }
}
.header .user-style-wrapper .user-navigation__info-wrapper > span {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.header .user-style-wrapper .user-navigation__texttop {
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.1em;
  letter-spacing: normal;
  color: #212b36;
}
.header .user-style-wrapper .user-navigation__textbottom {
  font-size: 12px;
  line-height: 1.1em;
  font-weight: normal;
  color: #637381;
}
.header .user-style-wrapper .user-navigation__icon {
  font-size: 18px;
  height: 18px;
}
.header .user-style-wrapper .user-navigation__icon::after {
  content: "\e949";
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "eventfrog-icons" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: normal;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #919eab;
  margin-left: 16px;
}

.hide {
  display: none;
}

.title {
  display: flex;
  flex-grow: 1;
  justify-content: center;
  font-size: 32px;
  font-weight: 300;
  margin-left: auto !important;
}
@media (max-width: 46.24em) {
  .title {
    display: none;
  }
}

.spacer {
  margin-left: auto !important;
}
@media (min-width: 46.25em) {
  .spacer.nav-content-loaded {
    display: none;
  }
}