.mitocon-global-footprint {
position: relative;
} .mitocon-footprint-dropdown {
position: fixed;
top: 0;
left: 0;
min-width: 220px;
max-width: min(320px, calc(100vw - 24px));
padding: 0.45rem;
margin: 0;
list-style: none;
background: linear-gradient(180deg, #ffffff, #f7fbff);
border-radius: 12px;
box-shadow: 0 12px 40px rgba(15, 23, 42, 0.18), 0 0 0 1px rgba(15, 23, 42, 0.08);
z-index: 10050;
opacity: 0;
visibility: hidden;
transform: translateY(-6px);
transition:
opacity 0.18s ease,
transform 0.18s ease,
visibility 0.18s;
pointer-events: none;
}
.mitocon-footprint-dropdown.is-open {
opacity: 1;
visibility: visible;
transform: translateY(0);
pointer-events: auto;
overflow-y: auto;
overscroll-behavior: contain;
-webkit-overflow-scrolling: touch;
touch-action: pan-y;
}
.mitocon-footprint-dropdown li {
margin: 0;
padding: 0;
list-style: none;
}
.mitocon-footprint-dropdown li + li {
margin-top: 0.25rem;
}
.mitocon-footprint-dropdown__item {
display: block;
width: 100%;
margin: 0;
padding: 0.52rem 0.7rem;
border: 0;
background: transparent;
border-radius: 10px;
text-align: left;
font: inherit;
font-size: 0.95rem;
font-weight: 600;
line-height: 1.2;
color: #0f172a;
cursor: pointer;
transition:
background 0.12s ease,
color 0.12s ease,
transform 0.12s ease;
}
.mitocon-footprint-dropdown__item-inner {
display: inline-flex;
align-items: center;
gap: 0.55rem;
}
.mitocon-footprint-dropdown__icon,
.mitocon-footprint-flag-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 1.6rem;
height: 1.6rem;
border-radius: 999px;
font-size: 0;
line-height: 0;
color: transparent;
overflow: hidden;
flex: 0 0 1.6rem;
background-color: #fff;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border: 1px solid rgba(15, 155, 151, 0.22);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.65);
}
.mitocon-footprint-dropdown__label {
display: inline-block;
letter-spacing: 0.01em;
}
.mitocon-footprint-dropdown__item:hover,
.mitocon-footprint-dropdown__item:focus-visible {
background: rgba(15, 155, 151, 0.13);
color: #0f172a;
transform: translateX(2px);
outline: none;
}
.mitocon-footprint-dropdown__item:focus-visible {
box-shadow: inset 0 0 0 2px #0f9b97;
} .mitocon-global-footprint > a[aria-expanded="true"] {
cursor: pointer;
}  .bt_bb_google_maps.bt_bb_google_maps_with_content.mitocon-popup-left,
.bt_bb_google_maps.bt_bb_google_maps_with_content.mitocon-popup-right,
.bt_bb_google_maps.bt_bb_google_maps_with_content.mitocon-multi-show {
position: relative; min-height: 640px; overflow: hidden;
z-index: 1;
} .bt_bb_google_maps.bt_bb_google_maps_with_content.mitocon-popup-left .bt_bb_google_maps_map,
.bt_bb_google_maps.bt_bb_google_maps_with_content.mitocon-popup-right .bt_bb_google_maps_map,
.bt_bb_google_maps.bt_bb_google_maps_with_content.mitocon-multi-show .bt_bb_google_maps_map {
position: absolute !important;
inset: 0 !important;
height: 100% !important;
width: 100% !important;
}  .bt_bb_google_maps.bt_bb_google_maps_with_content.mitocon-popup-left .bt_bb_google_maps_content,
.bt_bb_google_maps.bt_bb_google_maps_with_content.mitocon-popup-right .bt_bb_google_maps_content,
.bt_bb_google_maps.bt_bb_google_maps_with_content.mitocon-multi-show .bt_bb_google_maps_content {
position: absolute !important;
inset: 0;
display: flex !important;
align-items: flex-start;
pointer-events: none;
padding: 1.5rem 1em 2rem;
box-sizing: border-box;
z-index: 2;
} .bt_bb_google_maps.bt_bb_google_maps_with_content.mitocon-popup-left .bt_bb_google_maps_content_wrapper,
.bt_bb_google_maps.bt_bb_google_maps_with_content.mitocon-popup-right .bt_bb_google_maps_content_wrapper,
.bt_bb_google_maps.bt_bb_google_maps_with_content.mitocon-multi-show .bt_bb_google_maps_content_wrapper {
display: flex !important;
flex-direction: column !important;
flex-wrap: nowrap !important; overflow-x: hidden !important;
overflow-y: visible !important;
-webkit-overflow-scrolling: touch;
width: clamp(240px, 28%, 340px);
max-height: none;
min-height: 0;
pointer-events: all; margin: 0 !important;
} .bt_bb_google_maps.bt_bb_google_maps_with_content.mitocon-popup-left .bt_bb_google_maps_content_wrapper:not(:has(.bt_bb_map_location_show)),
.bt_bb_google_maps.bt_bb_google_maps_with_content.mitocon-popup-right .bt_bb_google_maps_content_wrapper:not(:has(.bt_bb_map_location_show)),
.bt_bb_google_maps.bt_bb_google_maps_with_content.mitocon-multi-show .bt_bb_google_maps_content_wrapper:not(:has(.bt_bb_map_location_show)) {
pointer-events: none;
} .bt_bb_google_maps.bt_bb_google_maps_with_content.mitocon-multi-show .bt_bb_google_maps_content_wrapper {
overflow-y: auto !important;
max-height: calc(100% - 3.5rem);
} .bt_bb_google_maps.bt_bb_google_maps_with_content.mitocon-popup-right .bt_bb_google_maps_content_wrapper,
.bt_bb_google_maps.bt_bb_google_maps_with_content.mitocon-multi-show.mitocon-popup-right .bt_bb_google_maps_content_wrapper {
margin-left: auto !important;
margin-right: 0 !important;
} .bt_bb_google_maps.bt_bb_google_maps_with_content.mitocon-popup-left .bt_bb_google_maps_content_wrapper,
.bt_bb_google_maps.bt_bb_google_maps_with_content.mitocon-multi-show.mitocon-popup-left .bt_bb_google_maps_content_wrapper {
margin-left: 0 !important;
margin-right: auto !important;
}   .bt_bb_google_maps.bt_bb_google_maps_with_content.mitocon-popup-left .bt_bb_map_location,
.bt_bb_google_maps.bt_bb_google_maps_with_content.mitocon-popup-right .bt_bb_map_location,
.bt_bb_google_maps.bt_bb_google_maps_with_content.mitocon-multi-show .bt_bb_map_location {
position: relative !important;
inset: auto !important;
flex: 0 0 auto !important;
width: 100% !important;
order: 0 !important;
opacity: 0 !important;
pointer-events: none !important;
display: none !important;
margin-bottom: 0;
box-sizing: border-box;
} .bt_bb_google_maps.bt_bb_google_maps_with_content.mitocon-popup-left .bt_bb_map_location_show,
.bt_bb_google_maps.bt_bb_google_maps_with_content.mitocon-popup-right .bt_bb_map_location_show,
.bt_bb_google_maps.bt_bb_google_maps_with_content.mitocon-multi-show .bt_bb_map_location_show {
display: block !important;
opacity: 1 !important;
pointer-events: all !important;
isolation: isolate; overflow: visible;
max-height: none;
word-wrap: break-word;
overflow-wrap: break-word;
margin-bottom: 0.75em;
}
.bt_bb_google_maps.bt_bb_google_maps_with_content.mitocon-popup-left .bt_bb_map_location_show:last-child,
.bt_bb_google_maps.bt_bb_google_maps_with_content.mitocon-popup-right .bt_bb_map_location_show:last-child,
.bt_bb_google_maps.bt_bb_google_maps_with_content.mitocon-multi-show .bt_bb_map_location_show:last-child {
margin-bottom: 0;
} .mitocon-footprint-card-chrome {
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.35rem;
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 6;
padding: 0.42rem 0.45rem 0.55rem;
pointer-events: auto;
box-sizing: border-box;
border-radius: 10px 10px 0 0;
background: linear-gradient(
to bottom,
rgba(255, 255, 255, 0.98),
rgba(255, 255, 255, 0.65) 62%,
rgba(255, 255, 255, 0)
);
}
.mitocon-footprint-card-drag,
.mitocon-footprint-popup-close {
-webkit-appearance: none;
appearance: none;
flex: none;
min-width: 2.5rem;
min-height: 2.5rem;
padding: 0 0.45rem;
margin: 0;
border: 1px solid rgba(15, 23, 42, 0.12);
border-radius: 10px;
background: #fff;
color: #0f172a;
font-family: inherit;
font-size: 1.25rem;
font-weight: 600;
line-height: 1;
cursor: pointer;
box-shadow: 0 1px 4px rgba(15, 23, 42, 0.08);
transition:
background 0.12s ease,
box-shadow 0.12s ease,
border-color 0.12s ease;
}
.mitocon-footprint-card-drag {
cursor: grab;
touch-action: none;
padding: 0 0.5rem;
}
.mitocon-footprint-card-drag:active {
cursor: grabbing;
}
.mitocon-footprint-popup-close:hover,
.mitocon-footprint-popup-close:focus-visible,
.mitocon-footprint-card-drag:hover,
.mitocon-footprint-card-drag:focus-visible {
background: rgba(15, 155, 151, 0.1);
border-color: rgba(15, 155, 151, 0.45);
box-shadow:
0 2px 8px rgba(15, 23, 42, 0.1),
0 0 0 2px rgba(15, 155, 151, 0.25);
outline: none;
}
.mitocon-footprint-popup-close:focus-visible {
color: #0f9b97;
}
.mitocon-footprint-drag-glyph {
display: block;
width: 1.05rem;
height: 0.92rem;
margin: 0 auto;
opacity: 0.7;
border-radius: 2px;
background: repeating-linear-gradient(
to bottom,
#64748b 0,
#64748b 3px,
transparent 3px,
transparent 7px
);
}
.mitocon-footprint-card--dragging {
z-index: 8;
} .mitocon-footprint-loc-country,
.mitocon-footprint-loc-country-inline {
display: none !important;
}
.mitocon-footprint-heading-title {
display: inline-flex;
align-items: center;
flex-wrap: wrap;
gap: 0.35rem;
}
.mitocon-footprint-heading-flag {
display: inline-flex;
align-items: center;
justify-content: center;
width: 1.45rem;
height: 1.45rem;
border-radius: 999px;
font-size: 0;
line-height: 0;
color: transparent;
overflow: hidden;
flex: 0 0 1.45rem;
background-color: #fff;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border: 1px solid rgba(15, 155, 151, 0.25);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.65);
}
.mitocon-footprint-global-title-flag {
margin-right: 0.35rem;
vertical-align: middle;
}
.mitocon-footprint-heading-country {
display: inline-block;
padding: 0.18em 0.5em;
font-size: 0.56em;
line-height: 1.2;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.05em;
border-radius: 999px;
color: #0f172a;
background: linear-gradient(90deg, rgba(15, 155, 151, 0.14), rgba(37, 99, 235, 0.1));
border: 1px solid rgba(15, 155, 151, 0.2);
}
.mitocon-footprint-company-url {
display: block;
margin: 0.55em 0 0;
line-height: 1.4;
word-wrap: break-word;
overflow-wrap: break-word;
clear: both;
}
.mitocon-footprint-company-url:before,
.mitocon-footprint-company-url:after {
content: none !important;
}
.mitocon-footprint-company-url a {
display: inline-block;
color: #0f172a;
text-decoration: none;
font-weight: 600;
word-break: break-word;
overflow-wrap: anywhere;
}
.mitocon-footprint-company-url a:hover,
.mitocon-footprint-company-url a:focus-visible {
color: #0f9b97;
text-decoration: underline;
} [data-mitocon-footprint-title] {
word-wrap: break-word;
overflow-wrap: break-word;
}  @media (max-width: 782px) {
.bt_bb_google_maps.bt_bb_google_maps_with_content.mitocon-popup-left,
.bt_bb_google_maps.bt_bb_google_maps_with_content.mitocon-popup-right,
.bt_bb_google_maps.bt_bb_google_maps_with_content.mitocon-multi-show {
display: flex !important;
flex-direction: column !important;
flex-wrap: nowrap !important;
align-items: stretch;
align-content: stretch;
min-height: 0;
overflow: visible;
} .bt_bb_google_maps.bt_bb_google_maps_with_content.mitocon-popup-left > .bt_bb_google_maps_content_toggler,
.bt_bb_google_maps.bt_bb_google_maps_with_content.mitocon-popup-right > .bt_bb_google_maps_content_toggler,
.bt_bb_google_maps.bt_bb_google_maps_with_content.mitocon-multi-show > .bt_bb_google_maps_content_toggler,
.bt_bb_google_maps.bt_bb_google_maps_with_content.mitocon-popup-left > .bt_bb_map_content_toggler,
.bt_bb_google_maps.bt_bb_google_maps_with_content.mitocon-popup-right > .bt_bb_map_content_toggler,
.bt_bb_google_maps.bt_bb_google_maps_with_content.mitocon-multi-show > .bt_bb_map_content_toggler {
display: none !important;
}
.bt_bb_google_maps.bt_bb_google_maps_with_content.mitocon-popup-left .bt_bb_google_maps_map,
.bt_bb_google_maps.bt_bb_google_maps_with_content.mitocon-popup-right .bt_bb_google_maps_map,
.bt_bb_google_maps.bt_bb_google_maps_with_content.mitocon-multi-show .bt_bb_google_maps_map {
position: relative !important;
inset: auto !important;
top: auto !important;
right: auto !important;
bottom: auto !important;
left: auto !important;
flex: 0 0 auto;
align-self: stretch;
width: 100% !important; height: clamp(260px, 48vh, 480px) !important;
min-height: 260px;
max-height: 60vh;
}
.bt_bb_google_maps.bt_bb_google_maps_with_content.mitocon-popup-left .bt_bb_google_maps_content,
.bt_bb_google_maps.bt_bb_google_maps_with_content.mitocon-popup-right .bt_bb_google_maps_content,
.bt_bb_google_maps.bt_bb_google_maps_with_content.mitocon-multi-show .bt_bb_google_maps_content {
position: relative !important;
inset: auto !important;
top: auto !important;
right: auto !important;
bottom: auto !important;
left: auto !important;
z-index: auto;
flex: 0 1 auto;
align-self: stretch;
width: 100% !important;
max-width: none !important;
padding: 0.85rem 0.85rem 1.25rem;
pointer-events: auto;
}
.bt_bb_google_maps.bt_bb_google_maps_with_content.mitocon-popup-left .bt_bb_google_maps_content_wrapper,
.bt_bb_google_maps.bt_bb_google_maps_with_content.mitocon-popup-right .bt_bb_google_maps_content_wrapper,
.bt_bb_google_maps.bt_bb_google_maps_with_content.mitocon-multi-show .bt_bb_google_maps_content_wrapper {
width: 100% !important;
max-width: none !important;
max-height: none !important;
margin-left: 0 !important;
margin-right: 0 !important;
overflow-x: hidden !important;
overflow-y: visible !important;
}
.bt_bb_google_maps.bt_bb_google_maps_with_content.mitocon-popup-left .bt_bb_map_location_show,
.bt_bb_google_maps.bt_bb_google_maps_with_content.mitocon-popup-right .bt_bb_map_location_show,
.bt_bb_google_maps.bt_bb_google_maps_with_content.mitocon-multi-show .bt_bb_map_location_show {
max-height: none;
}
}
@media (max-width: 782px) {
.mitocon-footprint-dropdown.is-open {
max-width: min(320px, calc(100vw - 20px));
scrollbar-width: thin;
}
.mitocon-footprint-dropdown.is-open::-webkit-scrollbar {
width: 6px;
}
.mitocon-footprint-dropdown.is-open::-webkit-scrollbar-thumb {
background: rgba(15, 155, 151, 0.35);
border-radius: 999px;
}
}
@media (max-width: 640px) {
.bt_bb_google_maps.bt_bb_google_maps_with_content.mitocon-popup-left .bt_bb_google_maps_map,
.bt_bb_google_maps.bt_bb_google_maps_with_content.mitocon-popup-right .bt_bb_google_maps_map,
.bt_bb_google_maps.bt_bb_google_maps_with_content.mitocon-multi-show .bt_bb_google_maps_map {
height: clamp(240px, 44vh, 420px) !important;
}
}