/* ========================================================================
FORM
=========================================================================== */
fieldset {
  border: none;
}
input[type="text"],
input[type="email"],
input[type="tel"] {
  width: 100%;
}
button.str-form__button.str-form__button--submit.js-str-form-submit {
  width: 100%;
}

.str-form__label--radio {
  margin-right: 1em;
}

.str-form__label--required::after {
  content: "*";
  color: red;
}

.str-form__field {
  display: block;
  margin-top: 0.25em;
  margin-bottom: 1em;
}

.str-form__field--radio {
  display: inline-block;
  margin-right: 0.25em;
}

.str-form__error-message {
  color: red;
  padding-bottom: 24px;
  text-align: center;
}

.str-form__error-message[data-hidden] {
  display: none;
}

.double-sell {
  margin-bottom: 1em;
}

.double-sell .double-sell__heading {
  font-weight: bold;
  font-size: 1.1em;
  margin-bottom: 0;
}

.double-sell .double-sell__body {
  margin-bottom: 1em;
}

/* Spinner */
/* Source: https://loading.io/css/ */
.str-form__spinner {
  --size: 1.5em;
  width: var(--size);
  height: var(--size);
  margin: 0.5em;
}
.str-form__spinner:after {
  --color: #999999;
  content: " ";
  display: block;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border-radius: 50%;
  border: 0.2em solid var(--color);
  border-color: var(--color) transparent var(--color) transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.str-form--sending .str-form__spinner {
  visibility: visible;
}

/* ========================================================================
ORDER APP
=========================================================================== */
.statusbar__status--active {
  font-weight: bold;
}

/* ========================================================================
ACCESSIBLITY
=========================================================================== */
.visuallyhidden {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}