.hero-conditions .loc-window {
  margin-top: var(--ts-space-40);
  padding-top: var(--ts-space-40);
  border-top: 1px solid var(--ts-on-media-border-soft);
  color: var(--ts-on-media-text);
  letter-spacing: 0;
  text-transform: none;
  font: 650 .74rem/1.35 var(--ts-font-sans);
}

.hero-conditions .loc-smoke {
  margin-top: var(--ts-space-30);
  color: var(--ts-on-media-text);
  letter-spacing: 0;
  text-transform: none;
  font: 650 .72rem/1.35 var(--ts-font-sans);
}

.hero-conditions .loc-window:before {
  content: "";
  width: .46rem;
  height: .46rem;
  margin-right: var(--ts-space-30);
  border-radius: 50%;
  background: var(--ts-band-yellow);
  display: inline-block;
  vertical-align: .04em;
}

.hero-conditions .loc-window[data-verdict="open_friendly"]:before {
  background: var(--ts-band-green);
}

.hero-conditions .loc-window[data-verdict="keep_closed"]:before {
  background: var(--ts-band-orange);
}

.hero-conditions .loc-copy {
  width: 1.65rem;
  height: 1.65rem;
  margin-top: var(--ts-space-40);
  margin-left: auto;
  border: 1px solid var(--ts-on-media-border);
  border-radius: var(--ts-radius-sm);
  background: transparent;
  color: var(--ts-on-media-text-dim);
  cursor: pointer;
  display: grid;
  place-items: center;
  transition:
    background var(--ts-duration-fast) var(--ts-ease-out),
    color var(--ts-duration-fast) var(--ts-ease-out),
    border-color var(--ts-duration-fast) var(--ts-ease-out);
}

.hero-conditions .loc-copy:focus-visible,
.hero-conditions .loc-copy.is-copied {
  background: var(--ts-on-media-border);
  color: var(--ts-on-media-text);
  outline: none;
}

@media (hover: hover) {
  .hero-conditions .loc-copy:hover {
    background: var(--ts-on-media-border);
    color: var(--ts-on-media-text);
    outline: none;
  }
}

.hero-conditions .loc-copy .ti {
  font-size: .95rem;
}