@font-face {
  font-family: Social Icons Font;
  src: url('../fonts/social-icon-font.woff2') format("woff2"), url('../fonts/social-icon-font.eot') format("embedded-opentype"), url('../fonts/social-icon-font.woff') format("woff"), url('../fonts/social-icon-font.ttf') format("truetype"), url('../fonts/social-icon-font.svg') format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Line Square Icons;
  src: url('../fonts/line-square-icons.woff2') format("woff2"), url('../fonts/line-square-icons.eot') format("embedded-opentype"), url('../fonts/line-square-icons.woff') format("woff"), url('../fonts/line-square-icons.ttf') format("truetype"), url('../fonts/line-square-icons.svg') format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Filled Icons;
  src: url('../fonts/filled-icon-font.woff2') format("woff2"), url('../fonts/filled-icon-font.eot') format("embedded-opentype"), url('../fonts/filled-icon-font.woff') format("woff"), url('../fonts/filled-icon-font.ttf') format("truetype"), url('../fonts/filled-icon-font.svg') format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Line Rounded Icons;
  src: url('../fonts/line-rounded-icons.woff2') format("woff2"), url('../fonts/line-rounded-icons.eot') format("embedded-opentype"), url('../fonts/line-rounded-icons.woff') format("woff"), url('../fonts/line-rounded-icons.ttf') format("truetype"), url('../fonts/line-rounded-icons.svg') format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gill Sans Mt;
  src: url('../fonts/gill-sans-mt.ttf') format("truetype"), url('../fonts/gill-sans-mt.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --neutral--600: #727272;
  --neutral--800: #000;
  --neutral--300: #f0f0f0;
  --tan: #fdf6ed;
  --general--shadow-01: var(--general--shadow-02);
  --neutral--200: #fcfcfc;
  --neutral--700: #353535;
  --neutral--500: #b1b1b1;
  --neutral--400: #d5d5d5;
  --white--100: #fff;
  --general--shadow-02: #0000;
  --general--shadow-03: #0000001a;
  --dark-navy-blue: #0d121c;
  --general--shadow-05: #fff45c;
  --general--shadow-06: var(--navy-blue);
  --navy-blue: #0d121c;
  --memberstack-library--ms-main-cta-color: #2962ff;
  --memberstack-library--ms-main-cta-hover: #1051b9;
  --memberstack-library--ms-border-color: #12133140;
  --memberstack-library--ms-shadow-color: #0000001a;
  --memberstack-library--ms-main-text-color: #121331;
  --memberstack-library--ms-input-placeholder: #12133199;
  --_button_innershadow---inner_shadow: #ffffff4d;
  --black-transparent: #000000a6;
  --inner_shadow: #0000004d;
  --elements-webflow-library--accent--primary-1: #4a3aff;
  --elements-webflow-library--secondary--color-1: #281ca5;
  --elements-webflow-library--secondary--color-2: #f2f1ff;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-users-userformpagewrap {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  max-width: 340px;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.w-users-userformheader {
  text-align: center;
}

.w-commerce-commercecheckoutformcontainer {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}

.w-commerce-commercelayoutmain {
  flex: 0 800px;
  margin-right: 20px;
}

.w-commerce-commercecheckoutcustomerinfowrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutblockheader {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  justify-content: space-between;
  align-items: baseline;
  padding: 4px 20px;
  display: flex;
}

.w-commerce-commercecheckoutblockcontent {
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  padding: 20px;
}

.w-commerce-commercecheckoutlabel {
  margin-bottom: 8px;
}

.w-commerce-commercecheckoutemailinput {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutemailinput::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutemailinput:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingaddresswrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutshippingfullname {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingfullname::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingfullname:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingstreetaddress {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingstreetaddress::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstreetaddress:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutrow {
  margin-left: -8px;
  margin-right: -8px;
  display: flex;
}

.w-commerce-commercecheckoutcolumn {
  flex: 1;
  padding-left: 8px;
  padding-right: 8px;
}

.w-commerce-commercecheckoutshippingcity {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingcity::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingcity:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingstateprovince {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingstateprovince::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstateprovince:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingzippostalcode {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingzippostalcode::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingzippostalcode:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingcountryselector {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingcountryselector::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingcountryselector:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingmethodswrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutshippingmethodslist {
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
}

.w-commerce-commercecheckoutshippingmethoditem {
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  flex-direction: row;
  align-items: baseline;
  margin-bottom: 0;
  padding: 16px;
  font-weight: 400;
  display: flex;
}

.w-commerce-commercecheckoutshippingmethoddescriptionblock {
  flex-direction: column;
  flex-grow: 1;
  margin-left: 12px;
  margin-right: 12px;
  display: flex;
}

.w-commerce-commerceboldtextblock {
  font-weight: 700;
}

.w-commerce-commercecheckoutshippingmethodsemptystate {
  text-align: center;
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  padding: 64px 16px;
}

.w-commerce-commercecheckoutpaymentinfowrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutcardnumber {
  appearance: none;
  cursor: text;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutcardnumber::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardnumber:focus, .w-commerce-commercecheckoutcardnumber.-wfp-focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutcardexpirationdate {
  appearance: none;
  cursor: text;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutcardexpirationdate::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardexpirationdate:focus, .w-commerce-commercecheckoutcardexpirationdate.-wfp-focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutcardsecuritycode {
  appearance: none;
  cursor: text;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutcardsecuritycode::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardsecuritycode:focus, .w-commerce-commercecheckoutcardsecuritycode.-wfp-focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingaddresstogglewrapper {
  flex-direction: row;
  display: flex;
}

.w-commerce-commercecheckoutbillingaddresstogglecheckbox {
  margin-top: 4px;
}

.w-commerce-commercecheckoutbillingaddresstogglelabel {
  margin-left: 8px;
  font-weight: 400;
}

.w-commerce-commercecheckoutbillingaddresswrapper {
  margin-top: 16px;
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutbillingfullname {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingfullname::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingfullname:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingstreetaddress {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingstreetaddress::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstreetaddress:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingcity {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingcity::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingcity:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingstateprovince {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingstateprovince::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstateprovince:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingzippostalcode {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingzippostalcode::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingzippostalcode:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingcountryselector {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingcountryselector::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingcountryselector:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutorderitemswrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummaryblockheader {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  justify-content: space-between;
  align-items: baseline;
  padding: 4px 20px;
  display: flex;
}

.w-commerce-commercecheckoutorderitemslist {
  margin-bottom: -20px;
}

.w-commerce-commercecheckoutorderitem {
  margin-bottom: 20px;
  display: flex;
}

.w-commerce-commercecartitemimage {
  width: 60px;
  height: 0%;
}

.w-commerce-commercecheckoutorderitemdescriptionwrapper {
  flex-grow: 1;
  margin-left: 16px;
  margin-right: 16px;
}

.w-commerce-commercecheckoutorderitemquantitywrapper {
  white-space: pre-wrap;
  display: flex;
}

.w-commerce-commercecheckoutorderitemoptionlist {
  margin-bottom: 0;
  padding-left: 0;
  text-decoration: none;
  list-style-type: none;
}

.w-commerce-commercelayoutsidebar {
  flex: 0 0 320px;
  position: sticky;
  top: 20px;
}

.w-commerce-commercecheckoutordersummarywrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummarylineitem, .w-commerce-commercecheckoutordersummaryextraitemslistitem {
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 8px;
  display: flex;
}

.w-commerce-commercecheckoutsummarytotal {
  font-weight: 700;
}

.w-commerce-commercecheckoutdiscounts {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  flex-wrap: wrap;
  padding: 20px;
  display: flex;
}

.w-commerce-commercecheckoutdiscountslabel {
  flex-basis: 100%;
  margin-bottom: 8px;
}

.w-commerce-commercecheckoutdiscountsinput {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  flex: 1;
  width: auto;
  min-width: 0;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutdiscountsinput::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutdiscountsinput:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutdiscountsbutton {
  color: #fff;
  cursor: pointer;
  appearance: none;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 3px;
  flex-grow: 0;
  flex-shrink: 0;
  align-items: center;
  height: 38px;
  margin-left: 8px;
  padding: 9px 15px;
  text-decoration: none;
  display: flex;
}

.w-commerce-commercecheckoutplaceorderbutton {
  color: #fff;
  cursor: pointer;
  appearance: none;
  text-align: center;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 3px;
  align-items: center;
  margin-bottom: 20px;
  padding: 9px 15px;
  text-decoration: none;
  display: block;
}

.w-commerce-commercecartapplepaybutton {
  color: #fff;
  cursor: pointer;
  appearance: none;
  background-color: #000;
  border-width: 0;
  border-radius: 2px;
  align-items: center;
  height: 38px;
  min-height: 30px;
  margin-bottom: 8px;
  padding: 0;
  text-decoration: none;
  display: flex;
}

.w-commerce-commercecartapplepayicon {
  width: 100%;
  height: 50%;
  min-height: 20px;
}

.w-commerce-commercecartquickcheckoutbutton {
  color: #fff;
  cursor: pointer;
  appearance: none;
  background-color: #000;
  border-width: 0;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  height: 38px;
  margin-bottom: 8px;
  padding: 0 15px;
  text-decoration: none;
  display: flex;
}

.w-commerce-commercequickcheckoutgoogleicon, .w-commerce-commercequickcheckoutmicrosofticon {
  margin-right: 8px;
  display: block;
}

.w-commerce-commercecheckouterrorstate {
  background-color: #ffdede;
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 10px 16px;
}

.w-users-userloginformwrapper {
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.w-users-userformbutton {
  text-align: center;
  width: 100%;
}

.w-users-userformerrorstate {
  margin-left: 20px;
  margin-right: 20px;
  position: absolute;
  top: 100%;
  left: 0%;
  right: 0%;
}

.w-commerce-commerceorderconfirmationcontainer {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}

.w-commerce-commercelayoutcontainer {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.w-commerce-commercecheckoutcustomerinfosummarywrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummaryitem, .w-commerce-commercecheckoutsummarylabel {
  margin-bottom: 8px;
}

.w-commerce-commercecheckoutsummaryflexboxdiv {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.w-commerce-commercecheckoutsummarytextspacingondiv {
  margin-right: .33em;
}

.w-commerce-commercecheckoutshippingsummarywrapper, .w-commerce-commercecheckoutpaymentsummarywrapper {
  margin-bottom: 20px;
}

.w-commerce-commercepaypalcheckoutformcontainer {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}

.w-commerce-commercepaypalcheckouterrorstate {
  background-color: #ffdede;
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 10px 16px;
}

.w-users-userresetpasswordformwrapper {
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.w-users-userformsuccessstate {
  display: none;
}

.w-users-usersignupformwrapper {
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.w-users-usersignupverificationmessage {
  display: none;
}

.w-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

.w-users-userupdatepasswordformwrapper {
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.w-users-useraccountwrapper {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}

.w-users-blockheader {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  justify-content: space-between;
  align-items: baseline;
  padding: 4px 20px;
  display: flex;
}

.w-users-blockcontent {
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  margin-bottom: 20px;
  padding: 20px;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-users-useraccountformsavebutton {
  text-align: center;
  margin-right: 8px;
}

.w-users-useraccountformcancelbutton {
  text-align: center;
  color: #333;
  background-color: #d3d3d3;
}

.w-users-useraccountsubscriptionlist {
  -webkit-overflow-scrolling: touch;
  flex: 1;
  overflow: auto;
}

.w-users-useraccountsubscriptionlistitem {
  align-items: flex-start;
  display: flex;
}

.w-commerce-commercecartiteminfo {
  flex-direction: column;
  flex: 1;
  margin-left: 16px;
  margin-right: 16px;
  display: flex;
}

.w-commerce-commercecartproductname {
  font-weight: 700;
}

.w-users-gridrow {
  grid-column-gap: 8px;
  grid-template-columns: auto auto;
  justify-content: flex-start;
  display: grid;
}

.w-users-flexcolumn {
  flex-direction: column;
  display: flex;
}

.w-users-useraccountsubscriptioncancelbutton {
  color: #3898ec;
  cursor: pointer;
  appearance: none;
  background-color: #0000;
  padding: 0;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }

  .w-commerce-commercelayoutmain {
    flex-basis: auto;
    margin-right: 0;
  }

  .w-commerce-commercelayoutsidebar {
    flex-basis: auto;
  }

  .w-commerce-commercelayoutcontainer {
    flex-direction: column;
    align-items: stretch;
  }
}

@media screen and (max-width: 479px) {
  .w-commerce-commercecheckoutemailinput, .w-commerce-commercecheckoutshippingfullname, .w-commerce-commercecheckoutshippingstreetaddress, .w-commerce-commercecheckoutshippingstreetaddressoptional {
    font-size: 16px;
  }

  .w-commerce-commercecheckoutrow {
    flex-direction: column;
  }

  .w-commerce-commercecheckoutshippingcity, .w-commerce-commercecheckoutshippingstateprovince, .w-commerce-commercecheckoutshippingzippostalcode, .w-commerce-commercecheckoutshippingcountryselector, .w-commerce-commercecheckoutcardnumber, .w-commerce-commercecheckoutcardexpirationdate, .w-commerce-commercecheckoutcardsecuritycode, .w-commerce-commercecheckoutbillingfullname, .w-commerce-commercecheckoutbillingstreetaddress, .w-commerce-commercecheckoutbillingstreetaddressoptional, .w-commerce-commercecheckoutbillingcity, .w-commerce-commercecheckoutbillingstateprovince, .w-commerce-commercecheckoutbillingzippostalcode, .w-commerce-commercecheckoutbillingcountryselector, .w-commerce-commercecheckoutdiscountsinput {
    font-size: 16px;
  }
}

body {
  color: var(--neutral--600);
  font-family: Manrope;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
}

h1 {
  color: var(--neutral--800);
  margin-top: 0;
  margin-bottom: 16px;
  margin-right: 81px;
  font-size: 54px;
  font-weight: 700;
  line-height: 66px;
}

h2 {
  color: var(--neutral--800);
  margin-top: 0;
  margin-bottom: 16px;
  font-size: 32px;
  font-weight: 700;
  line-height: 42px;
}

h3 {
  color: var(--neutral--800);
  margin-top: 0;
  margin-bottom: 8px;
  font-size: 24px;
  font-weight: 700;
  line-height: 34px;
}

h4 {
  color: var(--neutral--800);
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 22px;
  font-weight: 700;
  line-height: 28px;
}

h5 {
  color: var(--neutral--800);
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
}

h6 {
  color: var(--neutral--800);
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
}

p {
  margin-bottom: 16px;
}

a {
  color: var(--neutral--800);
  text-decoration: underline;
  transition: color .3s;
}

a:hover {
  color: var(--neutral--600);
}

ul, ol {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

li {
  margin-bottom: 8px;
  padding-left: 8px;
}

img {
  max-width: 100%;
  margin-bottom: -34px;
  display: inline-block;
}

label {
  color: var(--neutral--800);
  letter-spacing: .06em;
  text-transform: uppercase;
  margin-bottom: 12px;
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
  display: block;
}

strong {
  color: var(--neutral--800);
  font-weight: 700;
}

blockquote {
  background-color: var(--neutral--300);
  color: var(--neutral--800);
  text-align: center;
  border: 0 solid #000;
  border-radius: 18px;
  margin-top: 14px;
  margin-bottom: 32px;
  padding: 70px 68px;
  font-size: 18px;
  font-weight: 700;
  line-height: 30px;
}

figure {
  margin-top: 24px;
  margin-bottom: 48px;
}

figcaption {
  text-align: center;
  margin-top: 16px;
}

.page-wrapper {
  background-color: var(--tan);
  max-width: 100vw;
  margin-top: -1px;
}

.grid-2-columns {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.grid-2-columns.style---styleguide-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 28px;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr;
  align-items: start;
}

.grid-2-columns.contact {
  grid-column-gap: 120px;
  grid-template-columns: .7fr 1fr;
  align-items: start;
}

.grid-2-columns.blog-card-primary {
  grid-column-gap: 32px;
  grid-template-columns: auto 1fr;
}

.grid-2-columns.blog-card-primary.sidebar {
  grid-column-gap: 20px;
}

.grid-2-columns.title-and-categories {
  grid-template-columns: .6fr 1fr;
  margin-bottom: 32px;
}

.grid-2-columns.dropdown-2-sides {
  grid-column-gap: 30px;
  grid-row-gap: 0px;
  grid-template-columns: 1.2fr auto;
  align-items: stretch;
}

.grid-2-columns.template-page-sidebar {
  grid-column-gap: 40px;
  grid-template-columns: .35fr 1fr;
  align-items: start;
}

.grid-2-columns.changelog-item {
  grid-column-gap: 60px;
  border-bottom: 1px solid var(--neutral--300);
  grid-template-columns: .4fr 1fr;
  align-items: start;
  padding-top: 64px;
  padding-bottom: 64px;
}

.grid-2-columns.changelog-item.first {
  border-bottom-width: 0;
  padding-top: 0;
}

.grid-2-columns.checkout-page {
  grid-template-columns: 1fr .4fr;
  align-items: start;
}

.grid-2-columns.hero-top {
  grid-column-gap: 40px;
  grid-template-columns: 1.8fr 1fr;
}

.grid-2-columns.sidebar-content {
  grid-column-gap: 80px;
  grid-template-columns: 1fr .45fr;
  align-items: start;
}

.grid-2-columns.sidebar-content.left {
  grid-column-gap: 100px;
  grid-template-columns: .5fr 1fr;
}

.style---navigation-sidebar {
  z-index: 1;
  height: 100%;
  max-height: 100vh;
  box-shadow: 1px 0 14px 0 var(--general--shadow-01);
  position: sticky;
  top: 0;
  overflow: hidden;
}

.style---main-wrapper {
  background-color: var(--neutral--200);
}

.card {
  border: 1px none var(--neutral--300);
  background-color: var(--neutral--600);
  min-height: 1000px;
  box-shadow: 0 2px 7px 0 var(--general--shadow-01);
  border-radius: 12px;
  justify-content: center;
  align-items: flex-start;
  padding-left: 36%;
  padding-right: 25%;
  display: flex;
  position: static;
  inset: 0% auto auto 0%;
}

.card.form {
  border-radius: 12px;
  min-height: 580px;
  margin-bottom: 0;
  padding: 48px;
}

.card.form.utility-pages {
  min-height: auto;
  margin-top: 0;
  padding-top: 39px;
  padding-bottom: 48px;
}

.card.sticky-top.top-24px {
  top: 24px;
}

.card.checkout-block {
  margin-bottom: 28px;
  padding: 32px 32px 48px;
}

.card.checkout-block.order-summary {
  padding-bottom: 40px;
}

.card.checkout-block.last {
  margin-bottom: 0;
}

.card.user {
  margin-bottom: 38px;
}

.card.modal {
  width: 100%;
  max-width: 450px;
  padding: 56px 44px;
  position: relative;
}

.style---color-block {
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  min-height: 180px;
  position: relative;
}

.style---color-block.bg-neutral-800 {
  background-color: var(--neutral--800);
}

.style---color-block.bg-neutral-700 {
  background-color: var(--neutral--700);
}

.style---color-block.bg-neutral-600 {
  background-color: var(--neutral--600);
}

.style---color-block.bg-neutral-500 {
  background-color: var(--neutral--500);
}

.style---color-block.bg-neutral-400 {
  background-color: var(--neutral--400);
}

.style---color-block.bg-neutral-300 {
  background-color: var(--neutral--300);
}

.style---color-block.bg-neutral-200 {
  background-color: var(--neutral--200);
}

.style---color-block-content {
  padding: 24px 24px 32px;
}

.style---color-block-name {
  color: var(--neutral--800);
  margin-bottom: 8px;
  font-size: 20px;
  font-weight: 700;
  line-height: 22px;
}

.style---color-block-hex {
  line-height: 20px;
}

.grid-4-columns {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.bg-neutral-800 {
  background-color: var(--neutral--800);
}

.bg-neutral-700 {
  background-color: var(--neutral--700);
}

.bg-neutral-600 {
  background-color: var(--neutral--600);
}

.bg-neutral-500 {
  background-color: var(--neutral--500);
}

.bg-neutral-400 {
  background-color: var(--neutral--400);
}

.bg-neutral-300 {
  background-color: var(--neutral--300);
}

.bg-neutral-200 {
  background-color: var(--neutral--200);
}

.bg-neutral-100 {
  background-color: var(--white--100);
}

.style---color-block-text-example {
  background-color: var(--white--100);
  border-radius: 40px;
  padding: 10px 14px;
  font-size: 14px;
  line-height: 16px;
  position: absolute;
  inset: 16px 16px auto auto;
}

.style---color-block-text-example.badge-dark {
  background-color: var(--neutral--800);
}

.color-accent-1 {
  color: #4a3aff;
}

.color-neutral-800 {
  color: var(--neutral--800);
}

.color-neutral-700 {
  color: var(--neutral--700);
}

.color-neutral-600 {
  color: var(--neutral--600);
}

.color-neutral-500 {
  color: var(--neutral--500);
}

.color-neutral-300 {
  color: var(--neutral--300);
}

.color-neutral-200 {
  color: var(--neutral--200);
}

.color-neutral-100 {
  color: var(--white--100);
}

.color-neutral-400 {
  color: var(--neutral--400);
}

.style---block-sub-heading {
  margin-bottom: 32px;
}

.style---block-sub-heading.border {
  border-bottom: 1px solid var(--neutral--400);
  margin-bottom: 64px;
  padding-bottom: 40px;
}

.divider {
  background-color: var(--neutral--400);
  height: 1px;
  margin-top: 80px;
  margin-bottom: 80px;
}

.divider._64px {
  margin-top: 64px;
  margin-bottom: 64px;
}

.divider._64px.template-pages-start-here {
  margin-bottom: 40px;
}

.divider._40px {
  margin-top: 40px;
  margin-bottom: 40px;
}

.divider._56px {
  margin-top: 56px;
  margin-bottom: 56px;
}

.divider.mg-bottom-48px {
  margin-top: 48px;
}

.style---typography-block-grid {
  grid-column-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: minmax(auto, 320px) 1fr;
}

.style---content-block {
  margin-bottom: 100px;
}

.mg-bottom-8px {
  margin-bottom: 8px;
}

.mg-bottom-16px {
  margin-bottom: 16px;
}

.mg-bottom-24px {
  margin-bottom: 24px;
}

.mg-bottom-32px {
  margin-bottom: 32px;
  display: none;
}

.mg-bottom-40px {
  margin-bottom: 40px;
}

.mg-bottom-48px {
  margin-bottom: 48px;
}

.mg-bottom-56px {
  margin-bottom: 56px;
}

.mg-bottom-64px {
  margin-bottom: 64px;
}

.mg-top-16px {
  margin-top: 16px;
}

.mg-top-16px.mg-bottom-0 {
  font-family: Gill Sans Mt, sans-serif;
}

.mg-top-24px {
  margin-top: 24px;
}

.text-200 {
  font-size: 18px;
  line-height: 20px;
}

.text-200.medium {
  font-weight: 600;
}

.text-200.bold {
  font-weight: 700;
}

.display-1 {
  color: var(--neutral--800);
  font-size: 52px;
  font-weight: 700;
  line-height: 64px;
}

.display-1.color-neutral-100 {
  color: var(--white--100);
}

.grid-1-column {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.grid-1-column.dropdown-link-column {
  grid-column-gap: 0px;
  grid-row-gap: 18px;
  grid-template-columns: 1fr;
  justify-items: start;
}

.grid-1-column.dropdown-link-column.single {
  grid-template-columns: auto;
}

.grid-1-column.gap-row-22px {
  grid-row-gap: 22px;
}

.gap-16px {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
}

.gap-column-24px {
  grid-column-gap: 24px;
}

.gap-row-48px {
  grid-row-gap: 48px;
}

.gap-row-80px {
  grid-row-gap: 80px;
}

.display-2 {
  color: var(--neutral--800);
  font-size: 44px;
  font-weight: 700;
  line-height: 56px;
}

.display-3 {
  color: var(--neutral--800);
  font-size: 38px;
  font-weight: 700;
  line-height: 56px;
}

.display-4 {
  color: var(--neutral--800);
  font-size: 28px;
  font-weight: 700;
  line-height: 40px;
}

.display-4.blog-bg-title {
  color: var(--white--100);
  text-decoration: none;
}

.display-4.color-neutral-600 {
  color: var(--neutral--600);
}

.display-4.color-neutral-600.pricing-month {
  margin-left: 6px;
  padding-bottom: 4px;
}

.display-4.mg-bottom-0 {
  font-family: Gill Sans Mt, sans-serif;
}

.style---style-grid-wrapper {
  grid-row-gap: 180px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.paragraph-large {
  font-size: 24px;
  line-height: 38px;
}

.paragraph-small {
  font-size: 14px;
  line-height: 24px;
}

.text-400 {
  font-size: 24px;
  line-height: 26px;
}

.text-400.medium {
  font-weight: 600;
}

.text-400.bold {
  font-weight: 700;
}

.text-300 {
  font-size: 22px;
  line-height: 22px;
}

.text-300.medium {
  font-weight: 600;
}

.text-300.bold {
  font-weight: 700;
}

.text-300.bold.mg-bottom-20px {
  margin-bottom: 20px;
}

.text-100 {
  font-size: 16px;
  line-height: 18px;
}

.text-100.medium {
  font-weight: 600;
}

.text-100.bold {
  font-weight: 700;
}

.text-bold {
  color: var(--neutral--800);
  font-weight: 700;
}

.text-uppercase {
  letter-spacing: .1em;
  text-transform: uppercase;
}

.text-strikethrough {
  text-decoration: line-through;
}

.grid-3-columns {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.grid-3-columns.gap-row-80px {
  grid-row-gap: 80px;
}

.grid-3-columns.style---buttons-grid {
  grid-column-gap: 70px;
  grid-template-columns: auto auto 1fr;
}

.grid-3-columns.gap-16px {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
}

.style---shadow-card {
  background-color: var(--white--100);
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 220px;
  padding: 32px 44px;
  display: flex;
}

.shadow-01 {
  box-shadow: 0 2px 6px 0 var(--general--shadow-01);
}

.shadow-02 {
  box-shadow: 0 2px 12px 0 var(--general--shadow-02);
}

.shadow-03 {
  box-shadow: 0 8px 28px 0 var(--general--shadow-03);
}

.shadow-04 {
  box-shadow: 0 14px 42px 0 var(--dark-navy-blue);
}

.shadow-05 {
  box-shadow: 0 24px 65px 0 var(--general--shadow-05);
}

.shadow-06 {
  box-shadow: 0 32px 72px 0 var(--general--shadow-06);
}

.style---heading {
  background-color: var(--white--100);
  min-height: 47vh;
  box-shadow: 0 2px 6px 0 var(--general--shadow-02);
  align-items: center;
  margin-bottom: 30px;
  padding: 72px 4vw;
  display: flex;
}

.inner-container._740px {
  max-width: 740px;
}

.inner-container._600px {
  max-width: 600px;
}

.inner-container.center {
  margin-left: auto;
  margin-right: auto;
}

.inner-container._574px {
  max-width: 574px;
}

.inner-container._400px {
  max-width: 400px;
}

.inner-container._460px {
  max-width: 460px;
}

.inner-container._500px {
  max-width: 500px;
}

.inner-container._900px {
  max-width: 900px;
}

.inner-container._700px {
  max-width: 700px;
}

.inner-container._640px {
  max-width: 640px;
}

.inner-container._540px {
  max-width: 540px;
}

.style---content-heading {
  background-color: var(--white--100);
  box-shadow: 0 2px 6px 0 var(--general--shadow-02);
  align-items: center;
  margin-bottom: 60px;
  padding: 32px;
  display: flex;
}

.style---heading-icon-wrapper {
  background-color: var(--neutral--800);
  margin-right: 18px;
}

.mg-bottom-0 {
  margin-bottom: 0;
}

.style---content-wrapper {
  background-color: var(--neutral--200);
  padding-top: 40px;
  padding-left: 4vw;
  padding-right: 4vw;
}

.border-radius-16px {
  border-radius: 16px;
}

.style---card-wrapper {
  border: 1px solid var(--neutral--300);
  background-color: var(--white--100);
  box-shadow: 0 2px 7px 0 var(--general--shadow-01);
  border-radius: 24px;
}

.style---components-wrapper {
  background-color: var(--white--100);
}

.style---bg-white {
  padding: 48px;
}

.style-buttons-dark {
  background-color: var(--neutral--800);
  padding: 48px;
}

.btn-primary {
  background-color: var(--neutral--800);
  color: var(--white--100);
  text-align: center;
  transform-style: preserve-3d;
  border-radius: 8px;
  justify-content: center;
  padding: 18px 28px;
  font-family: Gill Sans Mt, sans-serif;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
  transition: background-color .3s, transform .3s, color .3s;
}

.btn-primary:hover {
  background-color: var(--neutral--700);
  color: var(--white--100);
  transform: translate3d(0, -3px, .01px);
}

.btn-primary.small {
  padding: 16px 21px;
  font-size: 16px;
  line-height: 18px;
}

.btn-primary.small.discount {
  height: auto;
  margin-left: 0;
}

.btn-primary.large {
  padding: 22px 42px;
  font-size: 20px;
  line-height: 22px;
}

.btn-primary.white {
  background-color: var(--white--100);
  color: var(--neutral--800);
}

.btn-primary.white:hover {
  background-color: var(--neutral--300);
  color: var(--neutral--800);
}

.btn-primary.white.premium-content {
  z-index: 6;
  position: absolute;
}

.btn-primary.inside-input {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.btn-primary.inside-input.default {
  padding: 5px 24px;
  font-size: 14px;
  line-height: 18px;
  top: 6px;
  bottom: 6px;
  right: 6px;
}

.btn-primary.button-row {
  margin-right: 28px;
}

.btn-primary.width-100 {
  font-size: 20px;
}

.btn-secondary {
  border: 1px solid var(--neutral--300);
  background-color: var(--white--100);
  color: var(--neutral--800);
  text-align: center;
  transform-style: preserve-3d;
  border-radius: 8px;
  padding: 18px 28px;
  line-height: 20px;
  transition: border-color .3s, transform .3s, background-color .3s, color .3s;
  box-shadow: 0 4px 10px #14142b0a;
}

.btn-secondary:hover {
  border-color: var(--neutral--800);
  background-color: var(--neutral--800);
  color: var(--white--100);
  transform: translate3d(0, -3px, .01px);
}

.btn-secondary.small {
  padding: 16px 20px;
  font-size: 16px;
  line-height: 14px;
}

.btn-secondary.large {
  padding: 22px 42px;
  font-size: 20px;
  line-height: 22px;
}

.btn-secondary.white {
  color: var(--white--100);
  background-color: #0000;
}

.btn-secondary.white:hover {
  border-color: var(--white--100);
  background-color: var(--white--100);
  color: var(--neutral--800);
}

.badge-primary {
  background-color: var(--neutral--800);
  color: var(--white--100);
  letter-spacing: .08em;
  text-transform: uppercase;
  border-radius: 6px;
  padding: 14px 15px;
  font-size: 16px;
  line-height: 18px;
  display: inline-block;
}

.badge-primary.white {
  background-color: var(--white--100);
  color: var(--neutral--800);
}

.badge-primary.light {
  background-color: var(--neutral--300);
  color: var(--neutral--800);
}

.badge-primary.small {
  padding: 12px;
  font-size: 12px;
  line-height: 14px;
}

.badge-primary.small.white {
  font-weight: 700;
}

.badge-primary.small.light.category {
  font-weight: 700;
  text-decoration: none;
  transition: background-color .3s, color .3s;
}

.badge-primary.small.light.category:hover {
  background-color: var(--neutral--800);
  color: var(--white--100);
}

.badge-primary.large {
  padding: 18px 26px;
  font-size: 18px;
  line-height: 20px;
}

.badge-primary.bold {
  font-weight: 700;
}

.badge-primary.bold.white {
  text-decoration: none;
}

.badge-primary.bold.white.link {
  transition: transform .3s, color .3s;
}

.badge-primary.bold.white.link:hover {
  transform: scale(.94);
}

.badge-secondary {
  border: 1px solid var(--neutral--400);
  background-color: var(--white--100);
  box-shadow: 0 2px 12px 0 var(--general--shadow-01);
  color: var(--neutral--800);
  text-align: center;
  letter-spacing: .08em;
  text-transform: uppercase;
  border-radius: 6px;
  padding: 14px 18px;
  font-size: 18px;
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
}

.badge-secondary.white {
  border-color: var(--white--100);
  box-shadow: none;
  color: var(--white--100);
  background-color: #0000;
}

.badge-secondary.light {
  background-color: var(--neutral--200);
  box-shadow: none;
  border-width: 0;
}

.badge-secondary.small {
  padding: 11px 12px;
  font-size: 16px;
  line-height: 18px;
}

.badge-secondary.large {
  padding: 20px 26px;
  font-size: 20px;
  line-height: 22px;
}

.input {
  border: 1px solid var(--neutral--300);
  background-color: var(--white--100);
  min-height: 54px;
  box-shadow: 0 2px 6px 0 var(--general--shadow-01);
  border-radius: 8px;
  margin-bottom: 0;
  padding: 16px 18px;
  font-family: Gill Sans Mt, sans-serif;
  font-size: 16px;
  line-height: 18px;
  transition: box-shadow .3s, color .3s, border-color .3s;
}

.input:hover {
  border-color: var(--neutral--800);
}

.input:focus, .input.-wfp-focus {
  border-color: var(--neutral--800);
  color: var(--neutral--800);
}

.input::placeholder {
  color: var(--neutral--600);
  font-size: 16px;
  line-height: 16px;
}

.input.small {
  min-height: 46px;
  margin-bottom: 0;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 16px;
}

.input.small::placeholder {
  font-size: 16px;
  line-height: 18px;
}

.input.small.mg-bottom-8px {
  margin-bottom: 8px;
}

.input.large {
  min-height: 68px;
}

.input.input-subscribe-footer {
  margin-bottom: 0;
}

.input.medium {
  min-height: 56px;
  margin-bottom: 24px;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 16px;
}

.input.medium::placeholder {
  font-size: 16px;
  line-height: 18px;
}

.input.medium.last {
  margin-bottom: 0;
}

.input.search {
  background-image: url('../images/search-icon-writelogy-x-webflow-template.svg');
  background-position: 94%;
  background-repeat: no-repeat;
  background-size: 25px;
  min-height: 64px;
  padding-left: 16px;
  padding-right: 16px;
}

.input.white {
  background-color: var(--white--100);
}

.position-relative {
  position: relative;
}

.position-relative.z-index-1 {
  z-index: 1;
}

.text-area {
  border: 1px solid var(--neutral--300);
  background-color: var(--white--100);
  min-height: 140px;
  box-shadow: 0 2px 6px 0 var(--general--shadow-01);
  border-radius: 8px;
  padding: 16px 18px;
  font-size: 16px;
  line-height: 28px;
  transition: box-shadow .3s, color .3s, border-color .3s;
}

.text-area:hover {
  border-color: var(--neutral--800);
  box-shadow: 0 2px 12px 0 var(--general--shadow-03);
}

.text-area:focus {
  border-color: var(--neutral--800);
  color: var(--neutral--800);
}

.text-area::placeholder {
  color: var(--neutral--600);
  font-size: 16px;
}

.text-area.small {
  min-height: 102px;
  margin-bottom: 24px;
  font-size: 16px;
}

.text-area.small::placeholder {
  font-size: 16px;
  line-height: 18px;
}

.checkbox-field-wrapper {
  align-items: flex-start;
  margin-bottom: 7px;
  padding-left: 0;
  font-size: 18px;
  line-height: 22px;
  display: flex;
}

.checkbox-field-wrapper.large {
  font-size: 20px;
  line-height: 24px;
}

.checkbox-field-wrapper.small {
  font-size: 16px;
  line-height: 20px;
}

.checkbox {
  border-width: 1px;
  border-color: var(--neutral--400);
  background-color: var(--white--100);
  width: auto;
  min-width: 22px;
  height: auto;
  min-height: 22px;
  box-shadow: 0 1px 6px 0 var(--general--shadow-01);
  border-radius: 4px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 10px;
  transition: border-color .3s, background-color .3s;
}

.checkbox:hover {
  border-color: var(--neutral--800);
}

.checkbox.w--redirected-checked {
  border-color: var(--neutral--800);
  background-color: var(--neutral--800);
  background-image: url('../images/check-form-brix-templates-webflow.svg');
  background-size: auto;
  margin-top: 0;
  margin-left: 0;
}

.checkbox.w--redirected-focus {
  box-shadow: none;
}

.checkbox.large {
  min-width: 28px;
  min-height: 28px;
}

.checkbox.small {
  border-radius: 5px;
  min-width: 22px;
  min-height: 22px;
}

.radio-button-field-wrapper {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 24px;
  padding-left: 0;
  font-size: 18px;
  line-height: 24px;
  display: flex;
}

.radio-button-field-wrapper.large {
  font-size: 20px;
  line-height: 26px;
}

.radio-button-field-wrapper.small {
  font-size: 16px;
  line-height: 22px;
}

.radio-button {
  border-color: var(--neutral--400);
  background-color: var(--white--100);
  width: auto;
  min-width: 24px;
  height: auto;
  min-height: 24px;
  box-shadow: 0 2px 6px 0 var(--general--shadow-01);
  margin-top: 0;
  margin-left: 0;
  margin-right: 10px;
  transition: border-color .3s, border-width .3s, background-color .3s;
}

.radio-button:hover {
  border-color: #4a3aff;
}

.radio-button.w--redirected-checked {
  border-width: 6px;
  border-color: #4a3aff;
}

.radio-button.w--redirected-focus {
  box-shadow: none;
}

.radio-button.large {
  min-width: 28px;
  min-height: 28px;
}

.radio-button.large.w--redirected-checked {
  border-width: 8px;
}

.radio-button.small {
  min-width: 22px;
  min-height: 22px;
}

.style---avatars-grid {
  grid-column-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, 290px);
}

.avatar-circle {
  border-radius: 50%;
  width: 100%;
  overflow: hidden;
  transform: translate(0);
}

.avatar-circle._01 {
  width: 32px;
  max-width: 32px;
  height: 32px;
  max-height: 32px;
}

.avatar-circle._01.blog-card-bg-author-image {
  margin-right: 8px;
}

.avatar-circle._02 {
  width: 48px;
  max-width: 48px;
  height: 48px;
  max-height: 48px;
}

.avatar-circle._03 {
  width: 64px;
  max-width: 64px;
  height: 64px;
  max-height: 64px;
}

.avatar-circle._04 {
  width: 80px;
  max-width: 80px;
  height: 80px;
  max-height: 80px;
}

.avatar-circle._05 {
  width: 120px;
  max-width: 120px;
  height: 120px;
  max-height: 120px;
}

.avatar-circle._06 {
  width: 160px;
  max-width: 160px;
  height: 160px;
  max-height: 160px;
}

.avatar-circle._07 {
  width: 240px;
  max-width: 240px;
  height: 240px;
  max-height: 240px;
}

.avatar-circle._08 {
  width: 380px;
  max-width: 380px;
  height: 380px;
  max-height: 380px;
}

.style---social-square-icons-grid {
  grid-column-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, 36px);
}

.social-icon-font {
  font-family: Social Icons Font, sans-serif;
  line-height: 21px;
  display: none;
  position: absolute;
  inset: 19% 12% auto 67%;
}

.social-icon-square {
  background-color: var(--neutral--300);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 36px;
  min-width: 36px;
  height: 36px;
  min-height: 36px;
  text-decoration: none;
  transition: background-color .3s, color .3s;
  display: flex;
}

.social-icon-square:hover {
  background-color: var(--neutral--800);
  color: var(--white--100);
}

.social-icon-square.size-10px {
  width: 10px;
}

.social-icon-square.no-bg {
  background-color: var(--white--100);
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  font-size: 18px;
}

.social-icon-square.no-bg:hover {
  color: var(--neutral--600);
}

.social-icon-square.no-bg.fb {
  width: 14px;
  min-width: 14px;
  height: 18px;
  min-height: 18px;
}

.line-rounded-icon {
  margin-top: 0%;
  font-family: Line Rounded Icons, sans-serif;
  position: absolute;
  top: 0%;
  left: 122%;
  right: 0;
}

.line-rounded-icon.style---dropdown-arrow-sidebar {
  line-height: 18px;
}

.line-rounded-icon.link-icon-right {
  margin-left: 6px;
  display: inline-block;
}

.line-rounded-icon.link-icon-left {
  margin-right: 6px;
  display: inline-block;
}

.line-rounded-icon.dropdown-arrow {
  margin-left: 8px;
}

.line-rounded-icon.dropdown-arrow.user {
  margin-left: 4px;
  position: absolute;
  top: -60px;
}

.line-rounded-icon.success-message-check {
  margin-bottom: 6px;
  font-size: 22px;
}

.line-rounded-icon.success-message-check.large {
  margin-bottom: 16px;
  font-size: 80px;
  line-height: 88px;
}

.line-rounded-icon.success-message-check---left {
  margin-bottom: 0;
  margin-right: 8px;
  font-size: 22px;
}

.line-rounded-icon.contact-icon {
  color: var(--neutral--800);
  margin-top: 2px;
  margin-right: 10px;
  font-size: 22px;
}

.line-rounded-icon.clock-icon {
  color: #fff;
  margin-right: 10px;
  font-size: 23px;
  line-height: 26px;
}

.line-rounded-icon.clock-icon.dark {
  color: #131313;
}

.line-rounded-icon.success-icon {
  color: var(--neutral--800);
  margin-bottom: 12px;
  font-size: 56px;
  line-height: 50px;
}

.line-rounded-icon.dropdown {
  z-index: 999999999;
  order: 2;
  padding-top: 0;
  font-size: 23px;
  line-height: 27px;
  position: absolute;
  inset: 0% 0% auto 6%;
}

.line-rounded-icon.modal {
  justify-content: center;
  align-items: center;
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  font-size: 20px;
  line-height: 27px;
  display: flex;
}

.style---line-icons-grid {
  grid-column-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, 20px);
}

.line-square-icon {
  font-family: Line Square Icons, sans-serif;
}

.filled-icons {
  font-family: Filled Icons, sans-serif;
}

.rich-text img {
  border-radius: 12px;
}

.rich-text p {
  margin-top: 16px;
  margin-bottom: 16px;
}

.rich-text h2, .rich-text h3 {
  margin-top: 40px;
}

.rich-text ul, .rich-text ol {
  margin-bottom: 40px;
}

.rich-text h6, .rich-text h5, .rich-text h4 {
  margin-top: 32px;
}

.style---dropdown-wrapper-sidebar {
  width: 100%;
  overflow: hidden;
}

.style---dropdown-toggle {
  border-bottom: 1px solid var(--neutral--300);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 18px 20px;
  font-size: 16px;
  font-weight: 700;
  line-height: 18px;
  transition: color .3s;
  display: flex;
}

.style---dropdown-toggle:hover {
  color: var(--neutral--600);
}

.style---dropdown-toggle.w--open {
  color: var(--neutral--800);
}

.buttons-row {
  align-items: center;
  display: flex;
}

.buttons-row.center {
  justify-content: center;
}

.style---dropdown-list-sidebar {
  border-bottom: 1px solid var(--neutral--300);
  background-color: var(--white--100);
  padding-top: 24px;
  padding-bottom: 24px;
  position: relative;
}

.style---dropdown-link-sidebar {
  background-color: var(--white--100);
  color: var(--neutral--600);
  border-right: 4px solid #0000;
  flex-direction: row;
  align-items: center;
  padding: 12px 16px 12px 20px;
  font-size: 16px;
  line-height: 19px;
  text-decoration: none;
  transition: border-color .3s, background-color .3s, color .3s;
  display: flex;
}

.style---dropdown-link-sidebar:hover {
  border-right-color: var(--neutral--800);
  background-color: var(--neutral--300);
  color: var(--neutral--800);
}

.style---dropdown-link-sidebar.w--current {
  color: #4a3aff;
  background-color: #f2f1ff;
  border-right-color: #4a3aff;
  font-weight: 700;
}

.style---dropdown-link-icon-sidebar {
  background-color: var(--neutral--800);
  max-width: 38px;
  margin-right: 10px;
  padding: 2px;
}

.style---sidebar-wrapper {
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  display: flex;
  overflow: scroll;
}

.style---logo-wrapper {
  border-bottom: 1px solid var(--neutral--300);
  background-color: var(--neutral--200);
  width: 100%;
  color: var(--neutral--600);
  text-align: center;
  padding: 38px 22px;
  text-decoration: none;
}

.width-100 {
  width: 100%;
}

.style---button-wrapper-sidebar {
  margin-top: 20px;
  margin-bottom: 24px;
  padding-left: 20px;
  padding-right: 20px;
}

.style---logo-sidebar {
  transition: opacity .3s;
}

.style---logo-sidebar:hover {
  opacity: .6;
}

.container-default {
  z-index: 1;
  background-color: var(--tan);
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 100vw;
  max-width: 100vw;
  min-height: 90px;
  margin-top: 7px;
  margin-bottom: -15px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
  position: static;
  overflow: clip;
}

.container-default.order-confirmation {
  display: block;
}

.container-default.blog-post {
  z-index: 1;
  position: relative;
}

.section {
  padding-top: 176px;
  padding-bottom: 176px;
}

.section.small {
  padding-top: 100px;
  padding-bottom: 100px;
}

.section.top {
  padding-top: 100px;
  padding-bottom: 124px;
}

.section.template-pages-hero {
  background-color: var(--neutral--800);
  padding-top: 148px;
  padding-bottom: 148px;
}

.section.template-pages-hero.short {
  padding-top: 100px;
  padding-bottom: 100px;
}

.section.hero-home {
  z-index: 99999;
  cursor: pointer;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
}

.section.main-posts {
  padding-top: 50px;
  padding-bottom: 170px;
  display: none;
  overflow: hidden;
}

.section.main-posts.categories {
  padding-top: 100px;
  padding-bottom: 130px;
}

.section.main-posts.post {
  padding-top: 100px;
}

.section.bg-neutral-800 {
  padding-top: 188px;
  display: none;
}

.section.blog-post-hero {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  padding-top: 340px;
  padding-bottom: 132px;
  position: relative;
  overflow: hidden;
}

.section.search-hero {
  background-color: var(--neutral--800);
  padding-top: 116px;
  padding-bottom: 116px;
}

.section.product {
  padding-top: 105px;
  padding-bottom: 105px;
}

.link-wrapper {
  color: var(--neutral--800);
  transition: none;
  display: inline-block;
}

.link-wrapper:hover {
  color: #4a3aff;
}

.link-wrapper.white {
  color: var(--white--100);
}

.link-wrapper.white:hover {
  color: #f2f1ff;
}

.link-text {
  transition: color .3s;
  display: inline-block;
}

.heading-h1-size {
  color: var(--neutral--800);
  font-size: 54px;
  font-weight: 700;
  line-height: 66px;
}

.heading-h2-size {
  color: var(--neutral--800);
  text-align: center;
  margin-right: 0;
  font-family: Gill Sans Mt, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 42px;
}

.heading-h2-size.mg-left-6px {
  margin-right: 6px;
}

.heading-h3-size {
  color: var(--neutral--800);
  font-size: 24px;
  font-weight: 700;
  line-height: 34px;
}

.heading-h4-size {
  color: var(--neutral--800);
  font-size: 22px;
  font-weight: 700;
  line-height: 28px;
}

.heading-h4-size.color-neutral-100 {
  color: var(--white--100);
}

.heading-h5-size {
  color: var(--neutral--800);
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}

.heading-h6-size {
  color: var(--neutral--800);
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
}

.header-wrapper {
  z-index: 3;
  background-color: var(--tan);
  max-width: 100vw;
  min-height: auto;
  color: var(--neutral--800);
  mix-blend-mode: normal;
  border: 1px #000;
  border-radius: 0;
  margin-top: 0;
  padding-top: 8px;
  padding-bottom: 15px;
  font-family: Gill Sans Mt, sans-serif;
  font-style: normal;
  font-weight: 400;
  overflow: visible;
  box-shadow: 0 -8px 5px #0003;
}

.header-content-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.header-nav-menu-wrapper.middle {
  width: 100%;
}

.header-nav-menu-list {
  z-index: 1;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.header-nav-menu-list.middle {
  justify-content: center;
}

.header-nav-link {
  letter-spacing: .08em;
  text-transform: uppercase;
  padding: 0;
  line-height: 18px;
}

.header-nav-link:hover {
  color: var(--neutral--600);
}

.header-nav-link.w--current {
  color: var(--neutral--800);
}

.header-nav-list-item {
  align-items: center;
  margin-bottom: 0;
  padding-left: 32px;
  display: flex;
}

.header-nav-list-item.middle {
  padding-left: 14px;
  padding-right: 14px;
}

.dropdown-wrapper.user {
  margin-right: 10px;
}

.dropdown-toggle {
  letter-spacing: .08em;
  text-transform: uppercase;
  align-items: center;
  padding: 0;
  line-height: 20px;
  transition: color .3s;
  display: flex;
}

.dropdown-toggle:hover {
  color: var(--neutral--600);
}

.dropdown-column-wrapper {
  border: 1px solid var(--neutral--300);
  background-color: var(--white--100);
  box-shadow: 0 2px 12px 0 var(--general--shadow-02);
  border-radius: 20px;
  overflow: hidden;
  transform: translate(-50%);
}

.dropdown-column-wrapper.w--open {
  box-shadow: 0 2px 8px 0 var(--general--shadow-02);
  border-radius: 10px;
}

.dropdown-column-wrapper.small {
  transform: translate(0%);
}

.dropdown-column-wrapper.small.no-static {
  box-shadow: 0 2px 8px #00000014;
}

.dropdown-link {
  width: 100%;
  color: var(--neutral--600);
  padding: 0;
  line-height: 20px;
}

.dropdown-link:hover, .dropdown-link.w--current {
  color: var(--neutral--800);
}

.dropdown-link.special {
  border-bottom: 2px solid var(--neutral--800);
  color: var(--neutral--800);
  letter-spacing: .08em;
  text-transform: uppercase;
  padding-bottom: 6px;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  transition: border-color .3s, color .3s;
}

.dropdown-link.special:hover {
  border-bottom-color: var(--neutral--600);
  color: var(--neutral--600);
}

.dropdown-pd {
  padding: 30px 36px 32px;
}

.dropdown-pd.small {
  padding: 28px 32px;
}

.dropdown-pd.small.extra {
  padding: 22px 22px 24px;
}

.header-logo {
  max-width: 200px;
}

.header-logo-link {
  transform-style: preserve-3d;
  margin-left: -1px;
  padding-left: 0;
  transition: transform .3s, color .3s;
}

.header-logo-link:hover {
  transform: scale3d(.96, .96, 1.01);
}

.header-logo-link.w--current {
  position: absolute;
  inset: 0% 0% auto auto;
}

.hamburger-menu-wrapper {
  order: 1;
  padding: 0;
  display: block;
  position: absolute;
  inset: 0% 0% auto auto;
}

.hamburger-menu-wrapper.w--open {
  background-color: #0000;
}

.hamburger-menu-bar {
  background-color: var(--neutral--800);
  width: 40px;
  height: 2px;
  margin-top: 12px;
  margin-bottom: 12px;
}

.hamburger-menu-bar.top {
  margin-top: -3px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.hamburger-menu-bar.bottom {
  margin-top: 16px;
  margin-left: 0;
  margin-right: 0;
  display: block;
  position: absolute;
  inset: 0% 0% auto auto;
}

.header-right-side {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.btn-circle-primary {
  background-color: var(--neutral--800);
  width: 56px;
  min-width: 56px;
  height: 56px;
  min-height: 56px;
  color: var(--white--100);
  transform-style: preserve-3d;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  font-size: 26px;
  text-decoration: none;
  transition: transform .3s, background-color .3s, color .3s;
  display: flex;
}

.btn-circle-primary:hover {
  background-color: var(--neutral--800);
  color: var(--white--100);
  transform: scale3d(.94, .94, 1.01);
}

.btn-circle-primary.small {
  width: 50px;
  min-width: 50px;
  height: 50px;
  min-height: 50px;
  font-size: 22px;
}

.btn-circle-primary.large {
  width: 70px;
  min-width: 70px;
  height: 70px;
  min-height: 70px;
  font-size: 30px;
  line-height: 32px;
}

.btn-circle-primary.white {
  background-color: var(--white--100);
  color: var(--neutral--800);
}

.btn-circle-primary.white:hover {
  background-color: var(--neutral--300);
  color: var(--neutral--800);
  text-align: left;
}

.btn-circle-primary.no-bg {
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  color: var(--neutral--800);
  background-color: #0000;
  border-radius: 0;
}

.btn-circle-primary.no-bg:hover {
  color: var(--neutral--600);
}

.btn-circle-primary.no-bg.search {
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  padding: 0;
  font-family: Line Rounded Icons, sans-serif;
  font-size: 25px;
  line-height: 26px;
}

.btn-circle-secondary {
  border: 1px solid var(--neutral--300);
  background-color: var(--white--100);
  width: 64px;
  min-width: 64px;
  height: 64px;
  min-height: 64px;
  box-shadow: 0 2px 10px 0 var(--general--shadow-01);
  color: var(--neutral--800);
  transform-style: preserve-3d;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  font-size: 26px;
  text-decoration: none;
  transition: border-color .3s, transform .3s, background-color .3s, color .3s;
  display: flex;
}

.btn-circle-secondary:hover {
  border-color: var(--neutral--800);
  background-color: var(--neutral--800);
  color: var(--white--100);
  transform: scale3d(.94, .94, 1.01);
}

.btn-circle-secondary.small {
  width: 50px;
  min-width: 50px;
  height: 50px;
  min-height: 50px;
  font-size: 22px;
}

.btn-circle-secondary.large {
  width: 76px;
  min-width: 76px;
  height: 76px;
  min-height: 76px;
  font-size: 30px;
  line-height: 32px;
}

.btn-circle-secondary.white {
  border-color: var(--white--100);
  box-shadow: none;
  color: var(--white--100);
  background-color: #0000;
}

.btn-circle-secondary.white:hover {
  border-color: var(--white--100);
  background-color: var(--white--100);
  color: var(--neutral--800);
}

.utility-page-wrap {
  background-color: var(--navy-blue);
  min-height: 100%;
  overflow: clip;
}

.utility-page-content {
  background-color: var(--navy-blue);
  text-align: center;
  flex-direction: column;
  width: 80%;
  max-width: 81%;
  display: flex;
}

.utility-page-form {
  background-color: var(--navy-blue);
  flex-direction: column;
  align-items: stretch;
  width: 80%;
  max-width: 80%;
  display: flex;
}

.hidden-on-desktop {
  display: none;
}

.header-top-wrapper {
  flex-direction: row;
  order: 0;
  justify-content: space-between;
  align-self: auto;
  align-items: flex-start;
  width: 100%;
  height: 0;
  margin-top: 1px;
  margin-bottom: 0;
  padding-bottom: 0;
  display: block;
}

.social-media-grid-top {
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, 36px);
  justify-content: start;
  justify-items: start;
}

.social-media-grid-top.right {
  grid-column-gap: 8px;
  grid-row-gap: 12px;
  grid-template-columns: repeat(auto-fit, 28px);
  justify-content: end;
  justify-items: end;
}

.social-media-grid-top.center {
  grid-column-gap: 8px;
  justify-content: center;
  justify-items: center;
}

.social-media-grid-top.header {
  grid-column-gap: 18px;
  grid-template-columns: repeat(auto-fit, 18px) 18px 18px 18px;
}

.flex-vertical {
  flex-direction: column;
  display: flex;
}

.flex-vertical.center {
  align-items: center;
}

.flex-horizontal {
  justify-content: center;
  align-items: center;
  display: flex;
}

.flex-horizontal.space-between {
  justify-content: space-between;
}

.flex-horizontal.align-bottom {
  align-items: flex-end;
}

.footer-wrapper {
  border-top: 1px solid var(--neutral--300);
  background-color: var(--navy-blue);
  display: none;
  overflow: hidden;
}

.footer-top {
  padding-top: 120px;
  padding-bottom: 120px;
}

.footer-top.pd-72px {
  padding-top: 72px;
  padding-bottom: 72px;
}

.footer-bottom {
  border-top: 1px solid var(--neutral--300);
  text-align: center;
  padding-top: 32px;
  padding-bottom: 32px;
}

.grid-subscribe-form-button-left {
  grid-template-rows: auto;
  grid-template-columns: 1fr auto;
}

.success-message {
  background-color: var(--neutral--800);
  color: var(--white--100);
  border-radius: 8px;
  padding: 28px 28px 32px;
}

.error-message {
  background-color: var(--neutral--300);
  color: var(--neutral--600);
  text-align: center;
  border-radius: 8px;
  margin-top: 20px;
  padding: 20px 24px;
  position: static;
}

.error-message.utility-page {
  margin-left: 0;
  margin-right: 0;
}

.error-message.cart {
  margin-top: 0;
}

.text-center {
  text-align: center;
}

.card-link-icon {
  color: var(--neutral--600);
  align-items: center;
  text-decoration: none;
  transition: transform .3s, color .3s;
  display: flex;
}

.sticky-top {
  position: sticky;
  top: 0;
}

.empty-state {
  border: 1px solid var(--neutral--300);
  background-color: var(--white--100);
  box-shadow: 0 2px 12px 0 var(--general--shadow-02);
  text-align: center;
  border-radius: 11px;
  padding: 26px 24px;
}

.pd---content-inside-card {
  padding: 40px 28px 48px;
}

.pd---content-inside-card.team-member-page {
  padding: 56px 68px 64px;
}

.pd---content-inside-card.large {
  text-align: center;
  border-radius: 20px;
  margin-left: 0;
  padding: 0 20px 64px;
  box-shadow: 0 2px 5px #0003;
}

.pd---content-inside-card.large.template-pages {
  padding-top: 40px;
}

.pd---content-inside-card.template-pages---sidebar {
  padding: 21px 16px;
}

.bg-overlay-gradient {
  background-image: linear-gradient(#0000, #000);
}

.bg-overlay-gradient.blog-card-bg-overlay {
  z-index: -1;
  background-image: linear-gradient(#0000 40%, #000);
  position: absolute;
  inset: 0%;
}

.bg-overlay-gradient.blog-card-bg-overlay.dark {
  z-index: 1;
}

.bg-overlay-gradient.premium-content {
  z-index: 5;
  background-image: linear-gradient(#14141400, #14141487 29%, #141414c9 67%, #141414 92%);
  position: absolute;
  inset: 0%;
}

.bg-overlay-gradient.blog-post {
  z-index: 0;
  background-image: linear-gradient(#0000, #000);
  position: absolute;
  inset: 0%;
}

.blog-card-featured-wrapper {
  width: 100%;
  color: var(--neutral--600);
  text-decoration: none;
}

.blog-card-featured-wrapper:hover {
  color: var(--neutral--600);
}

.blog-card-image.featured-v1, .blog-card-image.search-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.blog-card-image-wrapper {
  border-radius: 12px;
  overflow: hidden;
  transform: translate(0);
}

.blog-card-image-wrapper.featured-v1 {
  width: 314px;
  min-width: 314px;
  height: 314px;
  min-height: 314px;
}

.blog-card-image-wrapper.featured-v1.search-image {
  position: relative;
}

.blog-card-image-wrapper.sidebar {
  align-items: flex-end;
  width: 132px;
  min-width: 132px;
  height: 132px;
  min-height: 132px;
  display: flex;
}

._404-not-found {
  color: var(--neutral--800);
  margin-bottom: 8px;
  font-size: 160px;
  font-weight: 700;
  line-height: 159px;
}

.template-pages---sidebar-navigation {
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
}

.template-pages---nav-item-link {
  color: var(--neutral--600);
  background-color: #0000;
  border-radius: 8px;
  margin-top: 4px;
  margin-bottom: 4px;
  padding: 8px 16px;
  text-decoration: none;
  transition: background-color .3s, color .3s;
  display: flex;
}

.template-pages---nav-item-link:hover {
  background-color: var(--neutral--800);
  color: var(--white--100);
}

.template-pages---nav-item-link.w--current {
  background-color: var(--neutral--800);
  color: var(--white--100);
  font-weight: 700;
}

.template-pages---phography-wrapper {
  transform-style: preserve-3d;
  border-radius: 12px;
  transition: transform .3s, color .3s;
  overflow: hidden;
}

.template-pages---phography-wrapper:hover {
  transform: scale3d(.94, .94, 1.01);
}

.apple-pay-btn {
  border-radius: 6px;
}

.apple-pay-btn.order-summary {
  border-radius: 6px;
  height: 50px;
}

.apple-pay-btn.cart {
  height: 54px;
}

.checkout-form {
  background-color: #0000;
  min-height: auto;
  padding: 0;
}

.checkout-col-left {
  margin-right: 0;
}

.checkout-col-right {
  position: static;
}

.checkout-block-header {
  border-width: 0 0 1px;
  border-bottom-color: var(--neutral--300);
  background-color: #0000;
  padding: 0 0 15px;
}

.checkout-block-content {
  background-color: #0000;
  border: 0 solid #000;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.shipping-list {
  border: 0 solid #000;
}

.shipping-method {
  border-style: solid;
  border-width: 0 0 1px;
  border-color: black black var(--neutral--300);
  padding: 31px 0;
}

.shipping-price {
  color: var(--neutral--800);
  font-weight: 700;
}

.order-item-list {
  margin-bottom: 0;
}

.order-item {
  border-bottom: 1px solid var(--neutral--300);
  margin-top: 18px;
  margin-bottom: 18px;
  padding-top: 18px;
  padding-bottom: 18px;
}

.order-list-price {
  color: var(--neutral--800);
  font-weight: 700;
}

.order-list-title {
  color: var(--neutral--800);
  margin-bottom: 8px;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
}

.order-item-image {
  border-radius: 14px;
}

.order-option-item {
  padding-left: 0;
}

.order-item-bold {
  color: var(--neutral--800);
  font-weight: 700;
}

.order-summary-price {
  color: var(--neutral--800);
}

.discounts-wrapper {
  border-width: 1px 0 0;
  border-top-color: var(--neutral--300);
  margin-top: 32px;
  padding: 32px 0 0;
}

.text-underline {
  text-decoration: underline;
}

.blog-card-bg {
  border-radius: 12px;
  align-items: flex-end;
  min-height: 526px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.blog-card-bg.sidebar {
  min-height: 360px;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.blog-card-bg-image {
  z-index: -2;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.blog-card-bg-image.dark {
  z-index: 0;
}

.blog-card-bg-container {
  width: 100%;
  padding-bottom: 56px;
  padding-left: 44px;
  padding-right: 44px;
  position: absolute;
}

.blog-card-bg-container.small {
  padding-bottom: 48px;
  padding-left: 24px;
  padding-right: 24px;
  position: absolute;
}

.blog-card-bg-container.dark {
  z-index: 2;
  padding-bottom: 42px;
  padding-left: 20px;
  padding-right: 20px;
}

.blog-card-bg-badge-wrapper {
  margin-bottom: 20px;
}

.blog-card-details-container {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.author-container {
  align-items: center;
  margin-right: 30px;
  display: flex;
}

.blog-card-bg-date-container {
  align-items: center;
  display: flex;
}

.blog-card-heading {
  padding-top: 40px;
  padding-bottom: 40px;
  text-decoration: none;
  transition: opacity .3s, transform .3s, color .3s;
}

.blog-card-heading:hover {
  opacity: .8;
  transform: translate(6px);
}

.blog-card-heading-wrapper {
  border-bottom: 1px solid var(--neutral--400);
}

.blog-card-heading-wrapper:last-child {
  border-bottom-width: 0;
}

.mg-top-12px {
  margin-top: 12px;
}

.mg-top-12px.mg-bottom-0 {
  font-family: Gill Sans Mt, sans-serif;
}

.logo-sidebar {
  margin-bottom: 24px;
  transition: transform .3s, color .3s;
  display: inline-block;
  position: static;
}

.logo-sidebar:hover {
  transform: scale(.94);
}

.logo-sidebar.w--current {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
}

.categories-wrapper-sidebar {
  flex-wrap: wrap;
  margin-bottom: 40px;
  display: flex;
}

.category-item-wrapper {
  margin-right: 12px;
}

.premium-content-wrapper {
  justify-content: center;
  align-items: center;
  display: none;
  position: relative;
}

.premium-content-wrapper.tablet {
  display: none;
}

.premium-content-wrapper.desktop {
  display: flex;
}

._2-heading-wrapper {
  align-items: stretch;
  margin-bottom: 22px;
  display: flex;
}

.no-uppercase {
  color: var(--neutral--600);
  letter-spacing: 0;
  text-transform: none;
}

.checkbox-text {
  color: var(--neutral--600);
  letter-spacing: 0;
  text-transform: none;
  margin-bottom: 0;
  line-height: 26px;
}

.page-wrapper-utility-pages {
  justify-content: flex-start;
  align-items: stretch;
  max-width: 585px;
  height: auto;
  padding: 155px 24px;
}

.user-account-section {
  background-color: var(--white--100);
  min-height: auto;
  padding: 77px 0;
}

.block-header {
  border-width: 0 0 1px;
  border-bottom-color: var(--neutral--300);
  background-color: #0000;
  align-items: center;
  padding: 24px 40px;
}

.block-content {
  background-color: #0000;
  border: 0 solid #000;
  margin-bottom: 0;
  padding: 40px 40px 56px;
}

.subscription-item {
  margin-bottom: 27px;
}

.subscription-item:last-child {
  margin-bottom: 0;
}

.mg-top-48px {
  margin-top: 48px;
  font-family: Gill Sans Mt, sans-serif;
}

.border-radius-8px {
  border-radius: 8px;
}

.cart-wrapper {
  color: var(--neutral--800);
  background-color: #0000;
  align-items: center;
  margin-right: 14px;
  padding: 0;
  font-size: 16px;
  font-weight: 700;
  transition: opacity .3s, color .3s;
}

.cart-wrapper:hover {
  opacity: .68;
  color: var(--neutral--800);
}

.cart-quantity {
  width: auto;
  min-width: auto;
  height: auto;
  min-height: auto;
  color: var(--neutral--800);
  background-color: #0000;
  border-radius: 19px;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
  font-size: 16px;
  line-height: 18px;
  display: flex;
}

.cart-container {
  border-radius: 12px;
}

.cart-text {
  margin-left: 0;
  margin-right: 0;
}

.cart-list {
  padding-top: 26px;
  padding-bottom: 26px;
}

.empty-state-cart {
  flex-direction: column;
  padding-left: 28px;
  padding-right: 28px;
}

.log-link {
  color: var(--neutral--600);
  white-space: nowrap;
  background-color: #0000;
  padding: 0;
  line-height: 20px;
  transition: color .3s;
}

.log-link:hover {
  color: var(--neutral--800);
}

.search-modal {
  z-index: 999999;
  background-color: #1313131f;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 24px;
  padding-right: 24px;
  display: none;
  position: fixed;
  inset: 0%;
}

.modal-close {
  cursor: pointer;
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  transition: transform .3s;
  position: absolute;
  inset: 2% 2% auto auto;
}

.modal-close:hover {
  transform: scale(.92);
}

.bottom-banner {
  z-index: 99999;
  background-color: #4a3aff;
  padding: 16px;
  font-size: 16px;
  position: sticky;
  bottom: 0;
}

.bottom-banner-content-wrapper {
  color: #fff;
  justify-content: center;
  align-items: center;
  display: flex;
}

.bottom-banner-button {
  color: #170f49;
  transform-style: preserve-3d;
  background-color: #fff;
  border-radius: 50px;
  margin-left: 22px;
  padding: 12px 20px;
  font-size: 16px;
  font-weight: 700;
  line-height: 18px;
  transition: transform .3s, color .3s;
}

.bottom-banner-button:hover {
  color: #4a3aff;
  transform: scale3d(.94, .94, 1.01);
}

.html-embed {
  margin-bottom: 39px;
}

.html-embed-2 {
  z-index: 1;
  cursor: pointer;
  width: auto;
  min-width: 100%;
  min-height: auto;
  margin-top: 151px;
  padding-top: 0;
  display: block;
  position: absolute;
  inset: 0% auto auto 0%;
  overflow: auto;
}

.text-block {
  width: 140px;
}

.heading {
  text-align: center;
  margin-bottom: -11px;
  margin-right: 0;
  font-size: 16px;
  display: block;
}

.text-block-2 {
  font-family: Gill Sans Mt, sans-serif;
}

.text-block-4 {
  font-size: 28px;
}

.text-block-5 {
  z-index: 9998;
  min-width: 30%;
  font-family: Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
  font-size: 32px;
  display: block;
  position: absolute;
  inset: 0% auto auto 5%;
}

.paragraph, .link-2, .field-label, .field-label-2, .link-3 {
  font-family: Gill Sans Mt, sans-serif;
}

.selectlocation {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--white--100);
  outline-offset: 0px;
  text-align: center;
  cursor: pointer;
  border: 1.5px solid #000;
  border-radius: 35px 0 0 35px;
  outline: 3px #131313;
  flex-flow: row;
  flex: 1;
  order: 1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: flex-start;
  align-self: auto;
  place-items: flex-start stretch;
  min-height: 44px;
  max-height: 44px;
  margin-top: 0;
  padding-left: 3px;
  line-height: 16px;
  display: flex;
  box-shadow: 0 10px 3px #0003;
}

.selectlocation:hover {
  box-shadow: 0 7px 3px #000000bf;
}

.div-block-2 {
  z-index: 999999;
  order: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 75vw;
  max-width: 90vw;
  margin-top: 31px;
  margin-bottom: 11px;
  margin-left: 0;
  display: flex;
  position: absolute;
}

.filterbutton {
  z-index: 9999;
  outline-offset: 0px;
  -webkit-text-fill-color: inherit;
  cursor: pointer;
  background-color: #fff;
  background-image: url('../images/Filter4.svg'), linear-gradient(#fff0, #fff0);
  background-position: 50%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 70% 70%, auto;
  background-clip: border-box;
  border: 3px solid #000;
  border-radius: 9px;
  outline: 0 solid #000;
  flex: 0 auto;
  order: 2;
  min-width: 50px;
  max-width: 55px;
  min-height: 50px;
  max-height: 50px;
  margin-top: -5px;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
  position: static;
  top: 0;
  box-shadow: 0 10px 3px #0003;
}

.filterbutton:hover {
  border: 3px solid var(--neutral--800);
  background-color: #fff;
  border-radius: 9px;
  margin-top: -5px;
  box-shadow: 0 7px 3px #000000bf;
}

.filterbutton:active {
  mix-blend-mode: normal;
}

.div-block-4 {
  border: 1px solid #000;
  flex: 1;
}

.div-block-4.date-picker-div {
  outline-offset: 0px;
  border-width: 1.5px;
  outline: 0 solid #131313;
  max-width: 33vw;
  min-height: 40px;
  max-height: 40px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  display: none;
  box-shadow: 0 10px 3px #0003;
}

.div-block-4.date-picker-div:hover {
  margin-top: 0;
  box-shadow: 0 7px 3px #000000bf;
}

.div-block-5 {
  border: 1px solid #000;
  border-top-right-radius: 35px;
  border-bottom-right-radius: 35px;
  flex: 1;
}

.div-block-5.date-picker-div {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--white--100);
  outline-offset: 0px;
  border-width: 1.5px;
  border-radius: 0;
  outline: 1.5px #131313;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 33vw;
  min-height: 40px;
  max-height: 40px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  display: none;
  box-shadow: 0 10px 3px #0003;
}

.div-block-5.date-picker-div:hover {
  box-shadow: 0 7px 3px #000000bf;
}

.text-block-6 {
  text-align: center;
  font-size: 20px;
}

.text-block-7 {
  text-align: center;
  max-height: 20px;
  margin-top: -4px;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 14px;
  line-height: 28px;
}

.text-block-8 {
  text-align: center;
  max-height: 20px;
  margin-top: -4px;
  font-size: 14px;
  display: block;
}

.text-block-9 {
  flex-flow: row;
  flex: 1;
  justify-content: center;
  align-self: flex-start;
  align-items: flex-start;
  max-height: 20px;
  margin-top: -6px;
  font-size: 14px;
  display: flex;
}

.text-field {
  text-align: center;
  overflow-wrap: normal;
  cursor: pointer;
  object-fit: fill;
  background-color: #fff0;
  border: 1px #000;
  min-width: 100%;
  max-width: 100%;
  min-height: 26px;
  max-height: 26px;
  margin-bottom: -1px;
  padding: 0;
  font-size: 16px;
  line-height: 16px;
  display: block;
}

.text-field.flatpickr-input {
  vertical-align: middle;
  background-color: #c8c8c800;
  min-width: 98%;
  max-width: 98%;
  min-height: 34px;
  max-height: 34px;
  margin-top: 1px;
  margin-bottom: 1px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  display: inline;
}

.text-field-2 {
  max-width: 100%;
  min-height: 26px;
  max-height: 26px;
  color: var(--neutral--800);
  text-align: center;
  cursor: auto;
  background-color: #fff0;
  border: 1px #000;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
}

.text-field-2.flatpickr-input {
  background-color: var(--white--100);
  vertical-align: middle;
  cursor: pointer;
  min-width: 98%;
  max-width: 98%;
  min-height: 34px;
  max-height: 34px;
  margin-top: 1px;
  margin-bottom: 1px;
  padding-top: 0;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  display: inline;
}

.text-block-10 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  text-align: center;
  vertical-align: middle;
  flex-flow: row;
  flex: 0 auto;
  order: 0;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: auto;
  max-width: none;
  height: auto;
  min-height: auto;
  max-height: none;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 3px;
  padding-left: 0;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 16px;
  font-style: normal;
  line-height: 32px;
  display: inline;
  position: static;
}

.button {
  aspect-ratio: auto;
  outline-offset: 0px;
  width: auto;
  min-width: 60px;
  min-height: 50px;
  color: var(--neutral--800);
  -webkit-text-fill-color: inherit;
  background-color: #3898ec00;
  background-image: url('../images/Filter4.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 74% 65%;
  background-clip: border-box;
  border: 0 solid #000;
  outline: 3px #727272;
  padding: 49px 15px 0;
  font-size: 14px;
}

.button.popup-button {
  cursor: pointer;
}

.image {
  max-width: 5%;
}

.button-2 {
  background-color: #000;
  background-image: url('../images/search-icon-writelogy-x-webflow-template.svg');
  background-position: 32%;
  background-repeat: no-repeat;
  background-size: 66% 66%;
  border-radius: 0 35px 35px 0;
  min-width: 50px;
  max-width: 100%;
  min-height: 40px;
  max-height: 40px;
  padding: 0 0 0 35px;
  box-shadow: 0 10px 5px #01010133;
}

.button-2:hover {
  box-shadow: 0 7px 5px #010101bf;
}

.form-block {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  display: block;
}

.dropdown-content {
  z-index: 9999;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fff;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: auto;
  min-width: 300px;
  height: auto;
  min-height: 400px;
  display: flex;
  position: relative;
  overflow: visible;
}

.text-block-11 {
  font-size: 24px;
}

.text-block-11.dropdown-content {
  background-color: #ffffffad;
}

.popup-modal {
  z-index: 1;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #655c5c;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-height: 1px;
  display: flex;
  position: relative;
}

.popup-modal.filter {
  z-index: 9999;
  background-color: #00000073;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
  position: fixed;
  inset: 0%;
}

.popup-cover {
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: absolute;
  inset: 0%;
}

.popup-cover.popup-modal {
  background-color: #000000a8;
}

.popup-wrapper {
  z-index: 999;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fff;
  border-radius: 20px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 70%;
  height: 70%;
  max-height: 70%;
  display: block;
  position: relative;
  top: 158px;
}

.popup-wrapper.popup-modal {
  z-index: 99999;
  cursor: pointer;
  background-color: #6d6868;
  flex-flow: row;
  flex: 0 auto;
  justify-content: flex-end;
  align-self: center;
  align-items: flex-start;
  min-height: 500px;
  margin-top: -154px;
  padding-top: 0;
  display: flex;
}

.popup-close {
  z-index: 99999;
  float: right;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  width: auto;
  min-width: 35px;
  max-width: 20px;
  height: auto;
  min-height: 35px;
  max-height: 20px;
  color: var(--neutral--500);
  cursor: pointer;
  background-color: #0000001c;
  border-radius: 20px;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  place-items: flex-start end;
  margin-top: 7px;
  margin-left: 0;
  margin-right: 1px;
  padding-right: 0;
  display: flex;
  position: static;
  left: 0;
}

.popup-close-icon {
  background-color: #939393;
  justify-content: flex-end;
  align-items: flex-start;
  width: 5%;
  height: 5%;
  display: block;
  position: static;
}

.text-block-12 {
  color: var(--neutral--800);
  text-align: center;
  padding-top: 3px;
  font-family: Gill Sans Mt, sans-serif;
  font-weight: 600;
}

.text-block-12.popup-modal {
  padding-right: 11px;
  display: flex;
}

.div-block-7 {
  z-index: 10;
  cursor: pointer;
  background-image: url('../images/Filter4.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 80% 80%;
  min-width: 100%;
  min-height: 100%;
  position: relative;
}

.div-block-8 {
  cursor: pointer;
  background-color: #000;
  min-width: 50px;
  min-height: 50px;
}

.filter-popup {
  z-index: 999;
  opacity: .6;
  cursor: auto;
  background-color: #00000063;
  border-radius: 28px;
  justify-content: center;
  align-items: flex-start;
  min-width: 40vw;
  max-width: none;
  min-height: 66vh;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  display: none;
  position: absolute;
  inset: -1% 1% auto auto;
}

.filter-popup.city {
  display: block;
}

.body-2 {
  min-width: auto;
}

.filter-popup-window {
  z-index: 9999;
  background-color: #fff;
  border-radius: 28px;
  align-self: flex-start;
  min-width: 40vw;
  min-height: 66vh;
  margin-left: 0;
  margin-right: 0;
  position: absolute;
  inset: 0% 0% auto auto;
}

.filter-popup-window.city-popup {
  min-width: 30vw;
  min-height: 20vh;
  margin-top: -102px;
  margin-left: 40px;
  padding-top: 0;
}

.section-2 {
  z-index: 0;
  background-color: var(--tan);
  min-width: 100vw;
  max-width: none;
  min-height: 100vh;
  color: var(--neutral--300);
  border-radius: 0;
  justify-content: flex-start;
  align-items: stretch;
  margin-top: 0;
  padding-top: 0;
  font-family: Gill Sans Mt, sans-serif;
  display: flex;
  position: relative;
  top: 0;
  overflow: visible;
}

.filter-button {
  background-color: #fff;
  background-image: url('../images/Filter4.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 70% 70%;
  max-width: 100%;
  max-height: 100%;
  display: block;
}

.grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template: ". Area"
                 ". ."
                 ". ."
                 ". ."
                 ". ."
                 ". ."
                 ". ."
                 ". ."
                 ". ."
                 ". ."
                 / .25fr 1fr 1fr;
}

.div-block-11 {
  cursor: pointer;
  background-color: #0000002b;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  min-width: 40px;
  max-width: 40px;
  min-height: 40px;
  max-height: 40px;
  margin-top: 8px;
  margin-right: 16px;
  padding-top: 6px;
  padding-right: 0;
  display: block;
  position: static;
}

.container {
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.text-block-13 {
  color: var(--neutral--800);
  text-align: center;
  font-family: Gill Sans Mt, sans-serif;
  font-size: 20px;
  line-height: 28px;
}

.city-search {
  display: block;
}

.location-popup-window {
  z-index: 9999999;
  background-color: var(--tan);
  text-align: center;
  border-radius: 25px;
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: stretch;
  width: auto;
  min-width: auto;
  max-width: none;
  height: auto;
  min-height: auto;
  max-height: none;
  margin-top: 10px;
  margin-left: 0;
  margin-right: -1px;
  display: none;
  position: static;
  inset: 0% 0% auto;
  box-shadow: 6px 10px 5px #0003;
}

.browse-map {
  cursor: pointer;
  object-fit: fill;
  background-color: #00000014;
  border-radius: 3520px;
  justify-content: center;
  align-self: flex-start;
  align-items: flex-start;
  min-width: 50%;
  max-width: none;
  min-height: 25%;
  margin-top: 39px;
  font-family: Gill Sans Mt, sans-serif;
  display: block;
  position: absolute;
  inset: 0% 10% auto;
}

.div-block-13 {
  min-width: 100%;
  min-height: 40%;
}

.text-block-14 {
  min-width: 60%;
  color: var(--neutral--800);
  text-align: center;
  cursor: pointer;
  background-color: #00000014;
  border-radius: 35px;
  align-self: auto;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Gill Sans Mt, sans-serif;
  font-size: 16px;
  line-height: 26px;
  position: static;
  box-shadow: 0 7px 3px #0003;
}

.text-block-14:hover {
  box-shadow: 0 7px 3px #000000bf;
}

.text-block-14.cityname {
  box-shadow: none;
  cursor: none;
  background-color: #fff0;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  line-height: 16px;
  display: inline;
}

.text-block-14.cityname:hover {
  box-shadow: 0 7px 3px #0003;
}

.div-block-14 {
  text-align: center;
  background-color: #ffffff21;
  border-radius: 20px;
  flex: 0 auto;
  order: 2;
  align-self: center;
  min-width: 70%;
  min-height: auto;
  margin-top: 15px;
  margin-left: 5px;
  margin-right: 5px;
  position: static;
  inset: 19% 10% 15%;
}

.close-locpopup-button {
  cursor: pointer;
  background-color: #e5e5e5;
  border-radius: 50px;
  order: -1;
  min-width: 23px;
  max-width: none;
  min-height: 23px;
  max-height: none;
  margin-top: -2px;
  margin-left: -31px;
  margin-right: 66px;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
  position: absolute;
  inset: 3% -15% auto 102%;
  box-shadow: 0 4px 5px #00000040;
}

.close-locpopup-button:hover {
  box-shadow: 0 6px 5px #00000073;
}

.container-2 {
  flex-flow: column;
  flex: 1;
  order: -1;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  padding-top: 0;
  display: block;
  position: static;
}

.text-block-15 {
  color: var(--neutral--800);
  -webkit-text-stroke-color: var(--neutral--800);
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding-right: 0;
  font-family: Gill Sans Mt, sans-serif;
  font-weight: 400;
  line-height: 16px;
  display: flex;
  position: relative;
  top: 4px;
}

.location-popup {
  z-index: 2147483647;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fff0;
  border-radius: 35px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: stretch;
  width: auto;
  min-width: auto;
  max-width: none;
  height: auto;
  min-height: auto;
  max-height: none;
  margin-top: -202px;
  display: none;
  position: absolute;
  inset: 14% auto auto 8%;
  box-shadow: 0 2px 5px #0003;
}

.text-block-16 {
  max-width: 25%;
}

.text-block-17 {
  color: var(--neutral--800);
  text-align: center;
  -webkit-text-stroke-color: var(--neutral--800);
  cursor: pointer;
  border-radius: 20px;
  font-family: Gill Sans Mt, sans-serif;
}

.dropdown-toggle-2 {
  vertical-align: baseline;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  min-width: 20%;
  min-height: 20%;
  padding: 0;
  display: block;
  position: relative;
}

.dropdown-2 {
  z-index: 99999;
  cursor: pointer;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  min-width: auto;
  min-height: auto;
  display: block;
  position: absolute;
  left: 15px;
}

.dropdown-link-2 {
  text-align: center;
  padding-top: 0;
  font-family: Gill Sans Mt, sans-serif;
  display: block;
}

.dropdown-link-3, .dropdown-link-4 {
  text-align: center;
  font-family: Gill Sans Mt, sans-serif;
}

.dropdown-list {
  margin-top: 31px;
  display: block;
}

.dropdown-list.w--open {
  min-width: auto;
  min-height: auto;
  margin-top: 31px;
  display: block;
  position: relative;
}

.icon {
  z-index: 9999;
}

.text-block-18 {
  font-family: Gill Sans Mt, sans-serif;
  font-size: 20px;
  line-height: 20px;
}

.dropdown-toggle-3 {
  text-align: center;
  vertical-align: middle;
  min-width: 60%;
  min-height: 40%;
  display: inline-block;
  position: static;
}

.icon-2 {
  margin-right: 26px;
  font-size: 20px;
  right: -7px;
}

.search-closer {
  cursor: pointer;
  width: 98vw;
  height: 100vh;
  display: none;
  position: absolute;
  inset: 0% 0% auto;
}

.search-container {
  min-width: 80%;
  min-height: auto;
  color: var(--neutral--800);
  text-align: center;
  background-color: #eaeaea;
  border-radius: 20px 20px 0 0;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-weight: 400;
  position: relative;
  box-shadow: 5px 0 5px #0003;
}

.search-component {
  align-items: center;
  display: flex;
}

.search-input {
  min-width: 80px;
  height: 0;
  min-height: 40px;
  color: var(--neutral--800);
  margin-bottom: 0;
  padding: 20px 60px 20px 20px;
  font-family: Gill Sans Mt, sans-serif;
  font-size: 16px;
  line-height: 28px;
}

.search-input:focus {
  border: 1px solid #000;
}

.search-button {
  text-align: center;
  background-color: #000;
  min-width: 20px;
  min-height: 20px;
  padding: 20px 40px;
}

.search-list {
  z-index: 9999;
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  background-color: var(--tan);
  text-align: center;
  vertical-align: top;
  flex-flow: column;
  flex: 1;
  order: 3;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-self: center;
  align-items: stretch;
  width: auto;
  min-width: auto;
  max-width: none;
  min-height: auto;
  max-height: none;
  margin-top: 2px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 8px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  line-height: 16px;
  display: block;
  position: static;
  inset: 0% 0% 0;
  overflow: visible;
}

.search-item {
  text-decoration: none;
}

.empty-state-2 {
  display: block;
}

.list {
  list-style-type: none;
}

.search-cities {
  font-family: Gill Sans Mt, sans-serif;
  display: block;
  position: static;
  inset: auto 0% 0%;
}

.link-4, .search-object {
  display: block;
}

.search-inputs {
  z-index: 9999;
  min-width: 100%;
  min-height: 20px;
  margin-bottom: 0;
  display: block;
  position: absolute;
}

.div-block-16 {
  z-index: 9999;
  background-color: #fff;
  justify-content: center;
  align-self: flex-start;
  align-items: flex-start;
  max-height: 16px;
  display: flex;
  position: relative;
  inset: 0% 0% auto;
}

.locationbutton {
  z-index: 99999;
  min-width: 100%;
  min-height: 20px;
  max-height: 20px;
  color: var(--neutral--700);
  cursor: pointer;
  background-color: #fff;
  justify-content: center;
  align-self: flex-start;
  align-items: flex-start;
  margin-top: 0;
  padding-top: 0;
  display: block;
  position: static;
  inset: 0% 0% auto;
}

.locationbutton:active {
  background-color: #b4b2b2;
}

.locationbutton.new-york {
  color: var(--neutral--800);
  text-align: center;
  background-color: #0000;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}

.submit-button, .submit-button-2 {
  display: none;
}

.text-block-19 {
  max-height: 16px;
  font-family: Gill Sans Mt, sans-serif;
  position: relative;
}

.locationname {
  z-index: 9999;
  pointer-events: none;
  cursor: auto;
  max-height: 16px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  position: relative;
}

.div-block-18 {
  margin-top: 0;
}

.columbia {
  min-height: 20px;
  max-height: 20px;
}

.columbia.locationbutton {
  background-color: #0000;
  margin-top: 0;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  display: block;
}

.text-block-21 {
  text-align: center;
  background-color: #fff;
  min-height: 16px;
}

.text-block-21.cityname {
  background-color: var(--general--shadow-02);
  color: var(--neutral--800);
}

.university-of-texas-austin-ut-austin, .austin, .usc {
  min-height: 20px;
}

.usc.citybutton {
  cursor: pointer;
}

.losangeles, .ucla, .dubai, .bangkok {
  min-height: 20px;
}

.text-block-22 {
  text-align: center;
  cursor: pointer;
  background-color: #fff;
}

.text-block-22.cityname {
  color: var(--neutral--800);
  background-color: #0000;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}

.text-block-23 {
  text-align: center;
  background-color: #fff;
}

.text-block-23.citybutton {
  background-color: #0000;
}

.text-block-23.cityname {
  background-color: var(--general--shadow-02);
  max-height: 16px;
  color: var(--neutral--800);
  cursor: pointer;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}

.text-block-24 {
  background-color: var(--general--shadow-02);
  color: var(--neutral--800);
  text-align: center;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}

.text-block-24.citybutton {
  background-color: #0000;
}

.text-block-25 {
  background-color: var(--general--shadow-02);
  color: var(--neutral--800);
  text-align: center;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}

.text-block-25.citybutton {
  background-color: #0000;
}

.text-block-26 {
  text-align: center;
  background-color: #fff;
}

.text-block-26.citybutton {
  color: var(--neutral--800);
  background-color: #0000;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}

.text-block-27 {
  text-align: center;
  background-color: #fff;
}

.text-block-27.citybutton {
  color: var(--neutral--800);
  background-color: #0000;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}

.text-block-28 {
  background-color: var(--general--shadow-02);
  color: var(--neutral--800);
  text-align: center;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}

.text-block-28.citybutton {
  background-color: var(--general--shadow-01);
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
}

.text-field-3 {
  border-radius: 7px;
  margin-top: 0;
  padding-top: 8px;
  font-family: Gill Sans Mt, sans-serif;
  font-size: 17px;
  line-height: 17px;
  display: block;
  box-shadow: 3px 4px 5px #0003;
}

.text-field-3:hover {
  box-shadow: 3px 7px 5px #0003;
}

.text-field-3:focus {
  box-shadow: 0 2px 5px #0000004d;
}

.field-label-3 {
  display: none;
}

.div-block-29 {
  background-color: #00000014;
  border-radius: 35px;
  min-width: 60%;
  min-height: 24px;
  box-shadow: 0 7px 3px #0003;
}

.div-block-29.citybutton {
  border-radius: 20px;
  flex: 0 auto;
  order: 2;
  align-self: center;
  min-width: 65%;
  max-width: none;
  min-height: 26px;
  max-height: 26px;
  margin-top: 20px;
  margin-left: 14px;
  margin-right: 14px;
  padding-top: 0;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  line-height: 28px;
  box-shadow: 0 4px 3px #0003;
}

.div-block-29.citybutton:hover {
  box-shadow: 0 7px 3px #000000bf;
}

.infowindowbar {
  z-index: 3;
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: var(--general--shadow-02);
  min-width: 100%;
  max-width: 100%;
  min-height: 170px;
  max-height: none;
  color: var(--white--100);
  letter-spacing: normal;
  overflow-wrap: anywhere;
  cursor: pointer;
  object-fit: contain;
  order: -1;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 3px;
  margin-left: 8px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-weight: 400;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
  overflow: auto;
}

.closeinfobar {
  z-index: 9;
  text-align: center;
  cursor: pointer;
  background-color: #fff;
  background-image: url('../images/TriangleUp.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 40% 25%;
  border-radius: 9px;
  justify-content: center;
  align-items: flex-start;
  min-width: 55px;
  max-width: 55px;
  min-height: 35px;
  max-height: 35px;
  margin-top: 130px;
  margin-left: 288px;
  margin-right: 0;
  padding-right: 0;
  display: block;
  position: absolute;
  inset: 4% 0% auto 50%;
  box-shadow: 0 2px 5px #0003;
}

.closeinfobar:hover {
  box-shadow: 2px 0 4px #000000bf;
}

.closeinfobar:active {
  background-image: url('../images/TriangleUp.svg');
}

.closeinfobar.reopener {
  background-image: url('../images/TriangleUp.svg');
  max-height: 35px;
  margin-top: 108px;
  margin-left: 215px;
  display: block;
}

.text-block-29 {
  color: var(--neutral--800);
  border-bottom-left-radius: 25px;
  font-size: 22px;
  line-height: 22px;
  position: static;
}

.collection-list-wrapper {
  display: none;
  overflow: hidden;
}

.infosidebar {
  z-index: 99999;
  object-fit: fill;
  background-color: #ffffffd4;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 420px;
  min-width: auto;
  max-width: none;
  min-height: auto;
  margin: 0 0 0 -428px;
  padding-top: 0;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
  overflow: visible;
  box-shadow: 0 2px 5px #0003;
}

.infosidebar.visa {
  margin-top: 6px;
  margin-left: -428px;
  margin-right: 0;
}

.infosidebar.language {
  margin-left: 0;
  display: flex;
}

.sidebarimage {
  text-align: center;
  background-color: #5a5a5a;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
  flex: 1;
  order: 1;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  min-width: 100%;
  max-width: 100%;
  height: auto;
  min-height: auto;
  max-height: none;
  margin-top: auto;
  display: flex;
  position: static;
  overflow: visible;
}

.sidebarimage.visa {
  min-width: 100%;
  max-width: 100%;
}

.sidebarheader {
  z-index: 9999;
  min-width: 100%;
  max-width: 100%;
  min-height: auto;
  max-height: none;
  color: var(--neutral--800);
  text-align: center;
  background-color: #fff;
  flex: 0 auto;
  order: 2;
  align-self: baseline;
  margin-top: auto;
  padding: 0 12px;
  font-family: Gill Sans Mt, sans-serif;
  font-size: 24px;
  line-height: 28px;
  position: static;
  inset: 0% 0% auto;
  box-shadow: 0 2px 5px #0003;
}

.sidebarheader.visa {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--white--100);
  border-radius: 8px;
  flex-flow: row;
  order: 2;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 384px;
  max-width: 384px;
  max-height: 35px;
  margin-left: 0;
  padding-left: 0;
  padding-right: 2px;
  display: flex;
}

.sidebarheader.visa.filters {
  background-color: var(--neutral--700);
  min-width: 400px;
  max-width: 400px;
}

.sidebardescription {
  min-width: 100%;
  max-width: 100%;
  min-height: auto;
  color: var(--neutral--800);
  background-color: #fff;
  flex: 0 auto;
  order: 6;
  align-self: baseline;
  margin-top: auto;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 12px;
  padding-right: 12px;
  font-family: Gill Sans Mt, sans-serif;
  position: static;
  top: 330px;
}

.sidebarbutton {
  z-index: 9;
  pointer-events: auto;
  background-color: #fff;
  background-image: url('../images/arrowleft.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 30% 30%;
  border-radius: 9px;
  order: 0;
  min-width: 45px;
  max-width: 45px;
  min-height: 55px;
  max-height: 55px;
  margin-top: -12px;
  margin-right: -39px;
  padding-right: 4px;
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  box-shadow: 0 2px 5px #0003;
}

.sidebarbutton.visa {
  z-index: 2147483647;
}

.sidebarbutton.language {
  z-index: 999999999;
}

.sidebarcloser {
  pointer-events: auto;
  max-height: 0;
  display: none;
  overflow: visible;
}

.sidebarcloser.visa {
  display: none;
}

.sidebaropener {
  cursor: none;
  display: none;
  position: static;
}

.buttons_menu {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #ffffffe6;
  flex-flow: row;
  flex: 0 auto;
  order: 4;
  justify-content: space-around;
  align-self: baseline;
  align-items: center;
  min-width: 100%;
  max-width: 100%;
  min-height: 60px;
  margin-top: auto;
  margin-left: -3px;
  display: flex;
  position: static;
  top: 246px;
}

.sidebarheader2 {
  z-index: 9999;
  grid-column-gap: 0px;
  grid-row-gap: 20px;
  min-width: 100%;
  max-width: 100%;
  min-height: auto;
  color: var(--neutral--700);
  text-align: center;
  background-color: #fff;
  flex: none;
  order: 3;
  grid-template: "Area Area-5 Area-2 . Area-3 Area-4"
  / 1.5fr .5fr 1.5fr .25fr 1fr;
  grid-auto-columns: .25fr;
  grid-auto-flow: row;
  align-self: baseline;
  margin-top: auto;
  margin-left: 0;
  padding-left: 12px;
  padding-right: 12px;
  font-size: 14px;
  line-height: 14px;
  display: block;
  position: static;
  top: 230px;
  bottom: 685.833px;
  right: 2px;
  box-shadow: 0 2px 5px #00000040;
}

.sidebarheader2.language {
  color: var(--neutral--700);
}

.category2 {
  z-index: 9999;
  min-width: 50px;
  min-height: 18px;
  margin-left: 16px;
  font-size: 14px;
  line-height: 18px;
  position: absolute;
}

.category3 {
  min-width: 80px;
  min-height: 18px;
  color: var(--neutral--600);
  font-size: 14px;
  line-height: 18px;
  position: absolute;
}

.extendinfobar {
  z-index: 9998;
  -webkit-text-fill-color: inherit;
  cursor: pointer;
  background-color: #fff;
  background-image: url('../images/TriangleUp.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 30% 30%;
  background-clip: border-box;
  border-radius: 9px;
  min-width: 55px;
  max-width: 55px;
  min-height: 35px;
  max-height: 35px;
  margin-top: 108px;
  margin-left: 288px;
  display: none;
  position: absolute;
  top: 4%;
  left: 50%;
  box-shadow: 0 2px 5px #00000040;
}

.extendinfobar:hover {
  box-shadow: 2px 0 4px #000000bf;
}

.div-block-33 {
  min-width: 150px;
  min-height: 40px;
}

.div-block-34 {
  background-color: #fff;
  background-image: url('../images/sun.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 75% 75%;
  border-radius: 35px;
  min-width: 40px;
  max-width: 50px;
  min-height: 40px;
  max-height: 50px;
  position: absolute;
  inset: 6% 0% auto 76%;
  box-shadow: inset 1px 7px 5px #0003;
}

.nightmode {
  z-index: 3;
  cursor: pointer;
  background-color: #fff;
  border-radius: 35px;
  order: -1;
  align-self: auto;
  min-width: 32px;
  max-width: 32px;
  min-height: 32px;
  max-height: 32px;
  margin-top: 0;
  margin-left: 3px;
  margin-right: 0;
  position: static;
  inset: 0% 0% 0;
  box-shadow: 0 4px 5px #0003;
}

.nightmode:active {
  -webkit-backdrop-filter: blur();
  backdrop-filter: blur();
  background-image: url('../images/sun.svg');
  box-shadow: 0 8px 5px #4343439c;
}

.nightmode:lang(en) {
  box-shadow: 0 4px 5px #0003;
}

.button-3 {
  cursor: pointer;
  background-color: #fff;
  background-image: url('../images/Moon.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 60% 60%;
  border: 1px #000;
  border-radius: 35px;
  min-width: 40px;
  max-width: 40px;
  min-height: 40px;
  max-height: 40px;
  position: absolute;
  top: 5px;
  left: 63%;
  box-shadow: 0 2px 5px #0003;
}

.button-3:visited {
  box-shadow: inset 0 7px 5px #0003;
}

.div-block-35 {
  margin-top: 4px;
  display: block;
  position: relative;
  left: 0%;
}

.container-3 {
  object-fit: contain;
  min-width: 25%;
  max-width: 25%;
  margin-left: 242%;
  margin-right: 0%;
  padding-left: 0;
  display: flex;
  position: absolute;
  inset: 0% 0% auto 123%;
}

.div-block-36 {
  min-width: 80px;
  min-height: auto;
  margin-top: 0%;
  display: flex;
  position: absolute;
  inset: 0% 12% auto auto;
}

.mapsearch {
  z-index: 9999;
  cursor: pointer;
  background-color: #fff;
  border-radius: 20px;
  min-width: 20vw;
  max-width: 20vw;
  min-height: 30px;
  max-height: 30px;
  margin-top: 4px;
  margin-left: 582px;
  display: none;
  position: absolute;
  inset: 0% auto auto 0%;
  box-shadow: 0 3px 10px #00000040;
}

.mapsearch:hover {
  box-shadow: 0 3px 10px #000000bf;
}

.div-block-37 {
  min-width: 20vh;
  max-width: 20vw;
  min-height: 20vw;
}

.auto-complete-results {
  z-index: 9998;
  min-width: 30vw;
  min-height: 30px;
  color: var(--neutral--800);
  cursor: pointer;
  background-color: #fffc;
  border-radius: 10px;
  flex-flow: column;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  display: none;
  position: absolute;
  top: 34px;
  box-shadow: 0 2px 5px #0003;
}

.add-all-to-map {
  z-index: 9999;
  text-shadow: 0 1px 1px #0003;
  background-color: #000;
  border-radius: 15px;
  min-width: 20px;
  min-height: 20px;
  display: none;
  position: absolute;
  right: -125.317px;
}

.code-embed {
  z-index: 9998;
  min-width: 100%;
  color: var(--neutral--700);
  cursor: text;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  position: absolute;
  top: 3px;
  left: 6px;
  right: 0;
  box-shadow: 0 2px 5px #0000;
}

.image-2 {
  min-width: 2%;
  max-width: none;
  margin-bottom: 0;
  position: absolute;
  inset: 6% 0 0% 2%;
}

.musemaps_redblue {
  z-index: 3;
  min-width: 150px;
  max-width: 30%;
  min-height: auto;
  margin-top: 4px;
  margin-bottom: 0;
  margin-left: 0;
  display: block;
  position: absolute;
  top: 0%;
  left: 4%;
}

.get-directions {
  vertical-align: baseline;
  cursor: pointer;
  border-radius: 20px;
  order: -1;
  min-width: 100%;
  max-width: 100%;
  min-height: 100%;
  margin-bottom: 10%;
  display: block;
  position: static;
  box-shadow: 0 2px 5px #0000004d;
}

.favorite_button {
  cursor: pointer;
  border-radius: 20px;
  flex: 0 auto;
  order: 2;
  align-self: auto;
  min-width: 90%;
  max-width: 90%;
  min-height: 100%;
  margin-bottom: 10%;
  display: block;
  position: static;
  box-shadow: 0 2px 5px #0000004d;
}

.favorite_button:hover {
  box-shadow: 0 7px 5px #0000004d;
}

.favorite_button:active {
  filter: invert();
  box-shadow: 0 -2px 5px 2px #ffffff4d;
}

.favorite_button.selectedmodebutton {
  filter: invert();
  box-shadow: 0 -3px 5px #ffffff4d;
}

.summary_button {
  cursor: pointer;
  border-radius: 20px;
  order: 3;
  min-width: 90%;
  max-width: 90%;
  min-height: 100%;
  margin-bottom: 10%;
  display: block;
  box-shadow: 0 2px 5px #0000004d;
}

.summary_button:hover {
  box-shadow: 0 7px 5px #0000004d;
}

.summary_button:active {
  filter: invert();
  box-shadow: 0 -2px 5px #ffffff4d;
}

.summary_button.selectedmodebutton {
  filter: invert();
  box-shadow: 0 -3px 5px #ffffff4d;
}

.directions_div {
  background-color: var(--general--shadow-01);
  min-width: 35px;
  max-width: 34.9953px;
  min-height: 35px;
  max-height: 34.9953px;
  display: none;
}

.favorite_div {
  background-color: #fff;
  min-width: 10%;
  max-width: 10%;
}

.div-block-40 {
  background-color: #fff;
  flex: 0 auto;
  min-width: 10%;
  max-width: 10%;
  min-height: 100%;
}

.directions-container {
  z-index: 2147483647;
  background-color: #000000db;
  border-radius: 30px 0 30px 30px;
  flex-flow: column;
  order: 5;
  justify-content: flex-start;
  align-items: stretch;
  min-width: 315px;
  max-width: 315px;
  height: auto;
  min-height: auto;
  max-height: none;
  margin-top: 10px;
  margin-left: 14px;
  margin-right: 349px;
  display: none;
  position: absolute;
  inset: -1% auto auto 0%;
  overflow: visible;
}

.directions-control {
  z-index: 9999;
  background-color: #0000;
  border-radius: 15px;
  flex-flow: column;
  order: 2;
  justify-content: flex-start;
  width: auto;
  min-width: 315px;
  max-width: 400px;
  min-height: 82px;
  max-height: 82px;
  margin-top: 2px;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
  padding-left: 0;
  display: flex;
  position: static;
  overflow: hidden;
}

.close-directions {
  z-index: 9999999;
  cursor: pointer;
  background-color: #000;
  border-radius: 0 35px 35px 0;
  order: 5;
  max-width: 27px;
  min-height: 35px;
  max-height: 50px;
  margin: 0 0 -3px 314px;
  padding: 5px 23px 2px 12px;
  font-family: Gill Sans Mt, sans-serif;
  position: absolute;
  inset: 0% auto auto 0%;
}

.route-info {
  z-index: 9999;
  background-color: #000c;
  order: 2;
  min-width: 160px;
  max-width: 160px;
  min-height: auto;
  max-height: 150px;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  display: none;
  position: absolute;
  right: -21%;
  overflow: auto;
}

.custom-traffic {
  background-color: var(--white--100);
  filter: invert();
  cursor: pointer;
  background-image: url('../images/car.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 55% 55%;
  border-radius: 30px;
  order: -1;
  min-width: 35px;
  min-height: 35px;
  margin-top: 4px;
  display: block;
}

.custom-traffic:active {
  filter: invert(0%);
}

.custom-traffic.active {
  filter: none;
  min-width: 40px;
  min-height: 40px;
  margin-top: 6px;
}

.custom-traffic.active:hover {
  box-shadow: 0 2px 5px #fff;
}

.custom-traffic.profile-button {
  order: -1;
}

.custom-traffic.profile-button.custom-pressed {
  filter: invert(0%);
  flex: 0 auto;
  order: -1;
  margin-left: 7px;
}

.custom-cycling {
  filter: invert();
  cursor: pointer;
  mix-blend-mode: normal;
  background-color: #fff;
  background-image: url('../images/cycling.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 65% 65%;
  border-radius: 30px;
  order: 2;
  min-width: 35px;
  min-height: 35px;
  margin-top: 4px;
  display: block;
}

.custom-cycling:active {
  filter: invert(0%);
}

.custom-cycling.active {
  filter: none;
  min-width: 40px;
  min-height: 40px;
  margin-top: 6px;
}

.custom-cycling.profile-button.custom-pressed {
  filter: invert(0%);
}

.custom-walking {
  filter: invert();
  cursor: pointer;
  background-color: #fff;
  background-image: url('../images/walking.svg');
  background-position: 50% -30%;
  background-repeat: no-repeat;
  background-size: 125% 125%;
  border-radius: 30px;
  order: 3;
  min-width: 35px;
  min-height: 35px;
  margin-top: 4px;
  display: block;
}

.custom-walking:active {
  filter: invert(0%);
}

.custom-walking.active {
  filter: none;
  min-width: 40px;
  min-height: 40px;
  margin-top: 6px;
}

.custom-walking.profile-button.custom-pressed {
  filter: invert(0%);
  margin-right: 8px;
}

.div-block-41 {
  min-width: 300px;
  min-height: 15vh;
  position: absolute;
}

.routedir {
  z-index: 99999;
  background-color: #000000d9;
  min-width: 300px;
  min-height: 15vw;
  max-height: 35vw;
  margin-top: 23px;
  margin-left: 19px;
  display: none;
  position: absolute;
  top: -2%;
  left: 19%;
  overflow: scroll;
}

.toggleroute {
  z-index: 99999999;
  background-color: #000000d9;
  border-radius: 0 20px 20px 0;
  width: 35px;
  min-width: 35px;
  height: 35px;
  min-height: 35px;
  margin: 270px 6px 0 300px;
  display: none;
  position: absolute;
}

.profile-buttons-container {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-radius: 0;
  flex: 0 auto;
  order: -1;
  justify-content: space-around;
  align-items: center;
  min-height: 45px;
  margin-top: 0;
  display: flex;
}

.set-destination {
  z-index: 9999;
  background-color: #fff;
  background-image: url('../images/MaxMapsRedandblack.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 65% 65%;
  border-radius: 35px;
  min-width: 30px;
  min-height: 30px;
  max-height: 30px;
  position: absolute;
  left: 79%;
  box-shadow: 0 2px 5px #0003;
}

.set-destination:hover {
  border-top-left-radius: 35px;
  border-bottom-left-radius: 35px;
  box-shadow: 0 3px 10px #000c;
}

.mapbox-directions-step-list {
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  flex-flow: column;
  flex: 0 auto;
  order: 4;
  justify-content: flex-start;
  align-items: stretch;
  min-width: 315px;
  max-width: 315px;
  min-height: 0;
  max-height: 200px;
  margin-top: 0;
  display: flex;
  overflow: auto;
}

.driving-traffic-routes {
  z-index: 9999;
  justify-content: center;
  align-items: center;
  min-width: 40px;
  min-height: 40px;
  margin: 0;
  padding-bottom: 0;
  display: flex;
  position: absolute;
}

.cycling-routes {
  z-index: 9999;
  justify-content: center;
  align-items: center;
  min-width: 40px;
  min-height: 40px;
  margin-top: 0;
  margin-left: 0;
  display: flex;
  position: absolute;
}

.walking-routes {
  z-index: 99999;
  justify-content: center;
  align-items: center;
  min-width: 40px;
  min-height: 40px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
  display: flex;
  position: absolute;
}

.reverse-directions-btn {
  z-index: 99999;
  background-color: var(--general--shadow-02);
  cursor: pointer;
  background-image: url('../images/blackreversearrows.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 30px 30px;
  min-width: 35px;
  max-width: 35px;
  min-height: 35px;
  max-height: 35px;
  margin-top: 71px;
  margin-left: 39px;
  position: absolute;
}

.custom-intermodal {
  background-color: #fff;
  border-radius: 30px;
  min-width: 35px;
  max-width: 35px;
  min-height: 35px;
  max-height: 35px;
  margin-top: 4px;
}

.custom-intermodal.profile-button {
  filter: invert();
  cursor: pointer;
  background-image: url('../images/train-309520.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 75% 75%;
  order: 4;
}

.custom-intermodal.profile-button.custom-pressed {
  filter: invert(0%);
  background-image: url('../images/train-309520.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 75% 75%;
  order: 4;
}

.route-summary {
  z-index: 9999;
  background-color: #000;
  flex: 1 0 auto;
  order: 3;
  justify-content: flex-start;
  align-items: stretch;
  min-width: auto;
  max-width: none;
  min-height: auto;
  max-height: none;
  display: flex;
  position: static;
  overflow: hidden;
}

.route-selection {
  order: -1;
  display: block;
  position: static;
}

.route-timeanddistance {
  order: 3;
  display: flex;
}

.route-time {
  align-self: center;
  margin-left: 3px;
  font-size: 18px;
  line-height: 18px;
}

.route-distance {
  color: var(--neutral--500);
  align-self: center;
  margin-left: 6px;
  font-size: 13px;
  line-height: 13px;
}

.route-visual-summary {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-42 {
  order: 3;
  min-height: 40px;
  max-height: 40px;
}

.origin-suggestions {
  z-index: 999;
  min-width: 276px;
  min-height: 0;
  color: var(--neutral--800);
  text-shadow: 0 1px 1px #0003;
  cursor: pointer;
  background-color: #fffffff2;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  margin-top: -39px;
  margin-left: 39px;
  padding: 0 6px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 14px;
  display: block;
  position: absolute;
}

.destination-suggestions {
  z-index: 99999;
  min-width: 276px;
  min-height: 0;
  color: var(--neutral--800);
  cursor: pointer;
  background-color: #fffffff2;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  margin-top: -4px;
  margin-left: 40px;
  padding-top: 0;
  padding-left: 6px;
  padding-right: 6px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 14px;
  display: flex;
  position: absolute;
}

.show-origin-suggestions {
  color: var(--neutral--800);
  font-size: 16px;
  line-height: 16px;
  display: none;
}

.close-suggestion-boxes {
  display: none;
}

.signup {
  z-index: 999999;
  background-color: #fff;
  border-radius: 30px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  min-width: 375px;
  max-width: 375px;
  min-height: 600px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  display: none;
  position: absolute;
  inset: 0% 9% auto 23%;
  box-shadow: 0 2px 5px #0003;
}

.form-block-2 {
  flex: 1;
  align-self: center;
  min-width: 250px;
  max-height: 300px;
  margin-top: 57px;
  margin-left: 50px;
  margin-right: 50px;
}

.auth-form {
  min-width: 90%;
  min-height: 4%;
}

.text-block-30 {
  color: var(--neutral--800);
  text-align: center;
  order: -1;
  align-self: center;
  margin-top: 38px;
  font-size: 24px;
  line-height: 32px;
  position: relative;
}

.text-block-31 {
  color: var(--neutral--800);
  align-self: center;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 22px;
}

.submit-button-3 {
  aspect-ratio: auto;
  text-align: center;
  vertical-align: baseline;
  cursor: pointer;
  background-color: #000;
  border-radius: 20px;
  min-width: 215px;
  margin-top: 19px;
  margin-left: 16px;
  font-size: 18px;
  display: block;
  position: absolute;
  overflow: hidden;
}

.field-label-4, .field-label-5 {
  text-align: center;
  text-transform: none;
  font-size: 18px;
  font-weight: 400;
  line-height: 18px;
}

.text-block-32 {
  color: var(--neutral--800);
  text-align: center;
  letter-spacing: .06em;
  text-transform: none;
  margin-bottom: 12px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 18px;
}

.visa_layers {
  z-index: 999999999;
  cursor: pointer;
  background-color: #fff;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  min-width: 32px;
  max-width: 32px;
  min-height: 32px;
  max-height: 32px;
  margin-top: 0;
  margin-left: 3px;
  margin-right: 0;
  padding-bottom: 0;
  display: flex;
  position: static;
  top: 0%;
  left: 0%;
  box-shadow: 0 4px 5px #0003;
}

.visa_layers:hover {
  box-shadow: 0 4px 5px #0006;
}

.visa_layers:active {
  filter: invert();
}

.image-3 {
  filter: invert();
  border-radius: 3px;
  min-width: 100%;
  max-width: 100%;
  margin-bottom: 0;
  margin-right: 0;
  padding-right: 0;
}

.currentpassport1 {
  cursor: pointer;
  background-color: #fff;
  border-radius: 20px;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  margin-left: 15px;
  padding: 1px 6px 1px 0;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.currentpassport1._2ndpassport {
  display: none;
}

.map {
  z-index: 2;
  cursor: grab;
  order: 2;
  justify-content: space-around;
  align-items: flex-start;
  min-width: 100%;
  min-height: auto;
  margin-top: 126px;
  display: block;
  position: absolute;
}

.trip_duration2 {
  z-index: 999999999;
  background-color: #fff;
  border-radius: 25px 25px 0 0;
  min-width: 60px;
  max-width: 60px;
  min-height: 35px;
  max-height: 35px;
  padding: 5px 3px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  display: none;
  position: relative;
  inset: 0% 1px 2px 95px;
  box-shadow: 0 2px 5px #0003;
}

.duration_text {
  text-align: center;
  background-color: #fff0;
  border-radius: 0 0 25px 25px;
  min-width: auto;
  min-height: auto;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 0;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 15px;
}

.calendar_show {
  z-index: 1;
  background-color: var(--white--100);
  cursor: pointer;
  background-image: url('../images/calendar.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 85%;
  border-radius: 15px;
  min-width: 45px;
  max-width: 45px;
  min-height: 30px;
  max-height: 30px;
  margin-top: 25px;
  margin-left: 0;
  position: absolute;
  top: -12.1875%;
  left: 73%;
  box-shadow: 0 2px 5px #0003;
}

.fullcalendar {
  z-index: 9999;
  background-color: #fff;
  border-radius: 19px;
  min-width: 400px;
  min-height: 700px;
  margin-top: 34px;
  margin-left: -173px;
  display: block;
  position: absolute;
  inset: 0% auto auto 0%;
}

.close_calendar {
  z-index: 999999;
  cursor: pointer;
  background-color: #cdcdcd;
  border-radius: 20px;
  min-width: 35px;
  max-width: 35px;
  min-height: 35px;
  max-height: 35px;
  margin-top: 3%;
  margin-right: 0%;
  display: block;
  position: absolute;
  inset: 0% 0% 0% 195px;
  box-shadow: 0 2px 5px #0003;
}

.text-block-33 {
  text-align: center;
  font-size: 22px;
  position: absolute;
  inset: 6% 0% auto;
}

.calendar_popup {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: none;
  position: absolute;
  left: 16%;
  right: 0%;
}

.filter_buttons {
  z-index: 99999;
  flex: 0 auto;
  justify-content: space-around;
  align-items: flex-start;
  min-width: 60%;
  min-height: 30px;
  display: none;
  position: absolute;
  top: 24%;
  left: 37.376%;
}

.events_filter_button {
  cursor: pointer;
  background-color: #fff;
  border-radius: 20px;
  justify-content: center;
  align-items: flex-start;
  min-width: 90px;
  max-width: 120px;
  min-height: 30px;
  max-height: 30px;
  display: flex;
  position: static;
  box-shadow: 0 2px 5px #0003;
}

.dining_filter_button {
  cursor: pointer;
  background-color: #fff;
  border-radius: 20px;
  justify-content: center;
  align-items: flex-start;
  min-width: 90px;
  max-width: 90px;
  min-height: 30px;
  max-height: 30px;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.health_filter_button {
  cursor: pointer;
  background-color: #fff;
  border-radius: 20px;
  justify-content: center;
  align-items: flex-start;
  min-width: 90px;
  max-width: 120px;
  min-height: 30px;
  max-height: 30px;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.text-block-34 {
  color: var(--neutral--800);
  padding-left: 0;
  padding-right: 15px;
  font-family: Gill Sans Mt, sans-serif;
  font-weight: 700;
}

.image-4 {
  max-width: 30px;
  max-height: 24px;
  margin-top: 2px;
  margin-bottom: -34px;
  padding-top: 0;
  position: static;
}

.text-block-35 {
  color: var(--neutral--800);
  -webkit-text-stroke-width: .6px;
  margin-left: 4px;
}

.image-5 {
  min-width: 6px;
  max-width: 6px;
  min-height: 23px;
  max-height: 23px;
  margin-top: 4px;
  margin-bottom: 9px;
}

.text-block-36 {
  color: var(--neutral--800);
  -webkit-text-stroke-width: .6px;
  -webkit-text-stroke-color: var(--neutral--800);
}

.image-7 {
  min-width: 25px;
  max-width: 25px;
  min-height: 25px;
  max-height: 25px;
  margin-top: 2px;
  margin-bottom: -30px;
  padding-top: 0;
}

.date_tab_shortcuts {
  z-index: 99;
  background-color: var(--tan);
  min-width: 22%;
  max-width: 22%;
  min-height: 30px;
  max-height: 30px;
  margin-right: 0;
  display: none;
  position: absolute;
  top: 10.9998%;
  left: 38%;
  right: 0%;
}

.date_tab_weekend {
  text-align: center;
  cursor: pointer;
  background-color: #fff;
  border-radius: 15px;
  min-width: 50px;
  min-height: 24px;
  max-height: 24px;
  padding-left: 15px;
  padding-right: 15px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-weight: 700;
  line-height: 24px;
}

.date_tab_weekend:hover {
  box-shadow: 0 2px 5px #00000073;
}

.date_tab_now {
  text-align: center;
  cursor: pointer;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  min-width: 50px;
  min-height: 30px;
  max-height: 24px;
  padding-left: 15px;
  padding-right: 15px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-weight: 700;
  line-height: 24px;
}

.date_tab_today {
  cursor: pointer;
  border-radius: 15px;
  min-width: 50px;
  min-height: 30px;
  max-height: 24px;
  padding-left: 15px;
  padding-right: 15px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-weight: 700;
  line-height: 24px;
}

.text-block-37, .text-block-38, .text-block-39 {
  color: var(--neutral--800);
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}

.now_button {
  cursor: pointer;
  background-color: #fff;
  border-radius: 15px;
  max-width: 68.6667px;
  max-height: 24px;
  margin-right: 12px;
  box-shadow: 0 5px 5px #0003;
}

.now_button:hover {
  box-shadow: 0 5px 5px #00000059;
}

.now_button:active {
  filter: invert();
  box-shadow: 0 5px 5px #00000073;
}

.weekend_button {
  cursor: pointer;
  border-radius: 15px;
  max-height: 24px;
  margin-right: 10px;
  line-height: 24px;
  box-shadow: 0 5px 5px #0003;
}

.weekend_button:active {
  filter: invert();
}

.month_div {
  cursor: pointer;
  background-color: #fff;
  border-radius: 15px;
  box-shadow: 0 5px 5px #0003;
}

.week_button {
  cursor: pointer;
  background-color: #fff;
  border-radius: 15px;
  max-height: 24px;
  margin-right: 10px;
  padding-left: 10px;
  padding-right: 10px;
  line-height: 24px;
  box-shadow: 0 5px 5px #0003;
}

.week_button:hover {
  box-shadow: 0 5px 5px #00000073;
}

.week_button:active {
  filter: invert();
}

.today_button {
  cursor: pointer;
  background-color: #fff;
  border-radius: 15px;
  max-height: 24px;
  margin-right: 10px;
  box-shadow: 0 5px 5px #0003;
}

.today_button:hover {
  box-shadow: 0 5px 5px #00000073;
}

.today_button:active {
  filter: invert();
  box-shadow: 0 5px 5px #00000073;
}

.clear_dates_button {
  cursor: pointer;
  background-color: #fff;
  background-image: url('../images/trashcan.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 90% 90%;
  border-radius: 15px;
  min-width: 30px;
  min-height: 45px;
  margin-top: 31px;
  margin-left: 8px;
  margin-right: 10px;
  padding-left: 0;
  padding-right: 0;
  display: block;
  position: absolute;
  top: -39px;
  left: 130%;
  box-shadow: 0 2px 5px #0003;
}

.clear_dates_button:active {
  filter: invert();
}

.text-block-40 {
  margin-right: 0;
  padding-right: 0;
}

.language_mode {
  z-index: 9999;
  cursor: pointer;
  background-color: #fff;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  min-width: 32px;
  max-width: 32px;
  min-height: 32px;
  max-height: 32px;
  margin-left: 3px;
  padding-bottom: 1.5px;
  padding-left: 1.5px;
  font-size: 20px;
  display: flex;
  position: static;
  top: 0%;
  left: 0%;
  box-shadow: 0 2px 5px #0003;
}

.language_mode:hover {
  box-shadow: 0 2px 5px #0006;
}

.image-8 {
  max-width: 70%;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  display: block;
  position: static;
  left: 0;
}

.text-block-41 {
  z-index: 9999;
  align-self: auto;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding-right: 0;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 24px;
  position: static;
  top: 3px;
  left: 13px;
}

.submitbutton {
  border: 1px solid var(--memberstack-library--ms-main-cta-color);
  background-color: var(--memberstack-library--ms-main-cta-color);
  color: #fff;
  text-align: center;
  letter-spacing: .03em;
  border-radius: 8px;
  flex: none;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
  padding: 13px 16px 11.5px;
  font-size: 1em;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: transform .2s cubic-bezier(.645, .045, .355, 1), border-color .2s cubic-bezier(.645, .045, .355, 1), border-radius .2s cubic-bezier(.645, .045, .355, 1), box-shadow .2s cubic-bezier(.645, .045, .355, 1), background-color .2s cubic-bezier(.645, .045, .355, 1);
  display: inline-block;
  position: relative;
  top: 0;
  box-shadow: 1px 1px 5px #ffffff40, 0 10px 20px -5px #2d3e504d;
}

.submitbutton:hover {
  background-color: var(--memberstack-library--ms-main-cta-hover);
  box-shadow: none;
  color: #fff;
  transform: translate(0, 2px);
}

.submitbutton:active {
  background-color: #0a3092;
}

.submitbutton.ms-is-small {
  border-radius: 6px;
  height: auto;
  padding: 7px 16px;
  font-size: .85em;
  font-weight: 500;
  transform: perspective(1000px);
}

.submitbutton.is-light {
  color: #070e27;
  background-color: #fff;
  background-image: none;
  background-size: auto;
  border: 1px solid #dbe2eb;
  box-shadow: 0 1px 3px #ffffff40, 0 10px 20px -5px #2d3e501a;
}

.submitbutton.is-light:hover {
  box-shadow: none;
  color: #1051b9;
  background-color: #fff;
  border-color: #1051b9;
}

.submitbutton.is-light:active {
  color: #fff;
  background-color: #356af0;
}

.submitbutton.is-light.is-small {
  margin-bottom: 0;
}

.submitbutton.is-light.is-small.documentation {
  width: 100%;
  margin-top: 3em;
  display: none;
}

.submitbutton.ms-is-form {
  background-color: var(--neutral--800);
  cursor: pointer;
  width: 100%;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-weight: 700;
}

.submitbutton.submitbuttonstyle {
  background-color: var(--neutral--800);
  width: 100%;
}

.ms-button-svg {
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.ms-button-flex {
  grid-column-gap: 8px;
  align-items: center;
  display: flex;
}

.signupemail {
  border: 1px solid var(--memberstack-library--ms-border-color);
  min-height: 40px;
  box-shadow: 0 5px 10px -5px var(--memberstack-library--ms-shadow-color);
  color: var(--memberstack-library--ms-main-text-color);
  background-color: #fff;
  border-radius: 5px;
  margin-bottom: 1.333em;
  padding: 8px 12px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  transition: box-shadow .2s, color .2s, border-color .2s;
  position: relative;
}

.signupemail:hover {
  z-index: 2;
  border-color: var(--memberstack-library--ms-main-cta-color);
  box-shadow: none;
}

.signupemail::placeholder {
  color: var(--memberstack-library--ms-input-placeholder);
}

.input-label {
  text-align: left;
  margin-bottom: 5px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: .9em;
  font-weight: 600;
}

.ms-link {
  color: var(--memberstack-library--ms-main-text-color);
  -webkit-text-stroke-color: var(--navy-blue);
  border-bottom: 1px solid #2962ff03;
  font-weight: 500;
  text-decoration: none;
  transition: border-color .2s;
}

.ms-link:hover {
  border-bottom-color: var(--memberstack-library--ms-main-cta-color);
  color: var(--memberstack-library--ms-main-cta-hover);
}

.ms-link.ms-is-forgot {
  float: right;
  cursor: pointer;
  font-size: 90%;
}

.space {
  width: 10px;
  height: 10px;
}

.space.ms-is-20 {
  width: 20px;
  height: 20px;
}

.form-heading {
  text-align: center;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 29px;
  font-weight: 500;
  line-height: 1.4em;
}

.loginformdiv {
  z-index: 99999999;
  background-color: #fff;
  border-radius: 15px;
  width: 400px;
  min-width: 400px;
  margin-top: 0;
  padding: 1.5% 7.5% 7.5%;
  position: static;
  left: 32%;
}

.ms-social-text {
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 700;
}

.social-inner {
  grid-column-gap: 20px;
  align-items: center;
  display: flex;
}

.social-inner.is-center {
  justify-content: center;
}

.ms-social-image {
  width: 24px;
  margin-bottom: -4px;
  margin-left: 0;
}

.logingoogle {
  width: 100%;
  color: var(--memberstack-library--ms-main-text-color);
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #dcdce5;
  border-radius: 6px;
  margin-bottom: 10px;
  padding: 12px 40px 12px 15px;
  font-size: 15px;
  font-weight: 300;
  text-decoration: none;
  transition: background-color .2s, border-color .2s, box-shadow .2s;
  position: relative;
  box-shadow: 0 5px 10px -5px #0000001a;
}

.logingoogle:hover {
  border-color: var(--memberstack-library--ms-main-text-color);
  box-shadow: none;
}

.logingoogle:focus {
  border: 1px solid #000;
}

.logingoogle::placeholder {
  color: #6e6e6e;
}

.logingoogle.is-facebook {
  display: none;
}

.logingoogle.is-facebook:hover {
  border-color: #1777f2;
}

.formdivider {
  color: #000c;
  letter-spacing: 2px;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 15px;
  font-size: 12px;
  display: flex;
}

.ms-form-divider-line {
  background-color: #e4e4e4;
  width: 40%;
  height: .8px;
}

.ms-form-divider-text {
  text-align: center;
  flex: none;
  min-width: 33%;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-weight: 400;
}

.signupform {
  box-shadow: 0 2px 5px #0003;
}

.text-block-42 {
  color: var(--neutral--800);
  -webkit-text-stroke-color: var(--navy-blue);
  cursor: pointer;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-weight: 700;
}

.text-span {
  color: var(--memberstack-library--ms-main-cta-hover);
  cursor: pointer;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}

.login_popup {
  z-index: 3;
  background-color: #000;
  border-radius: 25px;
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  margin-top: 5%;
  display: flex;
  position: absolute;
  top: 31.9829px;
  left: 32%;
}

.signup_popup {
  z-index: 2147483647;
  background-color: #fff;
  border-radius: 20px;
  justify-content: center;
  align-items: flex-start;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  display: none;
  position: absolute;
  inset: 0% auto auto 32%;
}

.checkbox-wrap {
  align-items: flex-start;
  margin-bottom: 0;
  padding-top: .3333em;
  line-height: 22px;
  display: flex;
}

.checkbox-wrap.is-smaller {
  font-size: 90%;
}

.ms-checkbox {
  border-width: 1.5px;
  border-color: var(--memberstack-library--ms-border-color);
  background-color: #fff;
  border-radius: 33%;
  flex: none;
  width: 18px;
  height: 18px;
  margin-top: 2px;
  margin-right: 10px;
  transition: background-color .2s, border-color .2s;
}

.ms-checkbox:hover {
  border-color: var(--memberstack-library--ms-main-cta-color);
  background-color: var(--memberstack-library--ms-main-cta-color);
  background-image: linear-gradient(#ffffffe6, #ffffffe6);
}

.ms-checkbox.w--redirected-checked {
  background-color: #2962ff;
  background-image: url('../images/smallcheck.svg');
  background-size: 70%;
  border-color: #12133140;
  border-radius: 33%;
}

.ms-link-2 {
  color: var(--memberstack-library--ms-main-cta-color);
  border-bottom: 1px solid #2962ff03;
  font-weight: 500;
  text-decoration: none;
  transition: border-color .2s;
}

.ms-link-2:hover {
  border-bottom-color: var(--memberstack-library--ms-main-cta-color);
  color: var(--memberstack-library--ms-main-cta-hover);
}

.signupformdiv {
  width: 400px;
  min-width: 400px;
  padding: 7.5%;
}

.checkbox-label {
  font-weight: 300;
}

.social-text-2 {
  font-weight: 700;
}

.social-image-2 {
  width: 24px;
  margin-bottom: -1px;
}

.list-container {
  width: 100%;
  margin-bottom: 20px;
}

.emailexistserror {
  background-color: #fff;
  border-radius: 20px;
  justify-content: center;
  align-items: flex-start;
  min-width: 0%;
  min-height: auto;
  display: flex;
  position: static;
  inset: 0% 15% auto;
  box-shadow: 0 2px 5px #0003;
}

.checkemailmessage {
  z-index: 2147483647;
  text-align: center;
  background-color: #fff0;
  justify-content: center;
  align-items: center;
  min-width: auto;
  min-height: auto;
  display: block;
  position: absolute;
  inset: 0% 0% auto;
}

.checkemailmessageimage {
  opacity: 0;
  margin-bottom: 1px;
}

.emailexistserrormessage {
  color: var(--neutral--800);
  text-align: center;
  background-color: red;
  border-radius: 20px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-weight: 700;
  box-shadow: 0 2px 5px #0003;
}

.noaccountmessage {
  justify-content: center;
  align-items: flex-start;
  min-width: auto;
  max-width: 100%;
  min-height: auto;
  max-height: none;
  display: flex;
}

.loginstatus {
  z-index: 999;
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  cursor: pointer;
  background-color: #fff;
  border-radius: 45px;
  justify-content: center;
  align-self: auto;
  align-items: center;
  min-width: 50px;
  max-width: 70px;
  min-height: 40px;
  max-height: 40px;
  margin-top: -4px;
  margin-left: 1px;
  margin-right: 4px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: absolute;
  inset: 0%;
  box-shadow: 0 2px 5px #0003;
}

.passwordresetbutton {
  border: 1px solid var(--memberstack-library--ms-main-cta-color);
  background-color: var(--memberstack-library--ms-main-cta-color);
  color: #fff;
  text-align: center;
  letter-spacing: .03em;
  border-radius: 8px;
  flex: none;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
  padding: 13px 16px 11.5px;
  font-size: 1em;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: transform .2s cubic-bezier(.645, .045, .355, 1), border-color .2s cubic-bezier(.645, .045, .355, 1), border-radius .2s cubic-bezier(.645, .045, .355, 1), box-shadow .2s cubic-bezier(.645, .045, .355, 1), background-color .2s cubic-bezier(.645, .045, .355, 1);
  display: inline-block;
  position: relative;
  top: 0;
  box-shadow: 1px 1px 5px #ffffff40, 0 10px 20px -5px #2d3e504d;
}

.passwordresetbutton:hover {
  background-color: var(--memberstack-library--ms-main-cta-hover);
  box-shadow: none;
  color: #fff;
  transform: translate(0, 2px);
}

.passwordresetbutton:active {
  background-color: #0a3092;
}

.passwordresetbutton.ms-is-small {
  border-radius: 6px;
  height: auto;
  padding: 7px 16px;
  font-size: .85em;
  font-weight: 500;
  transform: perspective(1000px);
}

.passwordresetbutton.ms-is-light {
  color: #070e27;
  background-color: #fff;
  background-image: none;
  background-size: auto;
  border: 1px solid #dbe2eb;
  box-shadow: 0 1px 3px #ffffff40, 0 10px 20px -5px #2d3e501a;
}

.passwordresetbutton.ms-is-light:hover {
  box-shadow: none;
  color: #1051b9;
  background-color: #fff;
  border-color: #1051b9;
}

.passwordresetbutton.ms-is-light:active {
  color: #fff;
  background-color: #356af0;
}

.passwordresetbutton.ms-is-light.ms-is-small {
  margin-bottom: 0;
}

.passwordresetbutton.ms-is-light.ms-is-small.ms-is-documentation {
  width: 100%;
  margin-top: 3em;
  display: flex;
}

.passwordresetbutton.ms-is-form {
  background-color: var(--neutral--800);
  width: 100%;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}

.ms-button-svg-2 {
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.ms-button-flex-2 {
  grid-column-gap: 8px;
  align-items: center;
  display: flex;
}

.pw-reset-input {
  border: 1px solid var(--memberstack-library--ms-border-color);
  min-height: 40px;
  box-shadow: 0 5px 10px -5px var(--memberstack-library--ms-shadow-color);
  color: var(--memberstack-library--ms-main-text-color);
  background-color: #fff;
  border-radius: 5px;
  margin-bottom: 1.333em;
  padding: 8px 12px;
  transition: box-shadow .2s, color .2s, border-color .2s;
  position: relative;
}

.pw-reset-input:hover {
  z-index: 2;
  border-color: var(--memberstack-library--ms-main-cta-color);
  box-shadow: none;
}

.pw-reset-input::placeholder {
  color: var(--memberstack-library--ms-input-placeholder);
}

.ms-input-label {
  text-align: left;
  margin-bottom: 5px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: .9em;
  font-weight: 600;
}

.ms-link-3 {
  color: var(--memberstack-library--ms-main-cta-color);
  border-bottom: 1px solid #2962ff03;
  font-weight: 500;
  text-decoration: none;
  transition: border-color .2s;
}

.ms-link-3:hover {
  border-bottom-color: var(--memberstack-library--ms-main-cta-color);
  color: var(--memberstack-library--ms-main-cta-hover);
}

.password-reset-form-heading {
  text-align: center;
  margin-top: 0;
  margin-bottom: 20px;
  margin-right: 0;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.4em;
}

.ms-form {
  width: 400px;
  min-width: 400px;
  padding: 7.5%;
}

.ms-form-sub-heading {
  text-align: center;
  margin-top: -15px;
  margin-bottom: 20px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}

.passwordreset_popup {
  z-index: 999999999;
  background-color: #fff;
  border-radius: 20px;
  display: none;
  position: absolute;
  top: 121%;
  left: 32%;
  box-shadow: 0 2px 5px #0003;
}

.div-block-43 {
  justify-content: center;
  align-items: flex-start;
  min-width: auto;
  min-height: auto;
  display: flex;
}

.ms-button {
  border: 1px solid var(--memberstack-library--ms-main-cta-color);
  background-color: var(--memberstack-library--ms-main-cta-color);
  color: #fff;
  text-align: center;
  letter-spacing: .03em;
  border-radius: 8px;
  flex: none;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
  padding: 13px 16px 11.5px;
  font-size: 1em;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: transform .2s cubic-bezier(.645, .045, .355, 1), border-color .2s cubic-bezier(.645, .045, .355, 1), border-radius .2s cubic-bezier(.645, .045, .355, 1), box-shadow .2s cubic-bezier(.645, .045, .355, 1), background-color .2s cubic-bezier(.645, .045, .355, 1);
  display: inline-block;
  position: relative;
  top: 0;
  box-shadow: 1px 1px 5px #ffffff40, 0 10px 20px -5px #2d3e504d;
}

.ms-button:hover {
  background-color: var(--memberstack-library--ms-main-cta-hover);
  box-shadow: none;
  color: #fff;
  transform: translate(0, 2px);
}

.ms-button:active {
  background-color: #0a3092;
}

.ms-button.ms-is-small {
  border-radius: 6px;
  height: auto;
  padding: 7px 16px;
  font-size: .85em;
  font-weight: 500;
  transform: perspective(1000px);
}

.ms-button.ms-is-light {
  color: #070e27;
  background-color: #fff;
  background-image: none;
  background-size: auto;
  border: 1px solid #dbe2eb;
  box-shadow: 0 1px 3px #ffffff40, 0 10px 20px -5px #2d3e501a;
}

.ms-button.ms-is-light:hover {
  box-shadow: none;
  color: #1051b9;
  background-color: #fff;
  border-color: #1051b9;
}

.ms-button.ms-is-light:active {
  color: #fff;
  background-color: #356af0;
}

.ms-button.ms-is-light.ms-is-small {
  margin-bottom: 0;
}

.ms-button.ms-is-light.ms-is-small.ms-is-documentation {
  width: 100%;
  margin-top: 3em;
  display: flex;
}

.ms-button.ms-is-form {
  background-color: var(--neutral--800);
  width: 100%;
}

.ms-button-svg-3 {
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.ms-button-flex-3 {
  grid-column-gap: 8px;
  align-items: center;
  display: flex;
}

.ms-input {
  border: 1px solid var(--memberstack-library--ms-border-color);
  min-height: 40px;
  box-shadow: 0 5px 10px -5px var(--memberstack-library--ms-shadow-color);
  color: var(--memberstack-library--ms-main-text-color);
  background-color: #fff;
  border-radius: 5px;
  margin-bottom: 1.333em;
  padding: 8px 12px;
  transition: box-shadow .2s, color .2s, border-color .2s;
  position: relative;
}

.ms-input:hover {
  z-index: 2;
  border-color: var(--memberstack-library--ms-main-cta-color);
  box-shadow: none;
}

.ms-input::placeholder {
  color: var(--memberstack-library--ms-input-placeholder);
}

.input-label-2 {
  text-align: left;
  margin-bottom: 5px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: .9em;
  font-weight: 600;
}

.ms-link-4 {
  color: var(--memberstack-library--ms-main-cta-color);
  border-bottom: 1px solid #2962ff03;
  font-weight: 500;
  text-decoration: none;
  transition: border-color .2s;
}

.ms-link-4:hover {
  border-bottom-color: var(--memberstack-library--ms-main-cta-color);
  color: var(--memberstack-library--ms-main-cta-hover);
}

.ms-help-text {
  opacity: .8;
  margin-top: -15px;
  margin-bottom: 15px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 90%;
  font-weight: 300;
}

.ms-form-heading {
  text-align: center;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 29px;
  font-weight: 500;
  line-height: 1.4em;
}

.ms-form-2 {
  width: 400px;
  min-width: 400px;
  padding: 7.5%;
  display: block;
}

.ms-form-block {
  background-color: #fff;
  border-radius: 20px;
  position: absolute;
  box-shadow: 0 2px 5px #0003;
}

.ms-form-sub-heading-2 {
  margin-top: -15px;
  margin-bottom: 20px;
}

.newpassword_popup {
  z-index: 2147483647;
  background-color: #fff;
  border-radius: 20px;
  display: none;
  position: absolute;
  left: 22%;
  box-shadow: 0 2px 5px #0003;
}

.passwordresetmessagetext {
  text-align: center;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}

.userfirstinitial {
  color: var(--tan);
  text-align: center;
  margin-top: 0;
  margin-left: 0;
  padding-left: 0;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 26px;
  font-weight: 400;
}

.image-9 {
  max-width: 100%;
  margin-bottom: -2px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}

.firstinitialdiv {
  min-width: 37px;
  max-width: 37px;
  min-height: 37px;
  max-height: 37px;
  color: var(--tan);
  background-color: #000;
  border-radius: 35px;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-weight: 700;
  display: flex;
}

.loggedouticon {
  max-width: 50%;
  max-height: 50%;
  margin-bottom: 3px;
}

.closeloginpopup {
  cursor: pointer;
  background-color: #0003;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  min-width: 33px;
  max-width: 33px;
  min-height: 33px;
  max-height: 33px;
  display: flex;
  position: absolute;
  top: 3px;
  left: 91%;
}

.text-block-43 {
  text-align: center;
  font-family: Gill Sans Mt, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 18px;
  position: absolute;
}

.accountmenu {
  z-index: 2147483647;
  background-color: var(--tan);
  border-radius: 20px;
  flex-flow: column;
  min-width: 255px;
  min-height: 125px;
  max-height: none;
  margin-top: 39px;
  margin-left: 0;
  margin-right: 24px;
  display: none;
  position: absolute;
  inset: 0 0 auto auto;
  box-shadow: 0 2px 5px #0003;
}

.accountname {
  background-color: #0000000f;
  min-width: 100%;
  min-height: 32px;
  display: flex;
}

.accountappearance {
  flex-flow: row;
  order: 4;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 10px;
  display: flex;
}

.logout {
  cursor: pointer;
  flex: 0 auto;
  order: 6;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 100%;
  max-width: 100%;
  min-height: 32px;
  max-height: 32px;
  margin-top: 10px;
  margin-bottom: 10px;
  display: flex;
  position: static;
  overflow: hidden;
}

.accountemailaddress {
  z-index: 0;
  text-align: center;
  min-width: 250px;
  min-height: 35px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-weight: 700;
  position: absolute;
  top: 6px;
  left: 52.9931px;
}

.accountlogin {
  z-index: 9999999;
  cursor: pointer;
  order: -1;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 250px;
  margin-top: 10px;
  margin-left: 0;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-weight: 700;
  display: flex;
  position: relative;
}

.units_mode_text {
  align-self: center;
  margin-left: 15px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-weight: 700;
}

.firstinitialdiv2 {
  filter: invert();
  background-color: #000;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 32px;
  min-width: 32px;
  height: 32px;
  min-height: 32px;
  margin-left: 5px;
  display: flex;
  box-shadow: 1px 2px 5px #ffffff4a;
}

.loggedouticon2 {
  text-align: left;
  max-width: 50%;
  max-height: 49.9799%;
  margin-bottom: 3px;
}

.loginbutton {
  margin-left: 15px;
}

.image-10 {
  filter: invert();
  width: 32px;
  min-width: 32px;
  max-width: 32px;
  height: 32px;
  min-height: 32px;
  max-height: 32px;
  margin-bottom: 0;
  margin-left: 0;
}

.text-block-45 {
  align-self: center;
  margin-left: 18px;
}

.closeaccountmenu {
  z-index: 2147483647;
  cursor: pointer;
  background-color: #b6b6b6;
  border-radius: 20px;
  order: 0;
  justify-content: center;
  align-items: center;
  width: 30px;
  min-width: 35px;
  max-width: 35px;
  height: 30px;
  min-height: 35px;
  max-height: 35px;
  margin-top: 25px;
  margin-left: 0;
  display: flex;
  position: absolute;
  top: -10%;
  left: 85%;
}

.text-block-46 {
  justify-content: center;
  align-items: center;
  margin-top: 0;
  font-family: Gill Sans Mt, sans-serif;
  font-weight: 700;
  display: flex;
  position: absolute;
}

.text-block-47 {
  margin-left: 10px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 28px;
}

.div-block-44 {
  background-color: #fff;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  min-height: 8px;
}

.userfirstinitial2b {
  width: auto;
  max-width: none;
  height: auto;
  max-height: none;
  color: var(--general--shadow-01);
  display: block;
}

.loginbuttontext {
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-weight: 700;
}

.userpassport {
  order: 2;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 35px;
  margin-top: 10px;
  display: flex;
}

.displayedpassportiso_1 {
  margin-left: 0;
  padding-left: 7px;
  font-family: Gill Sans Mt, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
}

.languagemode {
  flex-flow: row;
  order: 5;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 10px;
  display: flex;
}

.text-block-49 {
  margin-left: 15px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-weight: 700;
}

.duration-text {
  justify-content: center;
  align-items: center;
  min-width: 70px;
  min-height: 55px;
  display: flex;
  position: absolute;
}

.onarrivaldiv {
  z-index: 2147483647;
  mix-blend-mode: normal;
  background-color: #fff;
  border-radius: 15px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  display: flex;
  position: static;
  inset: auto 0% 0% auto;
  box-shadow: 0 2px 5px #0003;
}

.onarrivaltext {
  min-width: 0;
  max-width: none;
  color: var(--neutral--800);
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 5px 7px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 22px;
  display: flex;
  position: static;
}

.section-3 {
  display: none;
}

.div-block-45 {
  min-width: 45px;
  min-height: auto;
  color: var(--neutral--800);
  text-align: center;
  border-radius: 15px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 5px;
  padding: 3px;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.proficientdiv {
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: none;
}

.proficientheader {
  color: var(--neutral--800);
  text-align: center;
  border-radius: 20px;
  padding-left: 6px;
  padding-right: 6px;
  font-size: 14px;
  line-height: 16px;
  box-shadow: 0 2px 5px #0003;
}

.nativestat {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.totaldiv {
  cursor: pointer;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.totalheader {
  color: var(--neutral--800);
  text-align: center;
  border-radius: 20px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 18px;
  box-shadow: 0 2px 5px #0003;
}

.div-block-46 {
  border-radius: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  min-width: auto;
  min-height: auto;
  margin-bottom: 3px;
  padding: 3px;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.total_text {
  color: var(--neutral--800);
  text-align: center;
  font-size: 24px;
}

.proficientstatpercent {
  text-align: center;
  margin-top: 3px;
  padding-top: 0;
  padding-left: 0;
  font-size: 16px;
  line-height: 18px;
}

.nativeheader {
  color: var(--neutral--800);
  -webkit-text-stroke-color: var(--neutral--800);
  border-radius: 20px;
  padding-left: 6px;
  padding-right: 6px;
  font-size: 14px;
  line-height: 14px;
  box-shadow: 0 2px 5px #0003;
}

.nativediv {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: none;
}

.totalstatpercent {
  color: var(--neutral--800);
  margin-top: 3px;
  padding-top: 0;
  padding-left: 0;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 18px;
}

.div-block-47 {
  border-radius: 15px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  min-width: auto;
  min-height: auto;
  margin-bottom: 6px;
  padding: 3px;
  display: flex;
  position: static;
  box-shadow: 0 2px 5px #0003;
}

.div-block-48 {
  font-size: 24px;
}

.div-block-49 {
  min-width: 0;
}

.nativestatpercent {
  color: var(--neutral--800);
  margin-top: 3px;
  padding-top: 0;
  padding-left: 0;
  font-size: 16px;
  line-height: 18px;
}

.div-block-50 {
  border-radius: 20px;
  max-width: none;
  max-height: 23px;
  box-shadow: 0 2px 5px #0003;
}

.text-block-51 {
  line-height: 28px;
}

.language.header {
  background-color: var(--general--shadow-02);
  color: var(--neutral--800);
  text-align: center;
  border-radius: 0;
  padding: 5px 5px 0;
  font-size: 16px;
  line-height: 16px;
  text-decoration: none;
  position: static;
  top: 0;
}

.totalspeakerspop, .text-block-52 {
  color: var(--neutral--800);
}

.div-block-51 {
  justify-content: flex-start;
  align-items: center;
  margin-top: -8px;
  display: flex;
}

.totalproficientspeakerspoptext {
  color: var(--neutral--800);
  background-color: #fff0;
  border-radius: 25px;
  margin-top: 0;
  padding-top: 0;
  padding-left: 10px;
  padding-right: 10px;
  display: none;
}

.div-block-52 {
  background-color: var(--general--shadow-01);
  border-radius: 25px;
  margin-left: 0;
  padding-left: 10px;
  padding-right: 10px;
  display: none;
}

.div-block-53 {
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  max-width: 32px;
  max-height: 31.9957px;
  margin-left: 5px;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.visa_durations {
  z-index: 99999;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--tan);
  text-align: center;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  flex-flow: wrap;
  flex: 1;
  order: 0;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-self: center;
  align-items: center;
  min-width: 100%;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-bottom: 8px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  display: flex;
  position: static;
  top: 0%;
  left: 0%;
  right: 0;
  overflow: visible;
}

.extendableto {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: block;
}

.extendabletodiv {
  background-color: #fff;
  border-radius: 15px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.loopholes {
  flex-flow: row;
  order: 0;
  justify-content: flex-start;
  align-self: auto;
  align-items: center;
  font-size: 32px;
  line-height: 32px;
  display: flex;
}

.loopholesdiv {
  background-color: #fff;
  border-radius: 15px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.extendabletotext {
  color: var(--neutral--800);
  margin-left: 0;
  margin-right: 0;
  padding: 5px 7px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 22px;
}

.loopholetext {
  color: var(--neutral--800);
  padding: 5px 7px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 22px;
}

.div-block-54 {
  display: none;
}

.text-block-53 {
  z-index: 9999999;
  color: var(--neutral--800);
  font-size: 16px;
  line-height: 16px;
  position: absolute;
}

.onarrivaltitle {
  min-width: 85px;
  color: var(--neutral--800);
  text-align: center;
  background-color: #fff;
  border-radius: 15px;
  margin-top: 0;
  padding: 5px 7px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 12px;
  position: static;
  left: auto;
  box-shadow: 0 2px 5px #0003;
}

.extendabletotitle {
  z-index: 99999;
  background-color: var(--general--shadow-01);
  color: var(--neutral--800);
  border-radius: 15px;
  margin-top: 0;
  padding: 5px 7px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 12px;
  position: static;
  box-shadow: 0 2px 5px #0003;
}

.loopholetitle {
  z-index: 999999;
  color: var(--neutral--800);
  background-color: #fff;
  border-radius: 15px;
  margin-top: 0;
  padding: 5px 7px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 12px;
  display: block;
  position: static;
  bottom: auto;
  box-shadow: 0 2px 5px #0003;
}

.withvisatext {
  color: var(--neutral--800);
  border-radius: 15px;
  justify-content: center;
  align-items: flex-start;
  padding: 5px 7px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 22px;
  display: block;
}

.evisa {
  justify-content: center;
  align-self: auto;
  align-items: flex-start;
  display: block;
}

.withvisadiv, .evisadiv {
  background-color: #fff;
  border-radius: 15px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.evisatitle {
  color: var(--neutral--800);
  border-radius: 15px;
  padding: 5px 7px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 12px;
  box-shadow: 0 2px 5px #0003;
}

.withvisatitle {
  background-color: var(--general--shadow-01);
  color: var(--neutral--800);
  border-radius: 15px;
  padding: 5px 7px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 12px;
  box-shadow: 0 2px 5px #0003;
}

.evisatext {
  color: var(--neutral--800);
  padding: 5px 7px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 22px;
}

.withvisa {
  align-self: auto;
}

.infosidebar_country {
  z-index: 99999;
  object-fit: fill;
  background-color: #fffffff2;
  border-radius: 8px;
  flex-flow: column;
  order: 10;
  justify-content: flex-start;
  align-items: stretch;
  width: 384px;
  min-width: auto;
  max-width: 384px;
  min-height: auto;
  margin: 0;
  padding-top: 0;
  display: flex;
  position: static;
  inset: 0% 0% auto;
  overflow: visible;
  box-shadow: 0 2px 5px #0003;
}

.infosidebar_country.visa {
  margin-top: 6px;
  margin-left: -428px;
  margin-right: 0;
}

.infosidebar_country.language {
  margin-left: -428px;
  display: flex;
}

.infosidebar_language {
  z-index: 99999;
  object-fit: fill;
  background-color: #ffffffd4;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 420px;
  min-width: auto;
  max-width: none;
  min-height: auto;
  margin: 0;
  padding-top: 0;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
  overflow: visible;
  box-shadow: 0 2px 5px #0003;
}

.infosidebar_language.visa {
  margin-top: 6px;
  margin-left: -428px;
  margin-right: 0;
}

.infosidebar_language.language {
  margin-left: -428px;
  display: flex;
}

.infosidebar_visa {
  z-index: 99999;
  object-fit: fill;
  background-color: #ffffffd4;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 420px;
  min-width: auto;
  max-width: none;
  min-height: auto;
  margin: 0;
  padding-top: 0;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
  overflow: visible;
  box-shadow: 0 2px 5px #0003;
}

.infosidebar_visa.visa {
  margin-top: 6px;
  margin-left: -428px;
  margin-right: 0;
  display: flex;
}

.infosidebar_visa.language {
  margin-left: 0;
  display: flex;
}

.infosidebar_venues {
  z-index: 99999;
  object-fit: fill;
  background-color: #ffffffd4;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 420px;
  min-width: auto;
  max-width: none;
  min-height: auto;
  margin: 135px 0 0 -420px;
  padding-top: 0;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
  overflow: visible;
  box-shadow: 0 2px 5px #0003;
}

.infosidebar_venues.visa {
  margin-top: 6px;
  margin-left: -428px;
  margin-right: 0;
}

.infosidebar_venues.language {
  margin-left: 0;
  display: flex;
}

.mode_buttons {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--tan);
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  flex-flow: row;
  flex: 0 auto;
  order: 4;
  justify-content: space-around;
  align-self: baseline;
  align-items: center;
  min-width: 100%;
  max-width: 100%;
  min-height: 46px;
  margin-top: auto;
  margin-bottom: 0;
  display: flex;
  position: static;
  top: 246px;
}

.mode_buttons.filters {
  background-color: var(--neutral--700);
  min-width: 400px;
  max-width: 400px;
}

.summary_div {
  background-color: var(--tan);
  flex-flow: column;
  flex: 0 auto;
  order: 5;
  min-width: auto;
  max-width: none;
  min-height: 100%;
  display: flex;
}

.passport_div {
  background-color: var(--general--shadow-01);
  min-width: 10%;
  max-width: 10%;
}

.immigration_button {
  vertical-align: baseline;
  cursor: pointer;
  border-radius: 20px;
  order: -1;
  min-width: 90%;
  max-width: 90%;
  min-height: 100%;
  margin-bottom: 10%;
  display: block;
  position: static;
  box-shadow: 0 2px 5px #0000004d;
}

.immigration_button:hover {
  box-shadow: 0 7px 5px #0000004d;
}

.immigration_button:active {
  box-shadow: 0 -2px 5px 2px var(--_button_innershadow---inner_shadow);
  filter: invert();
}

.demographics_div1 {
  background-color: var(--general--shadow-01);
  min-width: 10%;
  max-width: 10%;
}

.demographics_button22 {
  vertical-align: baseline;
  cursor: pointer;
  border-radius: 20px;
  order: -1;
  min-width: 90%;
  max-width: 90%;
  min-height: 100%;
  margin-bottom: 10%;
  display: block;
  position: static;
  box-shadow: 0 2px 5px #0000004d;
}

.demographics_button22:hover {
  box-shadow: 0 7px 5px #0000004d;
}

.demographics_button22:active {
  filter: invert();
  box-shadow: 0 -2px 5px 2px #ffffff4d;
}

.summary_city_sub_div1 {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  background-color: var(--tan);
  flex-flow: row;
  order: 8;
  justify-content: center;
  align-items: flex-start;
  margin-top: 10px;
  display: flex;
}

.summary_div-2 {
  background-color: #fff;
  flex: 0 auto;
  min-width: 10%;
  max-width: 10%;
  min-height: 100%;
}

.language_speakers {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #ffffffe6;
  flex-flow: row;
  flex: 0 auto;
  order: 4;
  justify-content: space-around;
  align-self: baseline;
  align-items: center;
  min-width: 100%;
  max-width: 100%;
  min-height: 60px;
  margin-top: auto;
  display: flex;
  position: static;
  top: 246px;
}

.language_speakers.language {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  background-color: var(--white--100);
  border-radius: 15px;
  flex-flow: column;
  flex: 1;
  justify-content: space-around;
  align-items: center;
  min-width: auto;
  max-width: none;
  margin-top: 0;
  box-shadow: 0 2px 5px #0003;
}

.div-block-55 {
  background-color: var(--white--100);
  color: var(--neutral--800);
  text-align: center;
  border-radius: 20px;
  margin-bottom: 6px;
  font-size: 24px;
  position: static;
  top: 425.493px;
}

.visa_button {
  cursor: pointer;
  border-radius: 20px;
  order: 3;
  min-width: 90%;
  max-width: 90%;
  min-height: 100%;
  margin-bottom: 10%;
  display: block;
  box-shadow: 0 2px 5px #0000004d;
}

.visa_button:hover {
  box-shadow: 0 7px 5px #0000004d;
}

.visa_button:active {
  filter: invert();
  box-shadow: 0 -2px 5px #ffffff4d;
}

.visa_button.selectedmodebutton {
  filter: invert();
  box-shadow: 0 -3px 5px #ffffff4d;
}

.demographics_button {
  cursor: pointer;
  border-radius: 20px;
  order: 3;
  min-width: 90%;
  max-width: 90%;
  min-height: 100%;
  margin-bottom: 10%;
  display: block;
  box-shadow: 0 2px 5px #0000004d;
}

.demographics_button:hover {
  box-shadow: 0 7px 5px #0000004d;
}

.demographics_button:active {
  filter: invert();
  box-shadow: 0 -2px 5px #ffffff4d;
}

.demographics_button.selectedmodebutton {
  filter: invert();
  box-shadow: 0 -3px 5px #ffffff4d;
}

.tax_button {
  cursor: pointer;
  border-radius: 20px;
  order: 3;
  min-width: 90%;
  max-width: 90%;
  min-height: 100%;
  margin-bottom: 10%;
  display: block;
  box-shadow: 0 2px 5px #0000004d;
}

.tax_button:hover {
  box-shadow: 0 7px 5px #0000004d;
}

.tax_button:active {
  filter: invert();
  box-shadow: 0 -2px 5px #ffffff4d;
}

.tax_button.selectedmodebutton {
  filter: invert();
  box-shadow: 0 -3px 5px #ffffff4d;
}

.visa_div {
  order: 6;
}

.demographics_div {
  order: 7;
  display: block;
}

.tax_div {
  background-color: var(--tan);
  order: 8;
}

.mode_buttons_div {
  order: 3;
}

.demographic_button_div {
  background-color: var(--general--shadow-02);
  flex: 0 auto;
  order: 3;
  min-width: 36px;
  max-width: 10%;
  min-height: 100%;
}

.favorite_button_div {
  background-color: var(--general--shadow-02);
  flex: 0 auto;
  order: 5;
  min-width: 10%;
  max-width: 10%;
}

.tax_button_div {
  background-color: var(--general--shadow-02);
  flex: 0 auto;
  order: 4;
  min-width: 10%;
  max-width: 10%;
  min-height: 100%;
}

.visa_button_div {
  background-color: var(--general--shadow-02);
  flex: 0 auto;
  order: 2;
  min-width: 10%;
  max-width: 10%;
  min-height: 100%;
}

.immigrate_div {
  background-color: var(--tan);
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  order: 6;
  justify-content: center;
  align-items: center;
  display: block;
}

.immigrate_submenu {
  grid-column-gap: 11px;
  grid-row-gap: 11px;
  background-color: var(--tan);
  justify-content: center;
  align-items: center;
  max-height: 36px;
  display: flex;
}

.income_taxes_sub_btn {
  cursor: pointer;
  background-color: #000;
  border-radius: 15px;
  align-self: center;
  margin-left: 0;
  padding-left: 3px;
  padding-right: 3px;
  box-shadow: 0 2px 5px #0003;
}

.income_taxes_sub_btn:hover {
  box-shadow: 0 7px 5px #0003;
}

.residence_sub_btn {
  cursor: pointer;
  background-color: #000;
  border-radius: 15px;
  align-self: center;
  max-height: 45px;
  padding-left: 10px;
  padding-right: 10px;
  box-shadow: 0 2px 5px #0003;
}

.residence_sub_btn:hover {
  box-shadow: 0 7px 5px #0003;
}

.citizenship_sub_btn {
  cursor: pointer;
  background-color: #000;
  border-radius: 15px;
  padding-left: 10px;
  padding-right: 10px;
  display: block;
  box-shadow: 0 2px 5px #0003;
}

.citizenship_sub_btn:hover {
  box-shadow: 0 7px 5px #0003;
}

.visa_sub_btn_text {
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 700;
}

.work_travel_sub_btn {
  cursor: pointer;
  background-color: #000;
  border-radius: 20px;
  padding-left: 10px;
  padding-right: 10px;
  box-shadow: 0 2px 5px #0003;
}

.work_travel_sub_btn:hover {
  box-shadow: 0 7px 5px #0003;
}

.climate_city_dates_sub_btn_text {
  color: var(--white--100);
  padding-left: 5px;
  padding-right: 5px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 700;
}

.demographic_submenu {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  background-color: var(--tan);
  justify-content: center;
  align-items: center;
  min-height: 36px;
  max-height: 36px;
  display: flex;
}

.tax_submenu {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  background-color: var(--tan);
  min-height: 36px;
  max-height: 40px;
  color: var(--white--100);
  justify-content: center;
  align-items: center;
  display: flex;
}

.stats_sub_btn {
  cursor: pointer;
  background-color: #000;
  border-radius: 15px;
  align-self: center;
  margin-left: 0;
  padding-left: 15px;
  padding-right: 15px;
  box-shadow: 0 2px 5px #0003;
}

.stats_sub_btn:hover {
  box-shadow: 0 7px 5px #0003;
}

.work_travel-copy {
  background-color: #000;
  border-radius: 20px;
  padding-left: 10px;
  padding-right: 10px;
  box-shadow: 0 2px 5px #0003;
}

.work_travel-copy:hover {
  box-shadow: 0 7px 5px #0003;
}

.other_summary_sub_btn {
  cursor: pointer;
  background-color: #000;
  border-radius: 20px;
  box-shadow: 0 2px 5px #0003;
}

.other_summary_sub_btn:hover {
  box-shadow: 0 7px 5px #0003;
}

.res {
  cursor: pointer;
  background-color: #000;
  border-radius: 15px;
  align-self: center;
  max-height: 45px;
  padding-left: 10px;
  padding-right: 10px;
  display: block;
  box-shadow: 0 2px 5px #0003;
}

.res:hover {
  box-shadow: 0 7px 5px #0003;
}

.summary_sub_btn {
  cursor: pointer;
  background-color: #000;
  border-radius: 15px;
  align-self: center;
  margin-left: 0;
  padding-left: 15px;
  padding-right: 15px;
  box-shadow: 0 2px 5px #0003;
}

.summary_sub_btn:hover {
  box-shadow: 0 7px 5px #0003;
}

.other_sub_btn {
  pointer-events: auto;
  cursor: pointer;
  background-color: #000;
  border-radius: 15px;
  padding-left: 10px;
  padding-right: 10px;
  display: none;
  box-shadow: 0 2px 5px #0003;
}

.other_sub_btn:hover {
  box-shadow: 0 7px 5px #0003;
}

.other_sub_btn2 {
  pointer-events: auto;
  cursor: pointer;
  background-color: #000;
  border-radius: 15px;
  align-self: center;
  max-height: 45px;
  padding-left: 10px;
  padding-right: 10px;
  display: none;
  box-shadow: 0 2px 5px #0003;
}

.other_sub_btn2:hover {
  box-shadow: 0 7px 5px #0003;
}

.demographics_sub_btn {
  cursor: pointer;
  background-color: #000;
  border-radius: 15px;
  align-self: center;
  margin-left: 0;
  padding-left: 15px;
  padding-right: 15px;
  box-shadow: 0 2px 5px #0003;
}

.demographics_sub_btn:hover {
  box-shadow: 0 7px 5px #0003;
}

.demographics_sub_btn_text {
  color: var(--white--100);
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 700;
}

.health_sub_btn {
  cursor: pointer;
  background-color: #000;
  border-radius: 20px;
  padding-left: 10px;
  padding-right: 10px;
  box-shadow: 0 2px 5px #0003;
}

.health_sub_btn:hover {
  box-shadow: 0 7px 5px #0003;
}

.habits_sub_btn {
  cursor: pointer;
  background-color: #000;
  border-radius: 15px;
  align-self: center;
  max-height: 45px;
  padding-left: 10px;
  padding-right: 10px;
  display: none;
  box-shadow: 0 2px 5px #0003;
}

.habits_sub_btn:hover {
  box-shadow: 0 7px 5px #0003;
}

.social_sub_btn {
  cursor: pointer;
  background-color: #000;
  border-radius: 15px;
  padding-left: 10px;
  padding-right: 10px;
  display: none;
  box-shadow: 0 2px 5px #0003;
}

.social_sub_btn:hover {
  box-shadow: 0 7px 5px #0003;
}

.other_climate_sub_btn_text {
  color: var(--white--100);
  border-radius: 14px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 700;
}

.income_sub_btn_txt {
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 700;
}

.corporate_taxes_sub_btn {
  cursor: pointer;
  background-color: #000;
  border-radius: 20px;
  padding-left: 10px;
  padding-right: 10px;
  box-shadow: 0 2px 5px #0003;
}

.corporate_taxes_sub_btn:hover {
  box-shadow: 0 7px 5px #0003;
}

.property_sub_btn, .property_sub_btn_text {
  margin-left: 0;
  font-size: 14px;
}

.prop_sub_btn {
  cursor: pointer;
  background-color: #000;
  border-radius: 15px;
  align-self: center;
  max-height: 45px;
  padding-left: 10px;
  padding-right: 10px;
  box-shadow: 0 2px 5px #0003;
}

.prop_sub_btn:hover {
  box-shadow: 0 7px 5px #0003;
}

.capital_sub_btn_text {
  margin-left: 0;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 700;
}

.prop_sub_btn-copy {
  cursor: pointer;
  background-color: #000;
  border-radius: 15px;
  align-self: center;
  max-height: 45px;
  padding-left: 10px;
  padding-right: 10px;
  box-shadow: 0 2px 5px #0003;
}

.prop_sub_btn-copy:hover {
  box-shadow: 0 7px 5px #0003;
}

.capital_taxes_sub_btn {
  cursor: pointer;
  background-color: #000;
  border-radius: 15px;
  align-self: center;
  max-height: 45px;
  padding-left: 10px;
  padding-right: 10px;
  box-shadow: 0 2px 5px #0003;
}

.capital_taxes_sub_btn:hover {
  box-shadow: 0 7px 5px #0003;
}

.sales_taxes_sub_btn {
  cursor: pointer;
  background-color: #000;
  border-radius: 15px;
  padding-left: 10px;
  padding-right: 10px;
  display: block;
  box-shadow: 0 2px 5px #0003;
}

.sales_taxes_sub_btn:hover {
  box-shadow: 0 7px 5px #0003;
}

.sales_sub_btn_text {
  border-radius: 14px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 700;
}

.health_btn_text {
  margin-left: 0;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 700;
}

.totalnativespeakerspoptext {
  color: var(--neutral--800);
}

.totalnativespeakerspopdiv {
  color: var(--neutral--800);
  background-color: #fff0;
  border-radius: 25px;
  margin-top: -8px;
  padding-top: 0;
  padding-left: 10px;
  padding-right: 10px;
  display: none;
}

.totalproficientspeakerspopdiv {
  color: var(--neutral--800);
}

.mode_buttons_city_div {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  order: 4;
}

.sidebarimage_city {
  text-align: center;
  background-color: #5a5a5a;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  flex: 1;
  order: 1;
  align-self: flex-start;
  min-width: auto;
  max-width: none;
  height: auto;
  min-height: auto;
  max-height: none;
  margin-top: auto;
  display: none;
  position: static;
  overflow: visible;
}

.sidebarimage_city.visa {
  min-width: 100%;
  max-width: 100%;
}

.events_button {
  cursor: pointer;
  border-radius: 20px;
  order: 3;
  min-width: 90%;
  max-width: 90%;
  min-height: 100%;
  margin-bottom: 10%;
  display: block;
  box-shadow: 0 2px 5px #0000004d;
}

.events_button:hover {
  box-shadow: 0 7px 5px #0000004d;
}

.events_button:active {
  filter: invert();
  box-shadow: 0 -2px 5px #ffffff4d;
}

.events_button.selectedmodebutton {
  filter: invert();
  box-shadow: 0 -3px 5px #ffffff4d;
}

.climate_sub_btn {
  cursor: pointer;
  background-color: #000;
  border-radius: 20px;
  box-shadow: 0 2px 5px #0003;
}

.climate_sub_btn:hover {
  box-shadow: 0 7px 5px #0003;
}

.best_areas_layers_sub_btn {
  cursor: pointer;
  background-color: #000;
  border-radius: 20px;
  padding-left: 10px;
  padding-right: 10px;
  box-shadow: 0 2px 5px #0003;
}

.best_areas_layers_sub_btn:hover {
  box-shadow: 0 7px 5px #0003;
}

.walkable_sub_btn {
  cursor: pointer;
  background-color: #000;
  border-radius: 15px;
  align-self: center;
  max-height: 45px;
  padding-left: 10px;
  padding-right: 10px;
  box-shadow: 0 2px 5px #0003;
}

.walkable_sub_btn:hover {
  box-shadow: 0 7px 5px #0003;
}

.walkable_btn_text {
  margin-left: 0;
  font-size: 14px;
}

.layers_other_sub_btn {
  pointer-events: auto;
  cursor: pointer;
  background-color: #000;
  border-radius: 15px;
  padding-left: 10px;
  padding-right: 10px;
  display: block;
  box-shadow: 0 2px 5px #0003;
}

.layers_other_sub_btn:hover {
  box-shadow: 0 7px 5px #0003;
}

.work_sub_btn_text {
  color: var(--white--100);
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 700;
}

.tourism_sub_btn {
  cursor: pointer;
  background-color: #000;
  border-radius: 15px;
  align-self: center;
  max-height: 45px;
  padding-left: 10px;
  padding-right: 10px;
  box-shadow: 0 2px 5px #0003;
}

.tourism_sub_btn:hover {
  box-shadow: 0 7px 5px #0003;
}

.tourism_btn_text {
  margin-left: 0;
  font-size: 14px;
}

.social_events_sub_btn {
  cursor: pointer;
  background-color: #000;
  border-radius: 15px;
  align-self: center;
  margin-left: 0;
  padding-left: 15px;
  padding-right: 15px;
  box-shadow: 0 2px 5px #0003;
}

.social_events_sub_btn:hover {
  box-shadow: 0 7px 5px #0003;
}

.music_events_sub_btn {
  cursor: pointer;
  background-color: #000;
  border-radius: 15px;
  align-self: center;
  max-height: 45px;
  padding-left: 10px;
  padding-right: 10px;
  box-shadow: 0 2px 5px #0003;
}

.music_events_sub_btn:hover {
  box-shadow: 0 7px 5px #0003;
}

.music_events_sub_btn_text {
  margin-left: 0;
  font-size: 14px;
}

.poi_button_div {
  background-color: #fff;
  flex: 0 auto;
  order: 3;
  min-width: 10%;
  max-width: 10%;
  min-height: 100%;
}

.cost_button {
  cursor: pointer;
  border-radius: 20px;
  flex: 0 auto;
  order: 2;
  align-self: auto;
  min-width: 90%;
  max-width: 90%;
  min-height: 100%;
  margin-bottom: 10%;
  display: block;
  position: static;
  box-shadow: 0 2px 5px #0000004d;
}

.cost_button:hover {
  box-shadow: 0 7px 5px #0000004d;
}

.cost_button:active {
  filter: invert();
  box-shadow: 0 -2px 5px 2px #ffffff4d;
}

.cost_button.selectedmodebutton {
  filter: invert();
  box-shadow: 0 -3px 5px #ffffff4d;
}

.climate_button {
  cursor: pointer;
  border-radius: 20px;
  order: 3;
  min-width: 90%;
  max-width: 90%;
  min-height: 100%;
  margin-bottom: 10%;
  display: block;
  box-shadow: 0 2px 5px #0000004d;
}

.climate_button:hover {
  box-shadow: 0 7px 5px #0000004d;
}

.climate_button:active {
  filter: invert();
  box-shadow: 0 -2px 5px #ffffff4d;
}

.climate_button.selectedmodebutton {
  filter: invert();
  box-shadow: 0 -3px 5px #ffffff4d;
}

.layers_button {
  cursor: pointer;
  border-radius: 20px;
  order: 3;
  min-width: 90%;
  max-width: 90%;
  min-height: 100%;
  margin-bottom: 10%;
  display: block;
  box-shadow: 0 2px 5px #0000004d;
}

.layers_button:hover {
  box-shadow: 0 7px 5px #0000004d;
}

.layers_button:active {
  filter: invert();
  box-shadow: 0 -2px 5px #ffffff4d;
}

.layers_button.selectedmodebutton {
  filter: invert();
  box-shadow: 0 -3px 5px #ffffff4d;
}

.climate_city_dates_sub_div {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.all_events_sub_btn {
  cursor: pointer;
  background-color: #000;
  border-radius: 15px;
  align-self: center;
  margin-left: 0;
  padding-left: 15px;
  padding-right: 15px;
  box-shadow: 0 2px 5px #0003;
}

.all_events_sub_btn:hover {
  box-shadow: 0 7px 5px #0003;
}

.nativeheader-copy {
  color: var(--neutral--800);
  -webkit-text-stroke-color: var(--neutral--800);
  border-radius: 20px;
  padding-left: 6px;
  padding-right: 6px;
  box-shadow: 0 2px 5px #0003;
}

.proficientheader-copy {
  color: var(--neutral--800);
  text-align: center;
  border-radius: 20px;
  padding-left: 6px;
  padding-right: 6px;
  box-shadow: 0 2px 5px #0003;
}

.div-block-45-copy {
  min-width: 45px;
  min-height: 45px;
  color: var(--neutral--800);
  text-align: center;
  border-radius: 25px;
  justify-content: center;
  align-items: center;
  margin-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.totalheader-copy {
  color: var(--neutral--800);
  text-align: center;
  border-radius: 20px;
  padding-left: 6px;
  padding-right: 6px;
  box-shadow: 0 2px 5px #0003;
}

.div-block-46-copy {
  border-radius: 25px;
  justify-content: center;
  align-items: center;
  min-width: auto;
  min-height: 45px;
  margin-bottom: 6px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.totalstatpercent-copy {
  color: var(--neutral--800);
  padding-left: 6px;
  font-size: 18px;
  line-height: 22px;
}

.proficientstatpercent-copy {
  text-align: center;
  padding-left: 6px;
  font-size: 18px;
  line-height: 22px;
}

.div-block-47-copy {
  border-radius: 25px;
  justify-content: center;
  align-items: center;
  min-width: auto;
  min-height: 45px;
  margin-bottom: 6px;
  padding-bottom: 0;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  position: static;
  box-shadow: 0 2px 5px #0003;
}

.nativestatpercent-copy {
  color: var(--neutral--800);
  padding-left: 6px;
  font-size: 18px;
  line-height: 22px;
}

.language_speakers-copy {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #ffffffe6;
  flex-flow: row;
  flex: 0 auto;
  order: 4;
  justify-content: space-around;
  align-self: baseline;
  align-items: center;
  min-width: 100%;
  max-width: 100%;
  min-height: 60px;
  margin-top: auto;
  display: flex;
  position: static;
  top: 246px;
}

.language_speakers-copy.language, .language_speakers-copy.language-copy {
  margin-top: 0;
}

.totalnativespeakerspopdiv-copy {
  color: var(--neutral--800);
  background-color: #fff0;
  border-radius: 25px;
  margin-top: -8px;
  padding-top: 0;
  padding-left: 10px;
  padding-right: 10px;
}

.totalproficientspeakerspoptext-copy {
  color: var(--neutral--800);
  background-color: #fff0;
  border-radius: 25px;
  margin-top: 0;
  padding-top: 0;
  padding-left: 10px;
  padding-right: 10px;
}

.div-block-52-copy {
  background-color: var(--general--shadow-01);
  border-radius: 25px;
  margin-left: 0;
  padding-left: 10px;
  padding-right: 10px;
}

.totalspeakerspop-copy {
  color: var(--neutral--800);
}

.totalproficientspeakerspoptext-copy-copy {
  color: var(--neutral--800);
  background-color: #fff0;
  border-radius: 25px;
  margin-top: 0;
  padding-top: 0;
  padding-left: 10px;
  padding-right: 10px;
}

.proficientdiv-copy {
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.nativediv-copy {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.totalnativespeakerspoptext-copy {
  color: var(--neutral--800);
}

.totaldiv-copy {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.layers_areas_sub_btn_text {
  color: var(--white--100);
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 700;
}

.walkable_btn_text-copy {
  margin-left: 0;
  font-size: 14px;
}

.climate_city_averages_sub_div {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--tan);
  max-width: none;
  color: var(--neutral--800);
  text-align: center;
  border-radius: 15px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  display: flex;
  position: static;
  top: 425.493px;
  overflow: visible;
}

.climate_averages_headers {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  padding-left: 0;
  display: flex;
}

.text-block-55 {
  font-size: 16px;
  line-height: 16px;
}

.temp_avg_div33 {
  min-width: 45px;
  max-width: 45px;
}

.text-block-56 {
  font-size: 18px;
  line-height: 18px;
}

.div-block-57 {
  outline-offset: 0px;
  border-radius: 10px;
  outline: 0 solid #888686;
  min-width: 35px;
  padding: 2px 5px;
  box-shadow: 2px 2px 5px #0003;
}

.temp_max_div {
  z-index: 9997;
  background-color: var(--general--shadow-02);
  border-radius: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  min-width: 45px;
  max-width: 45px;
  display: flex;
  position: relative;
}

.text-block-57 {
  font-size: 16px;
  line-height: 16px;
}

.temp_max_text {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  min-width: 35px;
  max-width: 40px;
  padding: 2px 2px 1px;
  font-size: 14px;
  line-height: 14px;
  box-shadow: 2px -1px 5px #0003;
}

.aq_min_text {
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  min-width: 35px;
  max-width: 40px;
  padding: 1px 2px 2px;
  font-size: 14px;
  line-height: 14px;
  display: block;
}

.all_headers_div {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: var(--tan);
  border-radius: 20px;
  flex-flow: row;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  min-width: 384px;
  max-width: 384px;
  max-height: 52px;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 4px;
  display: none;
  box-shadow: 0 2px 5px #0003;
}

.all_headers_div.forecast {
  max-width: 384px;
}

.climate_month_header {
  background-color: var(--tan);
  pointer-events: auto;
  text-align: right;
  white-space: normal;
  word-break: normal;
  border-radius: 6px;
  order: 1;
  min-width: 40px;
  max-width: 40px;
  min-height: auto;
  margin-top: 0;
  margin-left: 0;
  padding: 0 2px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 12px;
  box-shadow: 0 2px 5px #0003;
}

.climate_month_header.aqi_avg_text {
  font-size: 14px;
  line-height: 14px;
}

.climate_month_header.month_text {
  background-color: var(--general--shadow-02);
  min-width: 35px;
  max-width: 35px;
  box-shadow: none;
  color: var(--neutral--600);
  text-align: center;
  white-space: normal;
  word-break: normal;
  border-radius: 6px;
  font-size: 14px;
  line-height: 14px;
}

.climate_month_header.month_text.fcst {
  white-space: nowrap;
  word-break: normal;
}

.climate_month_header.fcst {
  white-space: nowrap;
  max-width: none;
  display: flex;
}

.div-block-59 {
  border-radius: 0 0 10px 10px;
  box-shadow: 2px 2px 5px #0003;
}

.avg_temp_header_key {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-61 {
  -webkit-text-fill-color: inherit;
  background-image: url('../images/thermometer_button.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-clip: border-box;
  max-width: 25px;
  margin-right: -16px;
}

.avg_temp_header_key-copy, .avg__header_key {
  display: flex;
}

.hum_max_text {
  min-width: auto;
  max-width: none;
  color: var(--neutral--800);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  margin-left: 0;
  padding: 2px 2px 1px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 13px;
  display: block;
  position: relative;
}

.hum_min_div {
  border-radius: 0 0 10px 10px;
  box-shadow: 2px 2px 5px #0003;
}

.ma {
  display: none;
}

.avg_temp_div {
  outline-offset: 0px;
  border-radius: 10px;
  outline: 0 solid #888686;
  min-width: 35px;
  padding: 2px 5px;
  box-shadow: 2px 2px 5px #0003;
}

._111 {
  border-radius: 0 0 10px 10px;
  box-shadow: 2px 2px 5px #0003;
}

.max_temp_text {
  min-width: 45px;
  max-width: 45px;
  color: var(--neutral--800);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  justify-content: center;
  align-items: center;
  padding: 2px 2px 1px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 22px;
  display: flex;
}

.avg_temp_text {
  font-size: 18px;
  font-weight: 400;
  line-height: 18px;
}

.temp_min_div2 {
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  min-width: 35px;
  max-width: 40px;
  padding: 1px 2px 2px;
  font-size: 14px;
  line-height: 14px;
  display: block;
}

.temp_min_div {
  z-index: 9997;
  background-color: var(--general--shadow-02);
  text-align: center;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  min-width: 15px;
  max-width: none;
  padding: 0;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 16px;
  display: block;
  position: relative;
}

.temp_min_div.country_city_summary {
  z-index: 9999;
  background-color: var(--general--shadow-02);
  box-shadow: none;
  margin-left: 9px;
  display: flex;
  position: relative;
}

.hum_min_text {
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  min-width: 35px;
  max-width: 40px;
  padding: 1px 2px 2px;
  font-size: 14px;
  line-height: 14px;
  display: block;
}

.min_temp_div {
  border-radius: 0 0 10px 10px;
  box-shadow: 2px 2px 5px #0003;
}

.min_temp_text {
  min-width: auto;
  max-width: none;
  color: var(--neutral--800);
  border-top-left-radius: 5px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  padding: 1px 2px 2px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
  display: block;
}

.min_hum_text {
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  min-width: 35px;
  max-width: 40px;
  padding: 1px 2px 2px;
  font-size: 14px;
  line-height: 14px;
  display: block;
}

.min_hum_div {
  border-radius: 0 0 10px 10px;
  display: none;
  box-shadow: 2px 2px 5px #0003;
}

.avg_hum_text {
  font-size: 18px;
  line-height: 18px;
}

.avg_hum_div {
  outline-offset: 0px;
  border-radius: 10px;
  outline: 0 solid #888686;
  min-width: 35px;
  padding: 2px 5px;
  box-shadow: 2px 2px 5px #0003;
}

.temp_max_text-copy {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  min-width: 35px;
  max-width: 40px;
  padding: 2px 2px 1px;
  font-size: 14px;
  line-height: 14px;
  box-shadow: 2px -1px 5px #0003;
}

.header_hum {
  -webkit-text-fill-color: inherit;
  background-image: url('../images/humidity_button3.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-clip: border-box;
  min-width: 30px;
  max-width: 25px;
  min-height: 45px;
  max-height: 25px;
  margin-left: 0;
  margin-right: 0;
  padding-right: 0;
}

.avg_hum_header {
  display: flex;
}

.rain_header_key {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  pointer-events: auto;
  flex-flow: row;
  order: 7;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: none;
  min-height: 50px;
  max-height: 50px;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  display: flex;
}

.rain_header_key.forecast {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: flex-start;
}

.avg_hum_header_key {
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
}

.snow_header_key {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  pointer-events: auto;
  order: 5;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-left: 0;
  display: flex;
}

.aqi_header_key {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  pointer-events: auto;
  order: 4;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  display: flex;
}

.div-block-62 {
  cursor: pointer;
  background-color: #000;
  border-radius: 15px;
  min-width: 30px;
  max-width: 30px;
  min-height: 60px;
  max-height: 60px;
}

.text-block-58 {
  color: var(--white--100);
  text-align: center;
  overflow-wrap: normal;
  padding-top: 7px;
  padding-left: 0;
  padding-right: 0;
  font-size: 14px;
  line-height: 16px;
}

.header_button_rain {
  -webkit-text-fill-color: inherit;
  background-image: url('../images/rain_button8.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-clip: border-box;
  min-width: 25px;
  max-width: 25px;
  min-height: 45px;
}

.header_button_snow {
  -webkit-text-fill-color: inherit;
  background-image: url('../images/snow_button5.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-clip: border-box;
  min-width: 30px;
  max-width: 30px;
  min-height: 35px;
  max-height: 25px;
  overflow: visible;
}

.days_rain {
  outline-offset: 0px;
  border-radius: 10px;
  outline: 0 solid #888686;
  min-width: auto;
  padding: 2px 1px;
  font-size: 16px;
  line-height: 16px;
  box-shadow: 2px 2px 5px #0003;
}

.total_rain {
  border-radius: 0 0 10px 10px;
  box-shadow: 2px 2px 5px #0003;
}

.div-block-63 {
  display: none;
}

.days_rain_text {
  font-size: 14px;
  line-height: 14px;
}

.total_rain_text {
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  min-width: 35px;
  max-width: 40px;
  padding: 1px 2px 2px;
  font-size: 11px;
  line-height: 11px;
  display: block;
}

.header_button_aqi {
  -webkit-text-fill-color: inherit;
  background-image: url('../images/aqi_button2.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-clip: border-box;
  min-width: 30px;
  max-width: 30px;
  min-height: 45px;
  max-height: 45px;
}

.aqi_button {
  cursor: pointer;
  background-color: #000;
  border-radius: 15px;
  min-width: 30px;
  max-width: 30px;
  min-height: 60px;
  max-height: 60px;
}

.header_button_hum {
  cursor: pointer;
  background-color: #000;
  border-radius: 15px;
  min-width: 40px;
  max-width: 40px;
  min-height: 30px;
  max-height: 30px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}

.header_button_temp {
  text-align: center;
  -webkit-text-fill-color: inherit;
  background-image: url('../images/thermometer_button4.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-clip: border-box;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 25px;
  max-width: 25px;
  min-height: 55px;
  margin-right: 6px;
  padding-right: 0;
  display: block;
}

.snow_max_text {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  min-width: 35px;
  max-width: 40px;
  padding: 2px 2px 1px;
  font-size: 14px;
  line-height: 14px;
  box-shadow: 2px -1px 5px #0003;
}

.snow_max_div {
  display: none;
}

.avg_snow_div, .avg_snow_text {
  font-size: 18px;
  line-height: 18px;
}

.days_snow_text {
  color: var(--neutral--800);
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
}

.days_snow_div {
  outline-offset: 0px;
  border-radius: 10px;
  outline: 0 solid #888686;
  min-width: 35px;
  padding: 2px 5px;
  box-shadow: 2px 2px 5px #0003;
}

._1112 {
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  min-width: 35px;
  max-width: 40px;
  padding: 1px 2px 2px;
  font-size: 14px;
  line-height: 14px;
  display: block;
}

.total_snow_text {
  background-color: var(--general--shadow-02);
  min-width: 35px;
  max-width: 40px;
  color: var(--neutral--800);
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  padding: 2px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: 700;
  line-height: 11px;
  display: block;
}

.aqi_max_text {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  min-width: 35px;
  max-width: 40px;
  padding: 2px 2px 1px;
  font-size: 14px;
  line-height: 14px;
}

.aqi_max_div {
  display: none;
  box-shadow: 2px -1px 5px #0003;
}

.aqi_min_text {
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  min-width: 35px;
  max-width: 40px;
  padding: 1px 2px 2px;
  font-size: 11px;
  line-height: 11px;
  display: block;
}

.aqi_avg_div {
  background-color: var(--white--100);
  outline-offset: 0px;
  border-radius: 10px;
  outline: 0 solid #888686;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  min-width: 31px;
  margin-left: 0;
  padding: 2px 4px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  display: flex;
  box-shadow: 2px 2px 5px #0003;
}

.aqi_avg_text {
  color: var(--neutral--800);
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
}

.sun_total_div {
  border-radius: 0 0 10px 10px;
  display: block;
  box-shadow: 2px 2px 5px #0003;
}

.aqi_averages_header, .snow_averages_headers, .humidity_averages_headers {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  padding-left: 0;
  display: flex;
}

.temp_averages_header {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-left: 0;
  padding-left: 0;
  display: flex;
  position: static;
}

.sun_total_text {
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  min-width: 35px;
  max-width: 40px;
  padding: 1px 2px 2px;
  font-size: 11px;
  line-height: 1411px;
  display: block;
}

.snow_total_div, .total_snow_div {
  border-radius: 0 0 10px 10px;
  box-shadow: 2px 2px 5px #0003;
}

.rain_averages_headers {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  padding-left: 0;
  display: flex;
}

.sunlight_header_key {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  justify-content: center;
  align-items: center;
  min-width: 25px;
  max-width: 25px;
  min-height: 25px;
  max-height: 25px;
  margin-top: 0;
  display: flex;
}

.sun_avg_div {
  outline-offset: 0px;
  border-radius: 10px;
  outline: 0 solid #888686;
  min-width: 35px;
  padding: 2px 5px;
  box-shadow: 2px 2px 5px #0003;
}

.sun_avg_text {
  font-size: 18px;
  line-height: 18px;
}

.header_button_sun {
  -webkit-text-fill-color: inherit;
  background-image: url('../images/sunshine_button1.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-clip: border-box;
  min-width: 30px;
  max-width: 30px;
  min-height: 45px;
  max-height: 45px;
}

.wind_header_key {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  pointer-events: auto;
  flex-flow: column;
  order: 6;
  justify-content: flex-start;
  align-items: stretch;
  min-width: 24px;
  max-width: 42px;
  max-height: 21px;
  margin-top: 0;
  display: none;
}

.wind_header_key.climate-instance {
  display: none;
}

.header_button_wind {
  -webkit-text-fill-color: inherit;
  background-image: url('../images/wind_button1.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-clip: border-box;
  min-width: 30px;
  max-width: 30px;
  min-height: 45px;
  max-height: 45px;
}

.wind_averages_header {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  padding-left: 0;
  display: flex;
}

.wind_max_div2 {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  display: none;
  box-shadow: 2px -1px 5px #0003;
}

.wind_max_text {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  min-width: 35px;
  max-width: 40px;
  padding: 2px 2px 1px;
  font-size: 14px;
  line-height: 14px;
}

.wind_avg_div {
  min-width: 45px;
  max-width: 45px;
}

.wind_avg_div2 {
  outline-offset: 0px;
  border-radius: 10px;
  outline: 0 solid #888686;
  min-width: 35px;
  padding: 2px 5px;
  box-shadow: 2px 2px 5px #0003;
}

.wind_avg_text {
  font-size: 18px;
  line-height: 18px;
}

.wind_min_div {
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  min-width: 35px;
  max-width: 40px;
  padding: 1px 2px 2px;
  font-size: 14px;
  line-height: 14px;
  display: block;
}

.wind_min_div2 {
  border-radius: 0 0 10px 10px;
  display: none;
  box-shadow: 2px 2px 5px #0003;
}

.wind_min_text {
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  min-width: 35px;
  max-width: 40px;
  padding: 1px 2px 2px;
  font-size: 14px;
  line-height: 14px;
  display: block;
}

.sun_total_txt {
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  min-width: 35px;
  max-width: 40px;
  padding: 1px 2px 2px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 11px;
  display: none;
}

.aqi_min_div {
  border-radius: 0 0 10px 10px;
  display: none;
  box-shadow: 2px 2px 5px #0003;
}

.sun_max_div {
  display: none;
}

.div-block-64 {
  text-align: center;
}

.header_button_humidity {
  -webkit-text-fill-color: inherit;
  background-image: url('../images/humidity_button3.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-clip: border-box;
  min-width: 30px;
  max-width: 25px;
  min-height: 45px;
  max-height: 25px;
  margin-left: 0;
  margin-right: 0;
  padding-right: 0;
}

.sunlight_max_div {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: none;
}

.sunlight_data_divs {
  pointer-events: auto;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  padding-left: 0;
  display: flex;
}

.aqi_data_divs {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  padding-left: 0;
  display: flex;
}

.sunlight_avg_div {
  background-color: var(--white--100);
  outline-offset: 0px;
  border-radius: 10px;
  outline: 0 solid #888686;
  min-width: 35px;
  padding: 2px 5px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  display: none;
  position: relative;
  box-shadow: 2px 2px 5px #0003;
}

.sunlight_average_text {
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 18px;
}

.sunlight_total_div {
  background-color: var(--white--100);
  border-radius: 8px;
  display: block;
  box-shadow: 2px 2px 5px #0003;
}

.windspeed_data_divs {
  order: 1;
}

.windspeed_average_div {
  z-index: 9999;
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  background-color: var(--general--shadow-02);
  outline-offset: 0px;
  border-radius: 10px;
  outline: 0 solid #888686;
  flex-flow: column;
  min-width: 35px;
  max-width: 46px;
  padding: 2px 4px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  display: flex;
  position: static;
}

.aqi_data_button {
  filter: invert();
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  justify-content: center;
  align-items: center;
  min-width: 30px;
  max-width: 30px;
  min-height: 16px;
  max-height: 16px;
  font-weight: 700;
  display: flex;
}

.sunlight_data_button {
  pointer-events: auto;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  min-width: 30px;
  max-width: 30px;
  min-height: 30px;
  max-height: 30px;
  display: none;
}

.windspeed_data_button {
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  order: 1;
  min-width: 23px;
  max-width: 34px;
  min-height: auto;
  max-height: 21px;
  margin: 0;
}

.snow_data_button {
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  flex: 1;
  order: -1;
  justify-content: flex-start;
  align-items: center;
  min-width: auto;
  max-width: none;
  min-height: 5px;
  max-height: 54px;
  margin: 0;
  display: flex;
  position: absolute;
  overflow: visible;
}

.snow_data_divs {
  flex-flow: column;
  order: 1;
  justify-content: center;
  align-items: center;
  margin-top: 6px;
  margin-left: 0;
  padding-left: 0;
  display: flex;
}

.humidity_data_button {
  z-index: 9995;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  flex-flow: column;
  order: 1;
  justify-content: center;
  align-items: center;
  width: 18px;
  min-width: 24px;
  max-width: 24px;
  height: auto;
  min-height: 17px;
  max-height: 17px;
  margin: 0 0 0 2px;
  padding: 0;
  display: flex;
  position: static;
  left: 0;
  overflow: visible;
}

.humidity_data_divs {
  flex-flow: column;
  flex: 0 auto;
  order: 2;
  justify-content: flex-start;
  align-items: center;
  margin-top: -4px;
  margin-bottom: 0;
  margin-left: 0;
  padding-left: 0;
  display: block;
  position: static;
}

.humidity_max_div {
  z-index: 9999;
  background-color: var(--white--100);
  border-radius: 8px;
  flex: 1;
  order: 1;
  justify-content: center;
  align-items: center;
  margin-top: -14px;
  margin-bottom: 0;
  margin-left: 6px;
  display: none;
  position: absolute;
  box-shadow: 0 2px 5px #0003;
}

.humidity_avg_div {
  z-index: 9997;
  background-color: var(--general--shadow-01);
  outline-offset: 0px;
  cursor: pointer;
  border-radius: 10px;
  outline: 0 solid #888686;
  flex-flow: column;
  order: 2;
  justify-content: center;
  align-items: center;
  min-width: auto;
  margin-top: 0;
  margin-left: 0;
  padding: 2px 3px;
  display: flex;
  position: static;
  box-shadow: 0 2px 5px #0003;
}

.humidity_average_text {
  z-index: 99999999;
  background-color: var(--memberstack-library--ms-main-cta-hover);
  min-width: 32px;
  color: var(--neutral--600);
  border-radius: 30px;
  order: 2;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-left: 0;
  padding: 2px 3px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 13px;
  display: flex;
  position: static;
  box-shadow: 0 2px 5px #0003;
}

.humidity_min_div {
  z-index: 99999;
  background-color: var(--white--100);
  border-radius: 8px;
  order: 3;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-left: 8px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  display: none;
  position: absolute;
  box-shadow: 2px 2px 5px #0003;
}

.humidity_min_text {
  min-width: auto;
  max-width: none;
  color: var(--neutral--800);
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  padding: 1px 2px 2px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 13px;
  display: block;
}

.humidity_header_key {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  pointer-events: auto;
  flex-flow: row;
  order: 3;
  justify-content: flex-start;
  align-items: center;
  max-width: 100%;
  max-height: 45px;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  display: none;
}

.rain_data_button {
  grid-column-gap: 1.5px;
  grid-row-gap: 1.5px;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  justify-content: flex-start;
  align-items: center;
  min-width: 40px;
  max-width: 35px;
  min-height: 45px;
  max-height: 45px;
  margin-top: 0;
  margin-bottom: 1px;
  margin-left: 0;
  display: flex;
}

.rain_data_button.forecast {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  min-width: 38px;
  max-width: 38px;
  min-height: 35px;
  max-height: 35px;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 25px;
  display: block;
}

.rain_data_divs {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  min-height: 50px;
  margin-top: 3px;
  margin-bottom: 0;
  margin-left: 8px;
  padding-left: 0;
  display: block;
  position: static;
}

.snow_days_div {
  z-index: 9999;
  background-color: var(--tan);
  outline-offset: 0px;
  border-radius: 10px;
  outline: 0 solid #888686;
  justify-content: center;
  align-items: center;
  min-width: 35px;
  padding: 2px 3px;
  display: none;
  position: relative;
  box-shadow: 2px 2px 5px #0003;
}

.snow_days_div.fcst {
  min-width: auto;
  padding-right: 0;
}

.snow_total_div2 {
  z-index: 9997;
  background-color: var(--white--100);
  border-radius: 8px;
  margin-top: 34px;
  margin-bottom: 0;
  display: none;
  position: absolute;
  box-shadow: 2px 2px 5px #0003;
}

.rain_days_div {
  z-index: 9999;
  background-color: var(--tan);
  outline-offset: 0px;
  min-width: 42px;
  max-width: 42px;
  min-height: auto;
  max-height: 48px;
  color: var(--white--100);
  border-radius: 10px;
  outline: 0 solid #888686;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-left: 0;
  padding: 1px;
  display: block;
  position: static;
}

.rain_days_div.fcst {
  min-width: auto;
  margin-top: -4px;
  margin-left: -14px;
  padding-left: 3px;
  padding-right: 0;
  position: static;
}

.rain_total_div {
  z-index: 9997;
  background-color: var(--white--100);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  margin-top: 2px;
  display: none;
  position: absolute;
  box-shadow: 2px 2px 5px #0003;
}

.rain_total_text {
  min-width: 35px;
  max-width: 40px;
  color: var(--neutral--800);
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  padding: 1px 2px 2px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: 700;
  line-height: 11px;
  display: block;
  position: relative;
}

.rain_days_text {
  color: var(--neutral--800);
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
  display: block;
}

.temp_header_key {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  pointer-events: auto;
  order: 2;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.temp_avg_div {
  z-index: 9999;
  outline-offset: 0px;
  background-color: #fff;
  border-radius: 10px;
  outline: 0 solid #888686;
  justify-content: center;
  align-items: center;
  min-width: 36px;
  padding: 2px 5px;
  display: none;
  position: relative;
  box-shadow: 2px 2px 5px #0003;
}

.temp_avg_text {
  color: var(--neutral--800);
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 18px;
}

.windspeed_avg_text {
  color: var(--neutral--800);
  background-color: #fff;
  border-radius: 20px;
  order: 2;
  margin-top: 8px;
  margin-left: 0;
  padding-left: 0;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 13px;
  display: none;
  box-shadow: 0 2px 5px #0003;
}

.temp_data_button {
  text-align: center;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 15px;
  max-width: 15px;
  min-height: 46px;
  max-height: 48px;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  padding-right: 0;
  display: block;
}

.code-embed-2 {
  min-width: 35px;
  max-width: none;
  min-height: 40px;
  max-height: 40px;
}

.code-embed-3 {
  min-width: 25px;
  max-width: 25px;
  min-height: 50px;
  max-height: 50px;
}

.text-block-59 {
  color: var(--navy-blue);
}

.text-block-60, .text-block-61, .text-block-62 {
  color: var(--neutral--800);
}

.text-block-63 {
  background-color: var(--tan);
  color: var(--neutral--800);
}

.visa_sub_btn {
  cursor: pointer;
  background-color: #000;
  border-radius: 15px;
  align-self: center;
  margin-left: 0;
  padding-left: 15px;
  padding-right: 15px;
  box-shadow: 0 2px 5px #0003;
}

.visa_sub_btn:hover {
  box-shadow: 0 7px 5px #0003;
}

.all_taxes_sub_btn {
  cursor: pointer;
  background-color: #000;
  border-radius: 15px;
  align-self: center;
  margin-left: 0;
  padding-left: 15px;
  padding-right: 15px;
  box-shadow: 0 2px 5px #0003;
}

.all_taxes_sub_btn:hover {
  box-shadow: 0 7px 5px #0003;
}

.all_taxes_div {
  margin-top: 7px;
}

.income_taxes_div {
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  margin-top: 5px;
  display: block;
}

.corporate_taxes_div {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 5px;
  padding-bottom: 8px;
  display: flex;
}

.capital_taxes_div {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border-bottom-left-radius: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 5px;
  padding-bottom: 8px;
  display: flex;
}

.sales_taxes_div {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-bottom-left-radius: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 5px;
  padding-bottom: 8px;
  display: flex;
}

.main_demographics_div {
  justify-content: center;
  align-items: center;
  display: flex;
}

.habit_demographics_div, .social_demographics_div {
  display: none;
}

.text-block-64 {
  color: var(--neutral--800);
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}

.text-block-65 {
  color: var(--neutral--800);
}

.layers_city_events_filter_sub_btn {
  filter: invert();
  cursor: pointer;
  background-color: #fff;
  background-image: url('../images/Filter4.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 66% 66%;
  border-radius: 15px;
  align-self: center;
  min-width: 40px;
  max-width: 40px;
  min-height: 28px;
  max-height: 28px;
  margin-left: 0;
  padding-left: 15px;
  padding-right: 15px;
  box-shadow: 0 2px 5px #0003;
}

.layers_city_events_filter_sub_btn:hover {
  box-shadow: 0 7px 5px #0003;
}

.climate_city_forecast_sub_div {
  background-color: var(--tan);
  color: var(--tan);
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}

.text-block-66 {
  color: var(--neutral--800);
  display: none;
}

.cost_city_col_sub_div {
  background-color: var(--tan);
  flex-flow: column;
  max-width: 384px;
  display: flex;
}

.text-block-67 {
  color: var(--neutral--800);
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
}

.text-block-68, .text-block-69 {
  background-color: var(--tan);
  color: var(--neutral--800);
}

.text-block-70, .text-block-71 {
  background-color: var(--tan);
  color: var(--neutral--800);
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
}

.div-block-65, .div-block-66 {
  max-width: 0;
}

.country_summary_data {
  z-index: 99999;
  grid-column-gap: 11px;
  grid-row-gap: 11px;
  background-color: var(--tan);
  min-width: auto;
  min-height: auto;
  color: var(--tan);
  text-align: center;
  border-radius: 10px;
  flex-flow: column;
  flex: 0 auto;
  order: 0;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
  position: static;
  top: 0%;
  left: 0%;
  right: 0;
  overflow: visible;
  box-shadow: 0 2px 5px #0003;
}

.country_summary_data.cost {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--general--shadow-02);
  box-shadow: none;
  color: var(--general--shadow-02);
  border-radius: 20px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  position: static;
}

.country_summary_data.internet {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  order: 0;
}

.country_summary_data.population {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  box-shadow: none;
  margin-top: -96px;
  margin-left: 140px;
  position: absolute;
}

.country_summary_data.current_time {
  box-shadow: none;
  margin-top: 144px;
  margin-left: -2px;
}

.country_gdppc_sub_div {
  background-color: #fff;
  border-radius: 15px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.country_gdppc_title {
  color: var(--neutral--800);
  border-radius: 15px;
  padding: 5px 7px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 12px;
  box-shadow: 0 2px 5px #0003;
}

.country_gdppc_text {
  color: var(--neutral--800);
  padding: 5px 7px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 16px;
}

.country_population_title {
  min-width: auto;
  color: var(--neutral--800);
  text-align: center;
  background-color: #fff;
  border-radius: 15px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 5px 7px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 12px;
  position: static;
  left: auto;
  box-shadow: 0 2px 5px #0003;
}

.country_population_sub_div {
  z-index: 2147483647;
  mix-blend-mode: normal;
  background-color: #fff;
  border-radius: 15px;
  flex-flow: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  font-size: 24px;
  display: flex;
  position: static;
  inset: auto 0% 0% auto;
  box-shadow: 0 2px 5px #0003;
}

.country_gdp_sub_div {
  background-color: #fff;
  border-radius: 15px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.country_population_div {
  margin-top: 0;
  display: block;
  position: static;
}

.country_summary_data_div {
  z-index: 99999;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: var(--tan);
  text-align: center;
  flex-flow: row;
  flex: 1;
  order: 0;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: flex-start;
  min-width: 25%;
  max-width: 25%;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
  position: static;
  top: 0%;
  left: 0%;
  right: 0;
  overflow: visible;
}

.country_gdppc_div {
  justify-content: center;
  align-self: auto;
  align-items: flex-start;
  display: block;
}

.country_population_text {
  min-width: 0;
  max-width: none;
  color: var(--neutral--800);
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 5px 7px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 16px;
  display: flex;
  position: static;
}

.country_gdp_title {
  z-index: 99999;
  background-color: var(--general--shadow-01);
  color: var(--neutral--800);
  border-radius: 15px;
  margin-top: 0;
  padding: 5px 7px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 12px;
  position: static;
  box-shadow: 0 2px 5px #0003;
}

.country_gdp_data {
  color: var(--neutral--800);
  margin-left: 0;
  margin-right: 0;
  padding: 5px 7px;
  font-size: 22px;
  line-height: 22px;
}

.country_gdp_text {
  color: var(--neutral--800);
  margin-left: 0;
  margin-right: 0;
  padding: 5px 7px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 16px;
}

.country_gdp_div {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: block;
}

.div-block-67 {
  background-color: #fff;
  border-radius: 20px;
  min-width: auto;
  max-width: 100%;
  margin-top: 2px;
  position: static;
  box-shadow: 0 2px 5px #fff3;
}

.div-block-68 {
  color: var(--neutral--600);
}

.div-block-69 {
  min-width: auto;
  max-width: 100%;
}

.country_population_source_div {
  background-color: #fff;
  border-radius: 20px;
  min-width: auto;
  max-width: 100%;
  margin-top: 2px;
  position: static;
  box-shadow: 0 2px 5px #fff3;
}

.country_population_source_text {
  min-width: auto;
  max-width: 100%;
}

.country_gdp_source_div {
  z-index: 99999999;
  background-color: #fff;
  border-radius: 15px;
  min-width: auto;
  max-width: 100%;
  min-height: 0;
  max-height: 35px;
  position: relative;
  overflow: auto;
  box-shadow: 0 2px 5px #0003;
}

.country_gdp_source_text {
  z-index: 999999;
  background-color: var(--general--shadow-02);
  min-width: auto;
  max-width: 100%;
  min-height: 32px;
  color: var(--neutral--800);
  border-radius: 15px;
  padding-left: 6px;
  padding-right: 6px;
  position: absolute;
}

.country_language_title {
  z-index: 999999;
  color: var(--neutral--800);
  background-color: #fff;
  border-radius: 15px;
  margin-top: 0;
  padding: 5px 7px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 12px;
  display: block;
  position: static;
  bottom: auto;
  box-shadow: 0 2px 5px #0003;
}

.country_language_text {
  color: var(--neutral--800);
  padding: 5px 7px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 16px;
}

.country_intl_arrivals_div {
  align-self: auto;
}

.country_language_div {
  order: 0;
  align-self: auto;
  font-size: 32px;
  line-height: 32px;
}

.country_language_sub_div {
  background-color: #fff;
  border-radius: 15px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.country_intl_arrivals_sub_div {
  background-color: #fff;
  border-radius: 15px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: none;
  box-shadow: 0 2px 5px #0003;
}

.country_intl_arrivals_text {
  background-color: var(--black-transparent);
  color: var(--white--100);
  border-radius: 20px;
  justify-content: center;
  align-items: flex-start;
  padding: 3px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
  display: none;
  box-shadow: 0 2px 5px #0003;
}

.country_intl_arrivals_title {
  background-color: var(--general--shadow-01);
  color: var(--neutral--800);
  border-radius: 15px;
  padding: 5px 7px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 12px;
  box-shadow: 0 2px 5px #0003;
}

.country_currency_div {
  grid-column-gap: 29px;
  grid-row-gap: 29px;
  flex-flow: row;
  justify-content: center;
  align-self: auto;
  align-items: center;
  display: flex;
}

.country_currency_sub_div {
  background-color: #fff;
  border-radius: 15px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  line-height: 16px;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.country_currency_title {
  min-width: 55px;
  color: var(--neutral--800);
  border-radius: 15px;
  padding: 5px 7px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 12px;
  box-shadow: 0 2px 5px #0003;
}

.country_currency_text {
  color: var(--neutral--800);
  padding: 5px 7px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 16px;
}

.summary_country_submenu {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  background-color: var(--tan);
  order: 1;
  justify-content: center;
  align-items: center;
  min-width: 100%;
  min-height: 36px;
  max-height: 36px;
  display: flex;
}

.summary_country_submenu.filters {
  background-color: var(--neutral--700);
  min-width: 100%;
  max-width: 100%;
}

.text-block-72 {
  color: var(--neutral--600);
}

.country_sources_text {
  color: var(--neutral--600);
  text-align: center;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}

.country_rank_title {
  color: var(--neutral--800);
  border-radius: 7px;
  margin-left: 3px;
  padding: 5px 7px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 12px;
  box-shadow: 0 2px 5px #0003;
}

.country_rank_sub_div {
  background-color: #fff;
  border-radius: 7px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: none;
  position: relative;
  box-shadow: 0 2px 5px #0003;
}

.country_rank_text {
  color: var(--neutral--800);
  padding: 5px 7px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 18px;
}

.country_source_rank_div {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-self: auto;
  align-items: stretch;
  width: auto;
  min-width: auto;
  max-width: none;
  display: flex;
  position: static;
}

.country_demogr_race_religion_div {
  z-index: 99999;
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  background-color: var(--tan);
  min-width: 100%;
  color: var(--neutral--800);
  text-align: center;
  border-bottom-left-radius: 8px;
  flex-flow: row;
  flex: 1;
  order: 0;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-self: center;
  align-items: flex-start;
  margin-top: 3px;
  margin-bottom: 0;
  padding-bottom: 8px;
  display: flex;
  position: static;
  top: 0%;
  left: 0%;
  right: 0;
  overflow: visible;
}

.country_demogr_ethnicity_sub2_div {
  z-index: 99999;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--tan);
  text-align: center;
  border-radius: 15px;
  flex-flow: column;
  flex: 1;
  order: 0;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  min-width: 105px;
  min-height: auto;
  max-height: none;
  margin-top: 6px;
  margin-bottom: 5px;
  margin-left: 3px;
  padding-bottom: 8px;
  display: flex;
  position: static;
  top: 0%;
  left: 0%;
  right: 0;
  overflow: auto;
  box-shadow: 0 2px 5px #0003;
}

.country_race1_title {
  color: var(--neutral--800);
  border-radius: 15px;
  padding: 3px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.country_demogr_race_div {
  justify-content: center;
  align-self: auto;
  align-items: flex-start;
  display: block;
}

.country_demogr_race_sub_div {
  background-color: #fff;
  border-radius: 15px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.country_demogr_race1_div {
  background-color: #fff;
  border-radius: 15px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.country_main_summary_sub_div {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  border-bottom-left-radius: 8px;
  flex-flow: row;
  order: 8;
  justify-content: center;
  align-items: flex-start;
  max-height: 500px;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.country_immigrate_citizenship_avg_title {
  color: var(--neutral--800);
  border-radius: 15px;
  padding: 5px 7px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 12px;
  box-shadow: 0 2px 5px #0003;
}

.country_immigrate_citizenship_avg_text {
  color: var(--neutral--800);
  padding: 5px 7px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 22px;
}

.country_immigrate_citizenship_golden_text {
  min-width: 0;
  max-width: none;
  color: var(--neutral--800);
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 5px 7px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 22px;
  display: flex;
  position: static;
}

.country_immigrate_citizenship_golden_title {
  min-width: auto;
  color: var(--neutral--800);
  text-align: center;
  background-color: #fff;
  border-radius: 15px;
  margin-top: 0;
  padding: 5px 7px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 12px;
  position: static;
  left: auto;
  box-shadow: 0 2px 5px #0003;
}

.country_immigrate_citizenship_avg_div {
  background-color: #fff;
  border-radius: 15px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.country_immigrate_citizenship_golden_div {
  z-index: 2147483647;
  mix-blend-mode: normal;
  background-color: #fff;
  border-radius: 15px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  font-size: 24px;
  display: flex;
  position: static;
  inset: auto 0% 0% auto;
  box-shadow: 0 2px 5px #0003;
}

.country_immigrate_citizenship {
  justify-content: center;
  align-self: auto;
  align-items: flex-start;
  display: block;
}

.country_taxes_income_div {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  flex-flow: column;
  justify-content: center;
  align-self: auto;
  align-items: center;
  padding-bottom: 8px;
  display: flex;
}

.country_taxes_corporate_div, .country_taxes_capital_div {
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.country_taxes_sales_div {
  grid-column-gap: 21px;
  grid-row-gap: 21px;
  flex-flow: column;
  order: 0;
  justify-content: flex-start;
  align-self: auto;
  align-items: center;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 32px;
  line-height: 32px;
  display: flex;
}

.loopholesdiv-copy {
  text-align: center;
  background-color: #fff;
  border-radius: 15px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.loopholesdiv-copy.sales {
  justify-content: flex-start;
  align-items: center;
}

.country_taxes_data {
  z-index: 99999;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: var(--tan);
  text-align: center;
  flex-flow: row;
  flex: 1;
  order: 0;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-self: center;
  align-items: flex-start;
  min-width: auto;
  min-height: auto;
  margin-top: 5px;
  margin-bottom: 5px;
  display: flex;
  position: static;
  top: 0%;
  left: 0%;
  right: 0;
  overflow: visible;
}

.country_taxes_data_div {
  z-index: 99999;
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  background-color: var(--tan);
  text-align: center;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  flex-flow: row;
  flex: 1;
  order: 0;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: flex-start;
  min-width: auto;
  margin-top: 0;
  margin-bottom: -2px;
  padding-bottom: 8px;
  display: flex;
  position: static;
  top: 0%;
  left: 0%;
  right: 0;
  overflow: visible;
}

.country_religion1_title {
  min-width: auto;
  color: var(--neutral--800);
  border-radius: 15px;
  padding: 5px 7px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
  box-shadow: 0 2px 5px #0003;
}

.country_religion1_div {
  background-color: #fff;
  border-radius: 15px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.country_religion1_text {
  color: var(--neutral--800);
  padding: 5px 7px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 18px;
}

.country_religion2_text {
  min-width: 0;
  max-width: none;
  color: var(--neutral--800);
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 5px 7px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 18px;
  display: flex;
  position: static;
}

.country_religion3_text {
  color: var(--neutral--800);
  margin-left: 0;
  margin-right: 0;
  padding: 5px 7px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
}

.country_religion4_text {
  color: var(--neutral--800);
  padding: 5px 7px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
}

.country_religion5b_text {
  color: var(--neutral--800);
  border-radius: 15px;
  justify-content: center;
  align-items: flex-start;
  padding: 5px 7px;
  font-size: 22px;
  line-height: 22px;
  display: block;
}

.country_religion2_title {
  min-width: auto;
  color: var(--neutral--800);
  text-align: center;
  background-color: #fff;
  border-radius: 15px;
  margin-top: 0;
  padding: 5px 7px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
  position: static;
  left: auto;
  box-shadow: 0 2px 5px #0003;
}

.country_religion3_title {
  z-index: 99999;
  background-color: var(--general--shadow-01);
  color: var(--neutral--800);
  border-radius: 15px;
  margin-top: 0;
  padding: 5px 7px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
  position: static;
  box-shadow: 0 2px 5px #0003;
}

.country_religion4_title, .country_religion5_title {
  z-index: 999999;
  color: var(--neutral--800);
  background-color: #fff;
  border-radius: 15px;
  margin-top: 0;
  padding: 5px 7px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
  display: block;
  position: static;
  bottom: auto;
  box-shadow: 0 2px 5px #0003;
}

.country_race5_title {
  z-index: 999999;
  min-width: 0;
  color: var(--neutral--800);
  background-color: #fff;
  border-radius: 15px;
  margin-top: 0;
  padding: 3px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
  display: flex;
  position: static;
  bottom: auto;
  box-shadow: 0 2px 5px #0003;
}

.country_race1_text {
  color: var(--neutral--800);
  padding: 5px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 18px;
  display: flex;
}

.country_race2_text {
  min-width: 0;
  max-width: none;
  color: var(--neutral--800);
  text-align: center;
  justify-content: flex-start;
  align-items: stretch;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 5px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 18px;
  display: flex;
  position: static;
}

.country_race3_text {
  color: var(--neutral--800);
  margin-left: 0;
  margin-right: 0;
  padding: 5px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
  display: flex;
}

.country_race4_text {
  color: var(--neutral--800);
  padding: 5px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
  display: flex;
}

.country_race5_text {
  color: var(--neutral--800);
  padding: 5px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
  display: flex;
  position: static;
}

.country_religion4_text-copy, .text-block-73, .text-block-73-copy, .country_religion8_text {
  color: var(--neutral--800);
  padding: 5px 7px;
  font-size: 22px;
  line-height: 22px;
}

.country_race2_div {
  z-index: 2147483647;
  mix-blend-mode: normal;
  background-color: #fff;
  border-radius: 15px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  display: flex;
  position: static;
  inset: auto 0% 0% auto;
  box-shadow: 0 2px 5px #0003;
}

.country_race3_div {
  background-color: #fff;
  border-radius: 15px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.country_race4_div, .country_race5_div {
  background-color: #fff;
  border-radius: 15px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.text-block-74 {
  color: var(--neutral--800);
  margin-left: 5px;
  margin-right: 5px;
  font-size: 14px;
  line-height: 14px;
}

.country_demogr_languages_official {
  z-index: 99999;
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  background-color: var(--white--100);
  text-align: center;
  border-radius: 15px;
  flex-flow: column;
  flex: 1;
  order: 0;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  min-width: 100%;
  min-height: auto;
  max-height: 122px;
  margin-top: 0;
  margin-bottom: 5px;
  padding-top: 5px;
  display: flex;
  position: static;
  top: 0%;
  left: 0%;
  right: 0;
  overflow: auto;
  box-shadow: 0 2px 5px #0003;
}

.div-block-70 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--tan);
  text-align: center;
  flex-flow: column;
  flex: 0 auto;
  display: flex;
}

.div-block-71 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  background-color: var(--tan);
  border-radius: 15px;
  flex-flow: column;
  display: flex;
}

.country_language2 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: block;
}

.country_language3, .country_language4 {
  order: 0;
  align-self: auto;
  font-size: 32px;
  line-height: 32px;
}

.text-block-75 {
  color: var(--neutral--800);
  text-align: center;
  margin-top: 4px;
  margin-bottom: 0;
  margin-left: 0;
  padding-bottom: 0;
  padding-left: 0;
}

.text-block-76 {
  color: var(--neutral--800);
  margin-top: 4px;
  margin-bottom: 0;
  margin-left: 0;
}

.div-block-72 {
  background-color: #fff;
  border-radius: 15px;
  flex-flow: column;
  padding-left: 8px;
  padding-right: 8px;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.text-block-77 {
  color: var(--neutral--800);
  margin-top: 4px;
  margin-bottom: 0;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}

.country_language1_text {
  min-width: auto;
  color: var(--neutral--800);
  text-align: center;
  background-color: #fff;
  border-radius: 15px;
  justify-content: center;
  align-items: flex-start;
  margin-top: 0;
  padding: 5px 7px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
  display: flex;
  position: static;
  left: auto;
  box-shadow: 0 2px 5px #0003;
}

.country_language2_text {
  z-index: 99999;
  background-color: var(--general--shadow-01);
  color: var(--neutral--800);
  border-radius: 15px;
  margin-top: 0;
  padding: 5px 7px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
  position: static;
  box-shadow: 0 2px 5px #0003;
}

.country_language3_text, .country_language4_text {
  z-index: 999999;
  color: var(--neutral--800);
  background-color: #fff;
  border-radius: 15px;
  margin-top: 0;
  padding: 5px 7px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
  display: block;
  position: static;
  bottom: auto;
  box-shadow: 0 2px 5px #0003;
}

.country_tax_income_title {
  color: var(--neutral--800);
  text-align: center;
  border-radius: 15px;
  padding: 5px 7px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 12px;
  box-shadow: 0 2px 5px #0003;
}

.country_tax_corporate_title {
  min-width: auto;
  color: var(--neutral--800);
  text-align: center;
  background-color: #fff;
  border-radius: 15px;
  margin-top: 0;
  padding: 5px 7px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 12px;
  position: static;
  left: auto;
  box-shadow: 0 2px 5px #0003;
}

.country_tax_capital_title {
  z-index: 99999;
  background-color: var(--general--shadow-01);
  color: var(--neutral--800);
  border-radius: 15px;
  margin-top: 0;
  padding: 5px 7px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 12px;
  position: static;
  box-shadow: 0 2px 5px #0003;
}

.country_income_tax_sales {
  z-index: 999999;
  color: var(--neutral--800);
  background-color: #fff;
  border-radius: 15px;
  margin-top: 0;
  padding: 5px 7px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 12px;
  display: block;
  position: static;
  bottom: auto;
  box-shadow: 0 2px 5px #0003;
}

.country_tax_income_text {
  color: var(--neutral--800);
  text-align: center;
  padding: 5px 7px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 18px;
}

.country_tax_corporate_text {
  min-width: 0;
  max-width: none;
  color: var(--neutral--800);
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 5px 7px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 18px;
  display: flex;
  position: static;
}

.country_tax_capital_text {
  color: var(--neutral--800);
  text-align: center;
  margin-left: 0;
  margin-right: 0;
  padding: 5px 7px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 18px;
}

.country_tax_sales_text {
  color: var(--neutral--800);
  text-align: center;
  padding: 5px 7px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 18px;
}

.country_race2_title {
  min-width: 0;
  color: var(--neutral--800);
  text-align: center;
  background-color: #fff;
  border-radius: 15px;
  margin-top: 0;
  padding: 3px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
  display: flex;
  position: static;
  left: auto;
  box-shadow: 0 2px 5px #0003;
}

.country_race3_title {
  z-index: 99999;
  background-color: var(--general--shadow-01);
  color: var(--neutral--800);
  border-radius: 15px;
  margin-top: 0;
  padding: 3px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
  display: flex;
  position: static;
  box-shadow: 0 2px 5px #0003;
}

.country_race4_title {
  z-index: 999999;
  min-width: 0;
  color: var(--neutral--800);
  background-color: #fff;
  border-radius: 15px;
  margin-top: 0;
  padding: 3px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
  display: flex;
  position: static;
  bottom: auto;
  box-shadow: 0 2px 5px #0003;
}

.country_religion5_text, .country_religion6_text {
  color: var(--neutral--800);
  padding: 5px 7px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
}

.country_religion8_text-copy {
  color: var(--neutral--800);
  padding: 5px 7px;
  font-size: 22px;
  line-height: 22px;
}

.country_religion7_text {
  color: var(--neutral--800);
  padding: 5px 7px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
}

.country_demogr_languages_div {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--tan);
  border-radius: 15px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-left: 8px;
  padding-right: 8px;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.country_immigrate_citizenship_div {
  z-index: 99999;
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  background-color: var(--tan);
  min-width: auto;
  color: var(--neutral--800);
  text-align: center;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  flex-flow: column;
  flex: 1;
  order: 0;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: flex-start;
  margin-top: 0;
  margin-bottom: -2px;
  display: flex;
  position: static;
  top: 0%;
  left: 0%;
  right: 0;
  overflow: visible;
}

.country_immigrate_citizenship_sub_div {
  z-index: 99999;
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  background-color: var(--tan);
  text-align: center;
  flex-flow: row;
  flex: 1;
  order: 0;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-self: center;
  align-items: flex-start;
  min-width: auto;
  min-height: auto;
  margin-top: 5px;
  margin-bottom: 5px;
  display: flex;
  position: static;
  top: 0%;
  left: 0%;
  right: 0;
  overflow: visible;
}

.country_taxes_income {
  background-color: #fff;
  border-radius: 15px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: none;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.stats_summary_sub_div {
  order: 3;
}

.country_summary_cities_div {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  object-fit: fill;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  flex-flow: column;
  order: 2;
  max-height: 550px;
  display: flex;
  overflow: visible;
}

.country_summary_city_headers {
  grid-column-gap: 47px;
  grid-row-gap: 47px;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  max-width: 419px;
  max-height: 28px;
  display: flex;
}

.country_summary_city_name {
  min-width: auto;
  max-width: none;
  max-height: 25px;
  color: var(--neutral--800);
  background-color: #fff;
  border-radius: 15px;
  justify-content: center;
  align-items: center;
  margin-left: -51px;
  padding-left: 0;
  padding-right: 0;
  line-height: 16px;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.country_summary_city_population {
  border-radius: 15px;
  justify-content: center;
  align-items: center;
  min-width: 100%;
  max-width: 100%;
  max-height: 25px;
  margin-left: 0;
  padding-left: 6px;
  padding-right: 6px;
  line-height: 16px;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.text-block-78 {
  text-align: center;
  padding-left: 5px;
  padding-right: 5px;
}

.country_summary_city_population1 {
  color: var(--neutral--800);
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  padding: 2px 2px 1px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 18px;
  display: flex;
}

.country_summary_city_population1.airports {
  color: var(--white--100);
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
}

.country_summary_city_population1.pop {
  background-color: #fff;
  border-radius: 20px;
  padding-left: 3px;
  padding-right: 3px;
  display: none;
  position: static;
  box-shadow: 0 2px 5px #0003;
}

.country_summary_city_population1.calendar_popup {
  position: static;
  left: 0%;
}

.country_summary_city_cost {
  background-color: #fff;
  border-radius: 15px;
  justify-content: center;
  align-items: center;
  min-width: 45px;
  max-height: 25px;
  margin-right: 0;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.div-block-73 {
  color: var(--neutral--800);
}

.text-block-80 {
  color: var(--neutral--800);
  margin-right: 0;
  padding-left: 8px;
  padding-right: 8px;
  line-height: 16px;
}

.country_summary_city_data {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  min-width: 158px;
  max-width: 376px;
  max-height: 36px;
  margin-bottom: 2px;
  margin-left: 0;
  display: flex;
  overflow: visible;
}

.country_summary_city_data.airports {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--tan);
  justify-content: space-between;
  align-items: center;
  min-width: auto;
  max-width: none;
  margin-right: -8px;
}

.country_summary_city1 {
  text-align: center;
  padding-left: 5px;
  padding-right: 5px;
}

.country_summary_city_cost_div {
  max-width: none;
  color: var(--neutral--800);
  cursor: default;
  padding: 2px 1px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
}

.div-block-74 {
  min-width: 5%;
  max-width: 5%;
  min-height: 45px;
  max-height: 45px;
  margin-left: -2px;
  margin-right: 5px;
  position: static;
}

.div-block-74.airport {
  justify-content: flex-start;
  align-items: center;
  min-width: auto;
  max-width: none;
  display: flex;
}

.image-11 {
  max-width: 100%;
  max-height: none;
  margin: 0 0 0 7px;
  padding-top: 3px;
  padding-right: 0;
  line-height: 16px;
  display: block;
  position: static;
  overflow: visible;
}

.image-11.airport {
  margin-left: 5px;
}

.country_summary_city_headers-copy {
  grid-column-gap: 47px;
  grid-row-gap: 47px;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  min-width: 419px;
  max-width: 419px;
  max-height: 28px;
  margin-left: 1px;
  display: flex;
}

.country_summary_city_name1 {
  max-width: none;
  max-height: 25px;
  color: var(--neutral--800);
  background-color: #fff;
  border-radius: 15px;
  justify-content: center;
  align-items: center;
  margin-left: 21px;
  padding-left: 0;
  padding-right: 10px;
  line-height: 16px;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.country_summary_city_population_div {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  background-color: var(--general--shadow-02);
  min-width: 50px;
  max-width: 50px;
  min-height: 16px;
  max-height: 35px;
  color: var(--neutral--800);
  cursor: pointer;
  border-radius: 15px;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-weight: 700;
  line-height: 16px;
  display: flex;
  position: relative;
}

.country_summary_city_population_div.airport_code {
  background-color: #000;
  min-width: 45px;
  max-width: 45px;
  min-height: 25px;
  max-height: 25px;
  margin-left: 4px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-weight: 400;
}

.country_summary_city_cost-copy {
  cursor: pointer;
  background-color: #fff;
  border-radius: 15px;
  justify-content: center;
  align-items: center;
  min-width: 60px;
  max-width: 15%;
  max-height: 25px;
  margin-right: 0;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.country_summary_city_cost-copy.flights {
  flex-flow: row;
  min-width: 55px;
  max-width: 15%;
  margin-left: 4px;
}

.country_summary_city {
  width: 100%;
  max-width: none;
  color: var(--dark-navy-blue);
  text-align: center;
  cursor: pointer;
  margin-left: 0;
  padding: 1px 2px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
  display: block;
}

.country_summary_city.airport {
  display: none;
}

.country_summary_city_name_div {
  min-width: 100%;
  max-width: 100%;
  max-height: none;
  color: var(--neutral--800);
  cursor: pointer;
  background-color: #fff;
  border-radius: 15px;
  justify-content: center;
  align-items: center;
  margin-left: 4px;
  padding: 1px 0;
  line-height: 16px;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.country_summary_city_name_div.airport_name {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: flex-start;
  align-items: center;
  min-width: auto;
  max-width: none;
  min-height: 24px;
  max-height: 35px;
  margin-left: 0;
  margin-right: 9px;
}

.div-block-75 {
  min-width: 10%;
  max-width: 10%;
  min-height: 45px;
  max-height: 45px;
}

.div-block-76 {
  justify-content: center;
  align-items: center;
  min-width: 28%;
  max-width: 28%;
  margin-left: -8px;
  margin-right: 0;
  display: flex;
}

.div-block-76.airport {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  min-width: auto;
  max-width: none;
  margin-left: 0;
}

.div-block-76.airport.header {
  justify-content: center;
  align-items: center;
  min-width: 55%;
}

.div-block-76.flight.header {
  min-width: 28%;
}

.div-block-76.country {
  justify-content: flex-start;
  align-items: center;
  margin-left: -1px;
  padding-left: 0;
}

.div-block-77 {
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 12%;
  max-width: 12%;
  display: flex;
}

.div-block-78 {
  min-width: 10%;
  max-width: 10%;
  margin-right: 0;
}

.div-block-78.flight.header {
  min-width: 10%;
  max-width: 10%;
}

.div-block-78.country {
  max-width: 12%;
}

.div-block-79 {
  min-width: 22%;
  max-width: 22%;
}

.div-block-80 {
  min-width: 18%;
  max-width: 17.9992%;
}

.div-block-81 {
  min-width: 15%;
  max-width: 15%;
}

.country_summary_city_name_div-copy {
  min-width: auto;
  max-width: none;
  max-height: 25px;
  color: var(--neutral--800);
  background-color: #fff;
  border-radius: 15px;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
  line-height: 16px;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.temp_avg_header_div {
  z-index: 999;
  outline-offset: 0px;
  text-align: center;
  cursor: pointer;
  background-color: #fff;
  border-radius: 8px;
  outline: 0 solid #888686;
  justify-content: center;
  align-items: center;
  min-width: 40px;
  max-width: 40px;
  min-height: 0;
  max-height: 0;
  margin-left: 0;
  padding: 0 5px 0 14px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 12px;
  display: flex;
  position: relative;
  overflow: visible;
  box-shadow: 2px 2px 5px #0003;
}

.min_temp_text-copy {
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  min-width: 35px;
  max-width: 40px;
  padding: 1px 2px 2px;
  font-size: 14px;
  line-height: 14px;
  display: block;
}

.temp_max_header_div {
  z-index: 999999;
  background-color: var(--general--shadow-02);
  text-align: center;
  cursor: pointer;
  border-radius: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-left: 9px;
  display: flex;
  position: relative;
}

.tmax_summary {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  justify-content: center;
  align-items: center;
  min-width: 35px;
  max-width: 40px;
  padding: 2px 2px 1px;
  font-size: 14px;
  line-height: 14px;
  display: flex;
}

.country_summary_tmax {
  min-width: 35px;
  max-width: 40px;
  color: var(--neutral--800);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  justify-content: center;
  align-items: center;
  padding: 2.5px 2px 1px;
  font-size: 14px;
  line-height: 14px;
  display: flex;
}

.country_summary_tavg {
  color: var(--neutral--800);
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
}

.country_summary_tmin {
  min-width: 35px;
  max-width: 40px;
  color: var(--neutral--800);
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  padding: 1px 2px;
  font-size: 14px;
  line-height: 14px;
  display: block;
}

.country_summary_tmin.country_city_summary {
  display: none;
}

.div-block-77-copy {
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 20%;
  max-width: 20%;
}

.div-block-77-copy.airport {
  max-width: none;
}

.div-block-77-copy.flights {
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  flex-flow: wrap;
  min-width: 20%;
  max-width: 20%;
}

.div-block-77-copy.country {
  min-width: 9%;
  max-width: 9%;
}

.div-block-77-copy.aqi {
  min-width: 8%;
  max-width: 8%;
  margin-left: 0;
}

.country_summary_city_aqi {
  background-color: var(--general--shadow-02);
  cursor: pointer;
  border-radius: 8px;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  min-width: 32px;
  max-width: 70px;
  max-height: 48px;
  margin-left: 0;
  padding-left: 2px;
  padding-right: 2px;
  font-weight: 400;
  line-height: 16px;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.country_summary_city_aqi.km_from_center {
  justify-content: center;
  align-items: center;
  min-width: 45px;
  margin-top: 0;
  margin-left: 9px;
  display: none;
}

.country_summary_city_headers_div {
  z-index: 1;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border-radius: 20px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  min-width: 370px;
  max-width: 370px;
  max-height: 33px;
  margin: 8px 0 6px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
  box-shadow: 0 2px 5px #0003;
}

.country_summary_city_headers_div.airport {
  background-color: var(--tan);
  justify-content: center;
  align-items: center;
  min-width: 415px;
  max-width: 415px;
  display: none;
}

.image-12 {
  max-width: 75%;
  margin-bottom: 0;
  padding-top: 2px;
  padding-bottom: 2px;
}

.country_summary_tavg_header {
  color: var(--neutral--800);
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
}

.country_summary_city_cost_text {
  max-width: none;
  color: var(--neutral--800);
  padding: 2px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 18px;
}

.country_summary_city_cost_text.flight_count {
  max-width: none;
  font-size: 14px;
  line-height: 14px;
}

.country_summary_city_tavg_text {
  max-width: 40px;
  max-height: 18px;
  color: var(--general--shadow-02);
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
  display: none;
}

.country_summary_tmin-copy {
  min-width: 35px;
  max-width: 40px;
  color: var(--neutral--800);
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  padding: 1px 2px;
  font-size: 14px;
  line-height: 14px;
  display: block;
}

.country_summary_city_tmax {
  min-width: 35px;
  max-width: 40px;
  color: var(--neutral--800);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  justify-content: center;
  align-items: center;
  padding: 2px 2px 0;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 18px;
  text-decoration: none;
  display: block;
}

.country_summary_country_tmin {
  min-width: 35px;
  max-width: 40px;
  color: var(--neutral--800);
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  padding: 1px 2px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  display: none;
}

.country_summary_city_cost_header {
  cursor: pointer;
  background-color: #fff;
  border-radius: 15px;
  justify-content: center;
  align-items: center;
  min-width: 60px;
  max-width: 60px;
  max-height: 25px;
  margin-right: 0;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.country_summary_city_cost_header.airport {
  margin-left: -6px;
}

.country_summary_city_population_header_div {
  cursor: pointer;
  background-color: #fff;
  border-radius: 15px;
  justify-content: center;
  align-items: center;
  min-width: 12%;
  max-width: 100%;
  max-height: 25px;
  margin-left: 0;
  padding: 2px;
  line-height: 16px;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.country_summary_city_population_header_div.airport {
  margin-left: 0;
}

.country_summary_city_name_header_div {
  min-width: 100%;
  max-width: none;
  max-height: 25px;
  color: var(--neutral--800);
  cursor: pointer;
  background-color: #fff;
  border-radius: 15px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-left: -7px;
  padding: 4px 0;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  line-height: 16px;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.country_summary_city_name_header_div.airport {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  min-width: 100px;
  margin-right: 13px;
}

.country_summary_city_aqi_header_div {
  background-color: var(--white--100);
  cursor: pointer;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  min-width: 100%;
  max-width: 100%;
  min-height: 24px;
  max-height: 24px;
  margin-left: 0;
  padding-left: 6px;
  padding-right: 6px;
  line-height: 16px;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.country_summary_city_loading_progress {
  width: 420px;
  min-width: 420px;
  max-width: 420px;
  height: 25px;
  min-height: 25px;
  max-height: 25px;
  color: var(--tan);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.div-block-77-copy {
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 13%;
  max-width: 13%;
  margin-left: 0;
  display: flex;
}

.div-block-77-copy.airport.header {
  justify-content: flex-start;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding-right: 0;
}

.div-block-77-copy.country {
  min-width: 12%;
  max-width: 12%;
  margin-left: -8px;
}

.div-block-82 {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  text-align: center;
  order: 4;
  justify-content: center;
  align-items: center;
  min-width: 254px;
  min-height: 35px;
  margin-left: 0;
  display: flex;
  position: static;
  left: 0;
}

.infosidebar_city_results_icon_div {
  background-color: var(--general--shadow-02);
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 26px;
  max-width: none;
  height: 25.996px;
  min-height: 26px;
  max-height: 26px;
  margin-top: 0;
  margin-left: 0;
  padding: 3px;
  display: block;
  position: static;
  left: 0;
  overflow: hidden;
}

.infosidebar_city_results_icon_div.invert {
  filter: invert();
}

.sidebarheader_city_results_text {
  color: var(--neutral--800);
  margin-left: 0;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 18px;
}

.sidebarheader_city_results_text.filters {
  color: var(--white--100);
}

.country_demogr_religion_sub2_div-copy {
  z-index: 99999;
  grid-column-gap: 11px;
  grid-row-gap: 11px;
  background-color: var(--tan);
  text-align: center;
  border-radius: 15px;
  flex-flow: column;
  flex: 1;
  order: 0;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  min-width: 110px;
  max-height: none;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-bottom: 8px;
  display: flex;
  position: static;
  top: 0%;
  left: 0%;
  right: 0;
  overflow: auto;
  box-shadow: 0 2px 5px #0003;
}

.country_religion6_div, .country_religion7_div {
  background-color: #fff;
  border-radius: 15px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.country_religion9_div {
  background-color: #fff;
  border-radius: 15px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.loopholes-copy {
  order: 0;
  align-self: auto;
  font-size: 32px;
  line-height: 32px;
}

.country_religion5_div {
  background-color: #fff;
  border-radius: 15px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.country_religion4_div {
  text-align: center;
  background-color: #fff;
  border-radius: 15px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.loopholesdiv-copy {
  background-color: #fff;
  border-radius: 15px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.loopholes-copy {
  flex-flow: row;
  order: 0;
  justify-content: flex-start;
  align-self: auto;
  align-items: center;
  font-size: 32px;
  line-height: 32px;
  display: flex;
}

.country_race6_div, .country_race7_div, .country_race8_div, .country_race9_div, .country_race10_div, .country_race5_div-copy, .country_race11_div, .country_race12_div, .country_race13_div, .country_race14_div, .country_race15_div {
  background-color: #fff;
  border-radius: 15px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.country_religion2_div {
  z-index: 2147483647;
  mix-blend-mode: normal;
  background-color: #fff;
  border-radius: 15px;
  flex-flow: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  font-size: 24px;
  display: flex;
  position: static;
  inset: auto 0% 0% auto;
  box-shadow: 0 2px 5px #0003;
}

.country_religion3_div {
  background-color: #fff;
  border-radius: 15px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.country_religion8_div {
  background-color: #fff;
  border-radius: 15px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.country_language1_div {
  z-index: 2147483647;
  mix-blend-mode: normal;
  background-color: #fff;
  border-radius: 15px;
  flex-flow: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  font-size: 24px;
  display: flex;
  position: static;
  inset: auto 0% 0% auto;
  box-shadow: 0 2px 5px #0003;
}

.country_language2_div {
  background-color: #fff;
  border-radius: 15px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.country_language3_div, .country_language4_div {
  background-color: #fff;
  border-radius: 15px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.country_taxes_income_low {
  background-color: #fff;
  border-radius: 15px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: none;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.div-block-83 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-84 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.text-block-81, .text-block-82, .text-block-83, .text-block-84, .text-block-85 {
  color: var(--neutral--800);
  text-align: center;
  padding-left: 10px;
  padding-right: 10px;
}

.property_taxes_div {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-bottom-left-radius: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 5px;
  padding-bottom: 8px;
  display: flex;
}

.loopholesdiv-copy-copy {
  text-align: center;
  background-color: #fff;
  border-radius: 15px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.country_tax_property {
  z-index: 999999;
  color: var(--neutral--800);
  background-color: #fff;
  border-radius: 15px;
  margin-top: 0;
  padding: 5px 7px;
  font-size: 12px;
  line-height: 12px;
  display: block;
  position: static;
  bottom: auto;
  box-shadow: 0 2px 5px #0003;
}

.country_taxes_property_div {
  flex-flow: column;
  order: 0;
  justify-content: flex-start;
  align-self: auto;
  align-items: center;
  font-size: 32px;
  line-height: 32px;
  display: flex;
}

.country_tax_property_text {
  color: var(--neutral--800);
  text-align: center;
  padding: 5px 7px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 18px;
}

.loopholesdiv-copy-copy {
  text-align: center;
  background-color: #fff;
  border-radius: 15px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.property_taxes_sub_btn {
  cursor: pointer;
  background-color: #000;
  border-radius: 15px;
  padding-left: 10px;
  padding-right: 10px;
  display: block;
  box-shadow: 0 2px 5px #0003;
}

.property_taxes_sub_btn:hover {
  box-shadow: 0 7px 5px #0003;
}

.sales_sub_btn_text-copy {
  border-radius: 14px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 700;
}

.text-block-86 {
  color: var(--neutral--800);
  font-size: 16px;
  line-height: 16px;
}

.image-13 {
  margin-bottom: 0;
}

.image-14 {
  margin-bottom: 0;
  padding-top: 2px;
  padding-bottom: 2px;
}

.country_summary_city_population1-copy {
  color: var(--neutral--800);
  margin-left: 0;
  padding: 0 3px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
}

.country_summary_city-copy {
  text-align: center;
  padding-left: 5px;
  padding-right: 5px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-weight: 400;
}

.country_summary_city_population_div-copy {
  cursor: pointer;
  cursor: pointer;
  cursor: pointer;
  cursor: pointer;
  cursor: pointer;
  cursor: pointer;
  cursor: pointer;
  cursor: pointer;
  cursor: pointer;
  cursor: pointer;
  cursor: pointer;
  cursor: pointer;
  cursor: pointer;
  cursor: pointer;
  cursor: pointer;
  cursor: pointer;
  cursor: pointer;
  cursor: pointer;
  cursor: pointer;
  cursor: pointer;
  cursor: pointer;
  cursor: pointer;
  cursor: pointer;
  cursor: pointer;
  cursor: pointer;
  cursor: pointer;
  cursor: pointer;
  cursor: pointer;
  cursor: pointer;
  cursor: pointer;
  cursor: pointer;
  cursor: pointer;
  cursor: pointer;
  cursor: pointer;
  cursor: pointer;
  cursor: pointer;
  cursor: pointer;
  cursor: pointer;
  background-color: #fff;
  border-radius: 15px;
  justify-content: center;
  align-items: center;
  min-width: 100%;
  max-width: 100%;
  max-height: none;
  margin-left: 0;
  padding-left: 3px;
  padding-right: 3px;
  line-height: 16px;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.city_summary_flights_headers {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--tan);
  flex-flow: wrap;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  min-width: auto;
  max-width: none;
  max-height: none;
  margin-top: 6px;
  margin-left: 5px;
  display: flex;
  position: static;
  overflow: visible;
}

.city_summary_flights_div {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--tan);
  object-fit: fill;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  flex-flow: column;
  max-width: none;
  max-height: 550px;
  display: flex;
  overflow: scroll;
}

.image-15 {
  margin-bottom: 0;
}

.text-block-87 {
  color: var(--neutral--800);
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-weight: 700;
}

.div-block-85 {
  flex: 0 auto;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  position: absolute;
  left: 88%;
}

.text-block-88 {
  color: var(--neutral--800);
  margin-bottom: -10px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}

.citysummary {
  z-index: 99999;
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: flex-start;
  margin-top: 0;
  margin-left: 5px;
  display: flex;
  position: absolute;
}

.div-block-87 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  display: flex;
}

.city_population_title {
  background-color: var(--general--shadow-02);
  min-width: auto;
  color: var(--neutral--800);
  text-align: center;
  cursor: pointer;
  border-radius: 15px;
  justify-content: flex-start;
  align-self: auto;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding: 2px 0 2px 2px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 18px;
  display: flex;
  position: static;
  left: auto;
}

.city_population_sub_div {
  z-index: 2147483647;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--general--shadow-02);
  mix-blend-mode: normal;
  border-radius: 15px;
  flex-flow: row;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  font-size: 24px;
  display: flex;
  position: static;
  inset: auto 0% 0% auto;
}

.city_population_sub_div.internet {
  background-color: var(--tan);
  color: var(--tan);
  justify-content: flex-start;
  align-items: center;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}

.city_metro_urban_div {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--general--shadow-02);
  border-radius: 20px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.city_metro_urban_div.internet {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: var(--general--shadow-02);
  color: var(--general--shadow-02);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: 0;
}

.city_metro_urban_div.cost {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  background-color: var(--general--shadow-02);
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.city_metro_population_div {
  border-radius: 0;
}

.city_metro_population_div.cel {
  display: none;
}

.city_urban_population_sub_div {
  z-index: 2147483647;
  mix-blend-mode: normal;
  background-color: #fff;
  border-radius: 15px;
  flex-flow: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  font-size: 24px;
  display: flex;
  position: static;
  inset: auto 0% 0% auto;
  box-shadow: 0 2px 5px #0003;
}

.city_urban_population_sub_div.wifi {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: var(--general--shadow-02);
  box-shadow: none;
  flex-flow: row;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 2px;
  padding-bottom: 2px;
  position: static;
  transform: translate(0);
}

.city_urban_population_sub_div.wifi.cel {
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 5px;
  padding-top: 3px;
  padding-left: 2px;
  padding-right: 2px;
  display: flex;
}

.city_urban_population_sub_div.urban {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  background-color: var(--black-transparent);
  border-radius: 8px;
  flex-flow: row;
  margin-top: 0;
  margin-left: -6px;
  margin-right: 0;
  position: relative;
}

.city_metro_population_title {
  background-color: var(--black-transparent);
  min-width: auto;
  color: var(--neutral--800);
  text-align: center;
  border-radius: 15px;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding: 5px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 12px;
  display: flex;
  position: static;
  left: auto;
}

.city_metro_population_text {
  background-color: var(--black-transparent);
  min-width: 0;
  max-width: none;
  color: var(--tan);
  text-align: center;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 2px 3px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
  display: block;
  position: static;
  box-shadow: 0 2px 5px #0003;
}

.city_metro_population_text.population {
  display: none;
}

.infosidebar_city_flag {
  aspect-ratio: auto;
  border-radius: 3px;
  order: 2;
  justify-content: center;
  align-items: center;
  min-width: 15px;
  max-width: none;
  min-height: 15px;
  max-height: 15px;
  margin-top: 0;
  margin-left: 0;
  padding: 3px;
  display: flex;
  position: static;
  left: 0;
  overflow: hidden;
  box-shadow: 0 2px 5px #0003;
}

.infosidebar_city_flag.city_list {
  display: none;
}

.climate_city_averages_sub_div-copy {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--white--100);
  min-width: 395px;
  max-width: none;
  min-height: 360px;
  color: var(--neutral--800);
  text-align: center;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 3px;
  margin-bottom: 5px;
  font-size: 24px;
  display: block;
  position: static;
  top: 425.493px;
  overflow: auto;
  box-shadow: -5px 1px 5px #0003;
}

.div-block-88 {
  background-color: var(--tan);
  min-height: 410px;
  color: var(--tan);
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  display: block;
  overflow: visible;
}

.image-11-copy.airport {
  margin-left: 5px;
}

.image-11-copy {
  max-width: 100%;
  max-height: none;
  margin: 14px 0 0 7px;
  padding-top: 3px;
  padding-right: 0;
  line-height: 16px;
  display: block;
  position: static;
  overflow: visible;
}

.image-11-copy.airport {
  max-width: none;
  margin-top: -7px;
  margin-left: -8px;
}

.image-16 {
  margin-top: 11px;
  margin-bottom: 0;
  margin-left: 11px;
}

.div-block-89 {
  background-color: #000;
  border-radius: 20px;
  min-width: 45px;
  max-width: 45px;
  min-height: 25px;
  max-height: 25px;
  box-shadow: 0 2px 5px #0003;
}

.image-17 {
  filter: invert();
  max-width: 24px;
  margin-bottom: 0;
  margin-right: 0;
  display: block;
}

.text-block-89 {
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-weight: 700;
}

.form-2 {
  background-color: var(--white--100);
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}

.success-message-2, .error-message-2 {
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}

.image-18 {
  margin-bottom: -7px;
}

.image-19 {
  filter: invert();
  min-width: 24px;
  max-width: 24px;
  margin-bottom: 0;
  padding-top: 0;
}

.image-20 {
  margin-bottom: 0;
  display: none;
}

.image-21 {
  filter: invert();
  max-width: none;
  margin-bottom: 0;
}

.text-block-90, .text-block-90-copy {
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}

.text-block-91 {
  color: var(--tan);
  justify-content: center;
  align-items: center;
  padding-left: 2px;
  padding-right: 2px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: 700;
  line-height: 10px;
  display: flex;
}

.image-22, .image-22-copy {
  max-width: 24px;
}

.image-23, .image-23-copy {
  min-width: 25px;
  max-width: 25px;
  margin-bottom: 0;
}

.image-24 {
  margin-bottom: 0;
}

.div-block-90 {
  background-color: var(--black-transparent);
  color: var(--white--100);
  border-radius: 20px;
  display: none;
  box-shadow: 0 2px 5px #0003;
}

.div-block-90.upload, .div-block-90.latency {
  display: none;
}

.image-25 {
  filter: invert();
  min-width: 25px;
  max-width: 25px;
  margin-top: 3px;
  margin-bottom: 0;
  display: block;
}

.div-block-91 {
  background-color: var(--white--100);
  border-radius: 20px;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.div-block-91.latency, .div-block-91.upload {
  background-color: var(--black-transparent);
}

.image-25-copy {
  filter: invert();
  min-width: 25px;
  max-width: 25px;
  margin-top: 3px;
  margin-bottom: 0;
}

.displayedpassportflag1 {
  margin-bottom: 0;
  margin-left: 1px;
  font-size: 16px;
  position: static;
  top: 0;
  left: 0;
}

.div-block-92 {
  margin-left: 10px;
}

.text-field-4 {
  border-radius: 20px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  box-shadow: 0 2px 5px #0003;
}

.passport_search_results {
  background-color: var(--tan);
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  min-height: 18px;
  max-height: 400px;
}

.passport_search_results.passport-results-container {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  min-width: 100%;
  min-height: 45px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  display: flex;
}

.success-message-3 {
  background-color: #ddd0;
}

.div-block-93 {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.error-message-3 {
  background-color: #ffdede00;
}

.code-embed-4 {
  z-index: 99999;
  max-height: 40px;
  margin-top: 0;
  margin-left: 0;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  display: block;
  position: static;
  top: -91px;
}

.passportsearchdiv {
  order: 3;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  display: none;
  position: static;
  inset: -2% 0% auto 2px;
}

.citysummaryairports {
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  min-width: auto;
  max-height: none;
  display: flex;
}

.loginpopupdiv {
  z-index: 9999999;
  background-color: #000000ab;
  min-width: 100%;
  max-width: 100%;
  min-height: 1800%;
  max-height: 1800%;
  display: none;
  position: absolute;
}

.image-26 {
  margin-bottom: 0;
}

.div-block-91b {
  background-color: var(--black-transparent);
  border-radius: 20px;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.nomad_spend_header {
  background-color: var(--black-transparent);
  min-width: auto;
  color: var(--tan);
  text-align: center;
  border-radius: 8px;
  margin: 0 1px 0 0;
  padding: 3px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
  display: none;
  position: static;
  left: auto;
}

.resident_spend_header {
  background-color: var(--black-transparent);
  min-width: auto;
  color: var(--tan);
  text-align: center;
  border-radius: 15px;
  margin: 0 3px 0 0;
  padding: 3px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
  display: none;
  position: static;
  left: auto;
}

.traveler_spend_header {
  background-color: var(--general--shadow-01);
  color: var(--neutral--800);
  border-radius: 15px;
  padding: 5px 7px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 12px;
  box-shadow: 0 2px 5px #0003;
}

.spend_sub_div {
  z-index: 2147483647;
  background-color: var(--black-transparent);
  mix-blend-mode: normal;
  border-radius: 8px;
  flex-flow: row;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  min-height: 28px;
  max-height: 28px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 1px;
  padding-right: 1px;
  font-size: 24px;
  display: flex;
  position: static;
  inset: auto 0% 0% auto;
  box-shadow: 0 2px 5px #0003;
}

.spend_sub_div.internet {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  background-color: var(--tan);
  padding-top: 5px;
  padding-bottom: 5px;
}

.spend_sub_div2 {
  z-index: 2147483647;
  background-color: var(--black-transparent);
  min-height: 28px;
  max-height: 28px;
  color: var(--tan);
  mix-blend-mode: normal;
  border-radius: 8px;
  flex-flow: row;
  flex: 0 auto;
  order: 1;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  margin-left: 2px;
  margin-right: 2px;
  padding-left: 0;
  font-size: 24px;
  display: none;
  position: static;
  inset: auto 0% 0% auto;
  box-shadow: 0 2px 5px #0003;
}

.spend_sub_div2.internet {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  background-color: var(--tan);
  padding-top: 5px;
  padding-bottom: 5px;
}

.traveler_spend_header-copy {
  background-color: var(--black-transparent);
  color: var(--tan);
  border-radius: 8px;
  margin-right: 0;
  padding: 3px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
  display: none;
  position: static;
}

.spend_sub_div3 {
  background-color: var(--black-transparent);
  border-radius: 8px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  min-height: 28px;
  max-height: 32px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 1.5px;
  padding-right: 0;
  display: none;
  box-shadow: 0 2px 5px #0003;
}

.internet_router_div {
  background-color: var(--general--shadow-02);
  min-width: 24px;
  min-height: 24px;
  color: var(--neutral--800);
  text-align: center;
  cursor: pointer;
  border-radius: 15px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 12px;
  display: block;
  position: static;
  left: auto;
}

.internet_cel_div {
  background-color: var(--black-transparent);
  min-width: auto;
  color: var(--neutral--800);
  text-align: center;
  border-radius: 15px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0 3px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 12px;
  display: block;
  position: static;
  left: auto;
}

.city_internet_router_speeds_div {
  z-index: 9999999;
  border-radius: 0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: static;
  top: 302.676px;
  left: 347.486px;
}

.city_metro_population_sub_div-copy {
  z-index: 2147483647;
  mix-blend-mode: normal;
  background-color: #fff;
  border-radius: 15px;
  flex-flow: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  font-size: 24px;
  display: none;
  position: static;
  inset: auto 0% 0% auto;
  box-shadow: 0 2px 5px #0003;
}

.city_metro_population_sub_div-copy.internet {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  background-color: var(--tan);
  padding-top: 5px;
  padding-bottom: 5px;
}

.city_metro_population_sub_div-copy.internet.cel {
  display: none;
}

.div-block-95 {
  background-color: var(--white--100);
  border-radius: 18px;
  position: relative;
  box-shadow: 0 2px 5px #0003;
}

.div-block-96 {
  background-color: var(--white--100);
  border-radius: 18px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}

.travel_city_info_sub_div {
  background-color: var(--tan);
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  order: 1;
  min-height: 90px;
}

.city_current_time_header {
  min-width: auto;
  color: var(--neutral--800);
  text-align: center;
  background-color: #fff;
  border-radius: 15px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 3px 7px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 12px;
  display: block;
  position: static;
  left: auto;
  box-shadow: 0 2px 5px #0003;
}

.city_time_zone_header {
  background-color: var(--black-transparent);
  min-width: auto;
  color: var(--white--100);
  text-align: center;
  border-radius: 15px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 3px 7px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 12px;
  display: block;
  position: static;
  left: auto;
  box-shadow: 0 2px 5px #0003;
}

.time_zone_text {
  min-width: 0;
  max-width: 115px;
  color: var(--white--100);
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 3px 5px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 12px;
  display: flex;
  position: static;
}

.city_time_zone_div {
  z-index: 2147483647;
  mix-blend-mode: normal;
  background-color: #fff;
  border-radius: 15px;
  flex-flow: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  font-size: 24px;
  display: block;
  position: static;
  inset: auto 0% 0% auto;
  box-shadow: 0 2px 5px #0003;
}

.city_time_zone_div.internet {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  background-color: var(--tan);
  padding-top: 5px;
  padding-bottom: 5px;
}

.city_time_zone_div.internet.cel {
  display: none;
}

.city_current_time_sub_div {
  z-index: 2147483647;
  background-color: var(--general--shadow-02);
  mix-blend-mode: normal;
  border-radius: 15px;
  flex-flow: row;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  margin-left: -5px;
  font-size: 24px;
  display: flex;
  position: static;
  inset: auto 0% 0% auto;
}

.city_current_time_sub_div.wifi {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: var(--tan);
  flex: 0 auto;
  margin-top: -1px;
  margin-bottom: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  position: static;
}

.city_current_time_sub_div.wifi.cel {
  margin-bottom: 5px;
  margin-right: 5px;
  padding-left: 2px;
  padding-right: 2px;
  display: none;
}

.city_current_time_sub_div.urban {
  margin-left: 5px;
  margin-right: 5px;
}

.city_current_time_text {
  background-color: var(--general--shadow-02);
  min-width: 80px;
  max-width: 76px;
  max-height: 20px;
  color: var(--neutral--700);
  text-align: center;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 3px 2px 3px 0;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
  display: block;
  position: static;
}

.city_metro_population_div-copy {
  border-radius: 0;
}

.city_time_zone_sub_div {
  z-index: 2147483647;
  background-color: var(--black-transparent);
  mix-blend-mode: normal;
  border-radius: 15px;
  flex-flow: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  max-width: 115px;
  margin-bottom: 5px;
  margin-left: 5px;
  margin-right: 5px;
  font-size: 24px;
  display: flex;
  position: static;
  inset: auto 0% 0% auto;
  overflow: clip;
  box-shadow: 0 2px 5px #0003;
}

.city_time_zone_sub_div.internet {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  background-color: var(--tan);
  padding-top: 5px;
  padding-bottom: 5px;
}

.city_time_zone_sub_div.internet.cel {
  display: none;
}

.city_time_zone_parent_div {
  border-radius: 0;
  margin-top: 58px;
  margin-left: 105px;
  display: none;
  position: absolute;
}

.city_current_time_div {
  border-radius: 0;
  margin-bottom: 0;
}

.city_spend_div {
  border-radius: 0;
  order: 2;
  justify-content: flex-start;
  align-items: center;
  max-height: 28px;
  display: flex;
}

.city_spend_div3 {
  order: 3;
  align-self: auto;
  max-height: 32px;
  display: flex;
}

.city_spend_div2 {
  border-radius: 0;
  order: 3;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.image-27 {
  max-width: 22px;
  min-height: 40px;
  max-height: 40px;
  margin-bottom: -12px;
  margin-right: 0;
}

.image-28 {
  max-width: none;
  min-height: 55px;
  max-height: 55px;
  margin-bottom: -7px;
}

.image-29 {
  max-width: none;
  margin-bottom: 0;
  margin-right: 0;
  padding-right: 0;
}

.text-block-92 {
  color: var(--neutral--800);
  font-family: Gill Sans Mt, sans-serif;
}

.aqi_text {
  color: var(--neutral--600);
  word-break: normal;
  margin-top: 1px;
  margin-left: 1px;
  margin-right: 2px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
}

.text-block-93 {
  margin-top: -6px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 14px;
}

.image-30 {
  color: var(--neutral--500);
  margin-bottom: 0;
  display: block;
}

.snowflake {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  display: block;
}

.image-31 {
  max-width: 18px;
  max-height: 21px;
  margin: 0;
  display: block;
}

.image-32 {
  display: block;
}

.image-33 {
  margin-bottom: 0;
}

.wind {
  filter: invert();
  margin-bottom: 0;
  display: block;
}

.text-block-94 {
  line-height: 15px;
}

.units_mode {
  z-index: 3;
  cursor: pointer;
  background-color: #fff;
  border-radius: 35px;
  order: -1;
  justify-content: center;
  align-self: auto;
  align-items: center;
  min-width: 32px;
  max-width: 32px;
  min-height: 32px;
  max-height: 32px;
  margin-top: 0;
  margin-left: 3px;
  margin-right: 0;
  padding-left: 1.5px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-weight: 700;
  display: flex;
  position: static;
  inset: 0% 0% 0;
  box-shadow: 0 4px 5px #0003;
}

.units_mode:active {
  -webkit-backdrop-filter: blur();
  backdrop-filter: blur();
  box-shadow: 0 8px 5px #4343439c;
}

.units_mode:lang(en) {
  box-shadow: 0 4px 5px #0003;
}

.windspeed_avg_text-copy {
  color: var(--neutral--800);
  order: 1;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 12px;
  display: none;
}

.image-34 {
  margin-bottom: 0;
}

.jan_to_jun {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  flex-flow: column;
  display: flex;
}

.div-block-98 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  flex-flow: column;
  margin-top: 5px;
  display: flex;
}

.city_summary_cost {
  order: 1;
  align-self: flex-start;
  margin-top: 0;
  margin-left: 0;
  display: block;
  position: static;
}

.climate_month_label {
  text-align: right;
  background-color: #fff0;
  border-radius: 10px;
  min-width: auto;
  min-height: auto;
  margin-top: 0;
  margin-left: 0;
  padding: 0 2px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 12px;
  box-shadow: 0 2px 5px #0003;
}

.climate_month_label.aqi_avg_text {
  font-size: 14px;
  line-height: 14px;
}

.climate_month_label.month_text {
  box-shadow: none;
  color: var(--neutral--500);
  word-break: break-all;
}

.tripdaterangediv {
  z-index: 2147483647;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--general--shadow-02);
  border-radius: 8px;
  flex-flow: column;
  order: 1;
  justify-content: center;
  align-items: center;
  min-width: auto;
  min-height: auto;
  max-height: 26px;
  margin: 46px 0 0 296px;
  padding-right: 0;
  display: flex;
  position: absolute;
}

.tripstartdatediv {
  border: 2px solid var(--neutral--300);
  background-color: var(--black-transparent);
  border-radius: 8px;
  width: auto;
  min-width: 40px;
  max-height: none;
  margin-left: 0;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  box-shadow: 0 2px 5px #0003;
}

.div-block-99 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--general--shadow-02);
  border-radius: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  min-width: auto;
  display: flex;
}

.div-block-100 {
  text-align: center;
  border-radius: 15px;
  min-width: 100%;
  min-height: 20px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  box-shadow: 0 2px 5px #0003;
}

.tripstartmonthabbrev {
  background-color: var(--black-transparent);
  min-width: 100%;
  max-width: 100%;
  min-height: 16px;
  max-height: 16px;
  color: var(--tan);
  text-align: center;
  border-radius: 8px;
  padding: 2px 3px 1px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
  box-shadow: 0 2px 5px #0003;
}

.tripstartdateday {
  width: auto;
  min-width: auto;
  max-width: none;
  min-height: 18px;
  max-height: 18px;
  color: var(--tan);
  text-align: center;
  padding-top: 2px;
  padding-bottom: 4px;
  padding-right: 3px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
}

.div-block-101 {
  background-color: var(--white--100);
  border-radius: 0 0 20px 20px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  min-width: 100%;
  max-width: none;
  max-height: 18px;
  padding: 2px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.tripdaterangediv-copy {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  margin-bottom: 27px;
  display: flex;
}

.tripenddatediv {
  border: 2px solid var(--neutral--300);
  background-color: var(--black-transparent);
  border-radius: 8px;
  min-width: 40px;
  max-height: none;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  box-shadow: 0 2px 5px #0003;
}

.tripendmonthabbrev {
  background-color: var(--black-transparent);
  min-width: 100%;
  max-width: 100%;
  min-height: 16px;
  max-height: 16px;
  color: var(--tan);
  text-align: center;
  border-radius: 8px;
  padding: 1px 3px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
  box-shadow: 0 2px 5px #0003;
}

.tripenddateday {
  width: auto;
  min-width: auto;
  min-height: 18px;
  max-height: 18px;
  color: var(--tan);
  text-align: center;
  padding-top: 2px;
  padding-bottom: 4px;
  padding-right: 3px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
}

.tripenddatetime, .tripstartdatetime {
  background-color: var(--white--100);
  min-width: 100%;
  max-width: none;
  max-height: none;
  color: var(--neutral--800);
  text-align: center;
  border-radius: 0 0 15px 15px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 2px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
  display: none;
  box-shadow: 0 2px 5px #0003;
}

.startdatetime {
  display: none;
}

.enddatetime {
  color: var(--neutral--800);
  display: none;
}

.tripduration {
  background-color: var(--white--100);
  border-radius: 15px;
  min-height: 18px;
  max-height: 18px;
}

.trip_duration {
  z-index: 9999999;
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  background-color: var(--black-transparent);
  min-width: 55px;
  min-height: 22px;
  max-height: 22px;
  color: var(--neutral--300);
  border-radius: 8px;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  display: none;
  position: static;
  box-shadow: 0 2px 5px #0003;
}

.summary_city_sub_div {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: var(--tan);
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  flex-flow: column;
  order: 8;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 0;
  display: flex;
}

.summary_city_sub_div1-copy {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  background-color: var(--tan);
  flex-flow: row;
  order: 8;
  justify-content: center;
  align-items: flex-start;
  margin-top: 10px;
  display: flex;
}

.click_comparison_popup_div {
  background-color: #fff;
  border-radius: 15px;
  margin-top: 24px;
  margin-left: -57px;
  display: none;
  position: relative;
  top: -99px;
  box-shadow: 0 2px 5px #0003;
}

.click_comparison_text {
  border-radius: 16px;
  padding: 3px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}

.div-block-105 {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.div-block-106 {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-end;
  min-width: auto;
  max-width: 384px;
  margin-top: -10px;
  margin-left: 2px;
  display: flex;
}

.drag-handle {
  z-index: 999999;
  background-color: var(--general--shadow-02);
  cursor: grab;
  background-image: url('../images/drag_dots.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 50%;
  order: 1;
  width: 50px;
  min-width: 50px;
  height: 35px;
  min-height: 35px;
  position: static;
}

.city-search-code-embed {
  z-index: 99999;
  max-height: 40px;
  margin-top: 0;
  margin-left: 0;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  display: block;
  position: static;
  top: -91px;
}

.city-search-container {
  z-index: 999999;
  background-color: var(--general--shadow-02);
  margin-top: 137px;
  margin-left: 418px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  display: none;
  position: absolute;
}

.search-wrapper {
  z-index: 2147483647;
  min-width: 300px;
  max-height: 40px;
  margin-top: 4px;
  margin-left: -28px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  display: block;
  position: relative;
  top: 0;
  left: 0;
}

.comparison-panels-container {
  z-index: 99;
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  pointer-events: none;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  flex-flow: row;
  order: 0;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 2520px;
  margin-top: 174px;
  margin-left: 0;
  display: flex;
  position: absolute;
}

.infosidebar_city1 {
  z-index: 99999;
  object-fit: fill;
  background-color: #fffffff2;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 420px;
  min-width: 420px;
  max-width: none;
  min-height: auto;
  margin: 140px 0 0 840px;
  padding-top: 0;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
  overflow: visible;
  box-shadow: 0 2px 5px #0003;
}

.infosidebar_city1.visa {
  margin-top: 6px;
  margin-left: -428px;
  margin-right: 0;
}

.infosidebar_city1.language {
  margin-left: -428px;
  display: flex;
}

.infosidebar_city1.comparison-panel {
  background-color: var(--general--shadow-02);
  pointer-events: auto;
  border-radius: 8px;
  order: -1;
  width: 384px;
  min-width: 384px;
  max-width: 384px;
  max-height: none;
  margin-top: 0;
  margin-left: 0;
  display: flex;
  position: static;
}

.flight_city_cost_header, .temp_avg_header_div-copy {
  z-index: 999;
  outline-offset: 0px;
  text-align: center;
  cursor: pointer;
  background-color: #fff;
  border-radius: 8px;
  outline: 0 solid #888686;
  justify-content: center;
  align-items: center;
  min-width: 40px;
  min-height: 18px;
  max-height: none;
  margin-left: 0;
  padding: 0 5px 0 14px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 12px;
  display: flex;
  position: relative;
  box-shadow: 2px 2px 5px #0003;
}

.city-search-results {
  z-index: 2147483647;
  background-color: var(--general--shadow-02);
  border-radius: 15px;
  flex-flow: column;
  margin-top: 41px;
  margin-left: 29px;
  display: flex;
  position: absolute;
  overflow: hidden;
}

.social-feed-toggle-btn {
  cursor: pointer;
  border-radius: 20px;
  order: 3;
  min-width: 32px;
  max-width: 90%;
  min-height: 100%;
  margin-bottom: 0%;
  display: block;
  box-shadow: 0 2px 5px #0000004d;
}

.social-feed-toggle-btn:hover {
  box-shadow: 0 7px 5px #0000004d;
}

.social-feed-toggle-btn:active {
  filter: invert();
  box-shadow: 0 -2px 5px #ffffff4d;
}

.social-feed-toggle-btn.selectedmodebutton {
  filter: invert();
  box-shadow: 0 -3px 5px #ffffff4d;
}

.social-feed-toggle-btn-div {
  background-color: var(--general--shadow-02);
  flex: 0 auto;
  order: 3;
  min-width: 36px;
  max-width: 10%;
  min-height: 100%;
  margin-left: 19px;
  display: none;
}

.social-feed-reel {
  z-index: 9999999;
  background-color: var(--tan);
  text-align: left;
  min-width: 440px;
  max-width: 440px;
  min-height: 800px;
  max-height: none;
  margin-top: 0;
  display: none;
  position: absolute;
  inset: 0% 0% auto;
}

.social-post-input-form {
  z-index: 99999;
  background-color: var(--neutral--300);
  justify-content: center;
  align-items: flex-start;
  width: 420px;
  height: 600px;
  margin-top: 130px;
  margin-left: 0;
  display: none;
  position: absolute;
}

.div-block-107 {
  z-index: 99999;
  background-color: #d3d3d3;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  min-width: 30px;
  max-width: 30px;
  min-height: 30px;
  max-height: 30px;
  margin-right: -394px;
  display: flex;
  position: relative;
  inset: 0% 0% auto auto;
}

.text-block-96 {
  color: var(--neutral--800);
}

.create-post-btn {
  background-color: var(--white--100);
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  min-width: 36px;
  max-width: 36px;
  min-height: 36px;
  max-height: 36px;
  display: none;
  box-shadow: 0 2px 5px #0003;
}

.text-block-97 {
  font-size: 22px;
  line-height: 22px;
}

.div-block-109 {
  justify-content: flex-start;
  align-items: center;
  margin-left: 19px;
  display: flex;
}

.social-profile-settings {
  z-index: 99999999;
  background-color: var(--tan);
  width: 343px;
  height: auto;
  color: var(--neutral--800);
  border-radius: 20px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  margin-top: 196px;
  padding-top: 11px;
  padding-bottom: 11px;
  display: none;
  position: absolute;
  inset: 0% 0% auto 33%;
  box-shadow: 0 2px 5px #0003;
}

.user_profile_avatar_div {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.user_profile_avatar {
  background-image: url('../images/passport_photo2.JPG');
  background-position: 50%;
  background-size: cover;
  border-radius: 40px;
  width: 80px;
  height: 80px;
  box-shadow: 0 2px 5px #0003;
}

.user_profile_passport {
  width: 40px;
  min-height: 20px;
  margin-top: -44px;
  margin-left: 65px;
  position: absolute;
}

.user_display_name_header {
  color: var(--neutral--800);
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  line-height: 20px;
}

.user_current_city_div {
  display: flex;
}

.user_current_city_country_flag {
  width: 30px;
  max-width: 30px;
  min-height: 15px;
  max-height: 15px;
  margin-top: 458px;
  margin-left: -246px;
  position: absolute;
}

.display_name_header {
  color: var(--neutral--800);
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 22px;
}

.user_display_name_input {
  margin-top: 14px;
}

.code-embed-5 {
  cursor: pointer;
}

.code-embed-6 {
  margin-left: 32px;
}

.close_social_profile_settings {
  z-index: 99999;
  background-color: var(--neutral--500);
  min-width: 30px;
  min-height: 30px;
  color: var(--neutral--800);
  cursor: pointer;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  margin-top: 1px;
  font-weight: 400;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
  box-shadow: 0 2px 5px #0003;
}

.image-35 {
  margin-bottom: 41px;
}

.image-36 {
  margin-bottom: -4px;
}

.infosidebar_city_pin {
  order: 2;
  max-width: 13px;
  max-height: 12px;
  margin-top: -11px;
}

.image-37 {
  max-width: 15px;
  min-height: 17px;
  margin-top: -8px;
  margin-bottom: 0;
}

.div-block-110 {
  min-width: 35px;
  min-height: 35px;
  display: block;
}

.image-38 {
  margin-bottom: 0;
}

.country_header {
  grid-column-gap: 9px;
  grid-row-gap: 9px;
  text-align: center;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  order: 1;
  justify-content: center;
  align-items: center;
  min-width: 350px;
  min-height: 35px;
  margin-left: -25px;
  display: flex;
  position: static;
  left: 68px;
}

.country_iso3_div {
  display: none;
}

.image-39 {
  margin-bottom: 0;
}

.image-40 {
  max-width: 90%;
  margin-bottom: 0;
  overflow: hidden;
}

.div-block-111 {
  min-width: 100%;
  min-height: 15px;
  max-height: 15px;
}

.social_media_buttons {
  justify-content: flex-start;
  align-items: center;
  margin-left: 19px;
  display: flex;
}

.main_mode_buttons {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: var(--white--100);
  border: 1.5px solid #000;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  order: 2;
  justify-content: flex-start;
  align-items: center;
  min-width: 85px;
  min-height: 0;
  max-height: 42px;
  margin-top: 0;
  margin-left: 6px;
  margin-right: 6px;
  padding: 2px 5px;
  display: flex;
  position: static;
}

.filtered_search_button {
  background-image: url('../images/search_button2.svg');
  background-position: 0 0;
  background-size: 36px 36px;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  min-width: 36px;
  max-width: 36px;
  min-height: 36px;
  max-height: 36px;
  display: flex;
}

.infosidebar_city_list {
  z-index: 99999;
  object-fit: fill;
  background-color: #fffffff2;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 420px;
  min-width: 420px;
  max-width: none;
  min-height: auto;
  margin: 140px 0 0 840px;
  padding-top: 0;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
  overflow: visible;
  box-shadow: 0 2px 5px #0003;
}

.infosidebar_city_list.visa {
  margin-top: 6px;
  margin-left: -428px;
  margin-right: 0;
}

.infosidebar_city_list.language {
  margin-left: -428px;
  display: flex;
}

.infosidebar_city_list.comparison-panel {
  background-color: var(--general--shadow-02);
  pointer-events: auto;
  border-radius: 15px;
  order: -1;
  width: 420px;
  max-height: none;
  margin-top: 0;
  margin-left: 0;
  display: flex;
  position: static;
}

.domestic_flights_flag {
  margin-bottom: 0;
}

.image-41 {
  margin-bottom: 0;
  padding-left: .5px;
  padding-right: .5px;
  box-shadow: 0 2px 5px #0003;
}

.image-42 {
  margin-bottom: 0;
}

.image-43 {
  display: block;
}

.sun_header_key {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  pointer-events: auto;
  order: 8;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-left: 0;
  display: flex;
}

.hours_sun_text {
  background-color: var(--white--100);
  color: var(--neutral--800);
  border-radius: 20px;
  margin-bottom: 3px;
  padding: 1px 3px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
  box-shadow: 0 2px 5px #0003;
}

.sun_intensity_text {
  background-color: var(--general--shadow-02);
  min-width: 28px;
  max-width: 45px;
  color: var(--neutral--800);
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  padding: 2px 1px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 12px;
  display: block;
}

.sun_intensity {
  z-index: 9997;
  background-color: var(--white--100);
  border-radius: 8px;
  margin-top: 0;
  margin-bottom: 0;
  position: relative;
  box-shadow: 2px 2px 5px #0003;
}

.hours_of_sun_div {
  z-index: 9999;
  background-color: var(--general--shadow-02);
  outline-offset: 0px;
  border-radius: 10px;
  outline: 0 solid #888686;
  min-width: 23px;
  margin-left: 14px;
  padding: 2px 5px;
  position: relative;
}

.sun_rain_divs {
  flex-flow: column;
  order: 1;
  justify-content: center;
  align-items: center;
  margin-top: 6px;
  margin-left: 0;
  padding-left: 0;
  display: none;
}

.sun_data_button {
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  flex: 1;
  order: -1;
  justify-content: flex-start;
  align-items: center;
  min-width: 48px;
  max-width: 48px;
  min-height: 52px;
  max-height: 52px;
  margin: -2px 0 0;
  display: flex;
  position: static;
  overflow: visible;
}

.sun_data_button.climate-instance {
  margin-top: -23px;
  margin-right: -26px;
}

.sun {
  filter: invert();
  min-width: 100%;
  min-height: 100%;
  max-height: 100%;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  display: none;
}

.image-44 {
  margin-bottom: 0;
  display: block;
}

.text-block-98 {
  color: var(--neutral--800);
  padding-left: 1px;
  padding-right: 0;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: 700;
  line-height: 11px;
  display: block;
}

.closecomparisoncity2 {
  z-index: 9999;
  background-color: var(--white--100);
  cursor: pointer;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  min-width: 30px;
  min-height: 30px;
  font-family: Gill Sans Mt, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
  display: flex;
  position: relative;
  box-shadow: 0 2px 5px #0003;
}

.climate_city_averages_sub_div-copy {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--tan);
  min-width: 384px;
  max-width: 384px;
  color: var(--neutral--800);
  text-align: center;
  border-radius: 15px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  display: flex;
  position: static;
  top: 425.493px;
  overflow: visible;
}

.image-45 {
  min-height: 0;
  max-height: 40px;
  margin-bottom: 4px;
}

.wifi_header_div {
  min-width: auto;
  color: var(--neutral--800);
  text-align: center;
  cursor: pointer;
  background-color: #fff;
  border-radius: 15px;
  justify-content: center;
  align-self: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding: 2px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 18px;
  display: flex;
  position: static;
  left: auto;
  box-shadow: 0 2px 5px #0003;
}

.city_internet_cel_speeds_div {
  border-radius: 0;
}

.wifi_symbol_div_xx {
  grid-column-gap: 65px;
  grid-row-gap: 65px;
  background-color: var(--general--shadow-02);
  width: 32px;
  min-width: auto;
  height: auto;
  color: var(--neutral--800);
  text-align: center;
  cursor: pointer;
  border-radius: 17px;
  justify-content: center;
  align-self: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding: 0;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 18px;
  display: flex;
  position: static;
  left: auto;
  transform: translate(0);
}

.closecitycomparison {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  justify-content: flex-start;
  align-items: center;
  max-width: 60px;
  display: flex;
  position: relative;
  left: -6px;
}

.closecomparisoncity {
  z-index: 9999;
  background-color: var(--white--100);
  cursor: pointer;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  min-width: 30px;
  min-height: 30px;
  font-family: Gill Sans Mt, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
  display: flex;
  position: relative;
  box-shadow: 0 2px 5px #0003;
}

.image-46 {
  min-width: 28px;
  max-width: 28px;
  min-height: 35px;
  max-height: 35px;
  margin-bottom: 0;
}

.div-block-112 {
  background-color: var(--general--shadow-02);
  filter: invert();
  cursor: pointer;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  min-width: auto;
  max-width: 20px;
  min-height: auto;
  max-height: 20px;
  margin-left: 7px;
  margin-right: 3px;
  display: flex;
}

.image-47 {
  margin-bottom: 0;
}

.div-block-113 {
  z-index: 9999999;
  background-color: var(--general--shadow-02);
  filter: invert();
  cursor: pointer;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  min-width: 28px;
  max-width: 28px;
  min-height: 35px;
  max-height: 35px;
  margin-left: 3px;
  display: flex;
  position: relative;
}

.image-48 {
  max-width: none;
  max-height: none;
  margin-bottom: 0;
}

.div-block-114 {
  z-index: 9999999;
  filter: invert();
  cursor: pointer;
  border-radius: 20px;
  min-width: 28px;
  max-width: 28px;
  min-height: 35px;
  max-height: 35px;
  margin-left: 3px;
  position: relative;
}

.image-49 {
  max-width: none;
  max-height: none;
  margin-bottom: 0;
}

.div-block-116 {
  background-color: var(--white--100);
  border-radius: 20px;
  min-width: 85px;
  min-height: 30px;
  max-height: 55px;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.text-block-99 {
  background-color: var(--white--100);
  max-width: none;
  max-height: 18px;
  color: var(--neutral--800);
  border-radius: 20px;
  flex: 0 auto;
  justify-content: space-between;
  align-items: center;
  margin-left: -8px;
  padding-left: 5px;
  padding-right: 5px;
  display: block;
  position: absolute;
  box-shadow: 0 2px 5px #0003;
}

.image-50 {
  margin-bottom: 0;
}

.image-51 {
  max-width: 45px;
  max-height: 20px;
  margin-bottom: 0;
}

.div-block-118 {
  background-color: var(--white--100);
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  min-width: 16px;
  max-width: none;
  min-height: 16px;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.text-block-100 {
  color: var(--neutral--800);
  text-align: right;
  white-space: nowrap;
  word-break: normal;
  overflow-wrap: normal;
  align-self: auto;
  padding: 2px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
}

.div-block-119 {
  justify-content: center;
  align-items: center;
  min-width: 25px;
  max-width: 25px;
  min-height: 25px;
  max-height: 25px;
  margin-left: 2px;
  margin-right: 2px;
  display: flex;
}

.image-52 {
  max-width: 20px;
  max-height: 25px;
  margin-bottom: 0;
}

.text-block-101 {
  color: var(--neutral--800);
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 20px;
}

.div-block-121 {
  background-color: var(--white--100);
  border-radius: 20px;
  flex-flow: row;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  min-width: auto;
  max-width: 200px;
  max-height: 18px;
  margin-left: 147px;
  display: flex;
  position: absolute;
}

.text-block-102 {
  color: var(--neutral--800);
  flex: 0 auto;
  display: block;
}

.text-block-103 {
  background-color: var(--white--100);
  white-space: nowrap;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  min-width: auto;
  max-width: none;
  max-height: none;
  margin-left: 218px;
  display: flex;
  position: absolute;
  overflow: visible;
  box-shadow: 0 2px 5px #0003;
}

.div-block-122 {
  background-color: var(--white--100);
  color: var(--neutral--800);
  border-radius: 20px;
  margin-left: 377px;
  padding-left: 5px;
  padding-right: 5px;
  position: absolute;
  box-shadow: 0 2px 5px #0003;
}

.text-block-104 {
  color: var(--neutral--800);
  white-space: nowrap;
  overflow-wrap: normal;
}

.text-block-105 {
  max-height: 18px;
  color: var(--neutral--800);
  justify-content: center;
  align-items: center;
  margin-left: 2px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  display: none;
}

.div-block-118-copy {
  background-color: var(--general--shadow-02);
  min-width: 12px;
  max-width: none;
  min-height: 12px;
  color: var(--neutral--800);
  text-align: center;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  font-size: 11px;
  font-weight: 700;
  line-height: 11px;
  display: flex;
}

.text-block-100-copy {
  color: var(--neutral--800);
  text-align: center;
  white-space: nowrap;
  word-break: normal;
  overflow-wrap: normal;
  padding-left: 2px;
  padding-right: 2px;
  font-size: 12px;
  font-weight: 700;
  line-height: 12px;
}

.text-block-106 {
  color: var(--neutral--800);
  font-size: 12px;
  font-weight: 700;
  line-height: 12px;
}

.all_headers_div_summary {
  z-index: 99999999;
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  background-color: var(--tan);
  border-radius: 20px;
  flex-flow: row;
  flex: 0 auto;
  order: 2;
  justify-content: flex-start;
  align-items: center;
  min-width: auto;
  max-width: none;
  max-height: 45px;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  display: flex;
  position: static;
  box-shadow: 0 2px 5px #0003;
}

.all_headers_div_summary.forecast {
  max-width: 56px;
}

.summary_city_sub_div_slideshow {
  border-radius: 0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  min-width: 384px;
  min-height: 256px;
  max-height: 261px;
  display: flex;
  overflow: visible;
}

.country_summary_data_time {
  z-index: 99999;
  grid-column-gap: 11px;
  grid-row-gap: 11px;
  background-color: var(--tan);
  min-width: auto;
  min-height: auto;
  color: var(--tan);
  text-align: center;
  border-radius: 10px;
  flex-flow: column;
  flex: 0 auto;
  order: 0;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
  position: static;
  top: 0%;
  left: 0%;
  right: 0;
  overflow: visible;
  box-shadow: 0 2px 5px #0003;
}

.country_summary_data_time.cost {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--general--shadow-02);
  box-shadow: none;
  color: var(--general--shadow-02);
  border-radius: 20px;
  margin-top: -12px;
  position: absolute;
}

.country_summary_data_time.internet {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}

.country_summary_data_time.population {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  box-shadow: none;
  margin-top: -96px;
  margin-left: 140px;
  position: relative;
}

.country_summary_data_time.current_time {
  z-index: 2147483647;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--general--shadow-02);
  min-width: auto;
  max-width: 150px;
  max-height: 24px;
  box-shadow: none;
  order: 1;
  justify-content: flex-start;
  align-items: flex-end;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  position: static;
}

.country_summary_data_cost {
  z-index: 99999;
  grid-column-gap: 11px;
  grid-row-gap: 11px;
  background-color: var(--tan);
  min-width: auto;
  min-height: auto;
  color: var(--tan);
  text-align: center;
  border-radius: 10px;
  flex-flow: column;
  flex: 0 auto;
  order: 0;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
  position: static;
  top: 0%;
  left: 0%;
  right: 0;
  overflow: visible;
  box-shadow: 0 2px 5px #0003;
}

.country_summary_data_cost.cost {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--tan);
  min-width: 32px;
  max-width: 32px;
  min-height: auto;
  max-height: none;
  box-shadow: none;
  color: var(--general--shadow-02);
  border-radius: 15px;
  flex: 0 auto;
  order: 4;
  justify-content: flex-start;
  align-self: auto;
  align-items: flex-start;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  position: static;
}

.country_summary_data_cost.internet {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}

.country_summary_data_cost.population {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  box-shadow: none;
  margin-top: -96px;
  margin-left: 140px;
  position: absolute;
}

.country_summary_data_cost.current_time {
  box-shadow: none;
  margin-top: 144px;
  margin-left: -2px;
}

.city_population_sub_div-copy {
  z-index: 2147483647;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--general--shadow-02);
  mix-blend-mode: normal;
  border-radius: 15px;
  flex-flow: row;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  font-size: 24px;
  display: flex;
  position: static;
  inset: auto 0% 0% auto;
}

.city_population_sub_div-copy.internet {
  background-color: var(--general--shadow-02);
  color: var(--general--shadow-02);
  order: 2;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-left: 0;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  display: block;
  position: static;
}

.city_internet_sub_div {
  z-index: 2147483647;
  mix-blend-mode: normal;
  background-color: #fff;
  border-radius: 15px;
  flex-flow: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  font-size: 24px;
  display: flex;
  position: static;
  inset: auto 0% 0% auto;
  box-shadow: 0 2px 5px #0003;
}

.city_internet_sub_div.wifi {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  background-color: var(--tan);
  flex-flow: row;
  flex: 0 auto;
  margin-top: -1px;
  margin-bottom: 0;
  padding-top: 2px;
  padding-bottom: 2px;
  position: static;
}

.city_internet_sub_div.wifi.cel {
  background-color: var(--black-transparent);
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 5px;
  padding-top: 3px;
  padding-left: 2px;
  padding-right: 2px;
  display: flex;
}

.city_internet_sub_div.urban {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  background-color: var(--tan);
  flex-flow: row;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  position: relative;
}

.city_summary_population {
  z-index: 99999;
  grid-column-gap: 11px;
  grid-row-gap: 11px;
  background-color: var(--tan);
  min-width: auto;
  min-height: auto;
  color: var(--tan);
  text-align: center;
  border-radius: 10px;
  flex-flow: column;
  flex: 0 auto;
  order: 0;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
  position: static;
  top: 0%;
  left: 0%;
  right: 0;
  overflow: visible;
  box-shadow: 0 2px 5px #0003;
}

.city_summary_population.cost {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--general--shadow-02);
  box-shadow: none;
  color: var(--general--shadow-02);
  border-radius: 20px;
  margin-top: 3px;
  position: absolute;
}

.city_summary_population.internet {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}

.city_summary_population.population {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  box-shadow: none;
  order: 0;
  margin-top: -1px;
  margin-left: 28px;
  position: static;
}

.city_summary_population.population.population_div {
  order: 2;
  justify-content: flex-start;
  align-self: auto;
  align-items: flex-start;
  margin-top: 0;
  margin-left: 0;
}

.city_summary_population.current_time {
  box-shadow: none;
  margin-top: 144px;
  margin-left: -2px;
}

.city_population_div {
  min-width: 75px;
  margin-top: 0;
  margin-left: 6px;
  display: block;
  position: absolute;
}

.hours_of_sun_div_summary {
  z-index: 9999;
  background-color: var(--general--shadow-02);
  outline-offset: 0px;
  border-radius: 10px;
  outline: 0 solid #888686;
  min-width: 23px;
  margin-left: 14px;
  padding: 2px 5px;
  position: relative;
}

.sun_data_button_summary {
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  flex: 1;
  order: -1;
  justify-content: flex-start;
  align-items: center;
  min-width: 41px;
  max-width: 41px;
  min-height: 52px;
  max-height: 52px;
  margin: -20px -23px 0 0;
  display: flex;
  position: static;
  overflow: visible;
}

.sun_data_button_summary.climate-instance {
  margin-top: 5px;
  margin-right: 0;
}

.sun_intensity_summary {
  z-index: 9997;
  background-color: var(--white--100);
  border-radius: 8px;
  margin-top: 0;
  margin-bottom: 0;
  display: none;
  position: relative;
  box-shadow: 2px 2px 5px #0003;
}

.sun_rain_divs_summary {
  flex-flow: column;
  order: 1;
  justify-content: center;
  align-items: center;
  margin-top: 6px;
  margin-left: 0;
  padding-left: 0;
  display: none;
}

.sun_header_key_summary {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  pointer-events: auto;
  order: 8;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-left: 0;
  display: flex;
}

.temp_avg_div_summary {
  z-index: 9999;
  outline-offset: 0px;
  background-color: #fff;
  border-radius: 10px;
  outline: 0 solid #888686;
  justify-content: center;
  align-items: center;
  min-width: 36px;
  padding: 2px 5px;
  display: none;
  position: relative;
  box-shadow: 2px 2px 5px #0003;
}

.min_temp_text_summary {
  min-width: auto;
  max-width: none;
  color: var(--neutral--800);
  border-top-left-radius: 5px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  padding: 1px 2px 2px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 18px;
  display: block;
}

.max_temp_text_summary {
  min-width: auto;
  max-width: none;
  color: var(--neutral--800);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  justify-content: center;
  align-items: center;
  padding: 2px 2px 1px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 21px;
  font-weight: 700;
  line-height: 21px;
  display: flex;
}

.climate_month_header_summary {
  background-color: var(--tan);
  pointer-events: auto;
  text-align: right;
  white-space: normal;
  word-break: normal;
  border-radius: 6px;
  order: 1;
  min-width: auto;
  max-width: none;
  min-height: auto;
  margin-top: 0;
  margin-left: 0;
  padding: 0 2px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 12px;
  box-shadow: 0 2px 5px #0003;
}

.climate_month_header_summary.aqi_avg_text {
  font-size: 14px;
  line-height: 14px;
}

.climate_month_header_summary.month_text {
  max-width: 35px;
  box-shadow: none;
  color: var(--neutral--400);
  text-align: center;
  word-break: break-all;
  border-radius: 6px;
  font-size: 14px;
  line-height: 14px;
}

.climate_month_label_summary {
  text-align: right;
  background-color: #fff0;
  border-radius: 10px;
  min-width: auto;
  min-height: auto;
  margin-top: 0;
  margin-left: 0;
  padding: 0 2px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 12px;
  box-shadow: 0 2px 5px #0003;
}

.climate_month_label_summary.aqi_avg_text {
  font-size: 14px;
  line-height: 14px;
}

.climate_month_label_summary.month_text {
  background-color: var(--tan);
  box-shadow: none;
  color: var(--neutral--700);
  word-break: break-all;
  padding-top: 4px;
  padding-bottom: 4px;
}

.rain_data_divs_summary {
  background-color: var(--tan);
  border-radius: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: -29px;
  margin-bottom: 0;
  margin-left: 59px;
  padding: 2px;
  display: none;
  position: absolute;
  box-shadow: 0 2px 5px #0003;
}

.rain_days_div_summary {
  z-index: 9999;
  background-color: var(--tan);
  outline-offset: 0px;
  min-width: 42px;
  max-width: 42px;
  min-height: auto;
  max-height: 48px;
  color: var(--white--100);
  border-radius: 8px;
  outline: 0 solid #888686;
  justify-content: center;
  align-items: center;
  margin-top: 6px;
  padding: 1px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  display: block;
  position: static;
}

.rain_days_div_summary.fcst {
  min-width: auto;
  margin-top: -4px;
  margin-left: -14px;
  padding-left: 3px;
  padding-right: 0;
  position: static;
}

.rain_days_text_summary {
  color: var(--neutral--800);
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
}

.rain_days_tag_summary {
  color: var(--neutral--800);
  padding-left: 1px;
  padding-right: 0;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: 700;
  line-height: 11px;
}

.rain_total_div_summary {
  z-index: 99999999;
  background-color: var(--tan);
  color: var(--neutral--800);
  border-radius: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: -64px;
  margin-left: -8px;
  display: none;
  position: absolute;
  box-shadow: 2px 2px 5px #0003;
}

.rain_total_text_summary {
  min-width: 35px;
  max-width: 40px;
  color: var(--neutral--800);
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  padding: 1px 2px 2px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: 700;
  line-height: 11px;
  display: block;
  position: static;
}

.snow_header_key_summary {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  pointer-events: auto;
  order: 5;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-left: 0;
  display: flex;
}

.snow_data_button_summary {
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  flex: 1;
  order: -1;
  justify-content: center;
  align-items: center;
  min-width: 0;
  max-width: 54px;
  min-height: 0;
  max-height: 54px;
  margin: 7px 0 0;
  display: flex;
  position: static;
  overflow: visible;
}

.snow_data_divs_summary {
  flex-flow: column;
  order: 1;
  justify-content: center;
  align-items: center;
  margin-top: -81px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  display: flex;
}

.snow_days_div_summary {
  z-index: 2147483647;
  background-color: var(--tan);
  outline-offset: 0px;
  border-radius: 10px;
  outline: 0 solid #888686;
  justify-content: center;
  align-items: center;
  min-width: 35px;
  padding: 2px 3px;
  display: none;
  position: absolute;
  box-shadow: 2px 2px 5px #0003;
}

.snow_days_div_summary.fcst {
  min-width: auto;
  padding-right: 0;
}

.snow_total_div2_summary {
  z-index: 9997;
  background-color: var(--white--100);
  border-radius: 8px;
  margin-top: 34px;
  margin-bottom: 0;
  display: none;
  position: absolute;
  box-shadow: 2px 2px 5px #0003;
}

.aqi_header_key-copy {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  pointer-events: auto;
  order: 7;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  display: flex;
}

.snow_days_tag_summary {
  color: var(--neutral--800);
  padding-left: 1px;
  padding-right: 0;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: 700;
  line-height: 11px;
}

.image-53, .image-54 {
  margin-bottom: 0;
  display: block;
}

.image-55 {
  margin-bottom: 0;
}

.rain_days_div-copy.fcst {
  z-index: 999999999;
  border-radius: 8px;
  min-width: auto;
  margin-top: -4px;
  margin-left: -14px;
  padding-left: 2px;
  padding-right: 0;
  position: absolute;
}

.rain_days_div-copy {
  z-index: 9999;
  background-color: var(--tan);
  outline-offset: 0px;
  min-width: 35px;
  min-height: auto;
  max-height: none;
  color: var(--white--100);
  border-radius: 10px;
  outline: 0 solid #888686;
  justify-content: flex-start;
  align-items: center;
  margin-top: -3px;
  margin-left: -93px;
  padding: 1px;
  display: flex;
  position: absolute;
  box-shadow: 2px 2px 5px #0003;
}

.rain_days_div-copy.fcst {
  min-width: auto;
  margin-top: -4px;
  margin-left: -14px;
  padding-left: 3px;
  padding-right: 0;
  position: static;
}

.image-56, .image-57 {
  margin-bottom: 0;
}

.city_col_categories {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-color: var(--tan);
  min-width: auto;
  max-width: 383.989px;
  color: var(--tan);
  flex-flow: column;
  margin-top: 4px;
  margin-bottom: 4px;
  padding-top: 5px;
  padding-bottom: 5px;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.text-block-107 {
  color: var(--neutral--800);
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 20px;
}

.image-59 {
  margin-top: 1px;
  margin-bottom: 3px;
}

.div-block-124 {
  background-color: var(--tan);
}

.city_col_filter {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--tan);
  cursor: auto;
  justify-content: space-between;
  align-items: center;
  min-width: 384px;
  max-width: 383.989px;
  min-height: 40px;
  max-height: 50px;
  display: flex;
}

.col_filter_icon {
  order: 1;
  width: auto;
  min-width: 16px;
  max-width: 32px;
  height: auto;
  min-height: 16px;
  max-height: 24px;
  margin-top: -6px;
  margin-left: 10px;
  margin-right: 5px;
  display: flex;
}

.image-60 {
  max-width: none;
  margin-bottom: 0;
}

.col_filter_header {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  justify-content: flex-start;
  align-items: center;
  margin-left: 0;
  display: flex;
}

.user_spend_profile {
  max-width: none;
  max-height: none;
  color: var(--neutral--800);
  text-align: center;
  flex: 1;
  order: 3;
  margin-right: 2px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
}

.col_filter_scope {
  justify-content: center;
  align-items: center;
  margin-left: 0;
  display: flex;
}

.col_filter_scope_icon {
  flex-flow: column;
  order: 2;
  justify-content: center;
  align-items: center;
  min-width: 16px;
  max-width: 16px;
  min-height: 16px;
  max-height: 16px;
  display: flex;
}

.col_filter_scope_description {
  color: var(--neutral--800);
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-style: normal;
  line-height: 16px;
}

.image-61 {
  margin-bottom: 0;
}

.col_filter_scope_location {
  color: var(--neutral--800);
  padding-left: 2px;
  padding-right: 2px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 16px;
  font-style: normal;
  line-height: 16px;
}

.col_total_cost {
  background-color: var(--white--100);
  max-width: none;
  color: var(--neutral--800);
  border-radius: 15px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-weight: 700;
  line-height: 16px;
  box-shadow: 0 2px 5px #0003;
}

.col_overall_spend_total {
  color: var(--neutral--800);
  margin-left: 0;
  padding: 5px;
  font-size: 22px;
  line-height: 22px;
}

.col_filter_flag_icon {
  border-radius: 8px;
  min-width: 16px;
  max-width: 24px;
  min-height: auto;
  max-height: 16px;
  margin-left: 5px;
  margin-right: 5px;
}

.image-62 {
  margin-bottom: 0;
  margin-left: 2px;
  margin-right: 2px;
}

.city_col_total {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  order: 3;
  justify-content: flex-start;
  align-items: center;
  min-width: 150px;
  max-width: 150px;
  min-height: 28px;
  margin-left: 5px;
  margin-right: 5px;
  display: flex;
}

.city_col_total_cost_header {
  margin-right: -2px;
}

.text-block-112 {
  color: var(--neutral--800);
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-weight: 700;
}

.image-63 {
  margin-bottom: 0;
  padding: 3px;
}

.col_filter_icon_button {
  background-color: var(--white--100);
  border-radius: 15px;
  justify-content: center;
  align-items: center;
  min-width: 28px;
  max-width: 28px;
  min-height: 28px;
  max-height: 28px;
  margin-top: -54px;
  margin-left: 0;
  display: flex;
  position: absolute;
  box-shadow: 0 2px 5px #0003;
}

.col_filter_icon_button._2 {
  margin-left: 35px;
  display: flex;
}

.airport_icon {
  max-width: 30px;
  margin-bottom: 0;
  display: block;
}

.cost_city_col_sub_div_settings {
  background-color: var(--tan);
  flex-flow: column;
  max-width: 384px;
  display: flex;
}

.cost_of_living_breakdown_settings {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  background-color: var(--tan);
  flex-flow: column;
  min-width: 100%;
  min-height: 300px;
  display: flex;
}

.item_inputs_row1 {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  display: flex;
}

.item_inputs_row2 {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.item1_input_description {
  display: flex;
}

.text-block-114, .text-block-115 {
  color: var(--neutral--800);
}

.body-3 {
  background-color: var(--navy-blue);
}

.div-block-125 {
  order: -9999;
}

.div-block-126 {
  flex-flow: row;
  order: 1;
  display: flex;
}

.country_summary_cities_list_div {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--tan);
  object-fit: fill;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  flex-flow: column;
  order: 2;
  min-width: 100%;
  max-width: 100%;
  min-height: auto;
  max-height: 500px;
  display: flex;
  overflow: auto;
}

.infosidebar_city1-copy {
  z-index: 99999;
  object-fit: fill;
  background-color: #fffffff2;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 420px;
  min-width: 420px;
  max-width: none;
  min-height: auto;
  margin: 140px 0 0 840px;
  padding-top: 0;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
  overflow: visible;
  box-shadow: 0 2px 5px #0003;
}

.infosidebar_city1-copy.visa {
  margin-top: 6px;
  margin-left: -428px;
  margin-right: 0;
}

.infosidebar_city1-copy.language {
  margin-left: -428px;
  display: flex;
}

.infosidebar_city1-copy.comparison-panel {
  background-color: var(--general--shadow-02);
  pointer-events: auto;
  border-radius: 15px;
  order: -1;
  width: 384px;
  min-width: 384px;
  max-width: 384px;
  max-height: none;
  margin-top: 0;
  margin-left: 0;
  display: flex;
  position: static;
}

.div-block-127 {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.subcategory_header {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  text-align: center;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.div-block-128 {
  min-width: 20px;
  max-width: 25px;
  min-height: 20px;
  max-height: 25px;
  display: none;
}

.image-64 {
  margin-bottom: 0;
  overflow: visible;
}

.subcategory-drag-handle {
  min-width: 30px;
  max-width: 29.9978px;
}

.div-block-129 {
  cursor: grab;
  background-image: url('../images/drag_dots.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 62%;
  min-width: 30px;
  max-width: 30px;
  min-height: 30px;
  max-height: 100%;
}

.category_drag-handle {
  background-color: var(--tan);
  cursor: grab;
  background-image: url('../images/drag_dots.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 62%;
  border-radius: 11px;
  min-width: 30px;
  max-width: 30px;
  min-height: 30px;
  max-height: 100%;
}

.div-block-130 {
  z-index: 2147483647;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  order: 5;
  justify-content: flex-start;
  align-items: center;
  min-width: 80px;
  max-height: none;
  margin-top: 0;
  margin-right: 0;
  display: flex;
  position: relative;
}

.image-66 {
  margin-bottom: 0;
}

.clock_icon {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  max-width: 20px;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: -6px;
  display: none;
}

.div-block-131 {
  min-width: 14px;
  min-height: 18px;
  max-height: 36px;
}

.city_summary_col_nomad {
  background-color: var(--black-transparent);
  min-width: 0;
  max-width: none;
  color: var(--tan);
  text-align: center;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 2px 3px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
  display: none;
  position: static;
  box-shadow: 0 2px 5px #0003;
}

.city_summary_population_icons_xx {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  min-width: 14px;
  max-width: 70px;
  min-height: 18px;
  max-height: 48px;
  display: none;
}

.city_summary_col_nomad_xx {
  justify-content: center;
  align-items: center;
  min-width: 25px;
  max-width: none;
  max-height: 25px;
  margin-left: 3px;
  display: flex;
}

.city_summary_col_reside {
  background-color: var(--black-transparent);
  min-width: 0;
  max-width: none;
  color: var(--tan);
  text-align: center;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 2px 3px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
  display: none;
  position: static;
  box-shadow: 0 2px 5px #0003;
}

.city_summary_col_reside.population {
  display: none;
}

.city_summary_col_travel {
  background-color: var(--black-transparent);
  color: var(--white--100);
  border-radius: 8px;
  justify-content: center;
  align-items: flex-start;
  padding: 3px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
  display: none;
  box-shadow: 0 2px 5px #0003;
}

.city_summary_col_travel_xx {
  justify-content: center;
  align-items: center;
  min-width: 25px;
  max-height: 25px;
  margin-left: 3px;
  display: flex;
}

.city_summary_col_reside_xx {
  justify-content: center;
  align-items: center;
  min-width: 25px;
  max-width: none;
  max-height: 25px;
  margin-left: 3px;
  display: flex;
}

.div-block-132 {
  background-color: var(--tan);
  border-radius: 20px;
  min-width: 35px;
  max-width: 35px;
  min-height: 35px;
  max-height: 35px;
  display: none;
  box-shadow: 0 2px 5px #0003;
}

.div-block-113-copy {
  z-index: 9999999;
  background-color: var(--general--shadow-02);
  filter: invert();
  cursor: pointer;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  min-width: auto;
  max-width: 20px;
  min-height: auto;
  max-height: 20px;
  margin-left: 7px;
  display: flex;
  position: relative;
}

._114-copy {
  z-index: 9999999;
  filter: invert();
  cursor: pointer;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  min-width: auto;
  max-width: 20px;
  min-height: auto;
  max-height: 20px;
  margin-left: 7px;
  margin-right: 3px;
  display: flex;
  position: relative;
}

.minimizecity2 {
  z-index: 9999;
  background-color: var(--white--100);
  cursor: pointer;
  border-radius: 20px;
  justify-content: center;
  align-self: auto;
  align-items: center;
  min-width: 30px;
  min-height: 30px;
  padding-bottom: 0;
  font-family: Gill Sans Mt, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 18px;
  display: flex;
  position: relative;
  box-shadow: 0 2px 5px #0003;
}

.minimizecountry {
  z-index: 9999;
  background-color: var(--white--100);
  cursor: pointer;
  border-radius: 20px;
  justify-content: center;
  align-self: auto;
  align-items: center;
  min-width: 30px;
  min-height: 30px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 18px;
  display: flex;
  position: relative;
  box-shadow: 0 2px 5px #0003;
}

.infosidebarmenu {
  z-index: 9999;
  background-color: var(--white--100);
  cursor: pointer;
  border-radius: 20px;
  order: 1;
  justify-content: center;
  align-self: auto;
  align-items: center;
  min-width: 30px;
  min-height: 30px;
  margin-left: 5px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 18px;
  display: flex;
  position: static;
  box-shadow: 0 2px 5px #0003;
}

.image-67 {
  margin-bottom: 0;
}

.div-block-133, .div-block-134 {
  order: 5;
}

.image-68 {
  margin-bottom: 0;
}

.infosidebar_city4 {
  z-index: 99999;
  object-fit: fill;
  background-color: #fffffff2;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 420px;
  min-width: 420px;
  max-width: none;
  min-height: auto;
  margin: 140px 0 0 840px;
  padding-top: 0;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
  overflow: visible;
  box-shadow: 0 2px 5px #0003;
}

.infosidebar_city4.visa {
  margin-top: 6px;
  margin-left: -428px;
  margin-right: 0;
}

.infosidebar_city4.language {
  margin-left: -428px;
  display: flex;
}

.infosidebar_city4.comparison-panel {
  background-color: var(--general--shadow-02);
  pointer-events: auto;
  border-radius: 15px;
  order: -1;
  width: 384px;
  min-width: 384px;
  max-width: 384px;
  max-height: none;
  margin-top: 0;
  margin-left: 0;
  display: none;
  position: static;
}

.infosidebar_city3 {
  z-index: 99999;
  object-fit: fill;
  background-color: #fffffff2;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 420px;
  min-width: 420px;
  max-width: none;
  min-height: auto;
  margin: 140px 0 0 840px;
  padding-top: 0;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
  overflow: visible;
  box-shadow: 0 2px 5px #0003;
}

.infosidebar_city3.visa {
  margin-top: 6px;
  margin-left: -428px;
  margin-right: 0;
}

.infosidebar_city3.language {
  margin-left: -428px;
  display: flex;
}

.infosidebar_city3.comparison-panel {
  background-color: var(--general--shadow-02);
  pointer-events: auto;
  border-radius: 8px;
  order: -1;
  width: 384px;
  min-width: 384px;
  max-width: 384px;
  max-height: none;
  margin-top: 0;
  margin-left: 0;
  display: none;
  position: static;
}

.infosidebar_city2 {
  z-index: 99999;
  object-fit: fill;
  background-color: #fffffff2;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 420px;
  min-width: 420px;
  max-width: none;
  min-height: auto;
  margin: 140px 0 0 840px;
  padding-top: 0;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
  overflow: visible;
  box-shadow: 0 2px 5px #0003;
}

.infosidebar_city2.visa {
  margin-top: 6px;
  margin-left: -428px;
  margin-right: 0;
}

.infosidebar_city2.language {
  margin-left: -428px;
  display: flex;
}

.infosidebar_city2.comparison-panel {
  background-color: var(--general--shadow-02);
  pointer-events: auto;
  text-align: center;
  border-radius: 8px;
  order: -1;
  width: 384px;
  min-width: 384px;
  max-width: 384px;
  max-height: none;
  margin-top: 0;
  margin-left: 0;
  display: none;
  position: static;
}

.image-69 {
  margin-bottom: 0;
}

.text-block-116 {
  color: var(--tan);
  text-align: center;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 3px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-weight: 700;
  line-height: 18px;
}

.text-block-117 {
  color: var(--tan);
  text-align: center;
  padding-right: 3px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 14px;
}

.tripcitystats {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  line-height: 18px;
  display: flex;
}

.tripdatestosymbol {
  color: var(--tan);
  justify-content: center;
  align-items: flex-end;
  margin-left: -8px;
  margin-right: -8px;
  padding-left: 0;
  display: flex;
}

.tripmodebutton {
  background-color: var(--general--shadow-02);
  border-radius: 20px;
  width: 32px;
  height: 32px;
  box-shadow: 0 2px 5px #0003;
}

.image-70 {
  margin-bottom: 0;
}

.image-71 {
  margin-bottom: 0;
}

.image-72 {
  border-radius: 20px;
  margin-bottom: 0;
  padding-bottom: 1px;
}

.comparisonmodebutton {
  border-radius: 20px;
  min-width: 32px;
  max-width: 32px;
  min-height: 32px;
  max-height: 32px;
  box-shadow: 0 2px 5px #0003;
}

.image-73 {
  margin-bottom: 0;
}

.image-74 {
  border-radius: 20px;
  margin-bottom: 0;
}

.homemodebutton {
  min-width: 35px;
  max-width: 35px;
  min-height: 35px;
  max-height: 35px;
  display: none;
}

.image-75 {
  border-radius: 20px;
  margin-bottom: 0;
}

.image-76 {
  max-width: 70%;
  margin-bottom: 0;
}

.col_total_timeframe_text {
  color: var(--neutral--800);
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}

.text-block-118 {
  color: var(--tan);
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 16px;
  display: none;
}

.all_headers_div_forecast_summary {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--tan);
  border-radius: 20px;
  flex-flow: row;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  min-width: 384px;
  max-width: 384px;
  max-height: 52px;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 4px;
  display: none;
  box-shadow: 0 2px 5px #0003;
}

.all_headers_div_forecast_summary.forecast {
  max-width: 384px;
}

.col_settings_button {
  background-color: var(--white--100);
  cursor: pointer;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  min-width: 28px;
  max-width: 28px;
  min-height: 28px;
  max-height: 28px;
  margin-top: -54px;
  margin-left: 31px;
  display: none;
  position: absolute;
  box-shadow: 0 2px 5px #0003;
}

.col_settings_button._2 {
  margin-left: 35px;
  display: flex;
}

.open_user_spend_profile {
  background-color: var(--white--100);
  cursor: pointer;
  border-radius: 8px;
  order: 0;
  justify-content: center;
  align-items: center;
  min-width: 28px;
  max-width: 28px;
  min-height: 28px;
  max-height: 28px;
  margin-top: -54px;
  margin-left: 0;
  display: none;
  position: absolute;
  box-shadow: 0 2px 5px #0003;
}

.open_user_spend_profile._2 {
  margin-left: 35px;
  display: flex;
}

.temp_avg_header_div-copy {
  z-index: 999;
  outline-offset: 0px;
  text-align: center;
  cursor: pointer;
  background-color: #fff;
  border-radius: 8px;
  outline: 0 solid #888686;
  justify-content: center;
  align-items: center;
  min-width: 40px;
  max-width: 40px;
  min-height: 18px;
  max-height: 22px;
  margin-left: 0;
  padding: 0 5px 0 14px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 12px;
  display: flex;
  position: relative;
  overflow: visible;
  box-shadow: 2px 2px 5px #0003;
}

.temp_max_header_div-copy {
  z-index: 999999;
  text-align: center;
  cursor: pointer;
  background-color: #fff;
  border-radius: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-left: 9px;
  display: none;
  position: relative;
  box-shadow: 2px -1px 5px #0003;
}

.country_summary_country_tmin-copy {
  min-width: 35px;
  max-width: 40px;
  color: var(--neutral--800);
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  padding: 1px 2px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
  display: none;
}

.country_summary_city_tavg_text-copy {
  max-width: 40px;
  max-height: 18px;
  color: var(--neutral--800);
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
  display: flex;
}

.temp_max_header_div-copy {
  z-index: 999999;
  background-color: var(--general--shadow-02);
  text-align: center;
  cursor: pointer;
  border-radius: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-left: 9px;
  display: none;
  position: relative;
}

.infosidebar_city_results {
  z-index: 43;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-radius: 15px;
  flex-flow: column;
  order: 1;
  justify-content: flex-start;
  align-items: center;
  width: 400px;
  min-width: 400px;
  max-width: none;
  height: auto;
  min-height: auto;
  max-height: none;
  margin-top: 0;
  margin-left: -42px;
  display: flex;
  position: static;
  inset: 0% auto auto 0%;
  overflow: visible;
  box-shadow: 0 2px 5px #0003;
}

.infosidebar_city_results.comparison-panel {
  z-index: 2147483647;
  max-height: none;
  position: static;
  overflow: scroll;
}

.city_results_summary_div {
  background-color: var(--tan);
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  flex-flow: column;
  flex: 0 auto;
  order: 4;
  min-width: auto;
  max-width: none;
  min-height: auto;
  display: flex;
  overflow: visible;
}

.city_results_summary_div.filters {
  background-color: var(--neutral--700);
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  justify-content: flex-start;
  align-items: flex-end;
  min-width: 400px;
  max-width: 400px;
  min-height: auto;
}

.city_results_summary_button {
  cursor: pointer;
  border-radius: 20px;
  order: 3;
  min-width: 90%;
  max-width: 90%;
  min-height: 100%;
  margin-bottom: 10%;
  display: block;
  box-shadow: 0 2px 5px #0000004d;
}

.city_results_summary_button:hover {
  box-shadow: 0 7px 5px #0000004d;
}

.city_results_summary_button:active {
  filter: invert();
  box-shadow: 0 -2px 5px #ffffff4d;
}

.city_results_summary_button.selectedmodebutton {
  filter: invert();
  box-shadow: 0 -3px 5px #ffffff4d;
}

.city_results_summary_list_sub_btn {
  cursor: pointer;
  background-color: #000;
  border-radius: 15px;
  align-self: center;
  margin-left: 0;
  padding-left: 15px;
  padding-right: 15px;
  box-shadow: 0 2px 5px #0003;
}

.city_results_summary_list_sub_btn:hover {
  box-shadow: 0 7px 5px #0003;
}

.city_results_summary_list_div {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--tan);
  object-fit: fill;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  flex-flow: column;
  order: 2;
  max-height: none;
  display: flex;
  overflow: visible;
}

.city_results_summary_list_div.filters {
  background-color: var(--neutral--700);
  max-width: 400px;
  padding-left: 0;
  padding-right: 0;
}

.city_results_summary_other_sub_btn {
  cursor: pointer;
  background-color: #000;
  border-radius: 20px;
  box-shadow: 0 2px 5px #0003;
}

.city_results_summary_other_sub_btn:hover {
  box-shadow: 0 7px 5px #0003;
}

.city_results_summary_other_div {
  order: 3;
}

.city_results_cost_button {
  cursor: pointer;
  border-radius: 20px;
  order: 3;
  min-width: 90%;
  max-width: 90%;
  min-height: 100%;
  margin-bottom: 10%;
  display: block;
  box-shadow: 0 2px 5px #0000004d;
}

.city_results_cost_button:hover {
  box-shadow: 0 7px 5px #0000004d;
}

.city_results_cost_button:active {
  filter: invert();
  box-shadow: 0 -2px 5px #ffffff4d;
}

.city_results_cost_button.selectedmodebutton {
  filter: invert();
  box-shadow: 0 -3px 5px #ffffff4d;
}

.city_results_cost_button_div {
  background-color: var(--general--shadow-02);
  flex: 0 auto;
  order: 5;
  min-width: 10%;
  max-width: 10%;
  min-height: 100%;
}

.city_results_summary_button_div {
  background-color: var(--general--shadow-02);
  pointer-events: auto;
  flex: 0 auto;
  order: 7;
  min-width: 10%;
  max-width: 10%;
  min-height: 100%;
}

.city_results_cost_div {
  background-color: var(--tan);
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  order: 6;
  justify-content: center;
  align-items: center;
  min-width: 100%;
  display: block;
}

.city_results_cost_div.filters {
  background-color: var(--neutral--700);
}

.city_results_cost_sub_btn {
  cursor: pointer;
  background-color: #000;
  border-radius: 15px;
  align-self: center;
  margin-left: 0;
  padding-left: 15px;
  padding-right: 15px;
  box-shadow: 0 2px 5px #0003;
}

.city_results_cost_sub_btn:hover {
  box-shadow: 0 7px 5px #0003;
}

.city_results_cost_sub_div {
  z-index: 99999;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--tan);
  text-align: center;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  flex-flow: wrap;
  flex: 1;
  order: 0;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-self: center;
  align-items: center;
  min-width: 100%;
  margin-top: 5px;
  margin-bottom: 5px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  display: flex;
  position: static;
  top: 0%;
  left: 0%;
  right: 0;
  overflow: visible;
}

.city_results_cost_sub_div.filters {
  background-color: var(--neutral--700);
}

.city_results_cost_sub_btn_text {
  color: var(--white--100);
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 700;
}

.city_results_cost_taxes_sub_btn {
  cursor: pointer;
  background-color: #000;
  border-radius: 15px;
  padding-left: 10px;
  padding-right: 10px;
  display: block;
  box-shadow: 0 2px 5px #0003;
}

.city_results_cost_taxes_sub_btn:hover {
  box-shadow: 0 7px 5px #0003;
}

.cost_immigrate_submenu, .city_results_cost_submenu {
  grid-column-gap: 11px;
  grid-row-gap: 11px;
  background-color: var(--tan);
  justify-content: center;
  align-items: center;
  max-height: 40px;
  display: flex;
}

.city_results_cost_submenu.filters {
  background-color: var(--neutral--700);
}

.city_results_cost_taxes_sub_div {
  background-color: var(--tan);
}

.city_results_cost_taxes_sub_div.filters {
  background-color: var(--neutral--700);
}

.city_results_climate_button {
  cursor: pointer;
  border-radius: 20px;
  order: 3;
  min-width: 90%;
  max-width: 90%;
  min-height: 100%;
  margin-bottom: 10%;
  display: block;
  box-shadow: 0 2px 5px #0000004d;
}

.city_results_climate_button:hover {
  box-shadow: 0 7px 5px #0000004d;
}

.city_results_climate_button:active {
  filter: invert();
  box-shadow: 0 -2px 5px #ffffff4d;
}

.city_results_climate_button.selectedmodebutton {
  filter: invert();
  box-shadow: 0 -3px 5px #ffffff4d;
}

.city_results_climate_button_div {
  background-color: var(--general--shadow-02);
  flex: 0 auto;
  order: 3;
  min-width: 36px;
  max-width: 10%;
  min-height: 100%;
}

.city_results_climate_div {
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  order: 7;
  min-width: 100%;
  display: block;
}

.city_results_climate_sub_menu {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  background-color: var(--tan);
  justify-content: center;
  align-items: center;
  max-height: 40px;
  display: flex;
}

.city_results_climate_sub_menu.filters {
  background-color: var(--neutral--700);
  justify-content: center;
  align-items: center;
  min-width: 100%;
}

.city_results_climate_sub_btn {
  cursor: pointer;
  background-color: #000;
  border-radius: 15px;
  align-self: center;
  margin-left: 0;
  padding-left: 15px;
  padding-right: 15px;
  box-shadow: 0 2px 5px #0003;
}

.city_results_climate_sub_btn:hover {
  box-shadow: 0 7px 5px #0003;
}

.city_results_climate_sub_btn_text {
  color: var(--white--100);
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 700;
}

.city_results_climate_sub_div {
  background-color: var(--tan);
  justify-content: center;
  align-items: center;
  display: flex;
}

.city_results_climate_sub_div.filters {
  background-color: var(--neutral--700);
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  min-width: 100%;
}

.city_results_climate_forecast_sub_btn {
  cursor: pointer;
  background-color: #000;
  border-radius: 20px;
  padding-left: 10px;
  padding-right: 10px;
  box-shadow: 0 2px 5px #0003;
}

.city_results_climate_forecast_sub_btn:hover {
  box-shadow: 0 7px 5px #0003;
}

.city_results_climate_forecast_sub_btn_text {
  color: var(--white--100);
  padding-left: 0;
  padding-right: 0;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 700;
}

.city_results_climate_forecast_sub_div {
  background-color: var(--tan);
}

.city_results_climate_forecast_sub_div.filters {
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  width: 100%;
}

.city_results_country_button {
  cursor: pointer;
  border-radius: 20px;
  order: 3;
  min-width: 90%;
  max-width: 90%;
  min-height: 100%;
  margin-bottom: 10%;
  display: block;
  box-shadow: 0 2px 5px #0000004d;
}

.city_results_country_button:hover {
  box-shadow: 0 7px 5px #0000004d;
}

.city_results_country_button:active {
  filter: invert();
  box-shadow: 0 -2px 5px #ffffff4d;
}

.city_results_country_button.selectedmodebutton {
  filter: invert();
  box-shadow: 0 -3px 5px #ffffff4d;
}

.city_results_country_div {
  background-color: var(--tan);
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  order: 8;
  min-width: 100%;
}

.city_results_country_div.filters {
  background-color: var(--neutral--700);
}

.city_results_country_submenu {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-color: var(--tan);
  max-height: 40px;
  color: var(--white--100);
  justify-content: center;
  align-items: center;
  display: flex;
}

.city_results_country_submenu.filters {
  background-color: var(--neutral--700);
  min-width: 100%;
}

.city_results_country_visa_sub_btn {
  cursor: pointer;
  background-color: #000;
  border-radius: 15px;
  align-self: center;
  margin-left: 0;
  padding-left: 15px;
  padding-right: 15px;
  box-shadow: 0 2px 5px #0003;
}

.city_results_country_visa_sub_btn:hover {
  box-shadow: 0 7px 5px #0003;
}

.city_results_country_visa_sub_btn_text {
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 700;
}

.city_results_country_visa_sub_div {
  background-color: var(--tan);
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  min-width: 100%;
  margin-top: 7px;
}

.city_results_country_visa_sub_div.filters {
  background-color: var(--neutral--700);
}

.city_results_country_demographics_sub_btn {
  cursor: pointer;
  background-color: #000;
  border-radius: 15px;
  align-self: center;
  margin-left: 0;
  padding-left: 3px;
  padding-right: 3px;
  box-shadow: 0 2px 5px #0003;
}

.city_results_country_demographics_sub_btn:hover {
  box-shadow: 0 7px 5px #0003;
}

.city_results_country_demographics_sub_btn_text {
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 700;
}

.city_results_country_demographics_sub_div {
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  min-width: 100%;
  margin-top: 5px;
  display: block;
}

.city_results_country_demographics_subsub_menu {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  background-color: var(--tan);
  justify-content: center;
  align-items: center;
  max-height: 40px;
  display: flex;
}

.city_results_country_demographics_subsub_menu.filters {
  background-color: var(--neutral--700);
}

.city_results_country_demographics_subsub1_btn {
  cursor: pointer;
  background-color: #000;
  border-radius: 15px;
  align-self: center;
  margin-left: 0;
  padding-left: 15px;
  padding-right: 15px;
  box-shadow: 0 2px 5px #0003;
}

.city_results_country_demographics_subsub1_btn:hover {
  box-shadow: 0 7px 5px #0003;
}

.city_results_country_demographics_subsub1_btn_text {
  color: var(--white--100);
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 700;
}

.city_results_country_demopgrahics_subsub2_btn_text {
  color: var(--white--100);
  padding-left: 0;
  padding-right: 0;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 700;
}

.city_results_country_demopgrahics_subsub2_btn {
  cursor: pointer;
  background-color: #000;
  border-radius: 20px;
  align-self: center;
  min-width: 70px;
  padding-left: 10px;
  padding-right: 10px;
  box-shadow: 0 2px 5px #0003;
}

.city_results_country_demopgrahics_subsub2_btn:hover {
  box-shadow: 0 7px 5px #0003;
}

.city_results_country_demographics_subsub1_div {
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}

.city_results_flights_button {
  cursor: pointer;
  border-radius: 20px;
  flex: 0 auto;
  order: 2;
  align-self: auto;
  min-width: 90%;
  max-width: 90%;
  min-height: 100%;
  margin-bottom: 10%;
  display: block;
  position: static;
  box-shadow: 0 2px 5px #0000004d;
}

.city_results_flights_button:hover {
  box-shadow: 0 7px 5px #0000004d;
}

.city_results_flights_button:active {
  filter: invert();
  box-shadow: 0 -2px 5px 2px #ffffff4d;
}

.city_results_flights_button.selectedmodebutton {
  filter: invert();
  box-shadow: 0 -3px 5px #ffffff4d;
}

.city_results_flights_button_div {
  background-color: var(--general--shadow-02);
  flex: 0 auto;
  order: 2;
  min-width: 10%;
  max-width: 10%;
}

.city_results_country_button_div {
  background-color: var(--general--shadow-02);
  flex: 0 auto;
  order: 4;
  min-width: 10%;
  max-width: 10%;
  min-height: 100%;
}

.city_results_flights_div {
  order: 9;
}

.city_results_flights_div.filters {
  background-color: var(--neutral--700);
  min-width: 400px;
  max-width: 100%;
}

.city_results_flights_sub_btn {
  cursor: pointer;
  background-color: #000;
  border-radius: 15px;
  align-self: center;
  margin-left: 0;
  padding-left: 15px;
  padding-right: 15px;
  box-shadow: 0 2px 5px #0003;
}

.city_results_flights_sub_btn:hover {
  box-shadow: 0 7px 5px #0003;
}

.city_results_flights_airports_sub_btn {
  cursor: pointer;
  background-color: #000;
  border-radius: 20px;
  box-shadow: 0 2px 5px #0003;
}

.city_results_flights_airports_sub_btn:hover {
  box-shadow: 0 7px 5px #0003;
}

.city_results_flights_sub_div {
  background-color: var(--neutral--700);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  min-width: 100%;
  max-width: none;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.city_results_flights_airports_sub_div {
  min-width: 100%;
}

.minimizecityresults1 {
  z-index: 9999;
  background-color: var(--white--100);
  cursor: pointer;
  border-radius: 20px;
  justify-content: center;
  align-self: auto;
  align-items: center;
  min-width: 30px;
  min-height: 30px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 18px;
  display: flex;
  position: relative;
  box-shadow: 0 2px 5px #0003;
}

.city_results_country_demopgrahics_subsub2_btn-copy {
  cursor: pointer;
  background-color: #000;
  border-radius: 20px;
  align-self: center;
  min-width: 70px;
  padding-left: 10px;
  padding-right: 10px;
  box-shadow: 0 2px 5px #0003;
}

.city_results_country_demopgrahics_subsub2_btn-copy:hover {
  box-shadow: 0 7px 5px #0003;
}

.city_results_country_demopgrahics_subsub2_div {
  cursor: pointer;
  background-color: #000;
  border-radius: 20px;
  align-self: center;
  min-width: 70px;
  padding-left: 10px;
  padding-right: 10px;
  box-shadow: 0 2px 5px #0003;
}

.city_results_country_demopgrahics_subsub2_div:hover {
  box-shadow: 0 7px 5px #0003;
}

.image-77 {
  margin-bottom: 0;
}

.summary_list_spend_profile_div {
  background-color: var(--tan);
  object-fit: fill;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: center;
  max-width: none;
  height: 26px;
  max-height: 30px;
  margin-top: -22px;
  margin-left: -1px;
  margin-right: -40px;
  padding-left: 6px;
  padding-right: 6px;
  display: none;
  position: absolute;
  inset: 0% 0% auto auto;
  overflow: visible;
  box-shadow: 0 2px 5px #0003;
}

.summary_list_spend_profile_icon {
  min-width: 24px;
  max-width: none;
  min-height: 24px;
  max-height: 24px;
}

.summary_list_spend_profile_name {
  color: var(--neutral--800);
  word-break: normal;
  flex: 1;
  order: 2;
  margin-left: 5px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 700;
  display: block;
}

.image-78 {
  max-height: Infinity% ;
  max-width: none;
  margin-bottom: 0;
  display: block;
}

.text-block-119 {
  color: var(--neutral--800);
}

.text-block-120 {
  font-weight: 700;
}

.text-block-121, .text-block-122, .text-block-123, .text-block-124 {
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}

.infosidebar_country_flag {
  background-color: var(--general--shadow-02);
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 26px;
  max-width: none;
  height: 25.996px;
  min-height: 26px;
  max-height: 26px;
  margin-top: 0;
  margin-left: 0;
  padding: 3px;
  display: block;
  position: static;
  left: 0;
  overflow: hidden;
}

.main_tripdaterangediv {
  z-index: 2147483647;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--general--shadow-02);
  border-radius: 8px;
  flex-flow: row;
  order: 3;
  justify-content: center;
  align-items: center;
  min-width: auto;
  min-height: 44px;
  max-height: 44px;
  margin: 0 8px;
  padding-right: 0;
  display: flex;
  position: static;
}

.infosidebar_city_filters {
  z-index: 43;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  object-fit: fill;
  border-radius: 15px;
  flex-flow: column;
  order: 1;
  justify-content: flex-start;
  align-items: center;
  width: 400px;
  min-width: 400px;
  max-width: none;
  height: auto;
  min-height: auto;
  max-height: none;
  margin-top: 0;
  margin-left: 0;
  display: flex;
  position: static;
  inset: 0% auto auto 0%;
  overflow: visible;
  box-shadow: 0 2px 5px #0003;
}

.infosidebar_city_filters.comparison-panel {
  z-index: 2147483647;
  max-height: none;
  position: static;
  overflow: scroll;
}

.city_filters_shell {
  cursor: auto;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  min-width: auto;
  max-width: 400px;
  height: auto;
  max-height: none;
  margin-top: 8px;
  margin-left: 0;
  margin-right: auto;
  display: none;
  position: absolute;
  inset: 79% 0% auto 40%;
  overflow: visible;
}

.city_results_shell {
  flex-flow: column;
  order: 1;
  width: 400px;
  height: 36px;
  margin-top: 4px;
  margin-left: 0;
  display: flex;
  position: static;
  overflow: hidden;
}

.city_results_summary_data_button_div {
  background-color: var(--general--shadow-02);
  pointer-events: auto;
  flex: 0 auto;
  order: 1;
  min-width: 10%;
  max-width: 10%;
  min-height: 100%;
}

.city_results_summary_data_button {
  cursor: pointer;
  border-radius: 20px;
  order: 3;
  min-width: 90%;
  max-width: 90%;
  min-height: 100%;
  margin-bottom: 10%;
  display: block;
  box-shadow: 0 2px 5px #0000004d;
}

.city_results_summary_data_button:hover {
  box-shadow: 0 7px 5px #0000004d;
}

.city_results_summary_data_button:active {
  filter: invert();
  box-shadow: 0 -2px 5px #ffffff4d;
}

.city_results_summary_data_button.selectedmodebutton {
  filter: invert();
  box-shadow: 0 -3px 5px #ffffff4d;
}

.sync_containers {
  z-index: 9999;
  background-color: var(--white--100);
  cursor: pointer;
  border-radius: 20px;
  justify-content: center;
  align-self: auto;
  align-items: center;
  min-width: 30px;
  min-height: 30px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 18px;
  display: flex;
  position: relative;
  box-shadow: 0 2px 5px #0003;
}

.image-79 {
  max-width: none;
  margin-bottom: 0;
}

.div-block-135 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  border: 1px solid #000;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  min-width: 84px;
  max-width: 84px;
  min-height: 38px;
  max-height: 38px;
  margin-top: 0;
  display: flex;
}

.active_buttons_control_div {
  order: 3;
  justify-content: flex-start;
  align-items: center;
  min-width: 60px;
  min-height: 43px;
  max-height: 43px;
  display: flex;
}

.div-block-136 {
  z-index: 99999999;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  order: 6;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  display: flex;
  position: relative;
}

.col_filter_header_and_scope_div {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: column;
  order: 2;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  display: flex;
}

.user_spend_profile_div {
  justify-content: flex-start;
  align-items: center;
  min-width: 234px;
  max-width: 234px;
  display: flex;
}

.image-80 {
  margin-bottom: 0;
}

@media screen and (min-width: 1280px) {
  .header-wrapper {
    min-width: auto;
    min-height: auto;
    padding-bottom: 5px;
  }

  .html-embed-2 {
    min-height: 100%;
    margin-top: 141px;
    margin-bottom: 10px;
  }

  .selectlocation {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .section-2 {
    justify-content: flex-start;
    align-items: stretch;
    min-width: 100vw;
    max-width: none;
    min-height: 100vh;
    max-height: none;
    position: relative;
  }

  .location-popup-window {
    display: flex;
  }

  .location-popup {
    justify-content: flex-start;
    align-items: stretch;
    display: none;
  }

  .div-block-29.citybutton {
    margin-left: 14px;
    margin-right: 14px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .infowindowbar {
    z-index: 3;
    justify-content: flex-start;
    align-items: flex-start;
    min-width: 100%;
    margin-top: 6px;
    display: flex;
    position: absolute;
    top: 0%;
    overflow: visible;
  }

  .infosidebar {
    margin-top: 0;
    margin-left: -428px;
  }

  .sidebarheader2 {
    margin-left: 0;
  }

  .extendinfobar {
    margin-top: 106px;
  }

  .mapsearch {
    border-top-right-radius: 35px;
    border-bottom-right-radius: 35px;
    min-height: 30px;
    max-height: 30px;
    margin-top: -218px;
    margin-left: 448px;
    top: 18%;
  }

  .code-embed {
    top: 0;
  }

  .musemaps_redblue {
    min-width: 150px;
    min-height: auto;
    top: 1.3958%;
  }

  .directions-container {
    min-height: 120px;
    max-height: 400px;
    margin-top: 139px;
    margin-left: 18px;
    display: none;
    position: absolute;
    top: 0%;
    overflow: visible;
  }

  .directions-control {
    max-width: 400px;
    min-height: 82px;
    max-height: 82px;
    overflow: hidden;
  }

  .close-directions {
    margin-top: 0;
    top: auto;
    left: auto;
  }

  .routedir {
    margin-top: 0;
    margin-left: 0;
    display: none;
    top: 0%;
    bottom: 0;
    left: 0%;
  }

  .toggleroute {
    margin-top: 299px;
  }

  .set-destination {
    background-color: #fff;
    background-image: url('../images/MaxMapsRedandblack.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 80% 80%;
    border-top-right-radius: 35px;
    border-bottom-right-radius: 35px;
    min-width: 30px;
    min-height: 30px;
    max-height: 30px;
    margin-left: 0;
    margin-right: 0;
    position: absolute;
    inset: 0% auto auto 82%;
    overflow: visible;
  }

  .mapbox-directions-step-list {
    min-height: 0;
    max-height: 400px;
    overflow: scroll;
  }

  .origin-suggestions {
    z-index: 999;
    background-color: var(--general--shadow-01);
    margin-top: 90px;
    margin-bottom: -46px;
    position: absolute;
  }

  .destination-suggestions {
    z-index: 9999999;
    margin-top: 125px;
  }

  .calendar_show {
    margin-left: 0;
    margin-right: 0;
  }

  .date_tab_shortcuts {
    z-index: 99;
    background-color: var(--tan);
    display: none;
  }

  .loginstatus {
    z-index: 999;
  }

  .accountmenu {
    z-index: 9999;
    display: none;
  }

  .closeaccountmenu {
    z-index: 2147483647;
    width: 30px;
    max-width: 30px;
    height: 30px;
    max-height: 30px;
    margin-top: 0;
    inset: 0% 0% auto auto;
  }

  .infosidebar_country {
    margin-top: 0;
    margin-left: 0;
  }

  .infosidebar_language, .infosidebar_visa, .infosidebar_venues {
    margin-top: 0;
    margin-left: -428px;
  }

  .mode_buttons {
    min-height: 50px;
    max-height: 50px;
  }

  .tax_div {
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
  }

  .income_taxes_sub_btn {
    padding-left: 5px;
    padding-right: 5px;
  }

  .tax_submenu {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }

  .sales_taxes_sub_btn {
    padding-left: 5px;
    padding-right: 5px;
  }

  .climate_city_dates_sub_div {
    display: block;
  }

  .climate_city_averages_sub_div {
    border-radius: 8px;
  }

  .all_headers_div {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    background-color: var(--tan);
    color: var(--neutral--800);
    border-radius: 20px;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    position: static;
    overflow: visible;
  }

  .snow_header_key, .wind_header_key {
    display: none;
  }

  .humidity_data_button {
    position: static;
    left: 0;
  }

  .humidity_header_key {
    justify-content: flex-start;
    align-items: center;
  }

  .country_summary_data.cost {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: center;
    margin-top: 0;
    position: static;
  }

  .citysummary {
    margin-top: 5px;
    margin-left: 5px;
  }

  .city_population_sub_div {
    grid-column-gap: 3px;
    grid-row-gap: 3px;
  }

  .city_population_sub_div.internet {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
  }

  .city_urban_population_sub_div.wifi {
    padding-top: 2px;
  }

  .city_urban_population_sub_div.wifi.cel {
    padding-top: 2px;
    padding-bottom: 2px;
  }

  .code-embed-4 {
    z-index: 99999999;
    margin-top: 0;
    margin-left: 0;
    top: -89px;
  }

  .spend_sub_div2, .spend_sub_div3 {
    display: none;
  }

  .city_spend_div3, .city_spend_div2 {
    display: flex;
  }

  .snowflake {
    display: block;
  }

  .city_summary_cost {
    margin-top: 0;
  }

  .tripdaterangediv, .summary_city_sub_div {
    display: block;
  }

  .div-block-102, .div-block-103 {
    grid-column-gap: 36px;
    grid-row-gap: 36px;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .div-block-104 {
    background-color: var(--white--100);
    border-radius: 20px;
    justify-content: center;
    align-items: center;
    min-width: 150px;
    height: 80px;
    margin-top: -116px;
    margin-left: 12px;
    display: block;
    position: absolute;
    box-shadow: 0 2px 5px #0003;
  }

  .text-block-95 {
    padding-top: 0;
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 22px;
    font-weight: 400;
    line-height: 24px;
  }

  .click_comparison_popup {
    background-color: var(--white--100);
    border-radius: 20px;
    justify-content: center;
    align-items: center;
    min-width: 150px;
    height: 80px;
    margin-top: -116px;
    margin-left: 12px;
    display: block;
    position: absolute;
    box-shadow: 0 2px 5px #0003;
  }

  .click_comparison_popup_div {
    background-color: var(--white--100);
    border-radius: 20px;
    justify-content: center;
    align-items: center;
    min-width: auto;
    height: auto;
    margin-top: -146px;
    margin-left: 12px;
    display: none;
    position: absolute;
    box-shadow: 0 2px 5px #0003;
  }

  .click_comparison_text {
    padding: 9px;
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 22px;
    font-weight: 400;
    line-height: 24px;
  }

  .div-block-106 {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    justify-content: space-between;
    align-items: center;
  }

  .city-search-code-embed {
    z-index: 99999999;
    margin-top: 0;
    margin-left: 0;
    top: -89px;
  }

  .city-search-container {
    margin-top: 3px;
    margin-left: 382px;
    display: block;
    position: absolute;
  }

  .search-wrapper {
    z-index: 99999999;
    margin-top: 0;
    margin-left: 0;
    top: 0;
  }

  .comparison-panels-container {
    flex-flow: row;
    justify-content: flex-start;
    align-items: flex-start;
    margin-left: 0;
    display: flex;
    position: absolute;
  }

  .infosidebar_city1 {
    z-index: 99999999;
    margin-top: 140px;
    margin-left: 840px;
  }

  .infosidebar_city1.comparison-panel {
    margin-top: 0;
    margin-left: 0;
  }

  .city-search-results {
    background-color: var(--general--shadow-02);
  }

  .infosidebar_city_list {
    z-index: 99999999;
    margin-top: 140px;
    margin-left: 840px;
  }

  .infosidebar_city_list.comparison-panel {
    margin-top: 0;
    margin-left: 0;
  }

  .sun_header_key {
    display: flex;
  }

  .hours_sun_text {
    padding-bottom: 1px;
  }

  .sun_rain_divs {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .sun_data_button {
    margin-right: -29px;
  }

  .sun {
    display: none;
  }

  .closecomparisoncity2 {
    font-weight: 700;
  }

  .climate_city_averages_sub_div-copy {
    border-radius: 8px;
  }

  .closecomparisoncity {
    font-weight: 700;
  }

  .text-block-105 {
    margin-left: 3px;
  }

  .all_headers_div_summary {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    background-color: var(--tan);
    color: var(--neutral--800);
    border-radius: 20px;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    position: static;
    overflow: visible;
  }

  .country_summary_data_time.cost {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: center;
    margin-top: 0;
    position: static;
  }

  .country_summary_data_time.current_time {
    margin-top: 0;
    margin-left: -2px;
  }

  .country_summary_data_cost.cost {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: center;
    margin-top: 22px;
    margin-left: 0;
    position: static;
  }

  .city_population_sub_div-copy {
    grid-column-gap: 3px;
    grid-row-gap: 3px;
  }

  .city_population_sub_div-copy.internet {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
    margin-top: 0;
    margin-left: 0;
  }

  .city_internet_sub_div.wifi {
    padding-top: 2px;
  }

  .city_internet_sub_div.wifi.cel {
    padding-top: 2px;
    padding-bottom: 2px;
  }

  .city_summary_population.cost {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: center;
    margin-top: 0;
    position: static;
  }

  .city_summary_population.population {
    margin-top: 3px;
    margin-left: 244px;
  }

  .city_summary_population.population.population_div {
    margin-top: 0;
    margin-left: 1px;
  }

  .sun_data_button_summary {
    margin-right: -29px;
  }

  .sun_rain_divs_summary {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .sun_header_key_summary, .snow_header_key_summary {
    display: flex;
  }

  .infosidebar_city1-copy {
    z-index: 99999999;
    margin-top: 140px;
    margin-left: 840px;
  }

  .infosidebar_city1-copy.comparison-panel {
    margin-top: 0;
    margin-left: 0;
  }

  .subcategory_header {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: center;
  }

  .div-block-128 {
    min-width: 30px;
    max-width: 30px;
    min-height: 30px;
  }

  .subcategory-drag-handle {
    background-image: url('../images/drag_dots.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 29.9978px;
    max-width: 30px;
    height: 30px;
    min-height: 30px;
    max-height: 30px;
    display: block;
  }

  .image-65 {
    margin-bottom: 0;
  }

  .div-block-129, .category_drag-handle {
    background-image: url('../images/drag_dots.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 24px 18px;
    min-width: 30px;
    max-width: 30px;
    min-height: 30px;
    max-height: 30px;
  }

  .div-block-130 {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .div-block-113-copy {
    margin-right: 3px;
  }

  .minimizecity2, .minimizecountry, .infosidebarmenu {
    font-weight: 700;
  }

  .infosidebar_city4 {
    z-index: 99999999;
    margin-top: 140px;
    margin-left: 840px;
  }

  .infosidebar_city4.comparison-panel {
    margin-top: 0;
    margin-left: 0;
  }

  .infosidebar_city3 {
    z-index: 99999999;
    margin-top: 140px;
    margin-left: 840px;
  }

  .infosidebar_city3.comparison-panel {
    margin-top: 0;
    margin-left: 0;
  }

  .infosidebar_city2 {
    z-index: 99999999;
    margin-top: 140px;
    margin-left: 840px;
  }

  .infosidebar_city2.comparison-panel {
    margin-top: 0;
    margin-left: 0;
  }

  .all_headers_div_forecast_summary {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    background-color: var(--tan);
    color: var(--neutral--800);
    border-radius: 20px;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    position: static;
    overflow: visible;
  }

  .city_results_summary_div {
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    min-height: auto;
  }

  .city_results_country_div {
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
  }

  .city_results_country_submenu {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }

  .city_results_country_demographics_sub_btn {
    padding-left: 5px;
    padding-right: 5px;
  }

  .minimizecityresults1 {
    font-weight: 700;
  }

  .main_tripdaterangediv {
    display: flex;
  }

  .city_filters_shell {
    margin-top: 21px;
    display: none;
    left: 42%;
  }

  .sync_containers {
    font-weight: 700;
  }
}

@media screen and (min-width: 1440px) {
  .page-wrapper {
    background-color: var(--tan);
    margin-top: 0;
    display: block;
  }

  .grid-2-columns.style---styleguide-wrapper {
    grid-template-columns: .3fr 1fr;
  }

  .grid-2-columns.form {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .style---typography-block-grid {
    grid-template-columns: minmax(auto, 380px) .8fr;
  }

  .style---dropdown-toggle {
    padding-top: 28px;
    padding-bottom: 28px;
    font-size: 20px;
    line-height: 20px;
  }

  .style---dropdown-link-sidebar {
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 18px;
    line-height: 20px;
  }

  .style---dropdown-link-icon-sidebar {
    border-radius: 12px;
    max-width: 46px;
    margin-right: 14px;
  }

  .style---logo-wrapper {
    justify-content: center;
    display: flex;
  }

  .style---logo-sidebar {
    max-width: 260px;
  }

  .container-default {
    margin-bottom: -8px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .section.main-posts, .section.bg-neutral-800 {
    display: none;
  }

  .header-wrapper {
    justify-content: flex-start;
    align-items: stretch;
    min-width: auto;
    display: block;
  }

  .blog-card-bg-container.dark {
    padding-left: 18px;
    padding-right: 18px;
  }

  .html-embed-2 {
    justify-content: flex-start;
    align-items: flex-start;
    min-height: 100%;
    margin-top: 140px;
    margin-bottom: 10px;
    display: block;
    position: absolute;
    inset: 0% auto auto 0%;
  }

  .text-block-5 {
    z-index: 9998;
    justify-content: flex-start;
    align-items: center;
    display: block;
    position: absolute;
  }

  .selectlocation {
    order: 1;
  }

  .filterbutton {
    cursor: pointer;
  }

  .filter-popup {
    display: none;
  }

  .filter-popup-window {
    inset: 0% auto auto 0%;
  }

  .section-2 {
    min-width: 100vw;
    max-width: none;
    min-height: 100vh;
    margin-top: 0;
    position: relative;
  }

  .location-popup-window {
    z-index: 999;
    background-color: #fff;
    border: 1px #000;
    border-radius: 25px;
    min-width: 20vw;
    min-height: 20vh;
    margin-top: 0;
    display: block;
    position: absolute;
    inset: 0% auto auto 0%;
  }

  .close-locpopup-button {
    background-color: #dcdcdc;
    margin-top: -17px;
    margin-left: -40px;
    margin-right: 65px;
  }

  .location-popup {
    background-color: #ffffff63;
    margin-top: 12px;
    display: none;
  }

  .infowindowbar {
    z-index: 3;
    background-color: var(--tan);
    justify-content: flex-start;
    align-items: flex-start;
    min-width: 100%;
    min-height: 170px;
    max-height: none;
    margin-top: 0;
    display: flex;
    position: absolute;
    overflow: visible;
  }

  .div-block-30 {
    background-color: #ffffff03;
    min-width: 5px;
    min-height: 5px;
    margin-bottom: -73px;
  }

  .closeinfobar {
    margin-left: 442px;
  }

  .infosidebar {
    margin-top: 0;
  }

  .sidebarbutton {
    z-index: 9;
  }

  .div-block-35 {
    display: flex;
    left: 0%;
  }

  .mapsearch {
    margin-top: 5px;
    top: 14%;
    right: 1116px;
  }

  .code-embed {
    cursor: text;
  }

  .musemaps_redblue {
    min-width: 200px;
  }

  .directions-container {
    min-height: 120px;
    max-height: 400px;
    margin-top: 143px;
    display: none;
    inset: 0% auto auto 0%;
    overflow: visible;
  }

  .directions-control {
    max-width: 400px;
  }

  .close-directions {
    order: 5;
    min-width: 0;
    margin: 0 -33px auto auto;
    position: absolute;
    inset: 0% 0% auto auto;
  }

  .custom-traffic.profile-button.custom-pressed, .custom-cycling.profile-button.custom-pressed, .custom-walking.profile-button.custom-pressed {
    filter: invert(0%);
  }

  .toggleroute {
    margin-top: 293px;
  }

  .origin-suggestions {
    margin-top: -39px;
    position: absolute;
  }

  .destination-suggestions {
    margin-top: 1px;
    position: absolute;
    overflow: visible;
  }

  .calendar_show {
    left: 78%;
  }

  .date_tab_shortcuts {
    background-color: var(--tan);
  }

  .accountmenu {
    display: none;
  }

  .infosidebar_country {
    margin-top: 0;
    margin-left: 0;
  }

  .infosidebar_language, .infosidebar_visa, .infosidebar_venues {
    margin-top: 0;
  }

  .climate_city_dates_sub_btn_text {
    padding-left: 2px;
    padding-right: 2px;
  }

  .all_headers_div {
    background-color: var(--tan);
  }

  .snow_header_key, .wind_header_key {
    display: flex;
  }

  .rain_days_div {
    background-color: var(--general--shadow-02);
  }

  .country_summary_city_cost_text {
    font-size: 18px;
    line-height: 18px;
  }

  .citysummary {
    z-index: 9999999;
    margin-top: 5px;
    margin-left: 0;
  }

  .city_population_sub_div, .city_metro_urban_div {
    border-radius: 8px;
  }

  .city_urban_population_sub_div.urban {
    margin-left: 0;
  }

  .city_summary_cost {
    margin-top: 2px;
    margin-left: 4px;
  }

  .city-search-container {
    z-index: 99999999;
    margin-left: 408px;
    display: block;
    position: absolute;
  }

  .search-wrapper {
    z-index: 2147483647;
    position: absolute;
    top: 0;
  }

  .comparison-panels-container {
    z-index: 9999;
    flex-flow: row;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 174px;
    margin-left: 0;
    display: flex;
    position: absolute;
  }

  .infosidebar_city1 {
    margin-top: 140px;
  }

  .infosidebar_city1.comparison-panel {
    order: -1;
    margin-top: 0;
    margin-left: 0;
    position: static;
  }

  .city-search-results {
    z-index: 2147483647;
    background-color: var(--tan);
    margin-left: 30px;
    position: absolute;
  }

  .infosidebar_city_list {
    margin-top: 140px;
  }

  .infosidebar_city_list.comparison-panel {
    order: -1;
    margin-top: 0;
    margin-left: 0;
    position: static;
  }

  .text-block-100 {
    font-size: 18px;
    line-height: 18px;
  }

  .all_headers_div_summary {
    background-color: var(--tan);
    flex-flow: row;
  }

  .country_summary_data_time.current_time {
    margin-top: 0;
    margin-left: -2px;
  }

  .country_summary_data_cost.cost {
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 22px;
    margin-left: 2px;
    position: static;
  }

  .city_summary_population.population {
    min-height: auto;
    max-height: none;
    margin-top: 29px;
    margin-left: 238px;
  }

  .city_population_div {
    min-width: 80px;
    min-height: 24px;
    max-height: none;
  }

  .snow_header_key_summary {
    display: flex;
  }

  .text-block-113 {
    color: var(--neutral--800);
  }

  .cost_of_living_breakdown_settings {
    flex-flow: column;
  }

  .item_inputs_row1 {
    flex-flow: row;
    display: flex;
  }

  .item_inputs_row2 {
    display: flex;
  }

  .text-block-114, .text-block-115 {
    color: var(--neutral--800);
  }

  .infosidebar_city1-copy {
    margin-top: 140px;
  }

  .infosidebar_city1-copy.comparison-panel {
    order: -1;
    margin-top: 0;
    margin-left: 0;
    position: static;
  }

  .div-block-130 {
    margin-left: 5px;
  }

  .infosidebar_city4 {
    margin-top: 140px;
  }

  .infosidebar_city4.comparison-panel {
    order: -1;
    margin-top: 0;
    margin-left: 0;
    position: static;
  }

  .infosidebar_city3 {
    margin-top: 140px;
  }

  .infosidebar_city3.comparison-panel {
    order: -1;
    margin-top: 0;
    margin-left: 0;
    position: static;
  }

  .infosidebar_city2 {
    margin-top: 140px;
  }

  .infosidebar_city2.comparison-panel {
    order: -1;
    margin-top: 0;
    margin-left: 0;
    position: static;
  }

  .all_headers_div_forecast_summary {
    background-color: var(--tan);
  }

  .infosidebar_city_results {
    margin-top: 0;
    margin-left: 0;
  }

  .city_results_climate_forecast_sub_btn_text, .city_results_country_demopgrahics_subsub2_btn_text {
    padding-left: 2px;
    padding-right: 2px;
  }

  .main_tripdaterangediv {
    position: static;
  }

  .infosidebar_city_filters {
    margin-top: 0;
    margin-left: 0;
  }

  .city_filters_shell {
    margin-left: 3px;
    display: none;
    left: 42%;
  }
}

@media screen and (min-width: 1920px) {
  .page-wrapper {
    margin-top: 0;
  }

  .style---heading {
    padding-left: 6vw;
    padding-right: 6vw;
  }

  .style---content-wrapper {
    padding-left: 8vw;
    padding-right: 8vw;
  }

  .container-default {
    min-height: 120px;
    margin-top: -3px;
    margin-bottom: 0;
    display: flex;
  }

  .section.main-posts {
    padding-top: 50px;
    padding-bottom: 167px;
    display: none;
  }

  .section.bg-neutral-800 {
    display: none;
  }

  .header-wrapper {
    z-index: 3;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 8px;
    padding-bottom: 0;
    position: relative;
    left: -4px;
  }

  .checkout-col-right {
    position: sticky;
    top: 24px;
  }

  .html-embed-2 {
    justify-content: flex-start;
    align-items: flex-start;
    width: auto;
    height: auto;
    min-height: 100vh;
    margin-top: 158px;
    display: block;
    position: absolute;
    inset: 0% auto auto 0%;
  }

  .selectlocation {
    min-height: 44px;
    max-height: 44px;
  }

  .div-block-2 {
    max-width: 80%;
    display: flex;
  }

  .button-2 {
    cursor: pointer;
  }

  .filter-popup {
    display: none;
    inset: 0% 0% auto;
  }

  .filter-popup-window {
    inset: 0% auto auto 0%;
  }

  .section-2 {
    background-color: var(--general--shadow-02);
    background-image: none;
    min-height: 100vh;
    margin-left: 0;
    position: relative;
    left: 0;
  }

  .location-popup-window {
    cursor: pointer;
    display: block;
  }

  .text-block-14 {
    cursor: auto;
  }

  .location-popup {
    display: none;
  }

  .infowindowbar {
    background-color: var(--tan);
    border: 1px #000;
    border-radius: 0;
    justify-content: flex-start;
    align-items: flex-start;
    min-width: 95%;
    max-height: none;
    margin-top: -1px;
  }

  .closeinfobar {
    margin-top: 79px;
  }

  .infosidebar {
    margin-top: 0;
    margin-left: -428px;
    top: 0%;
    left: 0%;
    right: 0%;
  }

  .sidebarimage {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 0;
  }

  .sidebarheader.visa {
    border-radius: 8px;
  }

  .sidebarbutton {
    min-width: 45px;
    max-width: 45px;
  }

  .div-block-35 {
    margin-top: 6px;
    margin-left: -3px;
    margin-right: 8px;
    inset: 3% 0% auto -6px;
  }

  .div-block-36 {
    margin-left: -5px;
    margin-right: 2%;
    left: 0;
    right: 0%;
  }

  .mapsearch {
    margin-top: -259px;
    inset: 14% auto auto 57%;
  }

  .code-embed {
    right: -17px;
  }

  .musemaps_redblue {
    margin-top: -9px;
    margin-bottom: 43px;
    margin-left: 72px;
    position: absolute;
    top: 11px;
    left: -1%;
  }

  .directions-container {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    min-height: 120px;
    margin-top: 190px;
    margin-right: 578px;
    display: none;
    inset: 0% auto auto 0%;
  }

  .directions-control {
    max-width: 400px;
    margin-top: 12px;
  }

  .close-directions {
    margin-top: 0;
    margin-right: -31px;
    position: absolute;
    inset: 0% 0% auto auto;
  }

  .origin-suggestions {
    flex: 1;
    margin-top: 88px;
    margin-bottom: 0;
    display: flex;
    position: absolute;
  }

  .destination-suggestions {
    z-index: 99999;
    flex: 1;
    margin-top: 125px;
  }

  .visa_layers {
    left: 79%;
  }

  .map {
    z-index: 1;
  }

  .trip_duration2 {
    top: 84%;
    right: 7%;
  }

  .calendar_show {
    margin-left: 0;
    left: 78%;
  }

  .date_tab_shortcuts {
    background-color: var(--tan);
  }

  .login_popup {
    z-index: 2147483647;
    top: 8%;
    left: 32%;
  }

  .loginstatus {
    max-width: 80px;
    max-height: 50px;
    margin-left: 1755px;
    margin-right: 7px;
  }

  .accountmenu {
    display: none;
  }

  .infosidebar_country {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 0;
    margin-top: 0;
    margin-left: 0;
    top: 0%;
    left: 0%;
    right: 0%;
  }

  .infosidebar_language, .infosidebar_visa, .infosidebar_venues {
    margin-top: 0;
    margin-left: -428px;
    top: 0%;
    left: 0%;
    right: 0%;
  }

  .all_headers_div {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    margin-bottom: 5px;
  }

  .humidity_data_button {
    order: 1;
  }

  .humidity_header_key {
    flex-flow: row;
  }

  .country_taxes_data {
    grid-column-gap: 9px;
    grid-row-gap: 9px;
  }

  .country_summary_city_cost_div {
    padding-right: 1px;
  }

  .citysummary {
    z-index: 2147483647;
    margin-top: 0;
    margin-left: 5px;
  }

  .city_spend_div2 {
    display: flex;
  }

  .city_summary_cost {
    margin-top: 2px;
  }

  .click_comparison_popup_div {
    z-index: 999999;
    margin-top: -134px;
    display: block;
    top: 0;
  }

  .drag-handle {
    display: block;
  }

  .city-search-container {
    z-index: 99999;
    margin-top: 162px;
    margin-left: 817px;
    display: block;
  }

  .search-wrapper {
    z-index: 999999999;
    position: absolute;
    top: 0;
  }

  .comparison-panels-container {
    z-index: 2147483647;
    opacity: 0;
    flex-flow: row;
    justify-content: flex-start;
    align-items: flex-start;
    min-width: 384px;
    margin-top: 174px;
    margin-left: 0;
    display: flex;
    position: absolute;
  }

  .infosidebar_city1 {
    margin-top: 140px;
    margin-left: 840px;
    top: 0%;
    left: 0%;
    right: 0%;
  }

  .infosidebar_city1.comparison-panel {
    opacity: 1;
    border-radius: 10px;
    order: -1;
    width: 384px;
    margin-top: 0;
    margin-left: 0;
    display: flex;
    position: static;
  }

  .city-search-results {
    z-index: 2147483647;
    background-color: var(--tan);
  }

  .social-feed-toggle-btn {
    min-width: 36px;
    max-width: 36px;
    min-height: 36px;
    max-height: 36px;
  }

  .social-feed-toggle-btn-div {
    max-width: 36px;
    min-height: 36px;
    max-height: 36px;
    display: none;
  }

  .social-feed-reel {
    min-width: 800px;
    position: absolute;
  }

  .social-post-input-form {
    width: 800px;
    position: absolute;
  }

  .create-post-btn {
    display: none;
  }

  .div-block-109 {
    display: block;
  }

  .social-profile-settings {
    margin-top: 5px;
    display: none;
  }

  .close_social_profile_settings {
    margin-top: -3px;
  }

  .social_media_buttons {
    display: block;
  }

  .main_mode_buttons {
    max-height: 42px;
    margin-left: 210px;
  }

  .infosidebar_city_list {
    margin-top: 140px;
    margin-left: 840px;
    top: 0%;
    left: 0%;
    right: 0%;
  }

  .infosidebar_city_list.comparison-panel {
    opacity: 1;
    border-radius: 10px;
    order: 1;
    width: 420px;
    margin-top: 0;
    margin-left: 0;
    display: flex;
    position: static;
  }

  .sun_data_button {
    margin-top: -20px;
  }

  .closecomparisoncity2, .closecomparisoncity {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .all_headers_div_summary {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    margin-bottom: 5px;
  }

  .summary_city_sub_div_slideshow {
    border-radius: 8px;
    position: static;
    box-shadow: 0 2px 5px #0003;
  }

  .country_summary_data_time.current_time {
    margin-top: 0;
  }

  .country_summary_data_cost.cost {
    margin-top: 22px;
    margin-left: 0;
    position: static;
  }

  .city_population_sub_div-copy.internet {
    margin-top: 0;
    margin-left: 0;
  }

  .sun_data_button_summary {
    margin-top: -20px;
  }

  .infosidebar_city1-copy {
    margin-top: 140px;
    margin-left: 840px;
    top: 0%;
    left: 0%;
    right: 0%;
  }

  .infosidebar_city1-copy.comparison-panel {
    opacity: 1;
    border-radius: 10px;
    order: 1;
    width: 420px;
    margin-top: 0;
    margin-left: 0;
    display: flex;
    position: static;
  }

  .minimizecity2, .minimizecountry, .infosidebarmenu {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .infosidebar_city4 {
    margin-top: 140px;
    margin-left: 840px;
    top: 0%;
    left: 0%;
    right: 0%;
  }

  .infosidebar_city4.comparison-panel {
    opacity: 1;
    border-radius: 10px;
    order: -1;
    width: 384px;
    margin-top: 0;
    margin-left: 0;
    display: none;
    position: static;
  }

  .infosidebar_city3 {
    margin-top: 140px;
    margin-left: 840px;
    top: 0%;
    left: 0%;
    right: 0%;
  }

  .infosidebar_city3.comparison-panel {
    opacity: 1;
    border-radius: 10px;
    order: -1;
    width: 384px;
    margin-top: 0;
    margin-left: 0;
    display: none;
    position: static;
  }

  .infosidebar_city2 {
    margin-top: 140px;
    margin-left: 840px;
    top: 0%;
    left: 0%;
    right: 0%;
  }

  .infosidebar_city2.comparison-panel {
    opacity: 1;
    border-radius: 10px;
    order: -1;
    width: 384px;
    margin-top: 0;
    margin-left: 0;
    display: none;
    position: static;
  }

  .all_headers_div_forecast_summary {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    margin-bottom: 5px;
  }

  .infosidebar_city_results {
    justify-content: flex-start;
    align-items: center;
    margin-left: 9px;
  }

  .minimizecityresults1 {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .infosidebar_city_filters {
    justify-content: flex-start;
    align-items: center;
    margin-left: 9px;
  }

  .city_filters_shell {
    margin-left: 0;
    display: none;
    left: 42%;
  }

  .sync_containers {
    justify-content: center;
    align-items: center;
    display: flex;
  }
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 48px;
    line-height: 60px;
  }

  h2 {
    margin-bottom: 12px;
    font-size: 30px;
    line-height: 46px;
  }

  h3 {
    font-size: 22px;
    line-height: 32px;
  }

  .grid-2-columns.style---styleguide-wrapper {
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
  }

  .grid-2-columns._1-col-tablet {
    grid-template-columns: 1fr;
  }

  .grid-2-columns.contact {
    grid-row-gap: 70px;
    grid-template-columns: 1fr;
  }

  .grid-2-columns.blog-card-primary {
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
  }

  .grid-2-columns.blog-card-primary.sidebar {
    grid-template-columns: auto 1fr;
  }

  .grid-2-columns.title-and-categories {
    grid-template-columns: 1fr;
  }

  .grid-2-columns.template-page-sidebar {
    grid-template-columns: .5fr 1fr;
  }

  .grid-2-columns.hero-top {
    grid-template-columns: 1.3fr;
  }

  .grid-2-columns.sidebar-content {
    grid-row-gap: 60px;
    grid-template-columns: 1fr;
  }

  .grid-2-columns.sidebar-content.left {
    grid-template-columns: 1fr;
  }

  .style---navigation-sidebar {
    min-height: auto;
    max-height: 100%;
    box-shadow: none;
    position: static;
  }

  .card.form {
    padding-left: 32px;
    padding-right: 32px;
  }

  .card.checkout-block {
    padding-left: 24px;
    padding-right: 24px;
  }

  .grid-4-columns {
    grid-template-columns: 1fr 1fr;
  }

  .style---block-sub-heading {
    margin-bottom: 24px;
  }

  .divider {
    margin-top: 64px;
    margin-bottom: 64px;
  }

  .divider._64px {
    margin-top: 48px;
    margin-bottom: 48px;
  }

  .style---typography-block-grid {
    grid-template-columns: minmax(auto, 250px) 1fr;
  }

  .mg-bottom-16px {
    color: var(--neutral--500);
    font-family: Gill Sans Mt, sans-serif;
  }

  .mg-bottom-32px {
    margin-bottom: 24px;
  }

  .mg-bottom-48px {
    margin-bottom: 40px;
  }

  .mg-bottom-56px {
    margin-bottom: 48px;
  }

  .display-1 {
    font-size: 48px;
    line-height: 63px;
  }

  .gap-row-80px {
    grid-row-gap: 56px;
  }

  .display-2 {
    font-size: 58px;
    line-height: 70px;
  }

  .display-3 {
    font-size: 32px;
    line-height: 44px;
  }

  .display-4 {
    font-size: 22px;
    line-height: 38px;
  }

  .style---style-grid-wrapper {
    grid-row-gap: 140px;
  }

  .paragraph-large {
    font-size: 20px;
    line-height: 32px;
  }

  .text-400 {
    font-size: 22px;
    line-height: 24px;
  }

  .grid-3-columns {
    grid-template-columns: 1fr 1fr;
  }

  .grid-3-columns.gap-row-80px {
    grid-row-gap: 64px;
  }

  .grid-3-columns._3-col-tablet {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .style---heading {
    min-height: auto;
    margin-bottom: 60px;
    padding-top: 116px;
    padding-bottom: 116px;
  }

  .style---content-heading {
    margin-bottom: 60px;
    padding: 32px;
  }

  .btn-primary {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .btn-primary.large {
    padding: 26px 52px;
  }

  .btn-primary.search {
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .btn-secondary.large {
    padding: 26px 52px;
  }

  .avatar-circle._06 {
    width: 140px;
    max-width: 140px;
    height: 140px;
    max-height: 140px;
  }

  .avatar-circle._07 {
    width: 160px;
    max-width: 160px;
    height: 160px;
    max-height: 160px;
  }

  .avatar-circle._08 {
    width: 280px;
    max-width: 280px;
    height: 280px;
    max-height: 280px;
  }

  .line-rounded-icon {
    margin: -13% 38% 0 0%;
    padding-top: 0;
    padding-right: 0;
    inset: 0% 0% auto auto;
  }

  .line-rounded-icon.dropdown {
    margin-top: 0;
    margin-right: 15%;
    top: -2%;
    left: 89%;
    right: 54%;
  }

  .style---dropdown-wrapper-sidebar {
    display: none;
  }

  .style---dropdown-toggle.last {
    border-bottom-width: 0;
  }

  .style---sidebar-wrapper {
    overflow: hidden;
  }

  .style---logo-wrapper {
    margin-bottom: 0;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .style---button-wrapper-sidebar {
    display: none;
  }

  .container-default {
    background-color: var(--general--shadow-01);
    min-height: 82px;
    margin-top: 10px;
    margin-bottom: -4px;
    position: static;
    overflow: visible;
  }

  .section {
    padding-top: 118px;
    padding-bottom: 118px;
  }

  .section.small {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .section.main-posts {
    padding-top: 0;
    padding-bottom: 106px;
    display: none;
  }

  .section.blog-post-hero {
    padding-top: 289px;
    padding-bottom: 100px;
  }

  .heading-h1-size {
    font-size: 48px;
    line-height: 60px;
  }

  .heading-h2-size {
    font-size: 30px;
    line-height: 46px;
  }

  .heading-h3-size, .heading-h4-size {
    font-size: 22px;
    line-height: 32px;
  }

  .header-wrapper {
    z-index: 3;
    min-width: 100%;
    min-height: 34px;
    padding-top: 8px;
    padding-bottom: 0;
    position: absolute;
  }

  .header-nav-menu-wrapper {
    background-color: var(--white--100);
  }

  .header-nav-list-item {
    padding-left: 0;
  }

  .header-nav-list-item.middle {
    padding-left: 11px;
    padding-right: 11px;
  }

  .dropdown-column-wrapper {
    box-shadow: none;
    border-width: 0;
    border-radius: 0;
  }

  .dropdown-column-wrapper.w--open {
    transform: translate(-30%);
  }

  .hamburger-menu-wrapper.w--open {
    background-color: #0000;
  }

  .hamburger-menu-bar {
    width: 36px;
    height: 2px;
  }

  .hamburger-menu-bar.top {
    left: 0%;
  }

  .hamburger-menu-bar.bottom {
    margin-top: -2px;
    margin-bottom: 12px;
    left: 0%;
  }

  .header-middle.social-media {
    margin-top: -1px;
  }

  .header-top-wrapper {
    margin-bottom: 0;
  }

  .social-media-grid-top.right {
    grid-column-gap: 10px;
  }

  .footer-wrapper {
    background-color: #1d222a;
  }

  .footer-top {
    padding-top: 94px;
    padding-bottom: 94px;
  }

  .footer-top.pd-72px {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .footer-bottom {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .error-message.password {
    margin-left: 32px;
    margin-right: 32px;
  }

  .blog-card-image {
    width: 100%;
  }

  .blog-card-image-wrapper.featured-v1 {
    width: 100%;
    min-width: auto;
    height: 100%;
    min-height: auto;
  }

  .template-pages---phography-wrapper {
    border-radius: 10px;
  }

  .blog-card-bg {
    min-height: 440px;
  }

  .blog-card-bg.sidebar {
    border-top-width: 0;
    min-height: 400px;
  }

  .blog-card-bg-container.small {
    width: 100%;
  }

  .blog-card-heading {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .sidebar {
    border-top: 1px solid var(--neutral--300);
    padding-top: 60px;
  }

  .premium-content-wrapper.tablet {
    display: flex;
  }

  .premium-content-wrapper.desktop {
    display: none;
  }

  .page-wrapper-utility-pages {
    padding-top: 88px;
    padding-bottom: 88px;
  }

  .html-embed-2 {
    z-index: 1;
    min-width: 100%;
    min-height: auto;
    margin-top: 267px;
    display: block;
    position: absolute;
    inset: 0% auto auto 0%;
  }

  .text-block-5 {
    display: block;
    position: absolute;
  }

  .div-block-2 {
    margin-top: 22px;
    margin-left: -7px;
  }

  .filterbutton {
    z-index: 9999;
    cursor: pointer;
    justify-content: center;
    align-items: center;
    max-height: 50px;
    display: flex;
  }

  .div-block-5.date-picker-div {
    max-width: 33vw;
  }

  .text-block-7 {
    padding-bottom: 0;
    font-size: 14px;
  }

  .text-block-8, .text-block-9 {
    font-size: 14px;
  }

  .text-field {
    text-align: center;
    -webkit-text-fill-color: inherit;
    object-fit: fill;
    background-clip: border-box;
    border-style: none;
    max-width: 100%;
    min-height: 26px;
    max-height: 26px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .text-field.flatpickr-input {
    min-height: 33px;
    max-height: 33px;
  }

  .text-field-2 {
    min-height: 26px;
    max-height: 26px;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .text-field-2.flatpickr-input {
    min-width: 98%;
    max-width: 98%;
    min-height: 33px;
    max-height: 33px;
    margin-top: 1px;
    padding-left: 0;
    padding-right: 0;
    position: static;
  }

  .text-block-10 {
    width: auto;
    height: auto;
    min-height: auto;
    max-height: none;
  }

  .button {
    border-style: none;
  }

  .form-block {
    display: block;
  }

  .popup-modal {
    z-index: 2;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 1px;
    min-width: 70%;
    height: 0%;
    min-height: 0%;
    max-height: 1px;
    display: inline-flex;
    position: relative;
    top: 16px;
    overflow: visible;
  }

  .popup-cover.popup-modal {
    flex-flow: column;
    width: auto;
    height: auto;
  }

  .popup-wrapper.popup-modal {
    background-image: linear-gradient(#ffffff85, #ffffff85);
    border-radius: 35px;
    justify-content: flex-end;
    align-items: flex-start;
    margin-top: 5px;
    display: flex;
    position: relative;
    top: 0;
  }

  .text-block-12.popup-modal {
    margin-bottom: 0;
    margin-left: -1px;
    margin-right: 0;
    padding: 0;
  }

  .div-block-6 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: -21px;
    padding-top: 0;
    display: block;
    position: static;
    top: 0;
  }

  .filter-popup {
    margin-top: 0;
    display: none;
  }

  .section-2 {
    min-height: 100vh;
    margin-top: 0;
    display: flex;
    position: relative;
    overflow: visible;
  }

  .location-popup-window {
    min-width: auto;
    min-height: auto;
    max-height: none;
    font-family: Gill Sans Mt, sans-serif;
  }

  .browse-map {
    align-self: auto;
    max-width: none;
    margin-top: 39px;
    display: block;
    left: 15%;
    right: 15%;
  }

  .text-block-14 {
    text-align: right;
    min-width: 45%;
    margin-bottom: 0;
    margin-right: 0;
    padding-right: 6px;
    font-size: 16px;
    line-height: 16px;
    display: block;
  }

  .div-block-14 {
    margin-top: 25px;
  }

  .close-locpopup-button {
    background-color: #ececec;
    margin-top: -8px;
    margin-left: -33px;
  }

  .container-2 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template: "Area"
    / 1fr .25fr;
    grid-auto-columns: 1fr;
    max-width: none;
    min-height: 25px;
    max-height: 25px;
    padding-top: 13px;
    display: flex;
  }

  .location-popup {
    background-color: #fff0;
    justify-content: flex-start;
    align-items: stretch;
    min-height: auto;
    margin-top: 85px;
    display: none;
    top: -7%;
    left: 8%;
  }

  .search-closer {
    width: 98vw;
  }

  .search-list {
    display: none;
    top: -6%;
  }

  .search-inputs {
    display: block;
  }

  .div-block-18 {
    margin-top: 12px;
  }

  .div-block-28 {
    line-height: 16px;
  }

  .div-block-29.citybutton {
    min-width: 75%;
    margin-top: 11px;
  }

  .infowindowbar {
    background-color: var(--tan);
    margin-top: 119px;
  }

  .closeinfobar {
    margin-top: 222px;
  }

  .collection-list-wrapper {
    display: none;
  }

  .infosidebar {
    margin-top: 0;
    margin-left: -421px;
    position: absolute;
  }

  .div-block-34 {
    max-width: 40px;
    max-height: 40px;
    inset: 4% 0% auto 73%;
  }

  .nightmode {
    z-index: 9999;
    cursor: pointer;
    align-self: auto;
    min-width: 32px;
    max-width: 32px;
    min-height: 32px;
    max-height: 32px;
    top: 11%;
    bottom: 0;
    left: 1%;
  }

  .nightmode:hover {
    box-shadow: -1px 4px 5px #0003;
  }

  .nightmode:active {
    background-color: #fff;
    box-shadow: inset -4px 7px 5px #0003;
  }

  .div-block-35 {
    justify-content: center;
    align-items: center;
    display: flex;
    top: 0%;
    bottom: 0%;
  }

  .container-3 {
    justify-content: center;
    align-items: center;
    margin-left: 2%;
    margin-right: 5%;
    display: flex;
    position: absolute;
  }

  .mapsearch {
    min-width: 25vw;
    margin-top: 0;
    margin-left: 0;
    display: block;
    inset: 18% auto auto 2%;
  }

  .code-embed {
    top: 3px;
    right: 0;
  }

  .image-2 {
    margin-bottom: -3px;
  }

  .musemaps_redblue {
    min-width: 150px;
    margin-top: 0;
    margin-bottom: -3px;
    top: 4%;
  }

  .directions-container {
    max-width: 315px;
    max-height: 300px;
    margin-top: 7px;
    margin-left: 11px;
    display: none;
    position: absolute;
    top: 26%;
  }

  .directions-control {
    margin-top: 4px;
  }

  .close-directions {
    z-index: 99999999;
    margin-top: 0;
    display: block;
  }

  .route-info {
    overflow: scroll;
  }

  .set-destination {
    left: 85%;
  }

  .mapbox-directions-step-list {
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
  }

  .origin-suggestions {
    z-index: 999;
    background-color: #fffffff2;
    margin-top: 91px;
    display: none;
  }

  .destination-suggestions {
    z-index: 999999;
    margin-top: 128px;
  }

  .show-origin-suggestions {
    justify-content: center;
    align-items: stretch;
    display: none;
  }

  .show-destination-suggestions {
    display: flex;
  }

  .visa_layers {
    min-width: 32px;
    max-width: 32px;
    min-height: 32px;
    max-height: 32px;
    margin-top: 0;
    margin-left: 4px;
    margin-right: 0;
    top: 2%;
    left: 59%;
  }

  .image-3 {
    min-width: 100%;
    max-width: 100%;
    margin-bottom: -1px;
  }

  .trip_duration2 {
    top: 100%;
  }

  .calendar_show {
    margin-left: -99px;
    top: -14.1875%;
    left: 89%;
  }

  .fullcalendar {
    inset: 0% auto auto 5%;
  }

  .close_calendar {
    margin-top: 5%;
    left: 218px;
  }

  .date_tab_shortcuts {
    z-index: 3;
    justify-content: flex-start;
    align-items: center;
    min-width: 55%;
    min-height: 47px;
    max-height: 47px;
    margin-top: -7px;
    padding-top: 0;
    padding-bottom: 0;
    display: none;
    top: 6.99979%;
    left: 37%;
  }

  .now_button, .weekend_button, .week_button, .today_button {
    line-height: 22px;
  }

  .clear_dates_button {
    z-index: 3;
    margin-top: 3px;
    top: -44px;
    left: 232%;
  }

  .language_mode {
    top: 3%;
    left: 46%;
  }

  .submitbutton {
    position: relative;
  }

  .loginstatus {
    z-index: 999;
    margin-left: 48px;
  }

  .passwordresetbutton, .ms-button {
    position: relative;
  }

  .accountmenu {
    display: none;
    inset: -18px 6px auto auto;
  }

  .accountappearance, .logout {
    margin-top: 5px;
  }

  .accountemailaddress {
    left: 52px;
  }

  .accountlogin {
    margin-top: 5px;
    display: flex;
  }

  .units_mode_text {
    margin-top: 6px;
    margin-left: 15px;
  }

  .firstinitialdiv2 {
    flex-flow: row;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    max-width: 32px;
    max-height: 32px;
    display: flex;
  }

  .loggedouticon2 {
    text-align: left;
    max-height: 50%;
    margin-bottom: 2px;
  }

  .userfirstinitial2 {
    margin-right: 0;
  }

  .loginbutton {
    cursor: pointer;
    margin-left: 19px;
  }

  .userpassport, .languagemode {
    margin-top: 5px;
  }

  .visa_durations {
    background-color: #fff0;
    justify-content: center;
    align-items: center;
  }

  .extendabletodiv, .loopholesdiv {
    background-color: #fff;
  }

  .onarrivaltitle, .extendabletotitle, .loopholetitle {
    margin-top: 0;
    position: static;
  }

  .withvisatext {
    background-color: #fff0;
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .withvisadiv {
    background-color: #fff;
  }

  .evisadiv {
    background-color: #fff;
    border-radius: 15px;
    box-shadow: 0 2px 5px #0003;
  }

  .withvisatitle {
    color: var(--neutral--800);
  }

  .evisatext {
    padding: 5px 7px;
  }

  .text-block-54 {
    font-size: 32px;
    line-height: 32px;
  }

  .withvisa {
    display: block;
  }

  .infosidebar_country {
    margin-top: 0;
    margin-left: 0;
    position: static;
  }

  .infosidebar_language, .infosidebar_visa, .infosidebar_venues {
    margin-top: 0;
    margin-left: -421px;
    position: absolute;
  }

  .header_button_rain, .rain_data_button {
    min-width: 35px;
  }

  .country_summary_data {
    background-color: #fff0;
    justify-content: center;
    align-items: center;
    min-width: 25%;
  }

  .country_summary_data.internet {
    margin-top: 1px;
  }

  .country_gdppc_sub_div {
    background-color: #fff;
    border-radius: 15px;
    box-shadow: 0 2px 5px #0003;
  }

  .country_gdppc_text {
    padding: 5px 7px;
  }

  .country_population_title {
    margin-top: 0;
    position: static;
  }

  .country_gdp_sub_div {
    background-color: #fff;
  }

  .country_population_div {
    max-height: 20px;
    display: block;
  }

  .country_summary_data_div {
    background-color: #fff0;
    justify-content: center;
    align-items: center;
  }

  .country_gdp_title, .country_language_title {
    margin-top: 0;
    position: static;
  }

  .country_intl_arrivals_div {
    display: block;
  }

  .country_language_sub_div, .country_intl_arrivals_sub_div {
    background-color: #fff;
  }

  .country_intl_arrivals_text {
    background-color: #fff0;
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .country_intl_arrivals_title {
    color: var(--neutral--800);
  }

  .country_currency_sub_div {
    background-color: #fff;
    border-radius: 15px;
    box-shadow: 0 2px 5px #0003;
  }

  .country_currency_text {
    padding: 5px 7px;
  }

  .country_rank_sub_div {
    background-color: #fff;
    border-radius: 15px;
    display: none;
    box-shadow: 0 2px 5px #0003;
  }

  .country_rank_text {
    padding: 5px 7px;
  }

  .country_demogr_race_religion_div {
    background-color: #fff0;
    justify-content: space-between;
    align-items: flex-start;
  }

  .country_demogr_ethnicity_sub2_div {
    background-color: var(--tan);
    justify-content: center;
    align-items: center;
  }

  .country_demogr_race_sub_div, .country_demogr_race1_div {
    background-color: #fff;
    border-radius: 15px;
    box-shadow: 0 2px 5px #0003;
  }

  .country_immigrate_citizenship_avg_text {
    padding: 5px 7px;
  }

  .country_immigrate_citizenship_golden_title {
    margin-top: 0;
    position: static;
  }

  .country_immigrate_citizenship_avg_div {
    background-color: #fff;
    border-radius: 15px;
    box-shadow: 0 2px 5px #0003;
  }

  .loopholesdiv-copy {
    background-color: #fff;
  }

  .country_taxes_data, .country_taxes_data_div {
    background-color: #fff0;
    justify-content: center;
    align-items: center;
  }

  .country_religion1_div {
    background-color: #fff;
    border-radius: 15px;
    box-shadow: 0 2px 5px #0003;
  }

  .country_religion1_text {
    padding: 5px 7px;
  }

  .country_religion5b_text {
    background-color: #fff0;
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .country_religion2_title, .country_religion3_title, .country_religion4_title, .country_religion5_title, .country_race5_title {
    margin-top: 0;
    position: static;
  }

  .country_race1_text {
    padding: 5px 7px;
  }

  .country_race3_div, .country_race4_div, .country_race5_div {
    background-color: #fff;
  }

  .country_demogr_languages_official {
    background-color: #fff0;
    justify-content: center;
    align-items: center;
  }

  .country_language1_text, .country_language2_text, .country_language3_text, .country_language4_text, .country_tax_corporate_title, .country_tax_capital_title, .country_income_tax_sales {
    margin-top: 0;
    position: static;
  }

  .country_tax_income_text {
    padding: 5px 7px;
  }

  .country_race2_title, .country_race3_title, .country_race4_title {
    margin-top: 0;
    position: static;
  }

  .country_immigrate_citizenship_div, .country_immigrate_citizenship_sub_div {
    background-color: #fff0;
    justify-content: center;
    align-items: center;
  }

  .country_taxes_income {
    background-color: #fff;
    border-radius: 15px;
    box-shadow: 0 2px 5px #0003;
  }

  .country_summary_city_aqi.km_from_center {
    min-width: 76px;
  }

  .country_demogr_religion_sub2_div-copy {
    background-color: var(--tan);
    justify-content: center;
    align-items: center;
  }

  .country_religion6_div, .country_religion7_div, .country_religion9_div, .loopholesdiv-copy, .country_religion5_div, .country_religion4_div, .loopholesdiv-copy, .country_race6_div, .country_race7_div, .country_race8_div, .country_race9_div, .country_race10_div, .country_race5_div-copy, .country_race11_div, .country_race12_div, .country_race13_div, .country_race14_div, .country_race15_div, .country_religion3_div, .country_religion8_div, .country_language2_div, .country_language3_div, .country_language4_div {
    background-color: #fff;
  }

  .country_taxes_income_low {
    background-color: #fff;
    border-radius: 15px;
    box-shadow: 0 2px 5px #0003;
  }

  .country_tax_property {
    margin-top: 0;
    position: static;
  }

  .loopholesdiv-copy-copy {
    background-color: #fff;
  }

  .citysummary {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex-flow: column;
    margin-top: 32px;
    margin-left: 0;
  }

  .city_population_title, .city_metro_population_title {
    margin-top: 0;
    position: static;
  }

  .passportsearchdiv {
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    top: 84%;
  }

  .nomad_spend_header, .resident_spend_header {
    margin-top: 0;
    position: static;
  }

  .traveler_spend_header {
    color: var(--neutral--800);
  }

  .traveler_spend_header-copy {
    color: var(--white--100);
  }

  .spend_sub_div3 {
    background-color: var(--black-transparent);
  }

  .internet_router_div, .internet_cel_div, .city_current_time_header, .city_time_zone_header {
    margin-top: 0;
    position: static;
  }

  .city_spend_div3, .city_spend_div2 {
    display: none;
  }

  .units_mode {
    z-index: 9999;
    cursor: pointer;
    align-self: auto;
    min-width: 32px;
    max-width: 32px;
    min-height: 32px;
    max-height: 32px;
    top: 11%;
    bottom: 0;
    left: 1%;
  }

  .units_mode:hover {
    box-shadow: -1px 4px 5px #0003;
  }

  .units_mode:active {
    background-color: #fff;
    box-shadow: inset -4px 7px 5px #0003;
  }

  .city_summary_cost {
    margin-top: 2px;
    margin-left: 0;
    display: block;
  }

  .city-search-container {
    display: block;
  }

  .comparison-panels-container {
    margin-top: 264px;
    margin-left: 0;
    position: absolute;
  }

  .infosidebar_city1 {
    margin-top: 0;
    margin-left: -421px;
    position: absolute;
  }

  .main_mode_buttons {
    z-index: -1;
    justify-content: flex-start;
    align-items: center;
    min-height: 42px;
    max-height: 42px;
    margin-top: 0;
    padding-bottom: 2px;
    padding-left: 5px;
    overflow: visible;
  }

  .infosidebar_city_list {
    margin-top: 0;
    margin-left: -421px;
    position: absolute;
  }

  .wifi_header_div, .wifi_symbol_div_xx {
    margin-top: 0;
    position: static;
  }

  .country_summary_data_time {
    background-color: #fff0;
    justify-content: center;
    align-items: center;
    min-width: 25%;
  }

  .country_summary_data_time.current_time {
    margin-top: 14px;
    margin-left: 0;
    margin-right: 0;
  }

  .country_summary_data_cost {
    background-color: #fff0;
    justify-content: center;
    align-items: center;
    min-width: 25%;
  }

  .country_summary_data_cost.cost {
    order: 3;
    margin-top: 49px;
    position: relative;
  }

  .city_summary_population {
    background-color: #fff0;
    justify-content: center;
    align-items: center;
    min-width: 25%;
  }

  .city_summary_population.population {
    min-width: auto;
    max-height: none;
    margin-top: 6px;
  }

  .city_summary_population.population.population_div {
    margin-top: 14px;
    margin-left: 0;
  }

  .col_total_cost {
    margin-left: 5px;
  }

  .col_overall_spend_total {
    margin-left: 0;
  }

  .infosidebar_city1-copy {
    margin-top: 0;
    margin-left: -421px;
    position: absolute;
  }

  .city_summary_col_travel {
    background-color: #fff0;
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .infosidebar_city4, .infosidebar_city3, .infosidebar_city2 {
    margin-top: 0;
    margin-left: -421px;
    position: absolute;
  }

  .infosidebar_city_results {
    overflow: visible;
  }

  .city_results_cost_sub_div {
    background-color: #fff0;
    justify-content: center;
    align-items: center;
  }
}

@media screen and (max-width: 767px) {
  body {
    font-size: 16px;
    line-height: 28px;
  }

  h1 {
    margin-bottom: 10px;
    font-size: 38px;
    line-height: 46px;
  }

  h2 {
    font-size: 26px;
    line-height: 38px;
  }

  h4 {
    font-size: 20px;
    line-height: 26px;
  }

  h5 {
    font-size: 16px;
    line-height: 22px;
  }

  h6 {
    font-size: 14px;
  }

  blockquote {
    border-radius: 15px;
    padding-left: 32px;
    padding-right: 32px;
  }

  .grid-2-columns {
    grid-template-columns: 1fr;
  }

  .grid-2-columns.style---styleguide-wrapper {
    grid-template-columns: auto;
  }

  .grid-2-columns.form {
    grid-row-gap: 18px;
  }

  .grid-2-columns.contact {
    grid-row-gap: 40px;
  }

  .grid-2-columns.blog-card-primary.sidebar {
    padding-top: 22px;
  }

  .grid-2-columns.title-and-categories {
    grid-row-gap: 18px;
  }

  .grid-2-columns.dropdown-2-sides {
    grid-row-gap: 40px;
    grid-template-columns: 1.2fr;
  }

  .grid-2-columns.template-page-sidebar {
    grid-template-columns: 1fr;
  }

  .grid-2-columns.changelog-item.first {
    grid-column-gap: 30px;
  }

  .grid-2-columns.checkout-page {
    grid-template-columns: 1fr;
  }

  .grid-2-columns.hero-top {
    grid-row-gap: 20px;
  }

  .grid-2-columns.sidebar-content.left {
    grid-template-columns: 1fr;
  }

  .card.form {
    min-height: 540px;
    padding-left: 32px;
    padding-right: 32px;
  }

  .card.sticky-top.top-24px.static-mbl {
    position: static;
  }

  .style---color-block {
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
  }

  .style---block-sub-heading.border {
    margin-bottom: 48px;
    padding-bottom: 24px;
  }

  .divider {
    margin-top: 48px;
    margin-bottom: 48px;
  }

  .style---typography-block-grid {
    grid-row-gap: 28px;
    grid-template-columns: 1fr;
  }

  .style---content-block {
    margin-bottom: 64px;
  }

  .mg-bottom-40px {
    margin-bottom: 24px;
  }

  .mg-bottom-48px {
    margin-bottom: 32px;
  }

  .mg-bottom-56px {
    margin-bottom: 40px;
  }

  .mg-bottom-64px {
    margin-bottom: 48px;
  }

  .text-200 {
    font-size: 16px;
    line-height: 18px;
  }

  .display-1 {
    font-size: 40px;
    line-height: 54px;
  }

  .grid-1-column.gap-column-24px {
    grid-row-gap: 20px;
  }

  .grid-1-column.gap-row-22px {
    grid-row-gap: 15px;
  }

  .display-2 {
    font-size: 48px;
    line-height: 56px;
  }

  .display-3 {
    font-size: 26px;
    line-height: 40px;
  }

  .display-4 {
    font-size: 20px;
    line-height: 32px;
  }

  .style---style-grid-wrapper {
    grid-row-gap: 120px;
  }

  .paragraph-large {
    font-size: 18px;
    line-height: 30px;
  }

  .text-400 {
    font-size: 20px;
    line-height: 22px;
  }

  .text-300 {
    font-size: 18px;
    line-height: 20px;
  }

  .text-100 {
    font-size: 14px;
  }

  .grid-3-columns {
    grid-template-columns: 1fr;
  }

  .grid-3-columns.gap-row-80px {
    grid-row-gap: 40px;
  }

  .grid-3-columns.style---buttons-grid {
    grid-template-columns: auto;
  }

  .grid-3-columns._3-col-tablet {
    grid-template-columns: 1fr;
  }

  .style---shadow-card {
    border-radius: 18px;
  }

  .style---heading {
    padding: 104px 24px;
  }

  .style---content-heading {
    border-radius: 18px;
    margin-bottom: 36px;
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .style---heading-icon-wrapper {
    border-radius: 16px;
    max-width: 58px;
  }

  .style---content-wrapper {
    padding-left: 24px;
    padding-right: 24px;
  }

  .style---card-wrapper {
    border-radius: 18px;
  }

  .style---bg-white {
    padding: 34px 24px;
  }

  .btn-primary {
    padding: 20px 32px;
  }

  .btn-primary.small {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .btn-primary.large {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .btn-primary.inside-input.default {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .btn-primary.button-row {
    margin-right: 16px;
  }

  .btn-secondary {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .btn-secondary.small {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .btn-secondary.large {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .badge-primary {
    padding: 12px 10px;
  }

  .badge-secondary {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .badge-secondary.small {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .input {
    border-radius: 6px;
    min-height: 60px;
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .input.large.button-inside {
    min-height: 68px;
  }

  .text-area {
    border-radius: 6px;
  }

  .style---avatars-grid {
    grid-template-columns: repeat(auto-fit, 180px);
  }

  .avatar-circle._02 {
    width: 40px;
    max-width: 40px;
    height: 40px;
    max-height: 40px;
  }

  .avatar-circle._03 {
    width: 56px;
    max-width: 56px;
    height: 56px;
    max-height: 56px;
  }

  .avatar-circle._04 {
    width: 64px;
    max-width: 64px;
    height: 64px;
    max-height: 64px;
  }

  .avatar-circle._05 {
    width: 80px;
    max-width: 80px;
    height: 80px;
    max-height: 80px;
  }

  .avatar-circle._06 {
    width: 120px;
    max-width: 120px;
    height: 120px;
    max-height: 120px;
  }

  .avatar-circle._07 {
    width: 140px;
    max-width: 140px;
    height: 140px;
    max-height: 140px;
  }

  .avatar-circle._08 {
    width: 220px;
    max-width: 220px;
    height: 220px;
    max-height: 220px;
  }

  .line-rounded-icon {
    margin-top: 6px;
    padding-left: 0;
    padding-right: 0;
  }

  .line-rounded-icon.success-message-check.large {
    font-size: 68px;
    line-height: 73px;
  }

  .line-rounded-icon.dropdown {
    margin-top: 2px;
    left: 6%;
    right: 6%;
  }

  .style---line-icons-grid {
    grid-template-columns: repeat(auto-fit, 18px);
  }

  .rich-text img {
    border-radius: 10px;
  }

  .style---logo-sidebar {
    max-width: 210px;
  }

  .container-default {
    background-color: var(--general--shadow-01);
    min-height: 70px;
    margin-top: 15px;
    margin-bottom: -1px;
  }

  .section {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .section.small {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .section.top {
    padding-top: 60px;
  }

  .section.template-pages-hero {
    padding-top: 116px;
    padding-bottom: 116px;
  }

  .section.hero-home {
    padding-top: 0;
    padding-bottom: 0;
  }

  .section.main-posts.post {
    padding-top: 26px;
  }

  .section.blog-post-hero {
    padding-top: 235px;
    padding-bottom: 58px;
  }

  .heading-h1-size {
    font-size: 38px;
    line-height: 46px;
  }

  .heading-h2-size {
    font-size: 26px;
    line-height: 38px;
  }

  .heading-h4-size {
    font-size: 20px;
    line-height: 26px;
  }

  .heading-h5-size {
    font-size: 16px;
    line-height: 22px;
  }

  .heading-h6-size {
    font-size: 14px;
    line-height: 22px;
  }

  .header-wrapper {
    min-height: 0;
    padding-top: 0;
    padding-bottom: 6px;
    position: absolute;
  }

  .header-content-wrapper {
    flex-direction: row;
    align-items: center;
  }

  .header-nav-menu-wrapper.middle {
    border-bottom: 1px solid var(--neutral--300);
    flex-direction: column;
    padding: 22px 20px;
  }

  .header-nav-menu-list.middle {
    flex-direction: column;
    align-items: flex-start;
  }

  .header-nav-list-item.middle {
    margin-bottom: 16px;
  }

  .dropdown-column-wrapper {
    box-shadow: none;
    margin-top: 18px;
    margin-bottom: 14px;
    position: static;
  }

  .dropdown-column-wrapper.w--open {
    box-shadow: none;
    border-radius: 0;
    transform: translate(0%);
  }

  .dropdown-column-wrapper.small.no-static {
    box-shadow: 0 2px 8px 0 var(--general--shadow-02);
    border-width: 1px;
    border-radius: 16px;
    margin-top: 0;
    margin-bottom: 0;
    position: absolute;
  }

  .dropdown-pd, .dropdown-pd.small {
    padding: 0;
  }

  .header-logo {
    max-width: 90%;
  }

  .header-logo-link {
    margin-left: 0;
  }

  .header-right-side.search {
    display: flex;
  }

  .header-middle.social-media {
    display: block;
  }

  .btn-circle-primary {
    width: 56px;
    min-width: 56px;
    height: 56px;
    min-height: 56px;
    font-size: 22px;
    line-height: 24px;
  }

  .btn-circle-primary.large {
    width: 72px;
    min-width: 72px;
    height: 72px;
    min-height: 72px;
    font-size: 26px;
    line-height: 28px;
  }

  .btn-circle-primary.no-bg {
    display: flex;
  }

  .btn-circle-primary.no-bg.search {
    display: none;
  }

  .btn-circle-secondary {
    width: 56px;
    min-width: 56px;
    height: 56px;
    min-height: 56px;
    font-size: 22px;
    line-height: 24px;
  }

  .btn-circle-secondary.large {
    width: 72px;
    min-width: 72px;
    height: 72px;
    min-height: 72px;
    font-size: 26px;
    line-height: 28px;
  }

  .utility-page-wrap {
    min-height: 60vh;
  }

  .header-top-wrapper {
    margin-bottom: 0;
  }

  .footer-top {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .footer-top.pd-72px {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .error-message.password {
    margin-left: 24px;
    margin-right: 24px;
  }

  .pd---content-inside-card {
    padding: 32px 24px 40px;
  }

  .pd---content-inside-card.team-member-page {
    padding: 40px 32px 56px;
  }

  .pd---content-inside-card.large {
    padding: 56px 40px;
  }

  .pd---content-inside-card.large.template-pages {
    padding-left: 32px;
    padding-right: 32px;
  }

  ._404-not-found {
    font-size: 120px;
    line-height: 110px;
  }

  .blog-card-bg-container {
    padding-bottom: 40px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .blog-card-heading {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .premium-content-wrapper.tablet {
    display: none;
  }

  .premium-content-wrapper.mobile {
    display: flex;
  }

  .block-header, .block-content {
    padding-left: 24px;
    padding-right: 24px;
  }

  .cart-wrapper {
    margin-right: 12px;
  }

  .cart-container {
    min-width: 280px;
    max-width: 430px;
  }

  .bottom-banner-content-wrapper {
    flex-direction: column;
    align-items: flex-start;
  }

  .bottom-banner-button {
    margin-top: 5px;
    margin-left: 0;
  }

  .html-embed-2 {
    z-index: 2;
    margin-top: 151px;
    position: absolute;
    inset: 0% auto auto 0%;
  }

  .text-block-5 {
    margin-top: 5px;
    font-family: Trebuchet MS, Lucida Grande, Lucida Sans Unicode, Lucida Sans, Tahoma, sans-serif;
    font-size: 28px;
    top: -1%;
    bottom: 0;
  }

  .selectlocation {
    max-width: none;
    max-height: 44px;
  }

  .div-block-2 {
    align-items: stretch;
    margin-top: 19px;
    margin-left: -12px;
    margin-right: -12px;
  }

  .filterbutton {
    z-index: 2;
    cursor: none;
    min-height: 45px;
    max-height: 50px;
  }

  .div-block-4.date-picker-div, .div-block-5.date-picker-div {
    align-self: center;
    max-width: 33vw;
  }

  .text-block-7, .text-block-8 {
    min-height: 20px;
    margin-top: -1px;
    line-height: 18px;
  }

  .text-block-9 {
    min-height: 20px;
    max-height: 22px;
    margin-top: -1px;
    line-height: 18px;
  }

  .text-field {
    object-fit: contain;
    min-width: auto;
    max-width: 100%;
    min-height: 27px;
    max-height: 27px;
  }

  .text-field.flatpickr-input {
    background-color: var(--white--100);
    object-fit: fill;
    min-width: 98%;
    max-width: 98%;
    min-height: 33px;
    max-height: 33px;
    margin-bottom: 1px;
  }

  .text-field-2 {
    object-fit: contain;
    min-width: auto;
    min-height: 27px;
    max-height: 27px;
  }

  .text-field-2.flatpickr-input {
    background-color: var(--white--100);
    object-fit: fill;
    min-width: 98%;
    max-width: 98%;
    min-height: 33px;
    max-height: 33px;
    margin-top: 1px;
    margin-bottom: 1px;
    padding-left: 0;
    padding-right: 0;
  }

  .text-block-10 {
    justify-content: center;
    align-items: center;
    min-height: auto;
    max-height: none;
    line-height: 32px;
  }

  .form-block {
    display: block;
  }

  .div-block-7 {
    z-index: 8;
    background-image: url('../images/Filter4.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 80% 80%;
    background-attachment: scroll;
    min-width: 100%;
    min-height: 100%;
    position: relative;
  }

  .filter-popup {
    display: none;
  }

  .section-2 {
    z-index: 0;
    min-height: 100vh;
    margin-top: 2px;
    margin-bottom: 7px;
    position: relative;
    top: 100px;
    overflow: visible;
  }

  .location-popup-window {
    min-width: auto;
    min-height: auto;
    margin-top: 0;
    top: -1%;
  }

  .browse-map {
    left: 5%;
    right: 4%;
  }

  .text-block-14 {
    text-align: right;
  }

  .close-locpopup-button {
    margin-top: -11px;
  }

  .location-popup {
    border-radius: 25px;
    margin-top: 37px;
    margin-left: -18px;
    margin-right: -3px;
    display: none;
    top: -4%;
  }

  .search-list {
    justify-content: center;
    align-items: flex-start;
    max-width: none;
    top: 0;
    left: 0;
  }

  .locationname {
    display: block;
  }

  .text-field-3 {
    font-family: Gill Sans Mt, sans-serif;
  }

  .div-block-29.citybutton {
    margin-top: 13px;
  }

  .infowindowbar {
    background-color: var(--tan);
    max-height: none;
    margin-top: 8px;
    inset: 0% 0% auto;
    overflow: visible;
  }

  .closeinfobar {
    margin-top: 92px;
    margin-left: 189px;
    margin-right: 0;
    padding-right: 0;
  }

  .infosidebar {
    margin-top: 0;
    position: absolute;
  }

  .extendinfobar {
    margin-top: 72px;
    margin-left: 203px;
    display: none;
  }

  .div-block-34 {
    top: 8%;
    left: 66%;
  }

  .nightmode {
    z-index: 9999;
    background-color: #fff;
    min-width: 32px;
    max-width: 32px;
    min-height: 32px;
    max-height: 32px;
    margin-top: 0;
    margin-left: 5px;
    margin-right: 1px;
    position: static;
    inset: 0% 0% auto;
    overflow: visible;
  }

  .div-block-36 {
    display: block;
  }

  .mapsearch {
    min-width: 30vw;
    max-width: 30vw;
    margin-top: 0;
    top: 11%;
    left: 3%;
    right: 389px;
  }

  .code-embed {
    top: 3px;
    left: 6px;
    right: -3px;
  }

  .image-2 {
    min-width: 20%;
    max-width: 0%;
  }

  .musemaps_redblue {
    min-width: 140px;
    max-width: 33%;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-bottom: 0;
    position: absolute;
    inset: -1% 0 auto 1%;
  }

  .directions-container {
    max-width: 315px;
    max-height: 25vh;
    margin-top: -1px;
    display: none;
    position: absolute;
    top: 5%;
    overflow: visible;
  }

  .directions-control {
    min-height: 82px;
    max-height: 82px;
    margin-top: 3px;
    padding-top: 0;
  }

  .close-directions {
    margin-top: 0;
    margin-right: 214px;
  }

  .route-info {
    margin-top: 39px;
    overflow: scroll;
  }

  .mapbox-directions-step-list {
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
    overflow: scroll;
  }

  .origin-suggestions {
    z-index: 999;
    flex: 1;
    margin-top: 89px;
    display: none;
  }

  .destination-suggestions {
    z-index: 999999;
    margin-right: 0;
  }

  .visa_layers {
    min-width: 32px;
    max-width: 32px;
    min-height: 32px;
    max-height: 32px;
    margin-top: 0;
    margin-left: 4px;
    position: static;
    top: -1%;
    left: 46%;
  }

  .image-3 {
    min-width: 100%;
    max-width: 100%;
    margin-bottom: -3px;
  }

  .currentpassport1 {
    font-size: 14px;
    line-height: 14px;
  }

  .trip_duration2 {
    top: 95%;
  }

  .calendar_show {
    z-index: 1;
    min-width: 45px;
    max-width: 45px;
    min-height: 30px;
    max-height: 30px;
    margin-top: -2px;
    margin-left: 22px;
    left: 59%;
  }

  .fullcalendar {
    min-width: 500px;
    min-height: 450px;
    margin-top: 5px;
    left: 6%;
    right: 7.3125%;
  }

  .close_calendar {
    margin-top: 1%;
    left: 407px;
  }

  .date_tab_shortcuts {
    z-index: 3;
    justify-content: flex-start;
    align-items: center;
    min-width: 65%;
    max-width: 10%;
    min-height: 45px;
    max-height: 45px;
    margin-top: 1px;
    margin-left: 162px;
    display: none;
    top: -1.00021%;
    left: 0%;
  }

  .clear_dates_button {
    z-index: 4;
    min-width: 26px;
    min-height: 32px;
    margin-top: 0;
    margin-right: 0;
    top: 6px;
    left: 98%;
  }

  .language_mode {
    margin-left: 5px;
    left: 35%;
  }

  .form-heading {
    font-size: 24px;
  }

  .emailexistserror {
    background-color: var(--general--shadow-01);
    color: var(--general--shadow-06);
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .checkemailmessage {
    border-radius: 20px;
    justify-content: center;
    align-items: flex-start;
    display: flex;
    left: 0%;
    right: 0%;
    box-shadow: 0 2px 5px #0003;
  }

  .checkemailmessagetext {
    align-self: center;
    margin-top: 0;
    font-size: 24px;
  }

  .checkemailmessageimage {
    align-self: center;
    margin-bottom: 1px;
    margin-right: 18px;
  }

  .emailexistserrormessage {
    color: var(--general--shadow-01);
    text-align: center;
    background-color: red;
    border-radius: 6px;
    margin-bottom: 13px;
    padding-left: 17px;
    padding-right: 18px;
  }

  .loginstatus {
    z-index: 999;
    min-width: 60px;
    min-height: 35px;
    margin-top: -1px;
  }

  .password-reset-form-heading, .ms-form-heading {
    font-size: 24px;
  }

  .firstinitialdiv {
    min-width: 32px;
    max-width: 32px;
    min-height: 32px;
    max-height: 32px;
  }

  .accountmenu {
    z-index: 2147483647;
    margin-top: 53px;
    margin-right: 3px;
    font-family: Gill Sans Mt, sans-serif;
    display: none;
  }

  .accountappearance {
    justify-content: flex-start;
    align-items: center;
    margin-top: 5px;
  }

  .logout {
    margin-top: 10px;
    display: flex;
  }

  .image-10 {
    width: auto;
    min-width: auto;
    max-width: none;
    height: auto;
    min-height: auto;
    max-height: 32px;
    margin-bottom: 0;
    margin-left: 5px;
    padding-left: 0;
    padding-right: 9px;
    box-shadow: 0 2px 5px #0003;
  }

  .text-block-45 {
    margin-left: 16px;
  }

  .userpassport {
    justify-content: flex-start;
    align-items: center;
    margin-top: 5px;
  }

  .visa_durations {
    justify-content: center;
    align-items: center;
  }

  .infosidebar_country {
    margin-top: 0;
    position: static;
  }

  .infosidebar_language, .infosidebar_visa, .infosidebar_venues {
    margin-top: 0;
    position: absolute;
  }

  .country_summary_data {
    justify-content: center;
    align-items: center;
  }

  .country_summary_data.internet {
    margin-top: 1px;
  }

  .country_summary_data_div {
    justify-content: center;
    align-items: center;
  }

  .country_rank_sub_div {
    display: none;
  }

  .country_demogr_race_religion_div {
    justify-content: space-between;
    align-items: flex-start;
  }

  .country_demogr_ethnicity_sub2_div {
    flex-flow: row;
    justify-content: center;
    align-items: center;
  }

  .country_taxes_data, .country_taxes_data_div, .country_demogr_languages_official, .country_immigrate_citizenship_div, .country_immigrate_citizenship_sub_div {
    justify-content: center;
    align-items: center;
  }

  .div-block-82 {
    left: 36px;
  }

  .country_demogr_religion_sub2_div-copy {
    justify-content: center;
    align-items: center;
  }

  .citysummary {
    margin-top: 35px;
  }

  .city_spend_div2 {
    display: none;
  }

  .units_mode {
    z-index: 9999;
    background-color: #fff;
    min-width: 32px;
    max-width: 32px;
    min-height: 32px;
    max-height: 32px;
    margin-top: 0;
    margin-left: 5px;
    margin-right: 1px;
    position: static;
    inset: 0% 0% auto;
    overflow: visible;
  }

  .comparison-panels-container {
    margin-top: 133px;
    margin-left: 0;
  }

  .infosidebar_city1 {
    margin-top: 0;
    position: absolute;
  }

  .main_mode_buttons {
    min-height: auto;
    margin-top: -41px;
  }

  .infosidebar_city_list {
    margin-top: 0;
    position: absolute;
  }

  .country_summary_data_time {
    justify-content: center;
    align-items: center;
  }

  .country_summary_data_time.current_time {
    margin-top: 14px;
  }

  .country_summary_data_cost {
    justify-content: center;
    align-items: center;
  }

  .country_summary_data_cost.cost {
    margin-top: 24px;
  }

  .city_summary_population {
    justify-content: center;
    align-items: center;
  }

  .city_summary_population.population {
    margin-top: 34px;
  }

  .city_summary_population.population.population_div {
    margin-top: 5px;
  }

  .city_col_categories {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
  }

  .infosidebar_city1-copy {
    margin-top: 0;
    position: absolute;
  }

  .infosidebar_city4, .infosidebar_city3, .infosidebar_city2 {
    margin-top: 0;
    position: absolute;
  }

  .infosidebar_city_results {
    display: flex;
  }

  .city_results_cost_sub_div {
    justify-content: center;
    align-items: center;
  }

  .infosidebar_city_filters {
    margin-top: 8px;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 32px;
    line-height: 38px;
  }

  h2 {
    line-height: 34px;
  }

  .page-wrapper {
    margin-top: -6px;
  }

  .grid-2-columns.blog-card-primary.sidebar {
    padding-top: 16px;
  }

  .grid-2-columns.dropdown-2-sides {
    justify-items: start;
  }

  .grid-2-columns.changelog-item {
    grid-row-gap: 16px;
    grid-template-columns: 1fr;
  }

  .grid-2-columns.sidebar-content {
    grid-row-gap: 80px;
  }

  .card {
    overflow: clip;
  }

  .card.form, .card.modal {
    padding-left: 24px;
    padding-right: 24px;
  }

  .grid-4-columns {
    grid-template-columns: 1fr;
  }

  .color-neutral-100.mg-bottom-32px {
    margin-bottom: 20px;
  }

  .divider, .divider._64px {
    margin-top: 32px;
    margin-bottom: 32px;
  }

  .mg-bottom-16px {
    margin-bottom: 8px;
  }

  .mg-bottom-24px {
    margin-bottom: 16px;
  }

  .mg-bottom-48px, .mg-bottom-56px {
    margin-bottom: 32px;
  }

  .mg-bottom-64px {
    margin-bottom: 40px;
  }

  .display-1 {
    font-size: 34px;
    line-height: 46px;
  }

  .grid-1-column.gap-row-22px {
    grid-row-gap: 12px;
  }

  .grid-1-column.contact {
    grid-row-gap: 8px;
    margin-top: 16px;
  }

  .display-3 {
    font-size: 24px;
    line-height: 35px;
  }

  .grid-3-columns {
    grid-template-columns: 1fr;
  }

  .style---heading {
    margin-bottom: 40px;
    padding-top: 66px;
    padding-bottom: 66px;
  }

  .style---content-heading {
    padding-left: 22px;
    padding-right: 22px;
  }

  .style---heading-icon-wrapper {
    border-radius: 16px;
    width: 58px;
    margin-right: 14px;
  }

  .btn-primary {
    width: 100%;
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .btn-primary.white.premium-content {
    width: auto;
  }

  .btn-primary.inside-input {
    position: static;
  }

  .btn-primary.inside-input.default {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .btn-primary.button-row {
    margin-bottom: 16px;
    margin-right: 0;
  }

  .btn-secondary {
    width: 100%;
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .badge-primary {
    font-size: 14px;
    line-height: 16px;
  }

  .badge-primary.small {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 14px;
    line-height: 16px;
  }

  .badge-secondary {
    padding: 14px 22px;
    font-size: 16px;
    line-height: 18px;
  }

  .badge-secondary.small {
    padding: 10px 20px;
    font-size: 14px;
    line-height: 16px;
  }

  .input {
    font-size: 16px;
    line-height: 18px;
  }

  .input::placeholder {
    font-size: 16px;
    line-height: 16px;
  }

  .input.large.button-inside {
    min-height: 64px;
  }

  .input.button-inside {
    margin-bottom: 16px;
  }

  .checkbox-field-wrapper {
    font-size: 16px;
    line-height: 20px;
  }

  .checkbox-field-wrapper.large {
    font-size: 18px;
    line-height: 22px;
  }

  .checkbox {
    min-width: 22px;
    min-height: 22px;
  }

  .checkbox.large {
    min-width: 26px;
    min-height: 26px;
  }

  .radio-button-field-wrapper {
    font-size: 16px;
    line-height: 22px;
  }

  .radio-button-field-wrapper.large {
    font-size: 18px;
    line-height: 24px;
  }

  .radio-button {
    min-width: 22px;
    min-height: 22px;
  }

  .radio-button.large {
    min-width: 26px;
    min-height: 26px;
  }

  .social-icon-font {
    padding-top: 7px;
    font-size: 11px;
    line-height: 14px;
  }

  .social-icon-square {
    border-radius: 6px;
    width: 30px;
    min-width: 30px;
    height: 30px;
    min-height: 30px;
    font-size: 14px;
  }

  .line-rounded-icon {
    margin-top: 41px;
    margin-left: -4%;
    margin-right: 8%;
    left: 81%;
  }

  .line-rounded-icon.dropdown-arrow.user {
    aspect-ratio: auto;
    position: absolute;
    top: -56px;
    right: 18px;
  }

  .line-rounded-icon.success-message-check.large {
    font-size: 58px;
    line-height: 64px;
  }

  .line-rounded-icon.success-message-check---left {
    margin-bottom: 8px;
    margin-right: 0;
  }

  .line-rounded-icon.dropdown {
    z-index: 999999;
    min-width: 15px;
    max-width: 15px;
    min-height: 15px;
    max-height: 15px;
    margin: 40px 0 5px 0%;
    position: absolute;
    top: 10%;
    left: 83%;
    right: -4%;
  }

  .rich-text h2, .rich-text h3 {
    margin-top: 24px;
  }

  .buttons-row {
    flex-direction: column;
  }

  .container-default {
    background-color: var(--general--shadow-01);
    justify-content: flex-start;
    align-items: flex-start;
    max-width: 100vw;
    min-height: 57px;
    margin-top: 16px;
    margin-bottom: 0;
    padding: 0;
    display: flex;
  }

  .section {
    padding-top: 96px;
    padding-bottom: 96px;
  }

  .section.small {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .section.top {
    padding-top: 66px;
  }

  .section.template-pages-hero {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .section.template-pages-hero.short {
    padding-top: 88px;
    padding-bottom: 88px;
  }

  .section.hero-home {
    padding-top: 0;
    padding-bottom: 0;
  }

  .section.main-posts {
    padding-top: 55px;
  }

  .section.blog-post-hero {
    padding-top: 198px;
    padding-bottom: 58px;
  }

  .heading-h1-size {
    font-size: 32px;
    line-height: 38px;
  }

  .heading-h2-size {
    font-size: 16px;
    line-height: 28px;
  }

  .header-wrapper {
    z-index: 999999;
    min-height: auto;
    max-height: 88px;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 14px;
    padding-bottom: 0;
  }

  .header-content-wrapper {
    display: flex;
  }

  .header-nav-menu-list.middle {
    align-items: flex-start;
  }

  .header-nav-list-item {
    text-align: left;
    width: 100%;
  }

  .header-nav-list-item.middle {
    text-align: left;
    justify-content: flex-start;
    width: auto;
  }

  .dropdown-wrapper.user {
    margin-right: 7px;
  }

  .header-logo {
    max-width: 86%;
  }

  .hamburger-menu-wrapper {
    max-width: 18px;
    height: 35px;
    margin-top: -10px;
    font-size: 8px;
    line-height: 14px;
    position: absolute;
    right: 9.8px;
  }

  .hamburger-menu-bar.top {
    width: 24px;
    margin: 60px 0 -5px -6px;
    padding-right: 0;
    position: absolute;
    right: 0%;
  }

  .hamburger-menu-bar.bottom {
    width: 24px;
    margin-top: 49px;
    margin-left: -6px;
  }

  .utility-page-wrap {
    min-width: auto;
    max-width: none;
    min-height: auto;
    padding-top: 56px;
    padding-bottom: 56px;
    overflow: clip;
  }

  .utility-page-content {
    width: auto;
    max-width: none;
  }

  .header-top-wrapper {
    padding-bottom: 0;
  }

  .social-media-grid-top, .social-media-grid-top.center {
    grid-template-columns: repeat(auto-fit, 30px);
  }

  .flex-horizontal.success-message-horizontal {
    flex-direction: column;
  }

  .footer-wrapper {
    background-color: var(--white--100);
  }

  .footer-top {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .grid-subscribe-form-button-left {
    grid-template-columns: 1fr;
  }

  .card-link-icon {
    text-align: center;
  }

  .pd---content-inside-card.large {
    padding: 40px 16px;
  }

  .pd---content-inside-card.large.template-pages {
    padding-left: 24px;
    padding-right: 24px;
  }

  .pd---content-inside-card.template-pages---sidebar {
    padding-top: 18px;
    padding-bottom: 18px;
  }

  ._404-not-found {
    font-size: 100px;
    line-height: 100px;
  }

  .order-item {
    flex-direction: column;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-top: 22px;
    padding-bottom: 22px;
  }

  .order-list-price {
    margin-top: 11px;
  }

  .order-list-title {
    margin-bottom: 4px;
  }

  .order-item-image {
    margin-bottom: 20px;
  }

  .order-item-content {
    margin-left: 0;
  }

  .checkout-column {
    margin-bottom: 24px;
  }

  .blog-card-bg {
    min-height: 366px;
  }

  .blog-card-bg.sidebar {
    border-top-width: 0;
    min-height: 310px;
  }

  .author-container {
    margin-right: 16px;
  }

  .page-wrapper-utility-pages {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .subscription-item {
    flex-direction: column;
    align-items: flex-start;
  }

  .subscription-text {
    margin-bottom: 14px;
    margin-left: 0;
  }

  .cart-wrapper {
    margin-right: 10px;
  }

  .cart-container {
    border-radius: 0;
  }

  .bottom-banner {
    line-height: 1.4em;
  }

  .bottom-banner-content-wrapper {
    align-items: flex-start;
  }

  .bottom-banner-button {
    margin-top: 12px;
  }

  .html-embed-2 {
    z-index: 2;
    margin-top: 155px;
    position: absolute;
    inset: 0% auto auto 0%;
  }

  .body {
    padding-top: 0;
    padding-bottom: 0;
  }

  .heading {
    font-size: 24px;
  }

  .text-block-2, .text-block-3 {
    font-size: 12px;
  }

  .text-block-5 {
    max-width: 140px;
    margin-top: -23px;
    margin-left: 11px;
    margin-right: 0;
    font-size: 16px;
    line-height: 16px;
    inset: 0% auto 0 5%;
  }

  .selectlocation {
    text-align: center;
    order: -1;
    justify-content: center;
    align-self: auto;
    align-items: center;
    min-width: 70px;
    max-width: none;
    min-height: 44px;
    max-height: 44px;
    margin-top: 4px;
    font-size: 12px;
    line-height: 30px;
    display: block;
    overflow: hidden;
  }

  .div-block-2 {
    justify-content: center;
    align-items: stretch;
    min-width: 97vw;
    max-width: 98vw;
    margin: 6px 5px 0;
    padding-top: 0;
    padding-left: 3px;
    padding-right: 3px;
    display: flex;
  }

  .filterbutton {
    cursor: pointer;
    background-image: url('../images/Filter4.svg'), linear-gradient(#0000, #0000);
    background-size: 90% 100%, auto;
    min-width: 45px;
    min-height: 52px;
    max-height: 52px;
    margin-top: 0;
  }

  .div-block-4.date-picker-div {
    flex: 1;
    align-self: auto;
    max-width: 30vw;
    min-height: 35px;
    max-height: 35px;
  }

  .div-block-5.date-picker-div {
    align-self: auto;
    max-width: 30vw;
    min-height: 35px;
    max-height: 35px;
  }

  .text-block-7 {
    min-height: 18px;
    max-height: 18px;
    margin-top: -1px;
    font-size: 12px;
    line-height: 14px;
    text-decoration: none;
  }

  .text-block-8 {
    min-height: 18px;
    max-height: 18px;
    margin-top: -1px;
    font-size: 12px;
    line-height: 12px;
    text-decoration: none;
  }

  .text-block-9 {
    min-height: 17px;
    max-height: 17px;
    margin-top: -1px;
    padding-left: 11px;
    padding-right: 0;
    font-size: 12px;
    line-height: 14px;
    text-decoration: none;
  }

  .text-field {
    max-width: 100%;
    min-height: 28px;
    max-height: 28px;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    font-size: 16px;
    line-height: 16px;
  }

  .text-field.flatpickr-input {
    object-fit: fill;
    min-width: 98%;
    max-width: 98%;
    min-height: 31px;
    max-height: 31px;
    margin-top: 1px;
    margin-bottom: 1px;
    display: block;
  }

  .text-field-2 {
    cursor: pointer;
    min-width: auto;
    min-height: 28px;
    max-height: 28px;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    font-size: 16px;
    line-height: 14px;
    overflow: clip;
  }

  .text-field-2.flatpickr-input {
    object-fit: fill;
    min-width: 98%;
    max-width: 98%;
    min-height: 31px;
    max-height: 31px;
    margin-top: 1px;
    margin-bottom: 1px;
    line-height: 16px;
    display: block;
    position: static;
    overflow: clip;
  }

  .text-block-10 {
    clear: none;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    aspect-ratio: auto;
    text-align: center;
    word-break: normal;
    vertical-align: middle;
    object-fit: fill;
    flex: 1;
    justify-content: center;
    align-self: auto;
    align-items: center;
    min-width: 93%;
    max-width: 93%;
    min-height: 33px;
    max-height: 33px;
    margin-top: 0;
    margin-left: 8px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 0;
    font-size: 12px;
    line-height: 12px;
    text-decoration: none;
    display: inline;
    position: static;
    overflow: clip;
  }

  .button {
    text-align: center;
    background-position: 0%;
    position: static;
  }

  .button-2 {
    min-width: 35px;
    max-width: none;
    min-height: 44px;
    max-height: 44px;
  }

  .form-block {
    display: block;
  }

  .popup-wrapper {
    align-self: stretch;
    margin-top: -23px;
  }

  .filter-popup {
    display: none;
  }

  .filter-popup-window {
    min-width: 75vw;
    min-height: 50vh;
  }

  .section-2 {
    z-index: 0;
    background-color: var(--tan);
    min-height: 100vh;
    max-height: none;
    margin-top: 2px;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
    top: 77px;
    overflow: visible;
  }

  .location-popup-window {
    z-index: 99999;
    min-width: auto;
    min-height: auto;
    margin-top: 6px;
    line-height: 16px;
    display: flex;
    top: 0%;
  }

  .browse-map {
    min-width: 80%;
    min-height: 30%;
    left: 11%;
    right: 10%;
  }

  .text-block-14 {
    font-size: 16px;
    line-height: 16px;
  }

  .div-block-14 {
    align-self: center;
    min-width: auto;
    min-height: auto;
    margin-right: 5px;
  }

  .close-locpopup-button {
    z-index: 999999;
    background-color: #e0e0e0;
    margin-top: -17px;
    margin-left: 107px;
    margin-right: -94px;
    position: relative;
    top: 0%;
    left: -7%;
    right: -5%;
    box-shadow: 0 3px 5px #0003;
  }

  .close-locpopup-button:hover {
    box-shadow: 2px 5px 5px #00000073;
  }

  .location-popup {
    z-index: 999999999;
    background-color: #fff0;
    min-width: auto;
    min-height: auto;
    margin-top: 42px;
    margin-left: -4px;
    padding-right: 0;
    display: none;
    left: 4%;
  }

  .search-closer {
    z-index: 0;
    width: 100vw;
  }

  .search-input {
    height: 40px;
    padding: 10px;
  }

  .search-button {
    padding: 10px 20px;
  }

  .search-list {
    text-align: center;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    margin-top: 0;
    font-family: Gill Sans Mt, sans-serif;
    display: none;
    top: 2px;
    left: 0;
  }

  .search-inputs {
    background-color: #fff;
    min-height: 18px;
    font-family: Gill Sans Mt, sans-serif;
    font-size: 17px;
    display: block;
  }

  .search-inputs::placeholder {
    font-family: Gill Sans Mt, sans-serif;
  }

  .locationbutton {
    cursor: pointer;
    display: block;
  }

  .locationbutton:active {
    background-color: #e5e5e5;
  }

  .div-block-29.citybutton {
    margin-top: -3px;
  }

  .infowindowbar {
    z-index: 9999999;
    background-color: var(--tan);
    object-fit: contain;
    min-width: 100%;
    max-width: 100vw;
    min-height: 152px;
    max-height: none;
    margin-top: 0;
    margin-left: 0;
    display: flex;
    inset: 0% 0% auto;
    overflow: visible;
    box-shadow: 0 2px 5px #0003;
  }

  .closeinfobar {
    min-width: 55px;
    min-height: 35px;
    margin-top: 119px;
    margin-left: 114px;
    margin-right: -9px;
    top: 0%;
  }

  .infosidebar {
    z-index: 99999999;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    margin-top: 0;
    margin-left: -421px;
    position: absolute;
    top: 0%;
  }

  .infosidebar.visa {
    margin-left: -428px;
  }

  .sidebarimage {
    overflow: hidden;
    box-shadow: 4px 3px 5px #0006;
  }

  .sidebarimage.language {
    overflow: hidden;
  }

  .sidebarheader {
    min-width: 100%;
    margin-top: 24px;
    font-size: 24px;
    line-height: 28px;
  }

  .sidebarheader.visa {
    margin-top: 0;
  }

  .sidebardescription {
    min-width: 100%;
    max-width: 100%;
  }

  .sidebarbutton {
    margin-top: 286px;
    margin-right: -40px;
    display: none;
  }

  .sidebarheader2 {
    margin-top: 0;
  }

  .extendinfobar {
    margin-top: 92px;
    margin-left: 153px;
    display: none;
  }

  .div-block-34 {
    display: none;
    top: 14%;
    left: 78%;
  }

  .nightmode {
    z-index: 9999999;
    min-width: 27px;
    max-width: 27px;
    min-height: 27px;
    max-height: 27px;
    margin-top: 0;
    margin-left: 5px;
    margin-right: 0;
    padding-top: 0;
    padding-right: 0;
    position: static;
    inset: 0% 0% auto;
  }

  .div-block-35 {
    z-index: 2;
    background-color: var(--white--100);
    min-width: 100%;
    max-width: none;
    min-height: 100%;
    max-height: none;
    display: block;
    position: relative;
    top: 0%;
    left: 0%;
    right: 0;
  }

  .div-block-36 {
    min-width: 30vw;
    min-height: 40px;
    margin-top: -53px;
    margin-right: 23px;
    padding-top: 0;
    inset: 2% 0% auto;
  }

  .mapsearch {
    z-index: 999999;
    min-width: 180px;
    max-width: none;
    margin-top: 0;
    position: absolute;
    top: 14%;
    left: 1%;
    right: 47%;
  }

  .mapsearch:hover {
    box-shadow: 0 3px 10px #000000bf;
  }

  .auto-complete-results {
    z-index: 0;
    min-width: 55vw;
    display: none;
  }

  .code-embed {
    pointer-events: auto;
    margin-left: 6px;
    font-size: 18px;
    position: static;
    top: 0%;
    left: 1%;
    right: 0%;
  }

  .image-2 {
    min-width: 15%;
    max-width: 22%;
    margin-bottom: 2px;
    margin-left: 0;
    margin-right: 0;
    top: 18%;
    left: 2%;
  }

  .musemaps_redblue {
    z-index: 3;
    min-width: 100px;
    max-width: 145px;
    margin: -10px 6px 1px 5px;
    padding-bottom: 0;
    padding-right: 0;
    position: absolute;
    inset: 14% auto auto 0%;
  }

  .directions-container {
    z-index: 99999999;
    background-color: #000000f2;
    border-radius: 25px 0 15px 15px;
    min-width: 315px;
    max-width: 315px;
    min-height: 35px;
    max-height: 360px;
    margin-top: 57px;
    margin-left: 3px;
    margin-right: 352px;
    padding-top: 0;
    display: none;
    position: absolute;
    top: -50px;
  }

  .directions-control {
    border-radius: 10px 10px 15px 15px;
    min-width: 315px;
    max-width: 315px;
    min-height: 82px;
    max-height: 82px;
    margin-top: 0;
    margin-left: 0;
    display: block;
  }

  .close-directions {
    margin-top: 0;
    margin-left: 306px;
    margin-right: 0;
  }

  .route-info {
    margin-top: 24px;
    overflow: scroll;
  }

  .custom-traffic, .custom-traffic.active, .custom-cycling {
    display: block;
  }

  .custom-cycling.active {
    display: block;
    overflow: visible;
  }

  .custom-walking, .custom-walking.active {
    display: block;
  }

  .set-destination {
    top: -1px;
  }

  .mapbox-directions-step-list {
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    min-height: 0;
    max-height: 350px;
    overflow: scroll;
  }

  .div-block-42 {
    min-height: 44px;
    max-height: 44px;
    margin-top: 4px;
  }

  .origin-suggestions {
    background-color: #fffffff5;
    margin-top: 0;
    padding-left: 6px;
    padding-right: 6px;
    font-size: 16px;
    line-height: 16px;
    display: block;
  }

  .destination-suggestions {
    background-color: #fffffff5;
    margin-top: 0;
    font-size: 16px;
    line-height: 16px;
    display: block;
  }

  .signup {
    min-width: 320px;
    max-width: 320px;
    margin-left: 0;
    margin-right: 0;
  }

  .visa_layers {
    min-width: 27px;
    max-width: 27px;
    min-height: 27px;
    max-height: 27px;
    margin-top: 0;
    margin-left: 5px;
    margin-right: 0;
    position: static;
    top: 0%;
    bottom: 0%;
    left: 0%;
  }

  .image-3 {
    flex: 0 auto;
    min-width: 100%;
    max-width: 100%;
    min-height: auto;
    max-height: none;
    margin-bottom: -4px;
    margin-left: 3px;
    margin-right: 2px;
  }

  .currentpassport1 {
    margin-bottom: -4px;
    font-size: 12px;
    line-height: 12px;
  }

  .map {
    z-index: 3;
    position: absolute;
  }

  .trip_duration2 {
    z-index: 99998;
    border-radius: 20px;
    min-width: 66px;
    max-width: 66px;
    min-height: 25px;
    max-height: 25px;
    margin-top: 16px;
    margin-left: -10px;
    display: none;
    position: absolute;
    inset: 214% 0% auto auto;
  }

  .duration_text {
    background-color: #fff0;
    min-width: 64px;
    margin-right: 6px;
    padding-top: 2px;
    padding-left: 0;
    padding-right: 0;
    font-size: 13px;
    line-height: 13px;
    position: static;
    inset: 0% 0% auto;
  }

  .calendar_show {
    background-position: 35% 35%;
    background-size: 76% 76%;
    min-width: 40px;
    max-width: 44px;
    min-height: 28px;
    max-height: 32px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    top: 7.8125%;
    left: 64%;
  }

  .fullcalendar {
    z-index: 1;
    text-align: left;
    cursor: auto;
    border-radius: 20px;
    min-width: 95%;
    max-width: none;
    min-height: 95%;
    margin-top: 0;
    margin-right: 0;
    padding-right: 0;
    display: block;
    inset: 0% 0% auto;
    overflow: visible;
  }

  .close_calendar {
    margin-top: 0%;
    inset: 0% 0% auto auto;
  }

  .calendar_popup {
    z-index: 99999999;
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
    min-width: 90%;
    max-width: none;
    min-height: 660%;
    max-height: none;
    display: none;
    inset: 109% auto auto 0%;
  }

  .filter_buttons {
    flex: 0 auto;
    min-width: 90%;
    top: 82%;
    left: 10.376%;
  }

  .events_filter_button {
    justify-content: flex-start;
    align-items: center;
    min-width: 85px;
    min-height: 37px;
  }

  .dining_filter_button {
    background-color: #fff;
    border-radius: 20px;
    justify-content: flex-start;
    align-items: center;
    min-width: 85px;
    max-width: 120px;
    min-height: 37px;
    max-height: 37px;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
    box-shadow: 0 2px 5px #0003;
  }

  .health_filter_button {
    background-color: #fff;
    border-radius: 20px;
    justify-content: flex-start;
    align-items: center;
    min-width: 90px;
    max-width: 120px;
    min-height: 37px;
    max-height: 37px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
    box-shadow: 0 2px 5px #0003;
  }

  .text-block-34 {
    -webkit-text-stroke-width: .6px;
    margin-left: 0;
    font-family: Gill Sans Mt, sans-serif;
    font-size: 18px;
    font-weight: 400;
  }

  .image-4 {
    max-width: 35px;
    max-height: 28px;
    margin-bottom: 0;
    margin-left: 0;
  }

  .text-block-35 {
    color: var(--neutral--800);
    -webkit-text-stroke-width: .6px;
    padding-left: 5px;
    font-size: 18px;
    font-weight: 400;
  }

  .image-5 {
    min-width: 6px;
    max-width: 6px;
    min-height: 28px;
    max-height: 28px;
    margin-bottom: 0;
    margin-left: 11px;
    display: block;
  }

  .text-block-36 {
    color: var(--neutral--800);
    -webkit-text-stroke-width: .6px;
    font-size: 18px;
  }

  .image-6 {
    background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: auto;
  }

  .image-7 {
    max-width: 25px;
    min-height: 32px;
    max-height: 32px;
    margin-top: 2px;
    margin-bottom: 0;
    margin-left: 6px;
    display: block;
  }

  .date_tab_shortcuts {
    background-color: var(--tan);
    border-radius: 0;
    justify-content: flex-start;
    align-items: center;
    min-width: 100%;
    max-width: none;
    min-height: 35px;
    margin-left: -5px;
    display: none;
    top: 3.99979%;
    left: 2%;
    overflow: visible;
    box-shadow: 0 2px 5px #0003;
  }

  .date_tab_weekend {
    flex-flow: row;
    justify-content: center;
    align-items: center;
    min-width: auto;
    max-width: none;
    min-height: auto;
    max-height: none;
    line-height: 22px;
    display: flex;
  }

  .date_tab_now {
    justify-content: center;
    align-items: center;
    min-width: 35px;
    min-height: auto;
    max-height: none;
    line-height: 22px;
    display: flex;
  }

  .date_tab_today {
    text-align: center;
    min-width: 0;
    min-height: 25px;
    line-height: 22px;
  }

  .now_button {
    text-align: center;
    align-self: center;
    line-height: 22px;
  }

  .weekend_button {
    text-align: center;
    justify-content: center;
    align-items: center;
    line-height: 22px;
    display: flex;
  }

  .week_button {
    justify-content: center;
    align-items: center;
    line-height: 22px;
    display: flex;
  }

  .today_button {
    text-align: center;
    justify-content: center;
    align-items: center;
    min-width: auto;
    min-height: auto;
    line-height: 22px;
    display: flex;
  }

  .clear_dates_button {
    min-width: 26px;
    min-height: 32px;
    margin-top: 0;
    margin-left: 1px;
    margin-right: 10px;
    display: block;
    top: 2.5px;
    left: 90%;
    right: 0;
  }

  .language_mode {
    min-width: 27px;
    max-width: 27px;
    min-height: 27px;
    max-height: 27px;
    margin-left: 5px;
    display: flex;
    position: static;
  }

  .submitbutton {
    width: 100%;
    min-height: auto;
    padding: .6em 1.3em;
    font-size: 14px;
    font-style: normal;
  }

  .submitbutton.is-light {
    max-width: 100vw;
  }

  .signupemail {
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 12px;
  }

  .ms-link.ms-is-forgot {
    font-weight: 400;
  }

  .loginformdiv {
    width: 100%;
    min-width: auto;
    margin-top: 0;
    display: block;
    left: 0%;
  }

  .ms-social-text {
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  }

  .formdivider {
    width: 100%;
  }

  .signupform {
    width: 100%;
    min-width: 100%;
    min-height: 100%;
  }

  .text-block-42 {
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  }

  .login_popup {
    z-index: 2;
    background-color: #0000;
    flex-flow: row;
    justify-content: space-between;
    align-items: flex-start;
    min-width: 80%;
    min-height: 550px;
    margin-top: 17%;
    margin-left: 35px;
    display: flex;
    position: absolute;
    top: -26.0171px;
    left: 0%;
  }

  .signup_popup {
    inset: 1% 0% auto;
  }

  .checkbox-wrap {
    display: flex;
  }

  .signupformdiv {
    width: 100%;
    min-width: auto;
  }

  .social-image-2 {
    margin-bottom: 0;
  }

  .loginstatus {
    z-index: 999999999;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    min-width: 50px;
    max-width: 55px;
    min-height: 26px;
    max-height: 29px;
    margin-top: 1px;
    margin-left: 7px;
    margin-right: -4px;
    padding-left: 0;
    padding-right: 0;
    display: flex;
    position: absolute;
    top: 101%;
    left: 79%;
  }

  .passwordresetbutton {
    width: 100%;
    min-height: auto;
    padding: .6em 1.3em;
    font-size: 14px;
    font-style: normal;
  }

  .passwordresetbutton.ms-is-light {
    max-width: 100vw;
  }

  .pw-reset-input {
    font-size: 12px;
  }

  .ms-form {
    width: 100%;
    min-width: auto;
  }

  .passwordresetform {
    width: 100%;
  }

  .ms-button {
    width: 100%;
    min-height: auto;
    padding: .6em 1.3em;
    font-size: 14px;
    font-style: normal;
  }

  .ms-button.ms-is-light {
    max-width: 100vw;
  }

  .ms-input {
    font-size: 12px;
  }

  .ms-form-2 {
    width: 100%;
    min-width: auto;
  }

  .ms-form-block {
    width: 100%;
  }

  .image-9 {
    max-width: 90%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 5px;
    overflow: clip;
  }

  .firstinitialdiv {
    min-width: 30px;
    max-width: 30px;
    min-height: 30px;
    max-height: 30px;
    margin-left: 0;
  }

  .closeloginpopup {
    top: 2px;
    left: 90%;
  }

  .accountmenu {
    z-index: 99999;
    margin-right: -1px;
    display: none;
    inset: -16px 6px auto auto;
  }

  .logout {
    margin-top: 5px;
  }

  .units_mode_text {
    margin-top: 0;
    margin-left: 7px;
  }

  .firstinitialdiv2 {
    width: 27px;
    min-width: 27px;
    max-width: 27px;
    height: 27px;
    min-height: 27px;
    max-height: 27px;
  }

  .image-10 {
    width: 27px;
    min-width: 27px;
    max-width: 27px;
    height: 27px;
    min-height: 27px;
    max-height: 27px;
    box-shadow: none;
    vertical-align: baseline;
    margin-left: 0;
    padding-right: 0;
    display: block;
  }

  .closeaccountmenu {
    width: 42px;
    min-width: 35px;
    max-width: 35px;
    height: 42px;
    min-height: 35px;
    max-height: 35px;
    display: flex;
    top: -13%;
    overflow: visible;
  }

  .text-block-47 {
    margin-left: 7px;
  }

  .loginbuttontext {
    margin-left: -10px;
  }

  .userpassport {
    justify-content: flex-start;
    align-items: center;
    margin-top: 0;
  }

  .displayedpassportiso_1 {
    margin-left: 7px;
  }

  .languagemode {
    margin-top: 5px;
  }

  .text-block-49 {
    margin-left: 7px;
  }

  .visa_durations {
    background-color: #fff0;
    justify-content: center;
    align-items: center;
    margin-top: 3px;
    top: 0%;
    left: 78%;
    overflow: hidden;
  }

  .infosidebar_country {
    z-index: 99999999;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    margin-top: 0;
    margin-left: 0;
    position: static;
    top: 0%;
  }

  .infosidebar_country.visa {
    margin-left: -428px;
  }

  .infosidebar_language {
    z-index: 99999999;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    margin-top: 0;
    margin-left: -421px;
    position: absolute;
    top: 0%;
  }

  .infosidebar_language.visa {
    margin-left: -428px;
  }

  .infosidebar_visa {
    z-index: 99999999;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    margin-top: 0;
    margin-left: -421px;
    position: absolute;
    top: 0%;
  }

  .infosidebar_visa.visa {
    margin-left: -428px;
  }

  .infosidebar_venues {
    z-index: 99999999;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    margin-top: 0;
    margin-left: -421px;
    position: absolute;
    top: 0%;
  }

  .infosidebar_venues.visa {
    margin-left: -428px;
  }

  .summary_city_sub_div1 {
    flex-flow: column;
    order: 5;
    display: flex;
  }

  .sidebarimage_city {
    margin-top: 5px;
    overflow: hidden;
    box-shadow: 4px 3px 5px #0006;
  }

  .sidebarimage_city.language {
    overflow: hidden;
  }

  .climate_city_averages_sub_div {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: center;
  }

  .all_headers_div {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    justify-content: flex-start;
    align-items: center;
    margin-left: 6px;
  }

  .days_snow_text {
    font-size: 16px;
    line-height: 16px;
  }

  .snow_data_button, .snow_data_divs {
    margin-top: 0;
  }

  .humidity_data_button {
    margin-top: -12px;
    margin-left: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .humidity_data_divs {
    margin-left: 0;
  }

  .humidity_avg_div {
    z-index: 9997;
  }

  .snow_days_div {
    display: flex;
  }

  .rain_days_text {
    font-size: 16px;
    line-height: 16px;
  }

  .cost_city_div {
    order: 6;
  }

  .country_summary_data {
    background-color: #fff0;
    justify-content: center;
    align-items: center;
    margin-top: 3px;
    top: 0%;
    left: 78%;
    overflow: hidden;
  }

  .country_summary_data.cost {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: center;
    min-width: auto;
    overflow: visible;
  }

  .country_summary_data.internet {
    justify-content: flex-start;
    align-items: center;
    min-width: auto;
    margin-top: 0;
  }

  .country_summary_data.population {
    justify-content: flex-start;
    align-items: center;
    min-width: auto;
    overflow: visible;
  }

  .country_summary_data_div {
    background-color: #fff0;
    justify-content: center;
    align-items: center;
    margin-top: 3px;
    top: 0%;
    left: 78%;
    overflow: hidden;
  }

  .country_rank_sub_div {
    display: none;
  }

  .country_demogr_race_religion_div {
    background-color: #fff0;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 3px;
    top: 0%;
    left: 78%;
    overflow: hidden;
  }

  .country_demogr_ethnicity_sub2_div {
    background-color: var(--tan);
    justify-content: center;
    align-items: center;
    margin-top: 3px;
    top: 0%;
    left: 78%;
    overflow: hidden;
  }

  .country_main_summary_sub_div {
    order: 5;
  }

  .country_taxes_data, .country_taxes_data_div, .country_demogr_languages_official, .country_immigrate_citizenship_div, .country_immigrate_citizenship_sub_div {
    background-color: #fff0;
    justify-content: center;
    align-items: center;
    margin-top: 3px;
    top: 0%;
    left: 78%;
    overflow: hidden;
  }

  .country_demogr_religion_sub2_div-copy {
    background-color: var(--tan);
    justify-content: center;
    align-items: center;
    margin-top: 3px;
    top: 0%;
    left: 78%;
    overflow: hidden;
  }

  .city_summary_flights_headers {
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
    position: static;
    overflow: visible;
  }

  .citysummary {
    min-height: 80px;
    margin-top: 33px;
    margin-left: 0;
    position: absolute;
  }

  .city_population_sub_div.internet {
    flex-flow: column;
  }

  .city_urban_population_sub_div.wifi {
    margin-top: -22px;
  }

  .text-block-89 {
    line-height: 22px;
  }

  .citysummaryairports {
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
  }

  .div-block-94 {
    margin-top: 3px;
  }

  .navbar {
    z-index: 2147483647;
  }

  .loginpopupdiv {
    z-index: 1;
    background-color: #000000c2;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    min-width: 100%;
    height: 100%;
    min-height: 1800%;
    margin-top: -33px;
    display: none;
    position: absolute;
  }

  .city_spend_div2 {
    display: none;
  }

  .image-31 {
    margin-top: 0;
    margin-left: 0;
  }

  .units_mode {
    z-index: 9999999;
    min-width: 27px;
    max-width: 27px;
    min-height: 27px;
    max-height: 27px;
    margin-top: 0;
    margin-left: 5px;
    margin-right: 0;
    padding-top: 0;
    padding-right: 0;
    position: static;
    inset: 0% 0% auto;
  }

  .city_summary_cost {
    margin-top: 0;
    margin-left: 0;
  }

  .summary_city_sub_div, .summary_city_sub_div1-copy {
    flex-flow: column;
    order: 5;
    display: flex;
  }

  .comparison-panels-container {
    z-index: 9999999;
    flex-flow: column;
    margin-top: 158px;
  }

  .infosidebar_city1 {
    z-index: 99999999;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    width: 420px;
    min-width: 360px;
    margin-top: 132px;
    margin-left: 8px;
    display: flex;
    position: absolute;
    top: 0%;
  }

  .infosidebar_city1.visa {
    margin-left: -428px;
  }

  .infosidebar_city1.comparison-panel {
    order: 1;
    padding-top: 0;
    display: flex;
  }

  .country_header {
    justify-content: center;
    align-items: center;
  }

  .main_mode_buttons {
    z-index: 9999999;
    margin-top: -80px;
    margin-left: 137px;
    position: absolute;
  }

  .infosidebar_city_list {
    z-index: 99999999;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    width: 420px;
    min-width: 360px;
    margin-top: 132px;
    margin-left: 8px;
    display: flex;
    position: absolute;
    top: 0%;
  }

  .infosidebar_city_list.visa {
    margin-left: -428px;
  }

  .infosidebar_city_list.comparison-panel {
    display: flex;
  }

  .sun_rain_divs, .sun_data_button {
    margin-top: 0;
  }

  .text-block-98 {
    color: var(--neutral--800);
    justify-content: space-between;
    align-items: center;
    padding-left: 2px;
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 13px;
    display: flex;
  }

  .climate_city_averages_sub_div-copy {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: center;
  }

  .all_headers_div_summary {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    justify-content: flex-start;
    align-items: center;
    margin-left: 6px;
  }

  .country_summary_data_time {
    background-color: #fff0;
    justify-content: center;
    align-items: center;
    margin-top: 3px;
    top: 0%;
    left: 78%;
    overflow: hidden;
  }

  .country_summary_data_time.cost {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: center;
    min-width: auto;
    overflow: visible;
  }

  .country_summary_data_time.internet {
    justify-content: flex-start;
    align-items: center;
    min-width: auto;
  }

  .country_summary_data_time.population {
    justify-content: flex-start;
    align-items: center;
    min-width: auto;
    overflow: visible;
  }

  .country_summary_data_time.current_time {
    max-height: 34px;
    margin-top: 14px;
  }

  .country_summary_data_cost {
    background-color: #fff0;
    justify-content: center;
    align-items: center;
    margin-top: 3px;
    top: 0%;
    left: 78%;
    overflow: hidden;
  }

  .country_summary_data_cost.cost {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    min-width: auto;
    margin-top: 42px;
    left: 0%;
    overflow: visible;
  }

  .country_summary_data_cost.internet {
    justify-content: flex-start;
    align-items: center;
    min-width: auto;
  }

  .country_summary_data_cost.population {
    justify-content: flex-start;
    align-items: center;
    min-width: auto;
    overflow: visible;
  }

  .city_population_sub_div-copy.internet {
    flex-flow: column;
  }

  .city_summary_population {
    background-color: #fff0;
    justify-content: center;
    align-items: center;
    margin-top: 3px;
    top: 0%;
    left: 78%;
    overflow: hidden;
  }

  .city_summary_population.cost {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: center;
    min-width: auto;
    overflow: visible;
  }

  .city_summary_population.internet {
    justify-content: flex-start;
    align-items: center;
    min-width: auto;
  }

  .city_summary_population.population {
    justify-content: flex-start;
    align-items: center;
    min-width: auto;
    margin-top: 20px;
    overflow: visible;
  }

  .city_summary_population.population.population_div {
    margin-top: 7px;
  }

  .sun_data_button_summary, .sun_rain_divs_summary {
    margin-top: 0;
  }

  .rain_days_text_summary {
    font-size: 16px;
    line-height: 16px;
  }

  .rain_days_tag_summary {
    color: var(--neutral--800);
    justify-content: space-between;
    align-items: center;
    padding-left: 2px;
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 13px;
    display: flex;
  }

  .snow_data_button_summary, .snow_data_divs_summary {
    margin-top: 0;
  }

  .snow_days_div_summary {
    background-color: var(--white--100);
    display: none;
  }

  .snow_days_tag_summary {
    color: var(--neutral--800);
    justify-content: space-between;
    align-items: center;
    padding-left: 2px;
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 13px;
    display: flex;
  }

  .infosidebar_city1-copy {
    z-index: 99999999;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    width: 420px;
    min-width: 360px;
    margin-top: 132px;
    margin-left: 8px;
    display: flex;
    position: absolute;
    top: 0%;
  }

  .infosidebar_city1-copy.visa {
    margin-left: -428px;
  }

  .infosidebar_city1-copy.comparison-panel {
    order: 1;
    padding-top: 0;
    display: flex;
  }

  .infosidebar_city4 {
    z-index: 99999999;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    width: 420px;
    min-width: 360px;
    margin-top: 132px;
    margin-left: 8px;
    display: flex;
    position: absolute;
    top: 0%;
  }

  .infosidebar_city4.visa {
    margin-left: -428px;
  }

  .infosidebar_city4.comparison-panel {
    order: 1;
    padding-top: 0;
    display: none;
  }

  .infosidebar_city3 {
    z-index: 99999999;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    width: 420px;
    min-width: 360px;
    margin-top: 132px;
    margin-left: 8px;
    display: flex;
    position: absolute;
    top: 0%;
  }

  .infosidebar_city3.visa {
    margin-left: -428px;
  }

  .infosidebar_city3.comparison-panel {
    order: 1;
    padding-top: 0;
    display: none;
  }

  .infosidebar_city2 {
    z-index: 99999999;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    width: 420px;
    min-width: 360px;
    margin-top: 132px;
    margin-left: 8px;
    display: flex;
    position: absolute;
    top: 0%;
  }

  .infosidebar_city2.visa {
    margin-left: -428px;
  }

  .infosidebar_city2.comparison-panel {
    order: 1;
    padding-top: 0;
    display: none;
  }

  .all_headers_div_forecast_summary {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    justify-content: flex-start;
    align-items: center;
    margin-left: 6px;
  }

  .infosidebar_city_results {
    overflow: visible;
  }

  .city_results_cost_sub_div {
    background-color: #fff0;
    justify-content: center;
    align-items: center;
    margin-top: 3px;
    top: 0%;
    left: 78%;
    overflow: hidden;
  }

  .city_filters_shell {
    top: 92%;
    left: 4%;
  }

  .city_results_shell {
    height: 36px;
    margin-top: 3px;
    margin-left: 3px;
    overflow: hidden;
  }
}

#searchButton.w-node-_2729d6f7-d766-173b-b852-47e2c5c439ef-5ab1055d {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-_2729d6f7-d766-173b-b852-47e2c5c439f9-5ab1055d {
  justify-self: auto;
}

#w-node-_504883fc-b26e-b64f-cfed-179d1ea0a43c-5ab1055d, #w-node-_2b509be3-5d10-2f2a-7cd4-6926a79b1361-5ab1055d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_06aad7a3-f803-05db-60f0-47a7ef403b87-ef403b7a {
  place-self: center end;
}

#w-node-_79784bda-7807-708e-c89b-c286c2c65d0f-c2c65d0f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#searchButton.w-node-b4c48711-1a9c-0ad1-5c28-69d7e7ec254b-fdd124ca {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-b466c455-09e3-6f94-4448-8aade7934ea5-fdd124ca {
  justify-self: auto;
}

#w-node-_3cb99baa-e47a-d779-7c14-05151a1667b9-5ab105ba {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_3cb99baa-e47a-d779-7c14-05151a1667bd-5ab105ba {
  justify-self: start;
}

#w-node-_1fe035a9-b339-960f-43bd-922b7d11cc4b-5ab10607, #w-node-_21f34993-744a-23f4-4d07-ab6422c57460-5ab10607, #w-node-_39a361a4-8db3-0478-b332-54aaa0aeb19f-5ab10607, #w-node-_1fe035a9-b339-960f-43bd-922b7d11cc66-5ab10607 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1b80bf28-dd80-7976-63bd-6034467caa56-5ab10609 {
  place-self: center end;
}

#w-node-_48179c42-8780-db30-ba01-1c22fea07ab4-5ab1060d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_62b0cb992aca6110a4b3a86f00000000001c-5ab10616 {
  margin-top: 20px;
  margin-bottom: 20px;
}

#w-node-_62b0cb992aca6110a4b3a86f000000000021-5ab10616 {
  border: 1px solid #e6e6e6;
}

#w-node-_62b0cb992aca6110a4b3a86f000000000022-5ab10616 {
  margin-top: 10px;
}

#w-node-_62b0cb992aca6110a4b3a86f000000000025-5ab10616 {
  position: initial;
  margin-left: 0;
  margin-right: 0;
}

@media screen and (max-width: 767px) {
  #w-node-e3a90f75-d470-7097-bbbe-55a933809da3-5ab1060d, #w-node-_4d23d9c3-32aa-001b-0596-e5a65931aef9-5ab1060d, #w-node-_5d0cf41d-1172-6000-505c-5abc2306569e-5ab1060d, #w-node-ae36a11d-9aa6-9b99-1c4e-812c3ccf1b6f-5ab1060d, #w-node-_529f5180-557e-0011-a8c7-d413bd690ec5-5ab1060d, #w-node-_529f5180-557e-0011-a8c7-d413bd690ed0-5ab1060d, #w-node-_529f5180-557e-0011-a8c7-d413bd690edb-5ab1060d, #w-node-_529f5180-557e-0011-a8c7-d413bd690ee6-5ab1060d, #w-node-_3e7a3750-203b-4f65-b2ff-7193010c307e-5ab1060d, #w-node-_820331d6-c4e7-e22c-17e6-307c4ba0cf79-5ab1060d, #w-node-_2cc935a5-ba4b-b138-1cd0-3ca62c07d263-5ab1060d, #w-node-_2cc935a5-ba4b-b138-1cd0-3ca62c07d26e-5ab1060d, #w-node-_2cc935a5-ba4b-b138-1cd0-3ca62c07d279-5ab1060d, #w-node-cd97ed09-7ee7-f868-9f24-92008cbffbf9-5ab1060d, #w-node-_678fa4ae-1fca-b02f-fd27-9efe550463d6-5ab1060d, #w-node-_053b3848-5278-b0d0-565f-4e26607311a1-5ab1060d, #w-node-_8638ecc7-fc7a-8770-ed2b-943d852abcf3-5ab1060d, #w-node-d7e62f01-1c68-6af4-0f0b-aa76e3a3f0a9-5ab1060d, #w-node-d7e62f01-1c68-6af4-0f0b-aa76e3a3f0bd-5ab1060d, #w-node-fdedfdaf-07eb-26ce-ec5a-44f9429fbce6-5ab1060d, #w-node-e5098d5c-99e5-a310-1707-51b579e0852f-5ab1060d, #w-node-_1d39ea8e-bae3-1512-4ef0-cdf93fc0f8da-5ab1060d, #w-node-_0959ac05-e5ad-fd43-8e7e-a09dd2f57df9-5ab1060d, #w-node-d7e62f01-1c68-6af4-0f0b-aa76e3a3f0d1-5ab1060d, #w-node-f9a626ae-4f05-7075-0d66-3072978dbb53-5ab1060d, #w-node-_5e353be1-d012-39fc-eeb8-2763382b8e35-5ab1060d {
    order: -9999;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_3cb99baa-e47a-d779-7c14-05151a1667b9-5ab105ba {
    grid-column: span 1 / span 1;
  }
}


@font-face {
  font-family: 'Social Icons Font';
  src: url('../fonts/social-icon-font.woff2') format('woff2'), url('../fonts/social-icon-font.eot') format('embedded-opentype'), url('../fonts/social-icon-font.woff') format('woff'), url('../fonts/social-icon-font.ttf') format('truetype'), url('../fonts/social-icon-font.svg') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Line Square Icons';
  src: url('../fonts/line-square-icons.woff2') format('woff2'), url('../fonts/line-square-icons.eot') format('embedded-opentype'), url('../fonts/line-square-icons.woff') format('woff'), url('../fonts/line-square-icons.ttf') format('truetype'), url('../fonts/line-square-icons.svg') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Filled Icons';
  src: url('../fonts/filled-icon-font.woff2') format('woff2'), url('../fonts/filled-icon-font.eot') format('embedded-opentype'), url('../fonts/filled-icon-font.woff') format('woff'), url('../fonts/filled-icon-font.ttf') format('truetype'), url('../fonts/filled-icon-font.svg') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Line Rounded Icons';
  src: url('../fonts/line-rounded-icons.woff2') format('woff2'), url('../fonts/line-rounded-icons.eot') format('embedded-opentype'), url('../fonts/line-rounded-icons.woff') format('woff'), url('../fonts/line-rounded-icons.ttf') format('truetype'), url('../fonts/line-rounded-icons.svg') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gill Sans Mt';
  src: url('../fonts/gill-sans-mt.ttf') format('truetype'), url('../fonts/gill-sans-mt.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}