:root {
  --black: #2a353f;
  --lightgrey: #f0f4f7;
  --green: #008a75;
  --white: white;
  --grey: #949799;
  --dark-grey: #7a7d80;
  --greenhover: #007563;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  width: 12px;
  height: 12px;
  border: 1px solid #ccc;
  border-radius: 2px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

body {
  color: #333;
  font-family: Inter Custom, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

h1 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 38px;
  font-weight: bold;
  line-height: 44px;
}

h2 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 32px;
  font-weight: bold;
  line-height: 36px;
}

h3 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: bold;
  line-height: 30px;
}

h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
}

h5 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}

h6 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: bold;
  line-height: 18px;
}

p {
  margin-bottom: 10px;
}

a {
  text-decoration: none;
}

ul, ol {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 24px;
}

img {
  max-width: 100%;
  display: inline-block;
}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

blockquote {
  border-left: 5px solid #e2e2e2;
  margin-bottom: 10px;
  padding: 10px 20px;
  font-size: 18px;
  line-height: 22px;
}

figure {
  margin-bottom: 10px;
}

figcaption {
  text-align: center;
  margin-top: 5px;
}

.nav {
  z-index: 100;
  width: 100vw;
  background-color: #fff;
  padding-top: 21px;
  padding-bottom: 21px;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  box-shadow: 0 1px rgba(0, 0, 0, .1);
}

.nav.is--transparent {
  width: 100%;
  box-shadow: none;
  background-color: rgba(0, 0, 0, 0);
  position: fixed;
}

.nav.is--white-scroll {
  width: 100%;
  display: none;
  position: fixed;
}

.nav.is--knowledge {
  justify-content: center;
  align-items: center;
  padding-top: 18px;
  padding-bottom: 18px;
  display: flex;
}

.nav__logo {
  flex: 0 auto;
  align-self: center;
  margin-right: 22px;
}

