#trial-page-content .content-width {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--x-large);
}
#trial-page-content .content-width .heading1 {
  font-family: var(--text);
  line-height: 1.5em;
  margin-bottom: 0.35em;
}
#trial-page-content .content-width .date {
  font-family: var(--text);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.1em;
  color: var(--primary);
  margin-bottom: var(--medium);
}
#trial-page-content .content-width #left #trial-content {
  width: 100%;
  height: auto;
}
#trial-page-content .content-width #left #trial-content .body-content {
  margin-bottom: var(--x-small);
}
#trial-page-content .content-width #left #trial-content .body-content a {
  color: var(--primary);
}
#trial-page-content .content-width #left #trial-content .body-content a:hover {
  text-decoration: underline !important;
}
#trial-page-content .content-width #left #trial-content .heading2 {
  color: var(--primary);
  margin-bottom: var(--small);
  margin-top: var(--x-large);
}
#trial-page-content .content-width #left #trial-content .body {
  color: var(--black);
}
#trial-page-content .content-width #left #trial-content .image {
  width: 100%;
  height: auto;
}
#trial-page-content .content-width #left #trial-content .code {
  width: 100%;
  height: auto;
}
#trial-page-content .content-width #left #trial-content .button-container {
  width: 100%;
  height: auto;
  display: grid;
  place-items: center;
}
#trial-page-content .content-width #left #trial-content .button-container .button {
  background-color: var(--primary);
  color: var(--white);
}
#trial-page-content .content-width #left #trial-content .button-container .button svg {
  color: var(--white);
  fill: var(--white);
}
#trial-page-content .content-width #left #trial-content .button-container .button:hover {
  background-color: var(--white);
  color: var(--primary);
}
#trial-page-content .content-width #left #trial-content .button-container .button:hover svg {
  color: var(--primary);
  fill: var(--primary);
}
#trial-page-content .content-width #right .map {
  display: block;
  width: 100%;
  height: auto;
}
#trial-page-content .content-width #right .map iframe, #trial-page-content .content-width #right .map #thumbnail {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  object-fit: cover;
  object-position: center;
  margin-bottom: var(--small);
}
#trial-page-content .content-width #right .map .heading1, #trial-page-content .content-width #right .map .date {
  opacity: 0;
  pointer-events: none;
}
@media (max-width: 768px) {
  #trial-page-content .content-width #right .map .heading1, #trial-page-content .content-width #right .map .date {
    display: none;
  }
}
#trial-page-content .content-width #right .body {
  font-size: 14px;
  color: var(--primary);
  font-weight: 700;
  line-height: unset;
  margin-bottom: 0.75em;
}
#trial-page-content .content-width #right .button {
  display: inline-flex;
  font-weight: 400;
  margin-top: var(--medium);
}
#trial-page-content .content-width #right .button svg {
  fill: var(--primary);
}
#trial-page-content .content-width #right .button:hover {
  color: var(--white);
}
#trial-page-content .content-width #right .button:hover svg {
  fill: var(--white);
}

#trials .carousel {
  --slide-width: calc((100% - 100px) / 3);
  --slide-height: max(32vw, 400px);
}

@media (max-width: 768px) {
  #trial-page-content .content-width {
    grid-template-columns: 1fr;
  }
}/*# sourceMappingURL=trials.css.map */