.energy-badge__container {
  display: flex;
}
.energy-badge__container--disabled {
  pointer-events: none;
}
.energy-badge__container--disabled .energy-badge__link-loader {
  display: none;
}
.energy-badge__container--disabled .energy-badge__link-text:before {
  content: 'Energy label is unavailable';
}
.energy-badge__button, .energy-label__close-button {
  background: none;
    border: none;
    color: inherit;
    cursor: pointer;
    font: inherit;
    outline: inherit;
    padding: 0;
  transition: opacity 0.15s ease-in-out;
}
.energy-badge__button:hover {
  opacity: 0.8;
  transition: opacity 0.3s ease-in-out;
}
.energy-badge__image {
  display: block;
  cursor: pointer;
}
.energy-badge__image:hover {
  opacity: 0.8;
  transition: opacity 0.3s ease-in-out;
}
.energy-badge__link {
  display: flex;
  flex-direction: column;
  text-decoration: none !important;
  transition: opacity 0.15s ease-in-out;
}
.energy-badge__link-icon {
  vertical-align: sub;
}
.energy-badge__link:hover {
  opacity: 0.6;
  transition: opacity 0.3s ease-in-out;
  text-decoration: none;
  text-underline-offset: auto;
}
.energy-badge__link--loading {
  cursor: not-allowed;
  opacity: 0.6;
}
.energy-badge__link--loading .energy-badge__link-loader {
  display: none;
}
.energy-badge__link--loading .energy-badge__link-spinner {
  display: block;
}
.energy-badge__link {
  color: #9A9A9A;
  line-height: 100%;
}

.energy-badge__link-title {
  font-weight: bold;
}

.energy-badge__link-spinner {
  display: none;
  -webkit-animation: spin .66s linear infinite;
  -moz-animation: spin .66s linear infinite;
  animation: spin .66s linear infinite;
  transform-origin: 9px 9px;
}
.energy-label__overlay {
  bottom: 0;
  display: none;
  flex-direction: column;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 10000;
}
.energy-label__close-button {
  transition: opacity 0.15s ease-in-out;
  position: fixed;
  top: 8px;
  right: 8px;
}
.energy-label__close-button:hover {
  opacity: 0.8;
  transition: opacity 0.3s ease-in-out;
}
.energy-label__close-button > svg {
  display: block;
}
.energy-label__image-container {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  padding: 32px 16px 16px;
}
.energy-label__image-container:before {
  background-color: #000000;
  content: '';
  height: 100%;
  opacity: 0.8;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: -1;
}
.energy-label__image {
  max-height: calc(100% - 48px);
  max-width: 100%
}
.energy-label__popup-link {
  color: #ffffff;
  opacity: 0.7;
  font-size: 12px;
  font-weight: 500;
}
.energy-label__popup-link a {
  color: inherit;
  text-underline-offset: 4px;
}
.energy-label__image[src^='data:image/svg+xml;base64'] {
  -webkit-animation: spin .66s linear infinite;
  -moz-animation: spin .66s linear infinite;
  animation: spin .66s linear infinite;
}
@-moz-keyframes spin {
  100% { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform:rotate(360deg);
  }
}