[check-validity] input[type="password"]:focus:not(:placeholder-shown):valid,
[check-validity] #password:focus:not(:placeholder-shown):valid {
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  background: rgba(70, 249, 66, 0.1) !important;
  box-shadow: 0px 0px 8px 0px rgba(70, 249, 66, 0.25) !important;
}

[check-validity] input[type="password"]:not(:placeholder-shown):invalid,
[check-validity] #password:not(:placeholder-shown):invalid {
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  background: rgba(170, 0, 0, 0.2) !important;
  box-shadow: 0px 0px 8px 0px rgba(255, 74, 74, 0.25) !important;
}

[alias-input]:not(:placeholder-shown):invalid,
[alias-input]:not(:placeholder-shown):invalid {
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  background: rgba(170, 0, 0, 0.2) !important;
  box-shadow: 0px 0px 8px 0px rgba(255, 74, 74, 0.25) !important;
}

[check-validity] [data-social-link]:not(:placeholder-shown):invalid,
[check-validity] [data-social-link]:not(:placeholder-shown):invalid {
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  background: rgba(170, 0, 0, 0.2) !important;
  box-shadow: 0px 0px 8px 0px rgba(255, 74, 74, 0.25) !important;
}

input.has-error {
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  background: rgba(170, 0, 0, 0.2) !important;
  box-shadow: 0px 0px 8px 0px rgba(255, 74, 74, 0.25) !important;
}

input[type="text"]:disabled,
input[type="email"]:disabled,
select:disabled {
  border: 2px solid rgba(83, 83, 83, 0.56) !important;
  background: rgba(255, 250, 241, 0.1) !important;
  color: #9a9a9a !important;
}

select {
  appearance: none !important;
  color: #fffaf1 !important;
  background-color: rgba(255, 250, 241, 0.1);
}

.input-tag-select > * {
  padding: 4px !important;
  color: #fffaf1 !important;
  background-color: rgba(255, 250, 241, 0.1);
}

.input-field.is-placeholder {
  background-color: transparent;
  border-style: dashed;
  border-width: 2px;
  border-color: hsla(0, 0%, 100%, 0.29);
}

.input-field.is-placeholder:not(:placeholder-shown) {
  border: none;
  background-color: var(--input-field-bg);
}

option {
  color: #fffaf1 !important;
  background-color: #696969 !important;
}

option:disabled {
  color: #898989 !important;
  background-color: #696969 !important;
}

.map input,
.map select {
  text-overflow: ellipsis;
}

.input-field .as-span::placeholder {
  color: #898989;
}

.submit-button[disabled],
.submit-button.disabled {
  pointer-events: none;
  background-color: #9e9e9e;
}

.password-requirement_item .status-pill {
  opacity: 0.3;
}

.password-requirement_item.met .status-pill {
  opacity: 1;
}

/* Ring Spinner */

.ring {
  --uib-size: 100%;
  --uib-speed: 2s;
  --uib-color: currentColor;

  height: var(--uib-size);
  width: var(--uib-size);
  vertical-align: middle;
  transform-origin: center;
  animation: rotate var(--uib-speed) linear infinite;
}

.ring circle {
  fill: none;
  stroke: var(--uib-color);
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  stroke-linecap: round;
  animation: stretch calc(var(--uib-speed) * 0.75) ease-in-out infinite;
}

@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes stretch {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }

  50% {
    stroke-dasharray: 90, 200;
    stroke-dashoffset: -35px;
  }

  100% {
    stroke-dashoffset: -124px;
  }
}

/* Pill Pulse */

.status-pill.gray.pulse {
  -webkit-box-shadow: 0 0 0 0 rgb(255 255 255 / 11%);
  box-shadow: 0 0 0 0 rgb(255 255 255 / 11%);
  animation: pulse 2.6s infinite cubic-bezier(0.66, 0, 0, 1);
}

.status-pill.gray.pulse:hover {
  -webkit-animation: none;
  animation: none;
  background-color: #fff;
}

@-webkit-keyframes pulse {
  to {
    -webkit-box-shadow: 0 0 14px 15px rgb(255 255 255 / 11%);
    box-shadow: 0 0 14px 15px rgb(255 255 255 / 11%);
    background-color: #fff;
  }
}
@keyframes pulse {
  to {
    -webkit-box-shadow: 0 0 14px 15px rgb(255 255 255 / 11%);
    box-shadow: 0 0 14px 15px rgb(255 255 255 / 11%);
    background-color: #fff;
  }
}

.stepper-item:hover > .pulse {
  -webkit-animation: none;
  animation: none;
  background-color: #fff;
}

[data-social-select] option {
  text-transform: capitalize;
}

/* Gmaps style */

/* Map render style */
.hdpi.pac-logo:after {
  display: none !important;
}

.gmo-print {
  display: none;
}

/* Autocomplete style */
.pac-container {
  border-radius: var(--input-field-border-radius);
}