/** Shopify CDN: Minification failed

Line 91:17 Expected identifier but found whitespace
Line 91:18 Unexpected "var("

**/
.contact h2 {
  color: var(--iron);
  margin-top: var(--gap-xl);
  border-top: var(--border);
  padding-top: var(--gap-l);
  padding-bottom: var(--gap-l);
}

.contact__heading {
  & > div {
    display: flex;
    gap: var(--gap-s);
  }
  
  img {
    width: 4.5rem;
    height: 4.5rem;
    object-fit: cover;
    border: var(--border);
  }
  
  h3 {
    color: var(--forest);
  }
}

.faq-list__item {
  background-color: var(--butter);
  padding: var(--gap);
  
  & > div {
    display: flex;
    flex-direction: column;
    gap: var(--gap-s);
  }
  
  h3 {
    display: flex;
    align-items: flex-end;
    gap: var(--gap-xs);
    margin-left: calc(var(--gap-s) * -1);
    margin-top: calc(var(--gap-l) * -1);
    padding-bottom: var(--gap);
  }

  summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--gap-s);
    padding-bottom: var(--gap-s);
    border-bottom: var(--border);
    background-size: 0% .125rem;
    background-image: linear-gradient(90deg, var(--carbon) 0%, var(--carbon) 100%);
    background-repeat: no-repeat;
    background-position: 0% 100%;
    transition: var(--transition-all);

    svg {
      height: .75rem;
      transform: rotate(90deg);
      transition: var(--transition-transform);
    }
  }
  
  details[open] summary {
    background-size: 100% .125rem;
    border-bottom: 0;

    svg {
      transform: rotate(-90deg);
    }
  }

  .faq-answer {
    background-color: var(--glass-white);
    padding: var(--gap-s);
    
    a {
      text-decoration: underline;
      text-decoration-color: var(--lemon);
      text-underline-offset: .125rem;
      color: var(--forest);
      cursor: pointer;
      transition: var(--transition-color)

      &:hover {
        color: var(--carbon);
      }
    }
  }
}

.faq-list__item h3 svg,
.contact-option__header svg {
  width: 3.5rem;
  height: 3.5rem;
  border: var(--border-dark);
  padding: var(--gap-xs);
  background-color: var(--white);
}

.contact-option {
  display: flex;
  flex-direction: column;
  background-color: var(--tea);
  padding: var(--gap-s);
}

.contact-option__header {
  display: flex;
  align-items: flex-end;
  gap: var(--gap-xs);
  margin-left: calc(var(--gap-xs) * -1);
  margin-top: calc(var(--gap) * -1);
  padding-bottom: var(--gap);
}

.contact-option__content {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: var(--gap-s);
}

.contact-option__cta {
  width: fit-content;
  display: flex;
  align-items: center;
  gap: var(--gap-xs);
  border: var(--border);
  padding: var(--gap-xs) var(--gap-s);
  background-color: var(--mint);
  cursor: pointer;
  transition: var(--transition-all);

  &:hover {
    background-color: var(--carbon);
    border-color: var(--carbon);
    color: var(--white);
    
    svg {
      transform: translateX(var(--gap-xs));
    }
  }

  svg {
    width: .75rem;
    transition: var(--transition-transform);
  }
}

.contact__form {
  .select-order {
    display: none;
  }
  
  textarea {
    min-height: 13.5rem;
  }
}