.spinoko-geo-content--loading {
  display: none;
}

/* message block */
.spinoko-geo-message--icon-supported {
  color: #38c172;
}

.spinoko-geo-message--icon-not-supported {
  color: #e3342f;
}

/* .spinoko-geo-message--option-1 .spinoko-geo-message--icon svg {
  display: none;
} */

.spinoko-geo-message--option-1 .spinoko-geo-message--text {
  line-height: 1.4;
}

@media (min-width: 640px) {

  .spinoko-geo-message--option-1 .spinoko-geo-message--icon {
    display: block;
    opacity: 0.8;
  }

  .spinoko-geo-message--option-1 .spinoko-geo-message--flag svg {
    position: static;
    display: block;
    height: 5rem;
    margin: -1rem 1rem -1rem 0;
    filter: none;
    opacity: 1;
  }

  .spinoko-geo-message--option-1 .spinoko-geo-message--flag svg {
    margin: -1rem 0 -1rem 1rem;
  }
}

/* WIDGET BLOCK */
.widget_block .spinoko-geo-message--wrapper {
  padding: 1rem 0;
  box-shadow: none;
}

.widget_block .spinoko-geo-message--option-1 .spinoko-geo-message--icon svg {
  margin-left: 1rem;
}

@media (min-width: 640px) {

  .widget_block .spinoko-geo-message--option-1 .spinoko-geo-message--flag svg {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    max-height: 100%;
    display: block;
    margin: 0;
    border-radius: 4px 0 0 4px;
    filter: grayscale(0.8);
    opacity: .6;
    z-index: 0;
  }

  .widget_block .spinoko-geo-message--option-1 .spinoko-geo-message--flag svg {
    left: unset;
    right: 0;
    margin: 0;
    border-radius: 0 4px 4px 0;
  }
}