.nav__section {
  width: 100%;
  max-width: 1064px;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.nav__link {
  color: var(--black);
  border-radius: 20px;
  align-items: center;
  padding: 6px 14px;
  transition: background-color .2s;
  display: flex;
}

.nav__link:hover {
  background-color: var(--lightgrey);
}

.nav__link.w--current {
  color: var(--green);
  background-color: rgba(0, 138, 117, .1);
}

.nav__link.is--dropdown {
  display: none;
}

.nav__link.is--dropdown.is--knowledge {
  background-color: rgba(0, 138, 117, .1);
  display: flex;
}

.nav__link.is--on-transparent-nav {
  color: var(--white);
}

.nav__link.is--on-transparent-nav:hover, .nav__link.is--on-transparent-nav.w--current {
  background-color: rgba(255, 255, 255, .1);
}

.nav__link.is--on-transparent-nav.w--current:hover {
  background-color: rgba(255, 255, 255, .2);
}

.nav__link.is--on-transparent-nav.is--shop-dropdown {
  background-color: rgba(255, 255, 255, .1);
}

.nav__link.is--on-transparent-nav.is--shop-dropdown:hover {
  background-color: rgba(255, 255, 255, .2);
}

.nav__link.is--shop-dropdown.is--selected {
  color: var(--green);
  background-color: rgba(0, 138, 117, .1);
}

.text-t1 {
  text-align: left;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
}

.text-t1.is--green {
  color: var(--green);
  transition: opacity .2s;
}

.text-t1.is--green:hover {
  opacity: .7;
}

.text-t1.is--grey.is--clamped-1, .text-t1.is--grey.is--codes-signup {
  height: 24px;
  overflow: hidden;
}

.text-t1.is--dropdown-list-link {
  width: 100%;
  transition: background-color .2s;
}

.text-t1.is--dropdown-list-link:hover {
  background-color: var(--lightgrey);
}

.text-t1.is--dropdown-list-link.w--current {
  color: var(--green);
}

.text-t1.is--center {
  text-align: center;
}

.text-t1.is--red {
  color: #ff7575;
}

.text-t1.is--dropdown-list-link {
  transition: background-color .2s;
}

.text-t1.is--dropdown-list-link:hover {
  background-color: #f0f4f7;
}

.text-t1.is--dropdown-list-link.w--current {
  color: #008a75;
}

.text-t1.is--dropdown-list-link-wrapper {
  width: 100%;
  color: var(--black);
  padding: 10px 20px;
  transition: background-color .2s;
  display: flex;
}

.text-t1.is--dropdown-list-link-wrapper:hover {
  background-color: var(--lightgrey);
}

.text-t1.is--dropdown-list-link-wrapper.w--current {
  color: var(--green);
}

.text-t1.is--nav__link {
  white-space: nowrap;
}

.text-t1.is--teablack {
  color: #bf5843;
}

.text-t1.is--whitetea {
  color: #c7946b;
}

.text-t1.is--yellowtea {
  color: #db9e53;
}

.text-t1.is--oolongtea {
  color: #0e8c88;
}

.text-t1.is--darktea {
  color: #a36f52;
}

.text-t1.is--herbaltea {
  color: #24a179;
}

.text-t1.is--fruittea {
  color: #ff7575;
}

.text-t1.is--dropdown-list-link-source {
  color: var(--green);
  transition: background-color .2s;
}

.text-t1.is--dropdown-list-link-source:hover {
  background-color: var(--lightgrey);
}

.text-t1.is--dropdown-list-link-source.w--current {
  color: var(--green);
}

.text-b1 {
  color: var(--black);
  align-self: center;
  font-weight: 600;
  line-height: 22px;
  text-decoration: none;
}

.nav__container {
  flex: 0 auto;
  justify-content: flex-start;
  display: flex;
}

.nav__container.is--right {
  flex: 1;
  justify-content: flex-end;
}

.nav__container.is--right.is--knowledge {
  flex: 0 auto;
}

.nav__container.is--left {
  flex: none;
}

.nav__container.is--left.is--knowledge {
  flex: 0 auto;
  padding-right: 7.5%;
}

.footer {
  text-align: center;
  align-items: flex-start;
  margin-top: 128px;
  padding-bottom: 128px;
}

.footer__accordion-link {
  align-items: center;
  transition: transform .2s, opacity .2s;
  display: flex;
}

.footer__accordion-link:hover {
  opacity: .7;
  transform: translate(3px);
}

.footer__logo {
  height: 24px;
  float: none;
}

.footer__column {
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.footer__column.is--first {
  min-width: 360px;
  text-align: left;
  flex: 0 auto;
  margin-right: 24px;
}

.text-t2 {
  color: var(--black);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.text-t2.is--link {
  color: var(--green);
  font-weight: 500;
  transition: opacity .2s;
}

.text-t2.is--link:hover {
  opacity: .7;
}

.text-t2.is--dark-grey.boxes-slider__parargraph {
  height: 120px;
  overflow: hidden;
}

.text-t2.is--white {
  color: #fff;
}

.text-t2.is--clamped-1 {
  height: 24px;
  overflow: hidden;
}

.footer__social-row {
  display: flex;
}

.footer__accordion-toggle {
  cursor: text;
  justify-content: space-between;
  align-items: center;
  padding: 0;
  display: flex;
}

.footer__accordion-image {
  width: 20px;
  height: 20px;
  display: none;
}

.footer__accordion {
  z-index: 0;
  flex-direction: column;
  flex: 0 auto;
  align-self: auto;
  align-items: flex-start;
  margin-left: 0;
  display: block;
  overflow: hidden;
}

.footer__accordion-list {
  background-color: rgba(0, 0, 0, 0);
  flex-direction: column;
  align-items: flex-start;
  margin-top: 10px;
  display: flex;
  position: static;
}

.footer__divider-sections {
  display: none;
}

.text-h1 {
  color: var(--black);
  text-align: center;
  letter-spacing: -1.88px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Merriweather Custom, sans-serif;
  font-size: 76px;
  font-weight: 400;
  line-height: 92px;
}

.text-h1.is--left {
  text-align: left;
}

.text-p1 {
  color: var(--black);
  text-align: center;
  letter-spacing: -.27px;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 400;
  line-height: 40px;
}

.text-p1.is--left {
  text-align: left;
}

.hero__button-line {
  justify-content: center;
  display: flex;
}

.v-xxlarge {
  height: 36px;
}

.h-xxsmall {
  width: 10px;
  flex: none;
}

.features__image {
  border-radius: 40px;
}

.h-xxlarge {
  width: 36px;
  height: 100%;
  flex: none;
}

.blend {
  z-index: -1;
  width: 1820px;
  height: 1140px;
  background-image: radial-gradient(circle closest-side, rgba(0, 138, 117, .3), rgba(0, 138, 117, 0));
  margin-top: 0%;
  margin-left: -910px;
  position: absolute;
  left: 50%;
}

.chip {
  background-color: rgba(0, 138, 117, .1);
  border: 1px solid rgba(0, 138, 117, .15);
  border-radius: 20px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 2px 7px 3px;
  display: flex;
  position: static;
  overflow: visible;
}

.text-block {
  color: var(--green);
  text-align: center;
  font-family: Inter;
  font-size: 12px;
  font-weight: 500;
  line-height: 15px;
}

.body {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  font-family: Inter Custom, sans-serif;
}

.text-h3 {
  color: var(--black);
  letter-spacing: -.94px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Merriweather Custom, sans-serif;
  font-size: 38px;
  font-weight: 400;
  line-height: 46px;
}

.text-h3.is--white {
  color: #fff;
}

.text-h3.is--white.is--code-open-headline-mobile {
  display: none;
}

.v-xlarge {
  height: 24px;
}

.v-xxxxlarge {
  height: 64px;
}

.round-icon-ellipse {
  width: 60px;
  height: 60px;
  background-color: rgba(0, 138, 117, .1);
  border-radius: 30px;
  flex: none;
  justify-content: center;
  align-items: center;
  margin-top: 36px;
  margin-bottom: 20px;
  display: flex;
  position: relative;
}

.showcase__row {
  flex-direction: row;
  display: flex;
}

.showcase__banner {
  height: 284px;
  background-color: rgba(0, 138, 117, .05);
  background-image: radial-gradient(circle, rgba(0, 138, 117, .1), rgba(0, 138, 117, 0) 49%);
  border-radius: 40px;
  flex: 1;
  justify-content: space-between;
  display: flex;
  overflow: hidden;
}

.text-h4 {
  color: var(--black);
  letter-spacing: -.25px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Merriweather Custom, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
}

.text-h4.is--clamped-1 {
  height: 28px;
  overflow: hidden;
}

.v-large {
  height: 20px;
}

.v-medium {
  height: 16px;
}

.showcase__banner-text {
  width: 282px;
  text-align: left;
  flex-direction: column;
  flex: none;
  margin-top: 52px;
  margin-left: 36px;
  padding-right: 24px;
  display: flex;
}

.showcase__banner-images {
  flex: 0 auto;
  margin-top: 23px;
  margin-right: 34px;
  display: flex;
}

.h-large {
  width: 20px;
  flex: none;
}

.showcasephone {
  max-width: 188px;
}

.showcase__timeline {
  height: 284px;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.showcase__timeline-line {
  width: 2.5px;
  height: 220px;
  background-color: rgba(0, 138, 117, .1);
  flex: none;
}

.h-xlarge {
  width: 24px;
}

.h-xxxxxsmall {
  width: 6px;
}

.nav__dropdown-list {
  color: var(--grey);
  position: fixed;
  top: 68px;
  left: 0;
  overflow: hidden;
}

.nav__dropdown-list.w--open {
  display: none;
}

.nav__dropdown-list.is--knowledge {
  width: 636px;
  background-color: #fff;
  border-radius: 20px;
  position: absolute;
  top: auto;
  left: auto;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .15), 0 0 1px rgba(0, 0, 0, .05), 0 1px 1px rgba(0, 0, 0, .1), inset 0 -1px rgba(0, 0, 0, .1);
}

.nav__dropdown-list.is--knowledge.w--open {
  width: 672px;
  background-color: #fff;
  padding: 18px 36px;
  display: flex;
  overflow: visible;
}

.nav__dropdown.is--knowledge {
  margin-left: 0;
  margin-right: 0;
  display: block;
}

.bttn {
  justify-content: center;
  align-items: center;
  transition: transform .2s;
  display: flex;
}

.bttn:hover {
  transform: translate(0, -3px);
}

.bttn.is--small {
  height: 38px;
  border-radius: 19px;
  display: flex;
}

.bttn.is--small.is--icon-text {
  padding: 7px 15px;
}

.bttn.is--small.is--icon-text.is--secondary {
  flex: none;
  margin-left: 0;
  margin-right: 0;
}

.bttn.is--small.is--icon-text.is--secondary.benefits__pill {
  margin-top: -30px;
  margin-bottom: 30px;
  transition-property: none;
  position: static;
}

.bttn.is--small.is--icon-text.is--secondary.benefits__pill:hover {
  background-color: var(--white);
  transform: none;
}

.bttn.is--small.is--icon-text.is--secondary.toc__pill {
  transition-property: none;
  position: absolute;
}

.bttn.is--small.is--icon-text.is--secondary.toc__pill:hover {
  background-color: var(--white);
  transform: none;
}

.bttn.is--small.is--icon-text.is--secondary.references__pill {
  margin-bottom: -19px;
  transition-property: none;
  position: static;
}

.bttn.is--small.is--icon-text.is--secondary.references__pill:hover {
  background-color: var(--white);
  transform: none;
}

.bttn.is--small.is--icon-text.is--secondary.references-pill {
  z-index: 1;
  margin-bottom: -19px;
  transition-property: none;
  position: relative;
}

.bttn.is--small.is--icon-text.is--secondary.references-pill:hover {
  background-color: var(--white);
  transform: none;
}

.bttn.is--small.is--icon-text.is--secondary.is--no-link {
  box-shadow: 0 0 1px rgba(0, 0, 0, .05), 0 1px 1px rgba(0, 0, 0, .1);
}

.bttn.is--small.is--icon-text.is--secondary.is--no-link:hover {
  background-color: #fff;
  transform: none;
}

.bttn.is--small.is--icon-text.is--primary {
  background-color: var(--green);
  color: var(--white);
  flex: none;
  justify-content: center;
  align-items: center;
  transition-property: none;
  box-shadow: 0 0 1px rgba(0, 0, 0, .05), 0 1px 1px rgba(0, 0, 0, .1), inset 1px 0 rgba(0, 0, 0, .1);
}

.bttn.is--small.is--icon-text.is--primary:hover {
  transform: none;
}

.bttn.is--small.is--icon-text.is--primary.is--product-card__tag {
  margin-bottom: -100%;
  margin-left: 0;
  margin-right: 0;
}

.bttn.is--small.is--icon-text.is--primary.text-b1.is--white.search-button {
  margin-left: 315px;
  position: absolute;
  box-shadow: 0 0 1px rgba(0, 0, 0, .05), 0 1px 1px rgba(0, 0, 0, .1), inset 0 -1px rgba(0, 0, 0, .1);
}

.bttn.is--small.is--icon-text.is--primary.text-b1.is--white.search-button.is--nav {
  height: 32px;
  margin-left: 234px;
  padding: 4px 12px;
}

.bttn.is--small.is--icon-text.is--primary.is--nav {
  transition: transform .2s;
}

.bttn.is--small.is--icon-text.is--primary.is--nav:hover {
  transform: translate(0, -3px);
}

.bttn.is--large.is--icon-text {
  border-radius: 18px;
  padding: 13px 23px;
}

.bttn.is--large.is--icon-text.is--secondary.is--disabled {
  cursor: not-allowed;
  background-color: #f4f6f8;
  transition-property: none;
  box-shadow: inset 0 -1px rgba(0, 0, 0, .1);
}

.bttn.is--large.is--icon-text.is--secondary.is--disabled:hover {
  transform: none;
}

.bttn.is--large.is--icon-text.is--secondary.is--boxes-landing {
  padding-left: 35px;
  padding-right: 35px;
}

.bttn.is--large.is--icon-text.is--primary {
  color: var(--white);
  justify-content: center;
}

.bttn.is--large.is--icon-text.is--primary.text-b1.submit-button:hover {
  background-color: #007563;
}

.bttn.is--large.is--icon-text.is--primary.text-b1.submit-button:focus {
  outline-offset: 0px;
  outline: 3px solid rgba(0, 138, 117, .3);
  box-shadow: inset 0 1px rgba(0, 0, 0, .1);
}

.bttn.is--large.is--icon-text.is--primary.text-b1.submit-button.is--codes {
  height: 58px;
  flex: 0 2 auto;
}

.bttn.is--large.is--icon-text.is--primary.is--boxes-landing {
  padding-left: 35px;
  padding-right: 35px;
}

.bttn.is--large.is--icon-text.is--primary {
  color: #fff;
  justify-content: center;
}

.bttn.is--large.is--icon {
  border-radius: 24px;
  padding: 11px;
}

.bttn.is--large.is--icon.is--secondary.is--fab {
  position: fixed;
  bottom: 20px;
  right: 20px;
}

.bttn.is--secondary {
  transition: background-color .2s, transform .2s;
}

.bttn.is--secondary:hover {
  background-color: #f0f4f7;
}

.bttn.is--secondary.product-card {
  max-width: 317px;
  border-radius: 40px;
  flex-wrap: wrap;
  flex: 1;
  overflow: hidden;
}

.bttn.is--secondary.product-card:hover {
  background-color: var(--white);
}

.bttn.is--secondary.product-card.is--grid {
  max-width: 30%;
  min-width: 250px;
  flex-wrap: nowrap;
  flex: 1;
  justify-content: flex-start;
  margin: 18px;
}

.bttn.is--secondary.product-card.is--small-product {
  max-width: none;
  flex-wrap: nowrap;
  flex: 1;
  justify-content: flex-start;
}

.bttn.is--secondary.benefits__card {
  width: 100%;
  border-radius: 40px;
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
  padding: 10px 40px 24px;
  transition-property: none;
}

.bttn.is--secondary.benefits__card:hover {
  background-color: var(--white);
  transform: none;
}

.bttn.is--secondary.benefits__card.is--full-width {
  border-radius: 0;
  padding-left: 0;
  padding-right: 0;
}

.bttn.is--secondary.shop__merchant-info {
  border-radius: 20px;
  justify-content: center;
  padding: 20px 36px;
  transition-property: none;
}

.bttn.is--secondary.shop__merchant-info:hover {
  background-color: var(--white);
  transform: none;
}

.bttn.is--secondary.product-details {
  z-index: 0;
  width: 46%;
  text-align: left;
  border-radius: 40px;
  flex-direction: column;
  align-items: stretch;
  margin-left: 24px;
  padding: 48px;
  transition-property: none;
  position: relative;
}

.bttn.is--secondary.product-details:hover {
  background-color: var(--white);
  transform: none;
}

.bttn.is--secondary.product-details.is--landing {
  width: 45%;
  box-shadow: none;
  background-color: rgba(0, 0, 0, 0);
  border-style: none;
  justify-content: flex-start;
  margin-left: 0;
}

.bttn.is--secondary.is--search-input {
  height: 50px;
  color: var(--black);
  border-radius: 25px;
  margin-bottom: 0;
  padding: 13px 20px 13px 50px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  transition: box-shadow .2s, background-color .2s, transform .2s;
  position: relative;
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0), 0 0 1px rgba(0, 0, 0, .05), 0 1px 1px rgba(0, 0, 0, .1), inset 0 -1px rgba(0, 0, 0, .1);
}

.bttn.is--secondary.is--search-input:hover {
  background-color: #fff;
  transform: none;
  box-shadow: 0 0 0 3px rgba(0, 0, 0, .1), 0 0 1px rgba(0, 0, 0, .05), 0 1px 1px rgba(0, 0, 0, .1), inset 0 -1px rgba(0, 0, 0, .1);
}

.bttn.is--secondary.is--search-input:focus {
  border-width: 1.5px;
  border-color: var(--green);
  padding: 12.5px 19.5px 12.5px 49.5px;
}

.bttn.is--secondary.is--search-input.is--nav {
  height: 44px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 46px;
}

.bttn.is--secondary.is--search-input.is--nav:focus {
  padding-top: 9.5px;
  padding-bottom: 9.5px;
  padding-left: 45.5px;
}

.bttn.product-card {
  flex-direction: column;
}

.bttn__img.is--small {
  width: 20px;
  height: 20px;
}

.bttn__img.is--xsmall {
  width: 12px;
  height: 6px;
}

.bttn__img.is--large {
  width: 24px;
  height: 24px;
}

.bttn__spacer {
  width: 6px;
}

.is--secondary {
  background-color: #fff;
  border: 1px solid #d9d9d9;
  box-shadow: 0 0 1px rgba(0, 0, 0, .05), 0 1px 1px rgba(0, 0, 0, .1), inset 0 -1px rgba(0, 0, 0, .1);
}

.section {
  width: 100%;
  text-align: center;
  margin-top: 128px;
  margin-bottom: 128px;
}

.section.is--hidden {
  display: none;
}

.section.is--shop-surprise__hero {
  background-image: linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, .2)), url('../images/teaware-table.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 208px;
  padding-bottom: 128px;
}

.section.is--shop__banner {
  margin-top: 0;
}

.section.is--shop__banner.is--primary {
  display: none;
  box-shadow: 0 0 1px rgba(0, 0, 0, .05), 0 1px 1px rgba(0, 0, 0, .1), inset 0 -1px rgba(0, 0, 0, .1);
}

.section.is--product {
  margin-top: 64px;
  margin-bottom: 96px;
}

.section.is--merchant-video {
  margin-top: -128px;
  padding-top: 128px;
}

.section.is--merchant-sign-up {
  background-image: url('../images/shapes.svg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 1400px 818px;
  margin-top: -128px;
  margin-bottom: -128px;
  padding-top: 128px;
  padding-bottom: 128px;
}

.section.is--merchant-sign-up.reveal-on-scroll {
  margin-bottom: 0;
}

.section.is--partner-row {
  position: relative;
}

.section.is--shop-subsription__hero {
  background-image: linear-gradient(rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url('../images/tea-farm-mountains.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 208px;
  padding-bottom: 128px;
}

.section.is--blog__content {
  margin-top: 48px;
}

.section.is--knowledge-hero {
  background-image: url('../images/knowledge-background.jpg');
  background-position: 50%;
  background-size: cover;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 128px;
  padding-bottom: 128px;
}

.section.is--knowledge-first-teaser {
  margin-top: 0;
}

.section.is--collection-headline {
  margin-bottom: 64px;
}

.section.is--collection-list {
  margin-top: 64px;
}

.section.is--topic, .section.is--article {
  margin-top: 0;
}

.section.is--boxes-included {
  background-image: url('../images/terrain-background-green-min.jpg');
  background-position: 0 0;
  background-size: auto;
  padding-top: 64px;
  padding-bottom: 64px;
}

.section.is--boxes-included.reveal-on-scroll {
  background-position: 50%;
  background-size: cover;
}

.section.is--progress {
  margin-top: 48px;
  margin-bottom: 48px;
}

.section.is--codes-sign-up {
  margin-top: -128px;
  padding-top: 128px;
}

.section.is--codes-experience {
  margin-top: 64px;
}

.container {
  max-width: 1064px;
  text-align: center;
  padding-left: 20px;
  padding-right: 20px;
}

.container.is--home-hero {
  max-width: 840px;
}

.container.is--features, .container.is--footer {
  display: flex;
}

.container.is--chip, .container.is--slider-new {
  justify-content: center;
  align-items: center;
  display: flex;
}

.container.is--legal {
  max-width: 700px;
  text-align: left;
}

.container.is--shop__banner {
  padding-top: 20px;
  padding-bottom: 20px;
}

.container.is--benefit-card {
  max-width: 1160px;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.container.is--product-page-hero {
  align-items: flex-start;
  display: flex;
}

.container.is--newsletter {
  justify-content: center;
  display: flex;
}

.container.is--merchants-hero {
  display: flex;
}

.container.is--merchants-video {
  justify-content: center;
  display: flex;
}

.container.is--about-paragraph {
  max-width: 640px;
  text-align: left;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.container.is--newsletter-copy {
  justify-content: center;
  display: flex;
}

.container.is--newsletter-copy.order-success {
  flex-direction: column;
  align-items: center;
}

.container.is--blog__content {
  max-width: 740px;
  text-align: left;
}

.container.is--search-hero {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.container.is--references {
  margin-top: 64px;
  display: none;
}

.container.is--article__text {
  margin-top: 64px;
}

.container.is--article__text.reveal-on-scroll {
  text-align: left;
}

.container.is--boxes-slider {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.container.is--boxes-explainer {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.container.ix--boxes-variety {
  display: flex;
}

.container.is--progress-bar {
  grid-column-gap: 20px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.container.is--codes-features {
  flex-direction: column;
  display: flex;
}

.footer__divider-top {
  width: 100%;
  height: 1px;
  background-color: rgba(0, 0, 0, .09);
  margin-bottom: 64px;
}

.nav__dropdown-shadow {
  display: none;
}

.h-xxxxxxsmall {
  width: 4px;
}

.home-slider__card {
  border-radius: 24px;
  flex-direction: column;
  margin-right: 24px;
  padding: 24px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 1px rgba(0, 0, 0, .05), 0 1px 1px rgba(0, 0, 0, .1), inset 0 -1px rgba(0, 0, 0, .1), inset 0 0 0 1px #d9d9d9;
}

.home-slider__card.is--fake {
  z-index: -1;
  width: 422px;
  height: 209px;
  text-align: left;
  background-color: #f2f9f8;
  border-radius: 25px;
  margin-left: -150px;
  margin-right: -150px;
}

.home-slider__card.is--fake.is--l1 {
  background-color: #edf7f5;
  margin-top: -44px;
  margin-right: -175px;
  transform: scale(.9)rotate(-8deg);
}

.home-slider__card.is--fake.is--r1 {
  z-index: 0;
  margin-top: -80px;
  margin-left: -320px;
  transform: scale(.95)rotate(4deg);
}

.home-slider__card.is--fake.is--r2 {
  z-index: -1;
  background-color: #edf7f5;
  margin-top: -44px;
  margin-left: -175px;
  transform: scale(.9)rotate(8deg);
}

.home-slider__card.is--fake.is--l2 {
  margin-top: -80px;
  margin-right: -320px;
  transform: scale(.95)rotate(-4deg);
}

.slider__profile {
  align-items: center;
  margin-bottom: 16px;
  display: flex;
}

.slider__profile-img {
  width: 48px;
  height: 48px;
  border-radius: 24px;
  margin-right: 16px;
}

.is--grey {
  color: var(--grey);
}

.is--dark-grey {
  color: var(--dark-grey);
}

.v-xxxlarge {
  height: 48px;
}

.home-slider {
  z-index: 1;
  width: 469px;
  height: 232px;
  background-color: rgba(0, 0, 0, 0);
  margin-bottom: 85px;
  display: block;
}

.home-slider__mask {
  background-color: #fff;
  border-radius: 25px;
  overflow: hidden;
  box-shadow: 0 2px 50px rgba(0, 0, 0, .06);
}

.slide-nav {
  display: none;
}

.home-slider__button {
  width: 60px;
  height: 60px;
  background-color: #fff;
  border-radius: 30px;
  flex: none;
  justify-content: center;
  align-items: center;
  margin-top: 36px;
  margin-bottom: 20px;
  display: flex;
  position: absolute;
  top: 288px;
  box-shadow: 0 0 40px rgba(0, 0, 0, .1);
}

.home-slider__button.is--left {
  top: 219px;
  left: 162px;
}

.home-slider__button.is--right {
  top: 219px;
  right: 162px;
}

.card-round {
  border-radius: 40px;
}

.card-round.is--green {
  background-color: var(--green);
  flex-direction: row;
  flex: 1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.card-round.is--green.reveal-on-scroll.is--brewing-codes {
  overflow: visible;
}

.card__bullets {
  margin-top: 16px;
  margin-bottom: 20px;
}

.card__bullet-line {
  align-items: center;
  margin-bottom: 8px;
  display: flex;
}

.card__bullet-image {
  margin-right: 10px;
}

.card__v-stack {
  max-width: 270px;
  text-align: left;
  flex-direction: column;
  flex: 1 0 auto;
  align-items: flex-start;
  margin-top: 36px;
  margin-bottom: 36px;
  margin-left: 36px;
  display: flex;
}

.card__discord-image {
  width: 492px;
  height: 338px;
  flex: none;
  margin: -36px;
}

.card__newsletter-image {
  width: 232px;
  height: 452px;
  max-width: none;
  flex: none;
  margin-bottom: -109px;
  margin-left: -21px;
}

.card-h-stack {
  display: flex;
}

.card__h-stack {
  align-items: center;
  display: flex;
}

.card__h-stack.is--codes {
  grid-column-gap: 10px;
}

.card__download-image1 {
  max-height: 283px;
  min-height: 283px;
  margin-right: -150px;
}

.card__download-image2 {
  max-height: 435px;
  min-height: 435px;
  margin-top: -106px;
  margin-bottom: -33px;
  margin-left: -210px;
}

.card__download-container {
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.card__download-content {
  width: 700px;
  text-align: center;
  flex-direction: column;
  flex: 1 0 auto;
  align-items: center;
  margin-top: 64px;
  margin-bottom: 64px;
  display: flex;
}

.left-arrow-2, .right-arrow, .slide-nav-2 {
  display: none;
}

.slide {
  width: 33.33%;
  height: 100%;
  padding-right: 36px;
}

.mask-2 {
  height: auto;
  margin-right: -36px;
  overflow: visible;
}

.product-slider {
  z-index: 0;
  height: auto;
  background-color: rgba(0, 0, 0, 0);
}

.product-slider.reveal-on-scroll {
  display: block;
}

.utility-page-wrap {
  width: 100vw;
  height: 100vh;
  max-height: 100%;
  max-width: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.utility-page-content {
  width: 260px;
  text-align: center;
  flex-direction: column;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.dropdown-list {
  border-radius: 18px;
}

.dropdown-list.is--secondary.w--open {
  padding-top: 14px;
  padding-bottom: 14px;
  overflow: hidden;
}

.dropdown-list.is--secondary.is--shop-dropdown {
  width: 313px;
}

.dropdown-list.is--secondary.is--language-dropdown {
  position: relative;
}

.dropdown-list.is--secondary.is--language-dropdown.w--open {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  position: absolute;
}

.dropdown-list.is--secondary.is--sources-dropdown {
  position: relative;
}

.dropdown-list.is--secondary.is--sources-dropdown.w--open {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.dropdown-list.is--secondary.w--open {
  padding-top: 14px;
  padding-bottom: 14px;
  overflow: hidden;
}

.dropdown {
  margin-top: 24px;
  margin-left: 0;
}

.dropdown.is--product {
  width: 100%;
  margin-top: 0;
}

.dropdown.is--nav__link {
  margin-top: 0;
}

.dropdown.is--knowledge-sources {
  max-width: 100%;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.foooter__email-line {
  display: flex;
}

.overflow-wrapper {
  width: 100%;
  overflow: hidden;
}

.blend-wrapper {
  z-index: -1;
  width: 100%;
  height: 1140px;
  position: absolute;
  left: 0;
  overflow: hidden;
}

.blend-wrapper.is--on-merchants-page {
  z-index: -1;
}

.blend-wrapper.is--on-about-page {
  opacity: .4;
  margin-top: -188px;
}

.text-sh1 {
  color: var(--black);
  letter-spacing: -.27px;
  font-size: 28px;
  font-weight: 500;
  line-height: 40px;
}

.text-p3 {
  color: var(--black);
  letter-spacing: -.18px;
  font-size: 19px;
  font-weight: 400;
  line-height: 31px;
}

.v-xxxxxlarge {
  height: 96px;
}

.is--green {
  color: var(--green);
}

.text-p2 {
  letter-spacing: -.23px;
  font-size: 24px;
  line-height: 40px;
}

.text-p2.is--faq-headline {
  white-space: pre-wrap;
}

.is--white {
  color: var(--white);
}

.nav__link__image__black {
  display: none;
}

.nav__wrapper {
  z-index: 2;
  width: 100%;
  position: fixed;
}

.product-card__image {
  width: 100%;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.product-card__price-row {
  color: var(--black);
  display: flex;
}

.product-card_text-area {
  width: 100%;
  text-align: left;
  padding: 24px;
}

.v-xxxxxsmall {
  height: 6px;
}

.is--strike-through {
  text-decoration: line-through;
}

.benefits__benefit {
  max-width: 243px;
  margin: 0 8px 24px;
}

.benefits__line {
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: flex-start;
  display: flex;
}

.products {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  margin: -18px;
  display: flex;
}

.text-sh3 {
  letter-spacing: -.18px;
  font-size: 19px;
  font-weight: 500;
  line-height: 31px;
}

.is--primary {
  background-color: var(--green);
  border: 1px solid rgba(0, 0, 0, .15);
  box-shadow: 0 0 1px rgba(0, 0, 0, .05), 0 1px 1px rgba(0, 0, 0, .1), inset 0 1px rgba(0, 0, 0, .1);
}

.photos-area {
  width: 54%;
  flex-flow: wrap;
  align-content: flex-start;
  margin: -12px 12px -12px -12px;
  display: flex;
}

.photos-area__photo-large {
  width: 100%;
  border-radius: 40px;
  margin: 12px;
  overflow: hidden;
}

.photos-area__photo-small {
  width: 45%;
  border-radius: 40px;
  margin: 12px;
  overflow: hidden;
}

.v-xxsmall {
  height: 10px;
}

.product-details-card {
  border-radius: 40px;
  display: flex;
  overflow: hidden;
}

.product-details-card.is--secondary {
  border-radius: 40px;
  display: flex;
}

.product-details__text {
  text-align: left;
  flex-direction: column;
  justify-content: center;
  margin-left: 64px;
  margin-right: 64px;
  display: flex;
}

.product-details__image {
  outline-offset: 0px;
  outline: 1px solid #d9d9d9;
}

.product__variant-row {
  color: var(--black);
  align-items: center;
  margin-left: -5px;
  margin-right: -5px;
  display: flex;
}

.text-sh2 {
  letter-spacing: -.23px;
  font-size: 24px;
  font-weight: 500;
  line-height: 40px;
}

.newsletter-card {
  text-align: left;
  border-radius: 36px;
}

.newsletter-card.is--secondary {
  max-width: 503px;
  padding: 64px 48px;
}

.checkbox-field {
  align-items: center;
  margin-bottom: 16px;
  padding-left: 0;
  display: flex;
}

.checkbox {
  width: 24px;
  height: 24px;
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  flex: none;
  margin-top: 0;
  margin-left: 0;
  margin-right: 16px;
}

.checkbox:hover {
  background-color: #f4f6f8;
  border-color: #b8b8b8;
}

.checkbox.w--redirected-checked {
  background-color: var(--green);
  background-image: url('../images/icons-17-check.svg');
  background-position: 50%;
  background-size: 20px 20px;
  border-style: none;
  border-width: 0;
  border-radius: 8px;
}

.checkbox.w--redirected-focus {
  box-shadow: none;
  outline-offset: 0px;
  border-style: solid;
  border-color: #d9d9d9;
  border-radius: 8px;
  outline: 3px solid rgba(191, 194, 197, .3);
}

.field-label {
  margin-bottom: 8px;
}

.text-field {
  min-height: 58px;
  outline-offset: 0px;
  color: var(--black);
  border: 1px solid #d9d9d9;
  border-radius: 16px;
  outline: 3px #333;
  margin-bottom: 16px;
  padding: 17px 16px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.text-field:hover {
  background-color: #f4f6f8;
}

.text-field:focus {
  border-width: 1.5px;
  border-color: var(--green);
  padding: 16.5px 15.5px;
}

.text-field::-ms-input-placeholder {
  color: #949799;
}

.text-field::placeholder {
  color: #949799;
}

.text-field.is--codes {
  width: 100%;
  text-align: left;
  margin-bottom: 0;
}

.text-field.is--codes.is--success {
  flex: 1;
  padding-top: 16px;
  padding-bottom: 16px;
}

.submit-button, .form {
  width: 100%;
}

.form.is--codes {
  grid-column-gap: 16px;
  align-items: stretch;
  display: flex;
}

.success-message {
  text-align: center;
  background-color: rgba(0, 0, 0, 0);
  padding: 0 64px;
}

.success-message.is--codes {
  padding-left: 0;
  padding-right: 0;
}

.newsletter__social-row {
  justify-content: center;
  display: flex;
}

.error-message {
  background-color: rgba(255, 117, 117, .1);
  border-radius: 18px;
  margin-top: 16px;
  padding: 16px;
}

.form-block {
  margin-bottom: 0;
}

.form-block.is--codes {
  width: 100%;
}

.merchant-signup-card {
  text-align: center;
  border-radius: 40px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 150px 260px;
  display: flex;
}

.merchant-hero__text-area {
  width: 475px;
  text-align: left;
  flex-direction: column;
  flex: none;
  align-items: flex-start;
  display: flex;
}

.merchant-hero__image {
  width: 766px;
  height: 600px;
  flex: none;
  margin-top: -124px;
  margin-bottom: -116px;
  margin-right: -220px;
}

.merchant-video {
  width: 85%;
  border-radius: 24px;
  overflow: hidden;
}

.merchant-showcase-tablet {
  width: 96%;
  cursor: zoom-in;
}

.merchant-showcase__banner {
  height: 284px;
  background-color: rgba(0, 138, 117, .05);
  background-image: radial-gradient(circle, rgba(0, 138, 117, .1), rgba(0, 138, 117, 0) 49%);
  border-radius: 40px;
  flex: 1;
  justify-content: space-between;
  padding-left: 36px;
  padding-right: 56px;
  display: flex;
  overflow: hidden;
}

.merchant-showcase__banner-text {
  width: 41%;
  text-align: left;
  flex-direction: column;
  flex: none;
  justify-content: center;
  display: flex;
}

.open-fullscreen-button {
  width: 60px;
  height: 60px;
  background-color: var(--white);
  cursor: zoom-in;
  border-radius: 60px;
  justify-content: center;
  align-items: center;
  margin-top: -16px;
  margin-left: -44px;
  display: flex;
  box-shadow: 0 1px 40px rgba(0, 0, 0, .1);
}

.merchant-showcase__banner-images {
  width: 54%;
  flex: 0 auto;
  margin-top: 24px;
  display: flex;
}

.card-grid {
  flex-wrap: wrap;
  align-content: space-between;
  justify-content: space-between;
  display: flex;
}

.card-grid.reveal-on-scroll {
  align-content: flex-start;
  justify-content: center;
  margin: -12px;
}

.card-grid__card {
  width: 47.5%;
  max-width: 500px;
  border-radius: 30px;
  margin: 12px;
  padding: 30px 24px 30px 20px;
  display: flex;
}

.card-grid__text {
  color: var(--black);
  text-align: left;
  flex-direction: column;
  display: flex;
}

.card-grid__checkmark {
  margin-right: 16px;
}

.fullscreen-image-overlay {
  z-index: 3;
  width: 100vw;
  height: 100vh;
  cursor: zoom-out;
  background-color: rgba(0, 0, 0, .7);
  justify-content: center;
  align-items: center;
  padding: 128px;
  display: none;
  position: fixed;
}

.team-grid {
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: center;
  margin: -5px;
  display: flex;
}

.team-grid__card {
  width: 32.2%;
  max-width: 500px;
  border-radius: 30px;
  margin: 5px;
  padding: 16px;
  display: flex;
}

.team-grid__portrait {
  width: 48px;
  height: 48px;
  border: 1px solid rgba(223, 46, 46, .05);
  border-radius: 999px;
  margin-right: 16px;
}

.team-grid__founder-line {
  align-items: center;
  display: flex;
}

.team-grid__logo {
  width: 18px;
  height: 18px;
  margin-right: 6px;
}

.partner-cell {
  border-radius: 16px;
}

.partner-cell.is--secondary {
  height: 76px;
  margin: 7px;
  padding-left: 12px;
  padding-right: 12px;
}

.partner-cell__image {
  height: 100%;
}

.partner-row {
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  margin: -7px;
  display: flex;
}

.dropdown-large {
  border-radius: 18px;
  justify-content: space-between;
  align-items: center;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-right: 20px;
  display: flex;
}

.dropdown-large.is--secondary.w--open {
  z-index: 0;
}

.nav-shop-dropdown__block {
  justify-content: space-between;
  align-items: flex-start;
  padding: 10px 20px;
  display: flex;
}

.nav-shop-dropdown__block:hover {
  background-color: var(--lightgrey);
}

.nav-shop-dropdown__block-text {
  flex: 1;
}

.h-small {
  width: 14px;
}

.nav-shop-dropdown__icon {
  width: 20px;
  height: 20px;
  margin-top: 2px;
}

.is--black {
  color: var(--black);
}

.v-xxxxxxsmall {
  height: 4px;
}

.is--underlined {
  text-decoration: underline;
}

.order-success-card {
  text-align: left;
  border-radius: 36px;
}

.order-success-card.is--secondary {
  max-width: 503px;
  text-align: left;
  padding: 64px;
}

.order-success-card.is--secondary.is--discount {
  text-align: center;
}

.order-success-card.is--secondary.is--discount-fixed {
  z-index: 5;
  max-width: 300px;
  text-align: center;
  border-radius: 24px;
  padding: 36px;
  position: fixed;
  bottom: 36px;
  right: 36px;
  box-shadow: 3px 3px 30px rgba(0, 0, 0, .02), 0 8px 60px rgba(0, 0, 0, .06), 0 0 1px rgba(0, 0, 0, .05), 0 1px 1px rgba(0, 0, 0, .1), inset 0 -1px rgba(0, 0, 0, .1);
}

.order-success__social-row {
  justify-content: flex-start;
  display: flex;
}

.blog__main-image {
  width: 100%;
  height: 500px;
  object-fit: cover;
}

.text-h2 {
  color: var(--black);
  letter-spacing: -1.41px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Merriweather Custom, sans-serif;
  font-size: 57px;
  font-weight: 400;
  line-height: 69px;
}

.text-h2.is--white {
  color: #fff;
}

.blog__details-line {
  margin-bottom: 24px;
  display: flex;
}

.blog__rich-text {
  margin-bottom: -36px;
}

.blog__rich-text h1 {
  color: var(--black);
  letter-spacing: -.27px;
  margin-top: 0;
  margin-bottom: 36px;
  font-size: 28px;
  font-weight: 500;
  line-height: 40px;
}

.blog__rich-text h2 {
  color: var(--black);
  letter-spacing: -.23px;
  margin-top: 0;
  margin-bottom: 36px;
  font-size: 24px;
  font-weight: 500;
  line-height: 34px;
}

.blog__rich-text h3, .blog__rich-text h4, .blog__rich-text h5, .blog__rich-text h6 {
  color: var(--black);
  letter-spacing: -.18px;
  margin-top: 0;
  margin-bottom: 36px;
  font-size: 19px;
  font-weight: 500;
  line-height: 26px;
}

.blog__rich-text p {
  color: var(--black);
  letter-spacing: -.18px;
  margin-bottom: 36px;
  font-size: 19px;
  font-weight: 400;
  line-height: 31px;
}

.blog__rich-text figcaption {
  color: var(--dark-grey);
  margin-top: 16px;
  font-size: 16px;
  line-height: 24px;
}

.blog__rich-text a {
  color: var(--green);
  font-weight: 500;
  transition: opacity .2s;
}

.blog__rich-text a:hover {
  opacity: .7;
}

.blog__rich-text img {
  border-radius: 20px;
}

.blog__rich-text blockquote {
  color: var(--black);
  letter-spacing: -.18px;
  border: 1px solid #d9d9d9;
  border-radius: 20px;
  margin-bottom: 36px;
  padding: 36px;
  font-size: 19px;
  font-weight: 400;
  line-height: 31px;
  box-shadow: 0 0 1px rgba(0, 0, 0, .05), 0 1px 1px rgba(0, 0, 0, .1), inset 0 -1px rgba(0, 0, 0, .1);
}

.blog__rich-text strong {
  font-weight: 500;
}

.blog__rich-text figure {
  margin-bottom: 36px;
}

.blog__rich-text ul, .blog__rich-text ol {
  color: var(--black);
  letter-spacing: -.18px;
  margin-bottom: 36px;
  font-size: 19px;
  font-weight: 400;
  line-height: 31px;
}

.product__rich-text p {
  color: var(--black);
  letter-spacing: -.18px;
  margin-bottom: 0;
  font-family: Inter;
  font-size: 19px;
  font-weight: 400;
  line-height: 31px;
}

.collection-list {
  display: flex;
}

.collection-item {
  margin-left: 5px;
  margin-right: 5px;
}

.product__price-row {
  color: var(--black);
  align-items: center;
  display: flex;
}

.field-label-2 {
  display: none;
}

.search {
  width: 400px;
  margin-bottom: 0;
  display: flex;
}

.search.is--nav {
  width: 314px;
}

.search-icon {
  width: 20px;
  height: 20px;
  margin-top: 15px;
  margin-bottom: 15px;
  margin-left: 20px;
  position: absolute;
}

.search-icon.is--nav {
  margin-top: 12px;
  margin-bottom: 12px;
  margin-left: 16px;
}

.knowledge-teaser__title-row {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 36px;
  display: flex;
}

.knowledge-teaser__titles {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.knowledge-card {
  background-color: #fff;
  border-radius: 24px;
  flex: 1 0 auto;
  transition: box-shadow .2s;
  overflow: hidden;
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0), inset 0 0 0 1px rgba(0, 0, 0, .15), 0 0 1px rgba(0, 0, 0, .05), 0 1px 1px rgba(0, 0, 0, .1), inset 0 -1px rgba(0, 0, 0, .1);
}

.knowledge-card:hover {
  box-shadow: 0 0 0 3px rgba(0, 0, 0, .1), inset 0 0 0 1px rgba(0, 0, 0, .15), 0 0 1px rgba(0, 0, 0, .05), 0 1px 1px rgba(0, 0, 0, .1), inset 0 -1px rgba(0, 0, 0, .1);
}

.knowledge-card.is--card-img {
  text-align: left;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  transition: box-shadow .2s;
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0), inset 0 0 0 1px rgba(0, 0, 0, .15), 0 0 1px rgba(0, 0, 0, .05), 0 1px 1px rgba(0, 0, 0, .1), inset 0 -1px rgba(0, 0, 0, .1);
}

.knowledge-card.is--card-img:hover {
  box-shadow: 0 0 0 3px rgba(0, 0, 0, .2), inset 0 0 0 1px rgba(0, 0, 0, .15), 0 0 1px rgba(0, 0, 0, .05), 0 1px 1px rgba(0, 0, 0, .1), inset 0 -1px rgba(0, 0, 0, .1);
}

.knowledge-card.is--reference {
  width: 356px;
}

.knowledge-card.is--reference-v {
  box-shadow: none;
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0;
  transition: background-color .2s, box-shadow .2s;
}

.knowledge-card.is--reference-v:hover {
  background-color: var(--lightgrey);
  border-radius: 0;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .15);
}

.knowledge-card__text {
  text-align: left;
  margin: 16px 20px 20px;
}

.knowledge-card__preview-text p {
  color: var(--dark-grey);
  margin-bottom: 0;
  font-family: Inter;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.knowledge-card__preview-text strong {
  font-weight: 400;
}

.knowledge-card__preview-text em {
  font-style: normal;
}

.knowledge-card__preview-text a {
  color: var(--dark-grey);
}

.knowledge-card__preview-text.is--card-img {
  max-height: 217px;
  overflow: hidden;
}

.knowledge-card__link {
  width: 100%;
}

.knowledge-card__link.is--card-img {
  height: 100%;
  background-color: rgba(0, 0, 0, .5);
  padding: 64px 48px;
}

.knowledge-card__link.is--topic, .knowledge-card__link.is--reference {
  text-align: left;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px;
  display: flex;
}

.knowledge-card__link.is--reference-v {
  text-align: left;
  flex-direction: row;
  align-items: flex-start;
  padding: 12px 24px;
  transition: box-shadow .2s, background-color .2s;
  display: flex;
}

.knowledge-card__subtitle {
  height: 48px;
  margin-top: 2px;
  overflow: hidden;
}

.knowledge-card__subtitle.is--topic {
  height: 72px;
}

.knowledge-card__subtitle.is--topic.is--faded {
  transition: background-color .2s;
}

.knowledge-card__topic-text {
  float: left;
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  margin-right: 4px;
  display: grid;
}

.knowledge-cards {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-wrap: wrap;
  grid-template: "."
  / 1fr 1fr 2fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  display: grid;
}

.knowledge-cards.is--grid-second {
  grid-template-columns: 9.91667fr 9.91667fr 20.8333fr;
}

.knowledge-cards.is--grid-first {
  grid-template-columns: 20.8333fr 9.91667fr 9.91667fr;
  margin-bottom: 24px;
}

.knowledge-cards.is--mobile {
  display: none;
}

.knowledge-cards.is--featured {
  grid-template-columns: minmax(301px, 1fr) minmax(301px, 1fr) minmax(301px, 1fr);
}

.knowledge-cards.is--beginner-banner {
  grid-template-columns: minmax(238px, 1fr) minmax(238px, 1fr) minmax(238px, 1fr);
}

.knowledge-cards.is--topics {
  grid-template-columns: 1fr 1fr 1fr;
}

.knowledge-cards.is--grid {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.knowledge-cards.is--topic-grid {
  grid-template-columns: 1fr 1fr;
  grid-auto-flow: row;
}

.knowledge-cards.is--reference {
  width: 100%;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  margin-right: -1024px;
}

.knowledge-cards.is--reference-v {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
}

.knowledge-card__image {
  width: 100%;
  height: 238px;
  object-fit: cover;
  border-radius: 23px 23px 0 0;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .15);
}

.knowledge-card__image.is--topic-grid {
  height: 202px;
}

.knowledge-card__title {
  height: 24px;
  overflow: hidden;
}

.knowledge-card__title.is--card-img {
  height: auto;
  max-height: 92px;
}

.knowledge-card__title.is--topic {
  margin-bottom: 2px;
}

.beginner-banner {
  background-image: url('../images/knowledge-background-beginner-banner.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 24px;
  align-items: center;
  padding-top: 64px;
  padding-bottom: 64px;
  display: flex;
  overflow: hidden;
}

.beginner-banner__text {
  min-width: 320px;
  color: #fff;
  text-align: left;
  flex-direction: column;
  align-items: flex-start;
  margin-left: 72px;
  margin-right: 48px;
  display: flex;
}

.knowledge-card__topic-icon {
  width: 20px;
  height: 20px;
}

.knowledge-card__topic-icon.is--reference-v {
  margin-top: 2px;
  margin-right: 16px;
}

.h-xxxxsmall {
  width: 8px;
}

.path-row {
  margin-bottom: 24px;
  display: flex;
}

.is--left {
  text-align: left;
}

.is--faded {
  position: relative;
}

.topic-icon {
  width: 48px;
  height: 48px;
}

.topic__column-1 {
  min-height: 100vh;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  margin-top: -80px;
  padding-top: 144px;
  padding-bottom: 64px;
  padding-right: 85px;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  box-shadow: 1px 0 #d9d9d9;
}

.topic__rich-text p {
  color: var(--black);
  text-align: left;
  letter-spacing: -.18px;
  margin-bottom: 0;
  font-size: 19px;
  font-weight: 400;
  line-height: 31px;
}

.topic__rich-text strong {
  font-weight: 500;
}

.topic__rich-text a {
  color: var(--green);
  font-weight: 500;
  transition: opacity .2s;
}

.topic__rich-text a:hover {
  opacity: .7;
}

.topic__column-2 {
  min-height: 100vh;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  margin-top: -80px;
  padding-top: 144px;
  padding-bottom: 64px;
  padding-left: 84px;
  display: flex;
}

.article__column-1 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  margin-top: -80px;
  padding-top: 208px;
  padding-right: 0;
  display: flex;
}

.article__column-2 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: -80px;
  padding-top: 208px;
  padding-left: 58px;
  display: flex;
}

.article__image {
  width: 100%;
  height: 450px;
  object-fit: cover;
  border-radius: 24px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, .15), 0 0 1px rgba(0, 0, 0, .05), 0 1px 1px rgba(0, 0, 0, .1), 0 1px rgba(0, 0, 0, .1);
}

.article__image.show--mobile {
  display: none;
}

.references-wrapper {
  margin-bottom: -10px;
  padding-bottom: 10px;
  position: absolute;
  overflow: visible;
}

.references-fade-right {
  width: 130px;
  height: 100%;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #fff);
  position: absolute;
  top: 0;
  right: 0;
}

.references-fade-wrapper {
  height: 204px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: -10px;
  margin-bottom: -10px;
  padding-top: 10px;
  padding-bottom: 10px;
  position: relative;
  overflow: hidden;
}

.toc {
  width: 100%;
  background-color: #fff;
  border-radius: 24px;
  margin-top: 19px;
  padding: 36px 24px;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .15), 0 0 1px rgba(0, 0, 0, .05), 0 1px 1px rgba(0, 0, 0, .1), inset 0 -1px rgba(0, 0, 0, .1);
}

.article__rich-text {
  z-index: 0;
  text-align: left;
  margin-top: -48px;
  font-weight: 700;
  position: static;
}

.article__rich-text h1 {
  color: var(--black);
  letter-spacing: -.27px;
  margin-top: 48px;
  margin-bottom: 16px;
  padding-bottom: 16px;
  font-family: Merriweather Custom, sans-serif;
  font-size: 28px;
  font-weight: 400;
  line-height: 40px;
  box-shadow: 0 1px rgba(0, 0, 0, .15);
}

.article__rich-text h2 {
  color: var(--black);
  letter-spacing: -.23px;
  margin-top: 36px;
  margin-bottom: 16px;
  font-family: Merriweather Custom, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 34px;
}

.article__rich-text h3 {
  color: var(--black);
  letter-spacing: -.18px;
  margin-top: 24px;
  margin-bottom: 16px;
  font-family: Merriweather Custom, sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 26px;
}

.article__rich-text h4 {
  color: var(--black);
  letter-spacing: -.18px;
  margin-top: 24px;
  margin-bottom: 40px;
  font-family: Merriweather Custom, sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 26px;
}

.article__rich-text h5, .article__rich-text h6 {
  color: var(--black);
  letter-spacing: -.18px;
  margin-top: 0;
  margin-bottom: 16px;
  font-family: Merriweather Custom, sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 26px;
}

.article__rich-text p {
  color: var(--black);
  letter-spacing: -.18px;
  margin-top: 0;
  margin-bottom: 16px;
  font-size: 19px;
  font-weight: 400;
  line-height: 31px;
}

.article__rich-text figcaption {
  color: var(--dark-grey);
  margin-top: 16px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.article__rich-text a {
  color: var(--green);
  font-weight: 500;
  transition: opacity .2s;
}

.article__rich-text a:hover {
  opacity: .7;
}

.article__rich-text img {
  border-radius: 24px;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .15), 0 0 1px rgba(0, 0, 0, .05), 0 1px 1px rgba(0, 0, 0, .1), inset 0 -1px rgba(0, 0, 0, .1);
}

.article__rich-text blockquote {
  color: var(--black);
  letter-spacing: -.18px;
  border: 1px solid #d9d9d9;
  border-radius: 20px;
  margin-bottom: 16px;
  padding: 20px 24px;
  font-size: 19px;
  font-weight: 400;
  line-height: 31px;
  box-shadow: 0 0 1px rgba(0, 0, 0, .05), 0 1px 1px rgba(0, 0, 0, .1), inset 0 -1px rgba(0, 0, 0, .1);
}

.article__rich-text strong {
  font-weight: 500;
}

.article__rich-text figure {
  margin-top: 36px;
  margin-bottom: 36px;
}

.article__rich-text ul {
  color: var(--black);
  letter-spacing: -.18px;
  margin-bottom: 16px;
  padding-left: 28px;
  font-size: 19px;
  font-weight: 400;
  line-height: 31px;
}

.article__rich-text ol {
  color: var(--black);
  letter-spacing: -.18px;
  margin-bottom: 36px;
  padding-left: 28px;
  font-size: 19px;
  font-weight: 400;
  line-height: 31px;
}

.toc-wrapper {
  z-index: 1;
  height: 100%;
  flex-direction: column;
  align-items: center;
  margin-top: 36px;
  display: flex;
}

.references-fade-left {
  width: 130px;
  height: 100%;
  background-image: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
  position: absolute;
  top: 0;
  left: 0;
}

.references__pill-wrapper {
  justify-content: center;
  align-items: center;
  margin-bottom: 39px;
  display: flex;
  box-shadow: 0 1px rgba(0, 0, 0, .15);
}

.references-wrapper-v {
  width: 100%;
  max-height: 467px;
  border-radius: 24px;
  padding-top: 24px;
  padding-bottom: 24px;
  overflow: scroll;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .15), 0 0 1px rgba(0, 0, 0, .05), 0 1px 1px rgba(0, 0, 0, .1), inset 0 -1px rgba(0, 0, 0, .1);
}

.reference-image {
  width: 48px;
  height: 48px;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  border-radius: 12px;
  flex: none;
  margin-right: 16px;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .15);
}

.reference-articles-sidebar {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.reference-articles-sidebar.show--mobile {
  display: none;
}

.dynamic-link-preview {
  z-index: 0;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(to right, #fc5c7d, #6a82fb);
  -webkit-background-clip: text;
  background-clip: text;
  flex-direction: column;
  align-items: center;
  font-weight: 500;
  line-height: 1.5;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.static-link-hover {
  color: #000;
  flex-direction: column;
  align-items: center;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.5;
  text-decoration: none;
  display: flex;
  position: relative;
}

.small-products {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-wrap: wrap;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: flex-start;
  align-items: stretch;
  display: grid;
}

.small-products-wrapper {
  max-width: 1064px;
}

.article__small-rich-text {
  z-index: 0;
  text-align: left;
}

.article__small-rich-text h1 {
  color: var(--black);
  letter-spacing: -.27px;
  margin-top: 48px;
  margin-bottom: 16px;
  padding-bottom: 16px;
  font-family: Merriweather Custom, sans-serif;
  font-size: 28px;
  font-weight: 400;
  line-height: 40px;
  box-shadow: 0 1px rgba(0, 0, 0, .15);
}

.article__small-rich-text h2 {
  color: var(--black);
  letter-spacing: -.23px;
  margin-top: 36px;
  margin-bottom: 16px;
  font-family: Merriweather Custom, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 34px;
}

.article__small-rich-text h3 {
  color: var(--black);
  letter-spacing: -.18px;
  margin-top: 24px;
  margin-bottom: 16px;
  font-family: Merriweather Custom, sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 26px;
}

.article__small-rich-text h4 {
  color: var(--black);
  letter-spacing: -.18px;
  margin-top: 24px;
  margin-bottom: 40px;
  font-family: Merriweather Custom, sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 26px;
}

.article__small-rich-text h5, .article__small-rich-text h6 {
  color: var(--black);
  letter-spacing: -.18px;
  margin-top: 0;
  margin-bottom: 16px;
  font-family: Merriweather Custom, sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 26px;
}

.article__small-rich-text p {
  color: var(--black);
  letter-spacing: -.18px;
  margin-top: 0;
  margin-bottom: 16px;
  font-size: 19px;
  font-weight: 400;
  line-height: 31px;
}

.article__small-rich-text figcaption {
  color: var(--dark-grey);
  margin-top: 16px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.article__small-rich-text a {
  color: var(--green);
  font-weight: 500;
  transition: opacity .2s;
}

.article__small-rich-text a:hover {
  opacity: .7;
}

.article__small-rich-text img {
  border-radius: 24px;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .15), 0 0 1px rgba(0, 0, 0, .05), 0 1px 1px rgba(0, 0, 0, .1), inset 0 -1px rgba(0, 0, 0, .1);
}

.article__small-rich-text blockquote {
  color: var(--black);
  letter-spacing: -.18px;
  border: 1px solid #d9d9d9;
  border-radius: 20px;
  margin-bottom: 16px;
  padding: 20px 24px;
  font-family: Inter;
  font-size: 19px;
  font-weight: 400;
  line-height: 31px;
  box-shadow: 0 0 1px rgba(0, 0, 0, .05), 0 1px 1px rgba(0, 0, 0, .1), inset 0 -1px rgba(0, 0, 0, .1);
}

.article__small-rich-text strong {
  font-weight: 500;
}

.article__small-rich-text figure {
  margin-bottom: 16px;
}

.article__small-rich-text ul {
  color: var(--black);
  letter-spacing: -.18px;
  margin-bottom: 16px;
  padding-left: 28px;
  font-size: 19px;
  font-weight: 400;
  line-height: 31px;
}

.article__small-rich-text ol {
  color: var(--black);
  letter-spacing: -.18px;
  margin-bottom: 36px;
  padding-left: 28px;
  font-size: 19px;
  font-weight: 400;
  line-height: 31px;
}

.nav__logo-large {
  height: 30px;
}

.box-landing__hero {
  width: 446px;
  height: 320px;
  object-fit: cover;
  border-radius: 160px;
  margin-bottom: -341px;
}

.box-landing__hero-graphic {
  width: 612px;
  height: 357px;
  max-width: none;
  margin-top: -17px;
}

.box-landing__column-left {
  text-align: left;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.box-landing__columns {
  align-items: center;
  display: flex;
}

.box-landing-hero {
  margin-top: 64px;
  margin-bottom: 64px;
}

.boxes-slider {
  z-index: 1;
  width: 389px;
  height: 232px;
  background-color: rgba(0, 0, 0, 0);
  display: block;
}

.boxes-slider__mask {
  overflow: visible;
}

.boxes-slider__button {
  width: 60px;
  height: 60px;
  background-color: #fff;
  border-radius: 30px;
  flex: none;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 84px;
  display: flex;
  position: absolute;
  top: 288px;
  box-shadow: 0 0 1px rgba(0, 0, 0, .05), 0 1px 1px rgba(0, 0, 0, .1), inset 0 -1px rgba(0, 0, 0, .1), inset 0 0 0 1px #d9d9d9;
}

.boxes-slider__button.is--left {
  margin-left: -72px;
  position: absolute;
  top: auto;
  left: auto;
}

.boxes-slider__button.is--right {
  top: auto;
  right: auto;
}

.boxes-slider__button.is--right.bttn {
  margin-left: 401px;
}

.boxes-slider__card {
  border-radius: 24px;
  flex-direction: column;
  margin-right: 24px;
  padding: 24px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 1px rgba(0, 0, 0, .05), 0 1px 1px rgba(0, 0, 0, .1), inset 0 -1px rgba(0, 0, 0, .1), inset 0 0 0 1px #d9d9d9;
}

.boxes-slider__shadow {
  z-index: 1;
  width: 100vw;
  height: 232px;
  background-image: linear-gradient(270deg, rgba(255, 255, 255, .66), rgba(255, 255, 255, 0) 33%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 66%, rgba(255, 255, 255, .66));
  margin-top: -232px;
  display: block;
  position: relative;
}

.boxes-explainer {
  grid-column-gap: 72px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  margin-top: 48px;
  margin-bottom: 36px;
  display: grid;
}

.boxes-explainer__line {
  width: 92%;
  height: 2.5px;
  background-color: rgba(0, 138, 117, .2);
  border-radius: 20px;
  position: relative;
  top: -30px;
  left: 66%;
}

.boxes-explainer__line.is--invisible {
  opacity: 0;
}

.boxes-included {
  grid-column-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  margin-top: 48px;
  margin-bottom: 36px;
  display: grid;
}

.boxes-details-card {
  border-radius: 40px;
  display: flex;
  overflow: hidden;
}

.boxes-details-card.is--secondary {
  border-radius: 40px;
  display: flex;
}

.boxes-content-slider {
  height: 528px;
  background-color: rgba(0, 0, 0, 0);
}

.boxes-content-slider.boxes-details-card.is--secondary {
  overflow: visible;
}

.boxes-details__text {
  text-align: left;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-left: 64px;
  margin-right: 64px;
  display: flex;
}

.boxes-details__collection {
  display: flex;
}

.boxes-content__button {
  width: 60px;
  height: 60px;
  background-color: #fff;
  border-radius: 30px;
  flex: none;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 84px;
  display: flex;
  position: absolute;
  top: 288px;
  box-shadow: 0 0 1px rgba(0, 0, 0, .05), 0 1px 1px rgba(0, 0, 0, .1), inset 0 -1px rgba(0, 0, 0, .1), inset 0 0 0 1px #d9d9d9;
}

.boxes-content__button.is--left {
  margin-left: -72px;
  position: absolute;
  top: auto;
  left: auto;
}

.boxes-content__button.is--left.bttn {
  margin-bottom: 0;
  margin-left: -30px;
  position: static;
}

.boxes-content__button.is--right {
  top: auto;
  right: auto;
}

.boxes-content__button.is--right.bttn {
  margin-bottom: 0;
  margin-left: 30px;
}

.boxes-content__button-area {
  width: 60px;
  height: 100%;
  flex-direction: row;
  align-items: center;
  display: flex;
  overflow: visible;
}

.boxes-content-slider__mask {
  border-radius: 40px;
  overflow: hidden;
}

.boxes-details__image {
  width: 407px;
  height: 526px;
  outline-offset: 0px;
  outline: 1px solid #d9d9d9;
}

.boxes-benefits {
  grid-column-gap: 32px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  margin-bottom: 36px;
  display: grid;
}

.text-sh1-serif {
  color: var(--black);
  letter-spacing: -.27px;
  font-family: Merriweather Custom, sans-serif;
  font-size: 28px;
  font-weight: 500;
  line-height: 40px;
}

.boxes-variety__image {
  width: 43%;
  height: 714px;
  object-fit: cover;
  border-radius: 500px;
  margin-right: 64px;
}

.boxes-variety__pills {
  grid-column-gap: 10px;
  margin-top: 10px;
  display: flex;
}

.boxes-variety__property {
  text-align: left;
}

.boxes-variety__properties {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.boxes-details__text-wrapper {
  display: flex;
}

.slide-nav-3 {
  display: none;
}

.progress__pill {
  border-radius: 18px;
  padding: 6px 14px;
}

.progress__pill.is--inactive {
  color: var(--green);
  background-color: rgba(0, 138, 117, .1);
  box-shadow: inset 0 0 0 1px rgba(0, 138, 117, .15);
}

.progress__pill.is--active {
  background-color: var(--green);
  color: var(--white);
  box-shadow: 0 0 1px rgba(0, 0, 0, .05), 0 1px 1px rgba(0, 0, 0, .1), inset 0 -1px rgba(0, 0, 0, .1);
}

.progress__line {
  width: 170px;
  height: 2.5px;
  background-color: rgba(0, 138, 117, .2);
  border-radius: 20px;
}

.quiz-card {
  width: 100%;
  text-align: center;
  border-radius: 40px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 48px;
  display: flex;
}

.quiz-embed {
  width: 100%;
  height: 600px;
}

.box-content {
  width: 55%;
  background-color: var(--lightgrey);
  border-radius: 40px 0 0 40px;
  flex-direction: column;
  padding: 48px;
  display: flex;
  position: relative;
  overflow: scroll;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .15);
}

.box-content__product {
  background-color: var(--white);
  cursor: pointer;
  border-radius: 36px;
  padding: 24px;
  display: flex;
  position: relative;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .15), 0 0 1px rgba(0, 0, 0, .05), 0 1px 1px rgba(0, 0, 0, .1), inset 0 -1px rgba(0, 0, 0, .1);
}

.box-content__info {
  text-align: left;
}

.box-content__image {
  width: 128px;
  height: 128px;
  border-radius: 12px;
  margin-right: 24px;
}

.box-content__accordion {
  z-index: 0;
  flex-direction: column;
  flex: 0 auto;
  align-self: auto;
  align-items: flex-start;
  margin-left: 0;
  display: block;
  overflow: hidden;
}

.box-content__accordion-list {
  background-color: rgba(0, 0, 0, 0);
  flex-direction: column;
  align-items: stretch;
  margin-top: -81px;
  display: flex;
  position: static;
}

.box-content__accordion-toggle {
  height: 81px;
  background-image: linear-gradient(rgba(255, 255, 255, 0), #fff);
  justify-content: space-between;
  align-items: center;
  padding: 0;
  transition: opacity .2s;
  display: flex;
}

.codes-landing__hero-graphic {
  width: 508px;
  height: 492px;
  max-width: none;
  margin-top: -88px;
  margin-bottom: -53px;
}

.codes-landing__hero {
  width: 446px;
  height: 320px;
  object-fit: cover;
  border-radius: 160px;
  margin-bottom: -347px;
}

.box-content__box {
  width: 100%;
  background-color: #fff;
  border-radius: 40px;
  align-items: stretch;
  display: flex;
  box-shadow: 0 0 1px rgba(0, 0, 0, .05), 0 1px 1px rgba(0, 0, 0, .1), inset 0 -1px rgba(0, 0, 0, .1), inset 0 0 0 1px rgba(0, 0, 0, .15);
}

.box-content__scroll-list {
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
  position: absolute;
  top: 48px;
  bottom: 48px;
  left: 48px;
  right: 48px;
}

.box-content__plus-area {
  align-items: center;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: -18px;
}

.box-content__plus-bg {
  width: 36px;
  height: 36px;
  background-color: #fff;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  display: flex;
  box-shadow: 0 0 1px rgba(0, 0, 0, .05), 0 1px 1px rgba(0, 0, 0, .1), inset 0 -1px rgba(0, 0, 0, .1), inset 0 0 0 1px rgba(0, 0, 0, .15);
}

.box-content__spacing {
  position: relative;
}

.share-dropdown__list {
  position: fixed;
  bottom: 78px;
  right: 20px;
}

.share-dropdown__list.w--open {
  max-width: 48px;
  min-width: 48px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 8px;
  padding-bottom: 8px;
  display: flex;
}

.share-dropdown__list.is--secondary.w--open {
  border-radius: 24px;
}

.tocitem {
  color: #7a7d80;
  text-align: left;
  border-radius: 9px;
  padding: 7px 16px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  transition: box-shadow .2s, background-color .2s;
  display: block;
}

.tocitem:hover {
  background-color: #f0f4f7;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .15);
}

.tocitem.active {
  color: #008a75;
  background-color: rgba(0, 138, 117, .1);
  font-weight: 600;
  box-shadow: inset 0 0 0 1px rgba(0, 138, 117, .3);
}

.tocitem.toc-h2 {
  margin-left: 18px;
}

.tocitem.toc-h3 {
  margin-left: 36px;
}

.share-dropdown__medium {
  width: 48px;
  padding: 12px;
}

.share-dropdown__medium.bttn {
  width: 46px;
  margin: 1px;
  padding: 11px;
}

.share-dropdown__medium.bttn:hover {
  width: 46px;
  background-color: #f0f4f7;
  border-radius: 20px;
  margin: 1px;
  padding: 11px;
}

.article__sources {
  z-index: 100;
  text-align: left;
  font-weight: 700;
}

.article__sources h1 {
  color: var(--black);
  letter-spacing: -.27px;
  margin-top: 48px;
  margin-bottom: 16px;
  padding-bottom: 16px;
  font-family: Merriweather Custom, sans-serif;
  font-size: 28px;
  font-weight: 400;
  line-height: 40px;
  box-shadow: 0 1px rgba(0, 0, 0, .15);
}

.article__sources h2 {
  color: var(--black);
  letter-spacing: -.23px;
  margin-top: 36px;
  margin-bottom: 16px;
  font-family: Merriweather Custom, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 34px;
}

.article__sources h3 {
  color: var(--black);
  letter-spacing: -.18px;
  margin-top: 24px;
  margin-bottom: 16px;
  font-family: Merriweather Custom, sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 26px;
}

.article__sources h4 {
  color: var(--black);
  letter-spacing: -.18px;
  margin-top: 24px;
  margin-bottom: 40px;
  font-family: Merriweather Custom, sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 26px;
}

.article__sources h5, .article__sources h6 {
  color: var(--black);
  letter-spacing: -.18px;
  margin-top: 0;
  margin-bottom: 16px;
  font-family: Merriweather Custom, sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 26px;
}

.article__sources p {
  color: var(--black);
  letter-spacing: -.18px;
  margin-bottom: 0;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.article__sources figcaption {
  color: var(--dark-grey);
  margin-top: 16px;
  font-family: Inter;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.article__sources a {
  color: var(--green);
  font-weight: 500;
  transition: opacity .2s;
}

.article__sources a:hover {
  opacity: .7;
}

.article__sources img {
  border-radius: 24px;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .15), 0 0 1px rgba(0, 0, 0, .05), 0 1px 1px rgba(0, 0, 0, .1), inset 0 -1px rgba(0, 0, 0, .1);
}

.article__sources blockquote {
  color: var(--black);
  letter-spacing: -.18px;
  border: 1px solid #d9d9d9;
  border-radius: 20px;
  margin-bottom: 16px;
  padding: 20px 24px;
  font-family: Inter;
  font-size: 19px;
  font-weight: 400;
  line-height: 31px;
  box-shadow: 0 0 1px rgba(0, 0, 0, .05), 0 1px 1px rgba(0, 0, 0, .1), inset 0 -1px rgba(0, 0, 0, .1);
}

.article__sources strong {
  font-weight: 500;
}

.article__sources figure {
  margin-top: 36px;
  margin-bottom: 36px;
}

.article__sources ul {
  color: var(--black);
  letter-spacing: -.18px;
  margin-bottom: 16px;
  padding-left: 28px;
  font-family: Inter;
  font-size: 19px;
  font-weight: 400;
  line-height: 31px;
}

.article__sources ol {
  color: var(--black);
  letter-spacing: -.18px;
  margin-bottom: 36px;
  padding-left: 28px;
  font-family: Inter;
  font-size: 19px;
  font-weight: 400;
  line-height: 31px;
}

.faq__accordion {
  background-color: #f2f9f8;
  border-radius: 40px;
  flex-direction: column;
  flex: 0 auto;
  align-self: auto;
  align-items: flex-start;
  display: block;
  overflow: hidden;
}

.faq__accordion-image {
  width: 24px;
  height: 24px;
  margin-left: 16px;
  display: block;
}

.faq__accordion-toggle {
  z-index: 1;
  max-width: 100%;
  justify-content: space-between;
  align-items: center;
  padding: 30px 36px;
  display: flex;
}

.faq__accordion-list {
  z-index: 0;
  background-color: rgba(0, 0, 0, 0);
  flex-direction: column;
  align-items: flex-start;
  margin-top: -20px;
  margin-bottom: 20px;
  padding-left: 36px;
  padding-right: 36px;
  display: block;
  position: relative;
}

.faq__accordions {
  width: 100%;
  max-width: 800px;
  grid-row-gap: 16px;
  flex-direction: column;
  display: flex;
}

.faq__accordion-shadow {
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-radius: 40px;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  box-shadow: 0 0 0 1px #d9d9d9, 0 4px 30px rgba(0, 0, 0, .02), 0 8px 60px rgba(0, 0, 0, .06);
}

.faq-accordion-container {
  z-index: 2;
  position: relative;
}

.faq__accordion-list-spacer {
  height: 10px;
}

.popup__shadow {
  z-index: 101;
  width: 100vw;
  height: 100vh;
  background-color: rgba(42, 53, 63, .6);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
}

.fs-cc-banner_close {
  opacity: 1;
  cursor: pointer;
  background-color: #fff;
  border-radius: 999rem;
  margin-left: .75rem;
  padding: .625rem;
  box-shadow: 1px 1px 12px rgba(0, 0, 0, .1);
}

.fs-cc-prefs_label {
  color: var(--black);
  letter-spacing: -.18px;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 2rem;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.fs-cc-manager_component {
  z-index: 997;
  display: none;
  position: fixed;
  top: auto;
  bottom: 20px;
  left: 20px;
  right: auto;
}

.fs-cc-banner_button {
  height: 38px;
  min-width: 8rem;
  background-color: var(--green);
  color: #fff;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 19px;
  margin-left: 1rem;
  padding: 7px 15px;
  font-family: Inter Custom, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  transition: background-color .2s, transform .2s;
  box-shadow: 0 0 1px rgba(0, 0, 0, .05), 0 1px 1px rgba(0, 0, 0, .1), inset 0 -1px rgba(0, 0, 0, .1);
}

.fs-cc-banner_button:hover {
  background-color: var(--greenhover);
  transform: translate(0, -3px);
}

.fs-cc-banner_button.fs-cc-button-alt {
  background-color: var(--white);
  color: var(--black);
  border-color: #d9d9d9;
  font-family: Inter Custom, sans-serif;
}

.fs-cc-banner_button.fs-cc-button-alt:hover {
  background-color: #f0f4f7;
}

.fs-cc-manager_trigger {
  display: none;
}

.fs-cc-prefs_text {
  color: var(--black);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.fs-cc-banner_close-icon {
  width: 1.5rem;
  height: 1.5rem;
}

.fs-cc-prefs_space-medium {
  margin-bottom: 38px;
}

.fs-cc-banner_text-link {
  color: var(--green);
  font-weight: 500;
  text-decoration: none;
  transition: color .2s;
}

.fs-cc-banner_text-link:hover {
  color: var(--greenhover);
}

.fs-cc-banner_text-link.text-b1 {
  transition: color .2s;
}

.fs-cc-banner_text-link.text-b1:hover {
  color: var(--greenhover);
}

.fs-cc-manager_icon {
  width: 24px;
  height: 24px;
}

.fs-cc-prefs_close {
  z-index: 1;
  background-color: var(--white);
  color: #333;
  cursor: pointer;
  border: 1px solid #d9d9d9;
  border-radius: 100%;
  padding: .625rem;
  font-size: 1.25rem;
  text-decoration: none;
  transition: transform .2s, background-color .2s;
  position: absolute;
  top: -.75rem;
  bottom: auto;
  left: auto;
  right: -.75rem;
  box-shadow: 0 0 1px rgba(0, 0, 0, .05), 0 1px rgba(0, 0, 0, .1), inset 0 -1px 1px rgba(0, 0, 0, .1);
}

.fs-cc-prefs_close:hover {
  background-color: #f0f4f7;
  transform: translate(0, -3px);
}

.fs-cc-prefs_trigger {
  display: none;
}

.fs-cc-prefs_buttons-wrapper {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  margin-top: 2rem;
  margin-right: -.5rem;
  display: flex;
}

.fs-cc-prefs_content {
  height: 100%;
  padding: 64px 48px;
  overflow: scroll;
}

.fs-cc-banner_trigger {
  display: none;
}

.fs-cc-prefs_close-icon {
  width: 1rem;
  height: 1rem;
  color: #021a7c;
}

.fs-cc-prefs_title {
  color: var(--black);
  letter-spacing: -.94px;
  font-family: Merriweather Custom, sans-serif;
  font-size: 38px;
  font-weight: 400;
  line-height: 48px;
}

.fs-cc-prefs_overlay {
  z-index: -1;
  width: 100%;
  height: 100%;
  background-color: rgba(42, 53, 63, .6);
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.fs-cc-manager_button {
  color: #333;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 999rem;
  flex-direction: column;
  padding: 11px;
  transition: transform .2s, color .2s;
  display: flex;
  box-shadow: 0 0 1px rgba(0, 0, 0, .05), 0 1px 1px rgba(0, 0, 0, .1), inset 0 -1px rgba(0, 0, 0, .1);
}

.fs-cc-manager_button:hover {
  background-color: #f0f4f7;
  transform: translate(0, -3px);
}

.fs-cc-banner_buttons-wrapper {
  flex-direction: row;
  flex: none;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.fs-cc-prefs_space-small {
  margin-bottom: 16px;
}

.fs-cc-prefs_component {
  z-index: 999;
  width: 100%;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding: 2rem;
  display: none;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.fs-cc-prefs_toggle {
  width: 1.25rem;
  height: 1.25rem;
  background-color: #fff;
  border-radius: 999px;
}

.fs-cc-prefs_option {
  border-bottom: 1px solid rgba(51, 51, 51, .15);
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.fs-cc-prefs_checkbox {
  z-index: 1;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  margin-top: 0;
  margin-left: 0;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.fs-cc-banner_component {
  z-index: 998;
  max-width: 1100px;
  background-color: #fff;
  border-radius: 24px;
  padding: 1.5rem 2rem;
  display: none;
  box-shadow: 0 4px 30px rgba(0, 0, 0, .02), 0 8px 60px rgba(0, 0, 0, .06), inset 0 0 0 1px rgba(0, 0, 0, .15), 0 0 1px rgba(0, 0, 0, .05), 0 1px 1px rgba(0, 0, 0, .01), inset 0 -1px rgba(0, 0, 0, .01);
}

.fs-cc-prefs_button_unused {
  background-color: #4353ff;
  border: 2px solid #4353ff;
  border-radius: 999rem;
  margin-right: .5rem;
  padding: .625rem 1.5rem;
  font-size: .875rem;
  font-weight: 700;
}

.fs-cc-prefs_button_unused.fs-cc-button-alt {
  color: #4353ff;
  background-color: #fff;
  border-color: #4353ff;
}

.fs-cc-prefs_submit-hide {
  display: none;
}

.fs-cc-prefs_checkbox-field {
  width: 2.75rem;
  height: 1.5rem;
  background-color: #ccc;
  border-radius: 999rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  margin-bottom: 0;
  padding: .125rem;
  display: flex;
  position: relative;
}

.fs-cc-prefs_checkbox-label {
  display: none;
}

.fs-cc-prefs_form {
  width: 100%;
  height: 100%;
  max-height: 70vh;
  max-width: 700px;
  background-color: #fff;
  border-radius: 36px;
  margin-bottom: 0;
  position: relative;
  box-shadow: 0 4px 30px rgba(0, 0, 0, .02), 0 4px 60px rgba(0, 0, 0, .06), inset 0 0 0 1px rgba(0, 0, 0, .1), 0 0 1px rgba(0, 0, 0, .05), 0 1px 1px rgba(0, 0, 0, .1), inset 0 -1px rgba(0, 0, 0, .1);
}

.fs-cc-banner_text {
  color: var(--black);
  margin-right: 1.5rem;
}

.fs-cc-banner_container {
  width: 100%;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.fs-cc-prefs_toggle-wrapper {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: .5rem;
  display: flex;
}

.fs-cc-prefs_button {
  height: 38px;
  min-width: 8rem;
  background-color: var(--green);
  color: #fff;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 19px;
  margin-right: .5rem;
  padding: 7px 15px;
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  transition: background-color .2s, transform .2s;
  box-shadow: 0 0 1px rgba(0, 0, 0, .05), 0 1px 1px rgba(0, 0, 0, .1), inset 0 -1px rgba(0, 0, 0, .1);
}

.fs-cc-prefs_button:hover {
  background-color: var(--greenhover);
  transform: translate(0, -3px);
}

.fs-cc-prefs_button.fs-cc-button-alt {
  background-color: var(--white);
  color: var(--black);
  border-color: #d9d9d9;
}

.fs-cc-prefs_button.fs-cc-button-alt:hover {
  background-color: #f0f4f7;
}

.cookie-banner-wrapper {
  z-index: 998;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  bottom: 20px;
  left: 20px;
  right: 20px;
}

.card__codes-container {
  width: 630px;
  grid-row-gap: 24px;
  text-align: left;
  flex-direction: column;
  padding: 64px;
  display: flex;
}

.demo-brewing-code {
  margin-top: -120px;
  margin-bottom: 0;
  margin-left: -60px;
}

.terms__rich-text {
  margin-top: -96px;
}

.terms__rich-text p {
  color: var(--black);
  letter-spacing: -.18px;
  margin-bottom: 0;
  font-size: 19px;
  font-weight: 400;
  line-height: 31px;
}

.terms__rich-text h1 {
  color: var(--black);
  letter-spacing: -.27px;
  margin-top: 96px;
  margin-bottom: 36px;
  font-size: 28px;
  font-weight: 500;
  line-height: 40px;
}

.terms__rich-text ul {
  color: var(--black);
  letter-spacing: -.18px;
  padding-left: 48px;
  font-size: 19px;
  font-weight: 400;
  line-height: 31px;
}

.terms__rich-text ol {
  color: var(--black);
  letter-spacing: -.18px;
  font-size: 19px;
  font-weight: 400;
  line-height: 31px;
}

.terms__rich-text a {
  color: var(--green);
  font-weight: 500;
  transition: color .2s;
}

.terms__rich-text a:hover {
  color: var(--greenhover);
}

.body-2 {
  font-family: Inter Custom, sans-serif;
}

.success-message-wrapper.is--codes {
  width: 100%;
  grid-column-gap: 16px;
  display: flex;
}

@media screen and (max-width: 991px) {
  .nav {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .nav.is--transparent, .nav.is--white-scroll {
    display: block;
  }

  .nav__logo {
    margin-right: 10px;
  }

  .nav__link, .nav__link.w--current {
    display: none;
  }

  .nav__link.is--dropdown {
    background-color: rgba(0, 138, 117, .1);
    flex-direction: row;
    align-items: center;
    display: flex;
  }

  .text-t1 {
    flex: 0 auto;
  }

  .text-t1.is--grey.is--no-shrink {
    flex: none;
  }

  .nav__container, .nav__container.is--left {
    flex: 1;
  }

  .nav__container.is--left.is--knowledge {
    padding-right: 0%;
  }

  .nav__container.is--knowledge {
    justify-content: center;
  }

  .nav__container.is--center.is--knowledge {
    display: none;
  }

  .footer__column.is--first {
    margin-bottom: 24px;
  }

  .footer__social-row {
    margin-top: 0;
  }

  .footer__accordion-toggle {
    cursor: pointer;
    justify-content: space-between;
    transition: opacity .2s;
    display: flex;
  }

  .footer__accordion-toggle:hover {
    opacity: .7;
  }

  .footer__accordion-image {
    flex: 0 auto;
    align-self: auto;
    display: block;
  }

  .footer__accordion {
    z-index: 0;
    width: 100%;
    flex: 0 auto;
    margin-bottom: 16px;
    overflow: hidden;
  }

  .footer__accordion-list {
    margin-top: 10px;
    position: static;
    overflow: visible;
  }

  .footer__divider-sections {
    width: 100%;
    height: 1px;
    background-color: rgba(0, 0, 0, .09);
    margin-bottom: 16px;
    padding-bottom: 0;
    padding-right: 0;
    display: block;
  }

  .footer__divider-sections.last {
    margin-bottom: 24px;
  }

  .text-h3.w--current {
    color: var(--black);
  }

  .text-h3.is--unselected {
    color: var(--grey);
  }

  .text-h3.is--nav {
    color: var(--grey);
    margin-left: 0;
    margin-right: 0;
  }

  .text-h3.is--nav.w--current {
    color: var(--black);
    margin-left: 0;
    margin-right: 0;
  }

  .showcase__banner-images {
    margin-right: -10%;
  }

  .h-xxxxxsmall {
    width: 6px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .nav__dropdown-list {
    height: 0;
    color: var(--grey);
    background-color: #fff;
    display: block;
    position: fixed;
    top: 68px;
    left: 0;
    overflow: hidden;
    box-shadow: 0 1px rgba(0, 0, 0, .1);
  }

  .nav__dropdown-list.w--open {
    height: auto;
    color: var(--grey);
    background-color: #fff;
    flex-flow: column wrap;
    display: block;
    position: fixed;
    top: 68px;
    left: 0;
    overflow: hidden;
  }

  .nav__dropdown {
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .nav__dropdown.is--knowledge {
    display: none;
  }

  .bttn.is--small.is--icon-text.is--secondary {
    transition: transform .2s;
  }

  .bttn.is--small.is--icon-text.is--secondary:hover {
    background-color: #fff;
    transform: none;
  }

  .bttn.is--small.is--icon-text.is--secondary:active {
    transform: scale(.95);
  }

  .bttn.is--small.is--icon-text.is--primary.text-b1.is--white.search-button {
    transition: transform .2s;
  }

  .bttn.is--small.is--icon-text.is--primary.text-b1.is--white.search-button:active {
    transform: scale(.95);
  }

  .bttn.is--small.is--icon-text.is--primary.text-b1.is--white.search-button.is--nav {
    margin-left: 204px;
  }

  .bttn.is--large.is--icon-text.is--secondary {
    transition: transform .2s;
  }

  .bttn.is--large.is--icon-text.is--secondary:hover {
    background-color: #fff;
    transform: none;
  }

  .bttn.is--large.is--icon-text.is--secondary:active {
    transform: scale(.95);
  }

  .bttn.is--large.is--icon.is--secondary.is--fab:hover {
    background-color: #fff;
    transform: none;
  }

  .bttn.is--large.is--icon.is--secondary.is--fab:active {
    transform: scale(.9);
  }

  .bttn.is--secondary.product-card.is--grid {
    max-width: 42%;
    min-width: 45%;
  }

  .bttn.is--secondary.product-card.is--small-product {
    max-width: none;
  }

  .bttn.is--secondary.product-details {
    width: 100%;
    margin-top: 24px;
    margin-left: 0;
  }

  .bttn.is--secondary.product-details.is--landing {
    width: 100%;
    margin-top: 0;
  }

  .bttn.is--secondary.is--search-input {
    transition: transform .2s;
  }

  .bttn.is--secondary.is--search-input:hover {
    box-shadow: 0 0 1px rgba(0, 0, 0, .05), 0 1px 1px rgba(0, 0, 0, .1), inset 0 -1px rgba(0, 0, 0, .1);
  }

  .section {
    overflow: visible;
  }

  .section.is--product {
    margin-top: 36px;
  }

  .section.is--merchant-sign-up {
    background-image: none;
  }

  .container.is--footer, .container.is--product-page-hero {
    flex-direction: column;
  }

  .nav__dropdown-shadow {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .3);
    position: fixed;
    top: 68px;
    left: 0;
  }

  .h-xxxxxxsmall {
    width: 6px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .card-round.is--green {
    justify-content: flex-start;
  }

  .card__discord-image, .card__newsletter-image {
    max-width: none;
    flex: none;
  }

  .card__h-stack.is--codes {
    grid-column-gap: 0px;
    grid-row-gap: 10px;
    flex-direction: column;
    align-items: flex-start;
  }

  .dropdown-list.is--secondary.is--language-dropdown.w--open, .dropdown-list.is--secondary.is--sources-dropdown.w--open {
    position: relative;
  }

  .dropdown {
    margin-top: 0;
  }

  .dropdown.is--language-button {
    z-index: 0;
  }

  .dropdown.is--nav__link {
    z-index: 0;
    display: none;
  }

  .dropdown.is--knowledge-sources {
    z-index: 0;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 24px;
    display: flex;
  }

  .blend-wrapper.is--on-merchants-page {
    margin-top: 57px;
  }

  .blend-wrapper.is--on-about-page {
    display: none;
  }

  .text-p2.is--details-text {
    letter-spacing: 0;
    font-size: 16px;
    line-height: 24px;
  }

  .photos-area {
    width: 100vw;
    flex-wrap: nowrap;
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 12px;
    padding-right: 12px;
    display: flex;
    overflow: auto;
  }

  .photos-area__photo-large, .photos-area__photo-small {
    width: 512px;
    height: 512px;
    flex: none;
    padding-bottom: 0%;
  }

  .product-details__image {
    max-height: 470px;
  }

  .merchant-signup-card.is--secondary {
    padding: 96px 128px;
  }

  .merchant-hero__image {
    margin-left: -47px;
  }

  .merchant-video.move-mouse-over {
    width: 100%;
  }

  .merchant-showcase-tablet {
    width: 402px;
  }

  .merchant-showcase__banner-text {
    width: 318px;
    margin-right: 24px;
  }

  .open-fullscreen-button {
    order: -1;
    margin-left: auto;
    margin-right: -44px;
    position: relative;
  }

  .merchant-showcase__banner-images {
    width: 419px;
    order: 1;
  }

  .card-grid__card.is--secondary {
    width: 46.8%;
  }

  .team-grid__card {
    width: 48.6%;
  }

  .partner-row {
    justify-content: center;
  }

  .blog__main-image {
    height: 400px;
    object-fit: cover;
  }

  .search.is--nav {
    width: 284px;
  }

  .knowledge-card {
    transition: transform .2s, box-shadow .2s;
  }

  .knowledge-card:hover {
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0), inset 0 0 0 1px rgba(0, 0, 0, .15), 0 0 1px rgba(0, 0, 0, .05), 0 1px 1px rgba(0, 0, 0, .1), inset 0 -1px rgba(0, 0, 0, .1);
  }

  .knowledge-card:active {
    transform: scale(.97);
  }

  .knowledge-card.is--card-img {
    transition: transform .2s;
  }

  .knowledge-card.is--card-img:hover {
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .15), 0 0 1px rgba(0, 0, 0, .05), 0 1px 1px rgba(0, 0, 0, .1), inset 0 -1px rgba(0, 0, 0, .1);
  }

  .knowledge-card.is--reference-v {
    transition: opacity .2s;
  }

  .knowledge-card.is--reference-v:hover {
    box-shadow: none;
    background-color: rgba(255, 255, 255, 0);
  }

  .knowledge-card.is--reference-v:active {
    box-shadow: none;
    opacity: .7;
    background-color: rgba(255, 255, 255, 0);
    transform: none;
  }

  .knowledge-card__link.is--card-img {
    padding: 48px 36px;
  }

  .knowledge-cards.is--grid-second, .knowledge-cards.is--grid-first, .knowledge-cards.is--featured, .knowledge-cards.is--grid {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .knowledge-cards.is--topic-grid {
    grid-template-columns: 1fr;
  }

  .knowledge-card__image, .knowledge-card__image.is--grid {
    height: 30.4vw;
  }

  .knowledge-card__image.is--topic-grid {
    height: 44.4vw;
  }

  .topic__column-1 {
    padding-right: 36px;
  }

  .topic__column-2 {
    padding-left: 36px;
  }

  .article__column-1 {
    padding-top: 144px;
    padding-right: 0;
  }

  .article__column-2 {
    padding-top: 144px;
    padding-left: 24px;
  }

  .article__image {
    height: 48vw;
  }

  .is--no-shrink {
    flex: none;
  }

  .small-products {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .boxes-slider__shadow {
    background-image: linear-gradient(270deg, rgba(255, 255, 255, .66), rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, .66));
  }

  .boxes-explainer {
    grid-column-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .boxes-explainer__line {
    width: 20vw;
    left: 20.9vw;
  }

  .boxes-included {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .boxes-content-slider.boxes-details-card.is--secondary {
    height: 421px;
    margin-left: 30px;
    margin-right: 30px;
  }

  .boxes-details__text {
    justify-content: flex-start;
    align-items: flex-start;
    margin: 48px;
  }

  .boxes-details__image {
    width: 326px;
    height: 421px;
  }

  .boxes-variety__image {
    margin-right: 36px;
  }

  .boxes-details__text-wrapper {
    height: 421px;
    display: block;
    overflow: scroll;
  }

  .progress__line {
    width: 20vw;
    left: 17.1vw;
  }

  .quiz-card.is--secondary {
    padding: 96px 128px;
  }

  .box-content {
    width: 100%;
    height: 500px;
    border-top-right-radius: 40px;
    border-bottom-left-radius: 0;
  }

  .box-content__product {
    transition: transform .2s;
  }

  .box-content__product:active {
    transform: scale(.97);
  }

  .box-content__image {
    width: 128px;
    height: 128px;
  }

  .box-content__accordion {
    z-index: 0;
    width: 100%;
    flex: 0 auto;
    overflow: hidden;
  }

  .box-content__accordion-list {
    margin-top: -81px;
    position: static;
    overflow: visible;
  }

  .box-content__accordion-toggle {
    cursor: pointer;
    justify-content: space-between;
    transition: opacity .2s;
    display: flex;
  }

  .box-content__accordion-toggle:hover {
    opacity: .7;
  }

  .codes-landing__hero-graphic {
    margin-left: -8vw;
    margin-right: -9vw;
  }

  .box-content__box {
    flex-direction: column;
  }

  .share-dropdown__medium.bttn:hover {
    background-color: rgba(0, 0, 0, 0);
    transform: none;
  }

  .share-dropdown__medium.bttn:active {
    transform: scale(.9);
  }

  .faq__accordion {
    flex: 0 auto;
  }

  .faq__accordion-image {
    align-self: auto;
  }

  .faq-accordion-container {
    transition: transform .2s;
  }

  .faq-accordion-container:active {
    transform: scale(.97);
  }

  .fs-cc-banner_button:hover {
    background-color: var(--green);
    transform: none;
  }

  .fs-cc-banner_button:active {
    transform: scale(.95);
  }

  .fs-cc-banner_button.fs-cc-button-alt:hover {
    background-color: var(--white);
  }

  .fs-cc-prefs_close:hover {
    background-color: var(--white);
    transform: none;
  }

  .fs-cc-prefs_close:active {
    transform: scale(.9);
  }

  .fs-cc-manager_button:hover {
    background-color: var(--white);
    transform: none;
  }

  .fs-cc-manager_button:active {
    transform: scale(.9);
  }

  .fs-cc-banner_buttons-wrapper {
    margin-top: 1rem;
  }

  .fs-cc-banner_text {
    margin-right: 0;
  }

  .fs-cc-banner_container {
    flex-direction: column;
    align-items: flex-start;
  }

  .fs-cc-prefs_button:hover {
    background-color: var(--green);
    transform: none;
  }

  .fs-cc-prefs_button:active {
    transform: scale(.95);
  }

  .fs-cc-prefs_button.fs-cc-button-alt:hover {
    background-color: var(--white);
  }

  .card__codes-container {
    width: 70%;
  }

  .demo-brewing-code {
    width: 330px;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: -90px;
    display: flex;
  }
}

@media screen and (max-width: 767px) {
  .nav {
    position: -webkit-sticky;
    position: sticky;
  }

  .nav__container.is--right {
    flex: 0 auto;
  }

  .nav__container.is--center.is--knowledge {
    display: none;
  }

  .footer {
    margin-top: 64px;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .text-h1 {
    letter-spacing: -.94px;
    font-size: 38px;
    line-height: 46px;
  }

  .text-p1 {
    letter-spacing: -.18px;
    font-size: 19px;
    line-height: 31px;
  }

  .hero__button-line.is--on-merchants {
    width: 100%;
    justify-content: flex-start;
    align-items: stretch;
  }

  .v-xxlarge {
    height: 20px;
  }

  .h-xxlarge.is--card-spacing {
    width: 100%;
    height: 20px;
  }

  .text-h3.is--white.is--code-open-headline-desktop {
    display: none;
  }

  .text-h3.is--white.is--code-open-headline-mobile {
    display: block;
  }

  .text-h3.is--details-headline {
    letter-spacing: -.25px;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
  }

  .v-xlarge {
    height: 16px;
  }

  .v-xxxxlarge {
    height: 36px;
  }

  .showcase__banner {
    height: 407px;
    flex-direction: column;
    align-items: center;
  }

  .showcase__banner-text {
    text-align: center;
    margin-top: 48px;
    margin-left: 24px;
    margin-right: 24px;
    padding-right: 0;
  }

  .showcase__banner-images {
    width: 80%;
    margin-top: 36px;
    margin-right: 0%;
  }

  .showcase__timeline, .h-xlarge.is--timeline {
    display: none;
  }

  .bttn.is--large.is--icon-text.is--secondary.is--merchants-cta, .bttn.is--large.is--icon-text.is--primary.is--merchants-cta {
    flex: 1;
  }

  .bttn.is--secondary.product-card {
    max-width: 100%;
  }

  .bttn.is--secondary.product-card.is--grid {
    max-width: 57%;
    min-width: 57%;
    margin: 8px;
  }

  .bttn.is--secondary.product-card.is--small-product {
    max-width: 57%;
    min-width: 57%;
  }

  .bttn.is--secondary.shop__merchant-info {
    padding-left: 24px;
    padding-right: 24px;
  }

  .bttn.is--secondary.product-details {
    border-radius: 30px;
    padding: 36px 24px;
  }

  .bttn.is--secondary.product-details.is--landing {
    padding: 48px;
  }

  .section {
    margin-top: 64px;
    margin-bottom: 64px;
  }

  .section.is--shop-surprise__hero {
    padding-top: 116px;
    padding-bottom: 48px;
  }

  .section.is--merchant-video.reveal-on-scroll {
    margin-top: -64px;
    padding-top: 64px;
  }

  .section.is--partner-row {
    position: static;
  }

  .section.is--partner-row.reveal-on-scroll {
    opacity: .8;
  }

  .section.is--shop-subsription__hero {
    padding-top: 116px;
    padding-bottom: 48px;
  }

  .section.is--collection-headline {
    margin-bottom: 48px;
  }

  .section.is--collection-list {
    margin-top: 48px;
  }

  .section.is--boxes-included.reveal-on-scroll {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .section.is--open-code {
    margin-top: 184px;
  }

  .container.is--merchants-hero, .container.ix--boxes-variety {
    flex-direction: column;
  }

  .container.is--progress-bar {
    grid-column-gap: 16px;
  }

  .card-round.is--green.reveal-on-scroll.is--brewing-codes {
    flex-direction: column-reverse;
  }

  .card-h-stack {
    flex-direction: column;
  }

  .card__h-stack.is--codes {
    align-items: center;
  }

  .slide {
    width: 60%;
  }

  .mask-2 {
    overflow: visible;
  }

  .dropdown-list.is--secondary {
    position: static;
  }

  .dropdown-list.is--secondary.w--open {
    position: absolute;
  }

  .dropdown-list.is--secondary.is--language-dropdown {
    position: static;
  }

  .dropdown-list.is--secondary.is--language-dropdown.w--open {
    width: 100%;
  }

  .dropdown-list.is--secondary.is--sources-dropdown {
    position: static;
  }

  .dropdown-list.is--secondary.is--sources-dropdown.w--open {
    width: 100%;
  }

  .dropdown-list.is--secondary {
    position: static;
  }

  .dropdown-list.is--secondary.w--open {
    position: absolute;
  }

  .blend-wrapper.is--on-merchants-page {
    margin-top: -121px;
  }

  .text-sh1 {
    letter-spacing: -.23px;
    font-size: 24px;
    line-height: 40px;
  }

  .text-p3 {
    letter-spacing: 0;
    font-size: 16px;
    line-height: 24px;
  }

  .v-xxxxxlarge {
    height: 64px;
  }

  .text-p2.is--faq-headline {
    letter-spacing: -.18px;
    font-size: 19px;
    line-height: 31px;
  }

  .products {
    flex-flow: row;
    margin: -8px -20px;
    padding-left: 8px;
    padding-right: 8px;
    display: flex;
    overflow: auto;
  }

  .text-sh3 {
    letter-spacing: 0;
    font-size: 16px;
    line-height: 24px;
  }

  .photos-area {
    padding-right: 12px;
  }

  .photos-area__photo-large, .photos-area__photo-small {
    width: 400px;
    height: 400px;
    border-radius: 30px;
  }

  .product-details-card.is--secondary {
    flex-direction: column;
  }

  .product-details__text {
    text-align: center;
    margin: 48px 24px 36px;
  }

  .product-details__image {
    width: 100%;
    height: 100%;
    max-height: none;
    max-width: none;
    order: 1;
  }

  .text-sh2 {
    letter-spacing: -.18px;
    font-size: 19px;
    line-height: 31px;
  }

  .success-message {
    padding-left: 24px;
    padding-right: 24px;
  }

  .merchant-signup-card.is--secondary {
    padding: 64px 48px;
  }

  .merchant-hero__text-area {
    width: 100%;
  }

  .merchant-hero__image {
    width: 125%;
    height: auto;
    max-width: 125%;
    order: -1;
    margin: -64px -11.5% -36px -15.6%;
  }

  .merchant-showcase-tablet {
    width: 100%;
    cursor: auto;
  }

  .merchant-showcase__banner {
    height: 407px;
    flex-direction: column;
    align-items: center;
  }

  .merchant-showcase__banner.move-mouse-over {
    padding-left: 24px;
    padding-right: 24px;
  }

  .merchant-showcase__banner-text {
    width: 100%;
    text-align: center;
    margin-top: 48px;
    margin-left: 24px;
    margin-right: 24px;
    padding-right: 0;
  }

  .open-fullscreen-button {
    order: 0;
    margin-left: -44px;
    margin-right: auto;
    display: none;
    position: static;
  }

  .merchant-showcase__banner-images {
    width: 100%;
    max-width: 424px;
    margin-top: 36px;
  }

  .card-grid.reveal-on-scroll {
    margin: -6px;
  }

  .card-grid__card.is--secondary {
    width: 100%;
    max-width: none;
    margin: 6px;
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .team-grid__card {
    width: 100%;
    max-width: none;
  }

  .partner-cell.is--secondary {
    height: 60px;
    margin: 5px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .partner-row {
    margin: -5px;
  }

  .order-success-card.is--secondary.is--discount-fixed {
    width: auto;
    max-width: none;
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
    position: static;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .blog__main-image {
    height: 300px;
  }

  .text-h2 {
    letter-spacing: -.94px;
    font-size: 38px;
    line-height: 46px;
  }

  .blog__rich-text h1 {
    letter-spacing: -.23px;
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 34px;
  }

  .blog__rich-text h2 {
    letter-spacing: -.18px;
    margin-bottom: 20px;
    font-size: 19px;
    line-height: 26px;
  }

  .blog__rich-text h3, .blog__rich-text h4, .blog__rich-text h5, .blog__rich-text h6 {
    letter-spacing: 0;
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 20px;
  }

  .blog__rich-text p {
    letter-spacing: 0;
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 24px;
  }

  .blog__rich-text blockquote {
    letter-spacing: 0;
    margin-bottom: 20px;
    padding: 24px;
    font-size: 16px;
    line-height: 24px;
  }

  .blog__rich-text figure {
    margin-bottom: 20px;
  }

  .blog__rich-text ul, .blog__rich-text ol {
    letter-spacing: 0;
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 24px;
  }

  .product__rich-text p {
    letter-spacing: 0;
    font-size: 16px;
    line-height: 24px;
  }

  .knowledge-teaser__title-row {
    margin-bottom: 24px;
  }

  .knowledge-card {
    width: 238px;
  }

  .knowledge-card.is--mobile {
    width: 238px;
    margin-right: -8px;
  }

  .knowledge-card.is--mobile:last-child {
    margin-right: 20px;
  }

  .knowledge-card.is--card-img, .knowledge-card.is--grid, .knowledge-card.is--topic-grid {
    width: auto;
  }

  .knowledge-card.is--reference-v {
    width: 100%;
  }

  .knowledge-cards.is--grid-second {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: none;
  }

  .knowledge-cards.is--grid-first {
    grid-template-columns: 1fr 1fr;
    display: none;
  }

  .knowledge-cards.is--mobile {
    flex-flow: row;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 2fr;
    grid-auto-columns: 1fr;
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    overflow: scroll;
  }

  .knowledge-cards.is--featured {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-columns: minmax(301px, 1fr) minmax(301px, 1fr) minmax(301px, 1fr);
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
    overflow: scroll;
  }

  .knowledge-cards.is--beginner-banner {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .knowledge-cards.is--topics {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-columns: 1fr;
    grid-auto-flow: column;
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
    overflow: scroll;
  }

  .knowledge-cards.is--grid, .knowledge-cards.is--topic-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-columns: 1fr 1fr;
  }

  .knowledge-cards.is--reference {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-columns: 1fr;
    grid-auto-flow: column;
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
    overflow: scroll;
  }

  .knowledge-cards.is--reference-v {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    overflow: scroll;
  }

  .knowledge-card__image {
    height: 238px;
  }

  .knowledge-card__image.is--grid, .knowledge-card__image.is--topic-grid {
    height: 46vw;
  }

  .beginner-banner {
    padding-top: 36px;
    padding-bottom: 36px;
  }

  .beginner-banner__text {
    min-width: 210px;
    margin-left: 48px;
    margin-right: 24px;
  }

  .path-row {
    margin-bottom: 16px;
  }

  .topic__column-1 {
    min-height: auto;
    justify-content: flex-start;
    margin-top: 0;
    padding-top: 64px;
    padding-left: 0;
    padding-right: 0;
    position: static;
    box-shadow: 0 1px #d9d9d9;
  }

  .topic__rich-text p {
    letter-spacing: 0;
    font-size: 16px;
    line-height: 24px;
  }

  .topic__column-2 {
    min-height: auto;
    margin-top: 0;
    padding: 64px 0 0;
    display: block;
  }

  .article__column-1 {
    min-height: auto;
    justify-content: flex-start;
    margin-top: 0;
    padding-top: 36px;
    padding-left: 0;
    padding-right: 0;
    position: static;
  }

  .article__column-2 {
    min-height: auto;
    margin-top: 0;
    padding: 64px 0 0;
    display: none;
  }

  .article__image.show--mobile {
    height: 55vw;
    margin-bottom: 24px;
    display: block;
  }

  .article__rich-text h1 {
    letter-spacing: -.23px;
    margin-top: 30px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    font-size: 24px;
    line-height: 34px;
  }

  .article__rich-text h2 {
    letter-spacing: -.18px;
    margin-top: 24px;
    margin-bottom: 10px;
    font-size: 19px;
    line-height: 26px;
  }

  .article__rich-text h3 {
    letter-spacing: 0;
    margin-top: 16px;
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 20px;
  }

  .article__rich-text h4, .article__rich-text h5, .article__rich-text h6 {
    letter-spacing: 0;
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 20px;
  }

  .article__rich-text p {
    letter-spacing: 0;
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 24px;
  }

  .article__rich-text blockquote {
    letter-spacing: 0;
    border-radius: 16px;
    margin-bottom: 10px;
    padding: 16px 20px;
    font-size: 16px;
    line-height: 24px;
  }

  .article__rich-text figure {
    margin-top: 24px;
    margin-bottom: 24px;
  }

  .article__rich-text ul, .article__rich-text ol {
    letter-spacing: 0;
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 24px;
  }

  .reference-articles-sidebar.show--mobile {
    margin-top: 36px;
    display: flex;
  }

  .small-products {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: row;
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    overflow: scroll;
  }

  .small-products-wrapper {
    margin-top: auto;
    padding-top: 0;
    overflow: visible;
  }

  .article__small-rich-text h1 {
    letter-spacing: -.23px;
    margin-top: 30px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    font-size: 24px;
    line-height: 34px;
  }

  .article__small-rich-text h2 {
    letter-spacing: -.18px;
    margin-top: 24px;
    margin-bottom: 10px;
    font-size: 19px;
    line-height: 26px;
  }

  .article__small-rich-text h3 {
    letter-spacing: 0;
    margin-top: 16px;
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 20px;
  }

  .article__small-rich-text h4, .article__small-rich-text h5, .article__small-rich-text h6 {
    letter-spacing: 0;
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 20px;
  }

  .article__small-rich-text p {
    letter-spacing: 0;
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 24px;
  }

  .article__small-rich-text blockquote {
    letter-spacing: 0;
    border-radius: 16px;
    margin-bottom: 10px;
    padding: 16px 20px;
    font-size: 16px;
    line-height: 24px;
  }

  .article__small-rich-text figure {
    margin-bottom: 10px;
  }

  .article__small-rich-text ul, .article__small-rich-text ol {
    letter-spacing: 0;
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 24px;
  }

  .box-landing__hero {
    width: 100%;
    height: 60vw;
    border-radius: 1000px;
    margin-bottom: -62vw;
  }

  .box-landing__hero-graphic {
    width: 125%;
    height: auto;
    margin-top: -3vw;
    margin-left: -2vw;
  }

  .box-landing__column-left {
    padding-left: 0;
    padding-right: 0;
  }

  .box-landing__columns {
    flex-direction: column-reverse;
  }

  .box-landing-hero.reveal-on-scroll {
    margin-top: 36px;
  }

  .boxes-slider__shadow {
    background-image: none;
    display: none;
  }

  .boxes-explainer {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .boxes-explainer__row {
    width: auto;
  }

  .boxes-explainer__line {
    width: 17vw;
    left: 21.7vw;
  }

  .boxes-included {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: 36px;
    margin-bottom: 24px;
    display: grid;
  }

  .boxes-details-card.is--secondary {
    flex-direction: column;
  }

  .boxes-content-slider.boxes-details-card.is--secondary {
    height: auto;
  }

  .boxes-details__text {
    text-align: left;
    margin: 48px 36px 36px;
  }

  .boxes-details__collection {
    flex-direction: column;
  }

  .boxes-details__image {
    width: 100%;
    height: 100%;
    max-height: none;
    max-width: none;
    order: 1;
  }

  .boxes-benefits {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 24px;
  }

  .text-sh1-serif {
    letter-spacing: -.23px;
    font-size: 24px;
    line-height: 40px;
  }

  .boxes-variety__image {
    width: 100%;
    height: 50vw;
    border-radius: 500px;
    margin-bottom: 36px;
    margin-right: 0;
  }

  .column {
    margin-bottom: 36px;
    padding-left: 0;
    padding-right: 0;
  }

  .boxes-details__text-wrapper {
    height: auto;
    overflow: visible;
  }

  .slide-nav-3 {
    display: none;
  }

  .progress__line {
    width: 8vw;
    left: 21.7vw;
  }

  .quiz-card.is--secondary {
    margin-top: -16px;
    padding: 64px 48px;
  }

  .box-content {
    height: 340px;
    grid-column-gap: 10px;
    flex-direction: row;
    align-items: stretch;
    padding: 36px;
    display: flex;
    overflow: scroll;
  }

  .box-content__product {
    flex-direction: row;
    flex: none;
    padding: 23px;
  }

  .box-content__image {
    width: 120px;
    height: 120px;
    max-height: none;
    max-width: none;
  }

  .codes-landing__hero-graphic {
    width: 105%;
    height: auto;
    margin-top: -19vw;
    margin-left: -9vw;
  }

  .codes-landing__hero {
    width: 100%;
    height: 60vw;
    border-radius: 1000px;
    margin-bottom: -62vw;
  }

  .box-content__scroll-list {
    top: 36px;
    bottom: 36px;
    left: 36px;
    right: 36px;
  }

  .box-content__spacing {
    height: 16px;
  }

  .article__sources h1 {
    letter-spacing: -.23px;
    margin-top: 30px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    font-size: 24px;
    line-height: 34px;
  }

  .article__sources h2 {
    letter-spacing: -.18px;
    margin-top: 24px;
    margin-bottom: 10px;
    font-size: 19px;
    line-height: 26px;
  }

  .article__sources h3 {
    letter-spacing: 0;
    margin-top: 16px;
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 20px;
  }

  .article__sources h4, .article__sources h5, .article__sources h6 {
    letter-spacing: 0;
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 20px;
  }

  .article__sources p {
    letter-spacing: 0;
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 24px;
  }

  .article__sources blockquote {
    letter-spacing: 0;
    border-radius: 16px;
    margin-bottom: 10px;
    padding: 16px 20px;
    font-size: 16px;
    line-height: 24px;
  }

  .article__sources figure {
    margin-top: 24px;
    margin-bottom: 24px;
  }

  .article__sources ul, .article__sources ol {
    letter-spacing: 0;
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 24px;
  }

  .fs-cc-prefs_close {
    top: -54px;
    right: 16px;
  }

  .fs-cc-prefs_content {
    padding: 48px 36px;
  }

  .fs-cc-prefs_component {
    padding: 0;
  }

  .fs-cc-banner_component {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    padding-top: 2rem;
    padding-bottom: 2rem;
    position: fixed;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }

  .fs-cc-prefs_form {
    border-radius: 24px 24px 0 0;
    position: fixed;
    bottom: 0;
  }

  .fs-cc-banner_container {
    flex-direction: column;
    align-items: flex-start;
  }

  .cookie-banner-wrapper {
    position: static;
  }

  .card__codes-container {
    width: auto;
    max-width: 450px;
    text-align: center;
    padding: 0 48px 48px;
  }

  .demo-brewing-code {
    width: 60%;
    height: auto;
    margin-top: -120px;
    margin-bottom: -16px;
    margin-left: 0;
  }

  .terms__rich-text {
    margin-top: -64px;
  }

  .terms__rich-text p {
    letter-spacing: 0;
    font-size: 16px;
    line-height: 24px;
  }

  .terms__rich-text h1 {
    letter-spacing: -.23px;
    margin-top: 64px;
    margin-bottom: 20px;
    font-size: 24px;
  }

  .terms__rich-text ul, .terms__rich-text ol {
    letter-spacing: 0;
    font-size: 16px;
    line-height: 24px;
  }
}

@media screen and (max-width: 479px) {
  .nav {
    padding-left: 0;
    padding-right: 0;
  }

  .text-b1.is--nav {
    display: none;
  }

  .footer {
    text-align: left;
  }

  .text-t2.is--dark-grey.boxes-slider__parargraph {
    height: auto;
    overflow: visible;
  }

  .hero__button-line {
    flex-wrap: nowrap;
  }

  .h-xxsmall.is--download {
    width: 0;
    height: 10px;
  }

  .h-xxlarge.is--card-spacing {
    height: 20px;
  }

  .blend {
    background-image: radial-gradient(circle closest-side, rgba(0, 138, 117, .3), rgba(0, 138, 117, 0));
  }

  .chip {
    flex: none;
  }

  .showcase__banner {
    align-items: center;
  }

  .showcase__banner-images {
    width: 423px;
  }

  .nav__dropdown-list.w--open {
    box-shadow: 0 1px rgba(0, 0, 0, .1);
  }

  .bttn.is--small.is--icon-text.is--secondary {
    flex: none;
  }

  .bttn.is--small.is--icon-text.is--secondary.is--nav {
    padding: 8px;
  }

  .bttn.is--small.is--icon-text.is--secondary.is--boxes-landing-nav {
    display: none;
  }

  .bttn.is--small.is--icon-text.is--primary.text-b1.is--white.search-button {
    margin-left: auto;
    right: 26px;
  }

  .bttn.is--large.is--icon-text.is--secondary.is--download {
    width: 100%;
    justify-content: center;
  }

  .bttn.is--large.is--icon-text.is--secondary.is--merchants-cta {
    flex: 1 0 auto;
  }

  .bttn.is--large.is--icon-text.is--secondary.is--disabled.is--codes {
    width: 100%;
  }

  .bttn.is--large.is--icon-text.is--primary.is--merchants-cta {
    flex: 1 0 auto;
  }

  .bttn.is--secondary.product-card.is--grid, .bttn.is--secondary.product-card.is--small-product {
    max-width: 84%;
    min-width: 84%;
  }

  .bttn.is--secondary.product-details {
    overflow: hidden;
  }

  .bttn.is--secondary.product-details.is--landing {
    padding: 36px 24px;
  }

  .bttn__spacer.is--nav {
    display: none;
  }

  .section.is--boxes-included.reveal-on-scroll {
    background-repeat: repeat-y;
    background-size: auto;
  }

  .container.is--product-page-hero.is--landing {
    padding-left: 0;
    padding-right: 0;
  }

  .container.is--progress-bar {
    grid-column-gap: 6px;
  }

  .home-slider__card {
    overflow: scroll;
  }

  .home-slider {
    width: 103%;
    height: 280px;
    overflow: visible;
  }

  .home-slider__button.is--left {
    top: 269px;
    left: 30%;
    overflow: hidden;
  }

  .home-slider__button.is--right {
    top: 269px;
    right: 30%;
  }

  .card__h-stack.is--download {
    width: 100%;
    flex-direction: column;
  }

  .card__download-image1 {
    display: none;
  }

  .card__download-image2 {
    z-index: 0;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    display: none;
    position: static;
  }

  .card__download-container {
    width: 100%;
    background-image: linear-gradient(rgba(0, 138, 117, .3), #008a75 44%), url('../images/graphic_download_cups.png');
    background-position: 0 0, 50% -80%;
    background-repeat: repeat, no-repeat;
    background-size: auto, 440px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
    overflow: hidden;
  }

  .card__download-content {
    width: auto;
    flex: none;
    margin: 180px 36px 36px;
  }

  .slide {
    width: 94%;
    padding-right: 16px;
  }

  .mask-2 {
    margin-right: -16px;
  }

  .dropdown-list.is--secondary.w--open {
    position: absolute;
  }

  .dropdown-list.is--secondary.is--language-dropdown, .dropdown-list.is--secondary.is--sources-dropdown {
    position: static;
  }

  .dropdown-list.is--secondary.w--open {
    position: absolute;
  }

  .blend-wrapper.is--on-merchants-page {
    margin-top: -188px;
  }

  .product-card__price-row {
    width: 110%;
    padding-right: 24px;
    overflow: auto;
  }

  .photos-area {
    margin: -8px -20px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .photos-area__photo-large, .photos-area__photo-small {
    width: 317px;
    height: 317px;
    margin: 8px;
  }

  .product__variant-row {
    width: 121%;
    margin-left: -24px;
    margin-right: -24px;
    padding-left: 24px;
    padding-right: 24px;
    overflow: auto;
  }

  .newsletter-card.is--secondary {
    padding: 48px 36px;
  }

  .success-message {
    padding-left: 0;
    padding-right: 0;
  }

  .newsletter__social-row {
    flex-wrap: wrap;
  }

  .merchant-signup-card.is--secondary {
    padding: 48px 36px;
  }

  .merchant-showcase__banner {
    align-items: center;
  }

  .merchant-showcase__banner.move-mouse-over {
    height: 466px;
  }

  .merchant-showcase__banner-images {
    width: 100%;
  }

  .partner-cell.is--secondary {
    height: 54px;
    border-radius: 14px;
    margin: 2px;
    padding-left: 4px;
    padding-right: 4px;
  }

  .partner-row {
    margin: -2px;
  }

  .order-success-card.is--secondary {
    padding: 48px 36px;
  }

  .order-success__social-row {
    flex-wrap: wrap;
  }

  .blog__main-image {
    height: 250px;
  }

  .blog__rich-text img {
    border-radius: 16px;
  }

  .product__price-row {
    width: 121%;
    margin-left: -24px;
    margin-right: -24px;
    padding-left: 24px;
    padding-right: 24px;
    overflow: auto;
  }

  .search {
    width: 100%;
  }

  .knowledge-teaser__titles {
    text-align: left;
  }

  .knowledge-card {
    width: 238px;
  }

  .knowledge-cards.is--grid, .knowledge-cards.is--topic-grid {
    grid-template-columns: 1fr;
  }

  .knowledge-card__image.is--grid, .knowledge-card__image.is--topic-grid {
    height: 89vw;
  }

  .beginner-banner {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .beginner-banner__text {
    margin-left: 36px;
  }

  .topic__column-1 {
    padding-top: 36px;
    padding-bottom: 36px;
  }

  .topic__column-2, .article__column-1, .article__column-2 {
    padding-top: 36px;
  }

  .article__rich-text img {
    border-radius: 16px;
  }

  .small-products {
    margin-left: -20px;
    padding-left: 20px;
  }

  .article__small-rich-text img {
    border-radius: 16px;
  }

  .boxes-slider {
    width: 103%;
    height: auto;
    margin-bottom: 76px;
    overflow: visible;
  }

  .boxes-slider__mask {
    height: auto;
  }

  .boxes-slider__button.is--left {
    top: 269px;
    left: 30%;
    overflow: hidden;
  }

  .boxes-slider__button.is--left.bttn {
    margin-bottom: -76px;
    margin-left: 0;
    top: auto;
    left: 25%;
  }

  .boxes-slider__button.is--right {
    top: 269px;
    right: 30%;
  }

  .boxes-slider__button.is--right.bttn {
    margin-bottom: -76px;
    margin-left: 0;
    top: auto;
    right: 25%;
  }

  .boxes-slider__card {
    height: 100%;
    position: static;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
    overflow: visible;
  }

  .boxes-explainer {
    grid-column-gap: 0px;
    grid-row-gap: 32px;
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .boxes-explainer__row {
    width: auto;
  }

  .boxes-explainer__line {
    display: none;
  }

  .boxes-included {
    flex-direction: column;
    display: flex;
  }

  .boxes-content-slider.boxes-details-card.is--secondary {
    border-radius: 24px;
    margin-left: 0;
    margin-right: 0;
  }

  .boxes-details__text {
    margin: 36px;
  }

  .boxes-content__button.is--left {
    top: 269px;
    left: 30%;
    overflow: hidden;
  }

  .boxes-content__button.is--left.bttn {
    width: 40px;
    height: 40px;
    margin-left: -20px;
  }

  .boxes-content__button.is--right {
    top: 269px;
    right: 30%;
  }

  .boxes-content__button.is--right.bttn {
    width: 40px;
    height: 40px;
    margin-left: 40px;
    position: static;
  }

  .boxes-content__button-area {
    align-items: center;
  }

  .boxes-content-slider__mask {
    border-radius: 24px;
  }

  .boxes-details__image {
    margin-bottom: -30px;
  }

  .boxes-benefits {
    flex-direction: column;
    display: flex;
  }

  .progress__line {
    width: 4vw;
    display: block;
  }

  .quiz-card.is--secondary {
    padding: 48px 36px;
  }

  .box-content {
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    padding: 23px;
  }

  .box-content__product {
    border-radius: 30px;
    padding: 20px;
  }

  .box-content__image {
    width: 64px;
    height: 64px;
  }

  .box-content__accordion-list {
    margin-top: -81px;
  }

  .box-content__accordion-toggle {
    height: 81px;
  }

  .box-content__scroll-list {
    grid-row-gap: 16px;
    top: 24px;
    bottom: 24px;
    left: 24px;
    right: 24px;
  }

  .article__sources img {
    border-radius: 16px;
  }

  .fs-cc-banner_close {
    position: absolute;
    top: -1.5rem;
    bottom: auto;
    left: auto;
    right: .75rem;
  }

  .fs-cc-banner_button {
    width: 100%;
    margin-bottom: 10px;
    margin-left: 0;
  }

  .fs-cc-banner_buttons-wrapper {
    width: 100%;
    text-align: center;
    flex-direction: column-reverse;
    align-items: center;
    margin-top: 24px;
  }

  .fs-cc-banner_component {
    padding: 48px 36px 36px;
  }

  .fs-cc-prefs_button_unused {
    margin-bottom: .5rem;
  }

  .fs-cc-prefs_form {
    max-height: 80vh;
  }

  .fs-cc-prefs_button {
    width: 100%;
    margin-bottom: 10px;
    margin-left: 0;
  }

  .card__codes-container {
    padding: 0 36px 64px;
  }

  .demo-brewing-code {
    width: 100%;
  }
}

#w-node-_7fec1c6a-5ff7-8186-e2b4-edf8dbd76b95-062f40c1, #w-node-_84d67e89-da08-9347-aa61-991c54e03552-6f2f40d5, #w-node-_7a511c0d-2672-9aee-08d8-4d6ad27c9dc0-372f40d8, #w-node-afb37795-a35e-68dd-8191-3e53259ffa0d-372f40d8, #w-node-_03428bab-0b5d-364b-d1e9-30c768681523-372f40d8, #w-node-_1b701afa-e452-f4e0-344e-525bb9eab662-372f40d8, #w-node-c884df44-8c68-281c-cdbf-9a09ac54d63c-372f40d8, #w-node-_09db5565-936c-1c89-b7dc-3c0c70ed04a7-372f40d8, #w-node-_67f50aac-ef62-ceac-d2f7-330f2a800d2a-2a2f40db, #w-node-a53cde55-8d9f-65c9-47af-a57d07b0d23f-fc2f40e4, #w-node-_7fec1c6a-5ff7-8186-e2b4-edf8dbd76b95-1e2f40e6, #w-node-c226e376-0157-7aa7-c8c1-84bbf10d29b8-562f40fc, #w-node-_70c5c675-7d9d-0b83-93d2-d9052c18ba57-562f40fc, #w-node-_11b8284a-8354-87a8-83d2-8488d4f840e3-562f40fc, #w-node-_24b8a7ab-bd31-5f6f-6587-3282accb0071-562f40fc, #w-node-_75388b2b-84c1-cd52-8d2e-ad94f22402e7-562f40fc, #w-node-_4cb607f4-fada-a724-1315-f6b38d2752f1-562f40fc, #w-node-_7fec1c6a-5ff7-8186-e2b4-edf8dbd76b95-632f4108 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}


@font-face {
  font-family: 'Merriweather Custom';
  src: url('../fonts/Merriweather-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Merriweather Custom';
  src: url('../fonts/Merriweather-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter Custom';
  src: url('../fonts/Inter-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter Custom';
  src: url('../fonts/Inter-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter Custom';
  src: url('../fonts/Inter-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}