:root {
  --color--shackgraydark: #1f1f1f;
  --color--shackgrayregular: #242424;
  --spacing--xlarge: 80px;
  --color--shackbluelight: #40c9d8;
  --color--shackgreen: #30d061;
  --page-margin-left-right: 112px;
  --page-margin-left-right-tablet: 24px;
  --content-padding: 2rem;
  --color--shackwhite: white;
  --card-radius: 40px;
  --page-padding: 96px;
  --hover-dark: #00000080;
  --color--shackgraylight: #afafaf;
  --section-spacing: 4rem;
  --spacing--regular: 16px;
  --color--shackblack: black;
  --hover: #00000005;
  --max-width--max-width-regular: 80vw;
  --spacing--large: 32px;
  --global-max-width-small-tablet: 90vw;
  --page-margin: 16px;
  --spacing--small: 8px;
  --card-radius-offset: -40px;
  --transparent-white: #ffffff40;
  --page-padding-mobile: 16px;
  --color--shackpurple: purple;
  --color--shackred: red;
  --color--shackbluedark: #0983fe;
  --max-width--max-width-large: 95vw;
  --max-width--max-width-small: 75vw;
}

.w-layout-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.w-layout-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  color: var(--color--shackgraydark);
  font-family: Bwgradual, sans-serif;
  font-size: 20px;
  line-height: 140%;
}

h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Bwgradual, sans-serif;
  font-size: 4rem;
  font-weight: 400;
  line-height: 120%;
}

h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Bwgradual, sans-serif;
  font-size: 2.8rem;
  font-weight: 400;
  line-height: 120%;
}

h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Bwgradual, sans-serif;
  font-size: 2.074rem;
  font-weight: 400;
  line-height: 120%;
}

h4 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Bwgradual, sans-serif;
  font-size: 1.728rem;
  font-weight: 400;
  line-height: 120%;
}

h5 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Bwgradual, sans-serif;
  font-size: 1.44rem;
  font-weight: 400;
  line-height: 120%;
}

h6 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Bwgradual, sans-serif;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 120%;
}

p {
  margin-bottom: 0;
  font-family: Bwgradual, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 140%;
}

a {
  color: var(--color--shackgrayregular);
  text-decoration: none;
}

ul {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
  font-size: 1rem;
}

.body {
  background-color: var(--color--shackgraydark);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
}

.nav-bar {
  z-index: 1000;
  background-color: #fff0;
  border-radius: 80px;
  margin-top: 1rem;
  margin-left: 2rem;
  margin-right: 2rem;
  padding-top: 8px;
  padding-bottom: 8px;
  position: fixed;
  inset: 16px 0% auto;
}

.flex-block {
  z-index: 10;
  grid-column-gap: var(--spacing--xlarge);
  grid-row-gap: var(--spacing--xlarge);
  justify-content: space-between;
  align-items: center;
  height: 100%;
  padding-left: 56px;
  padding-right: 56px;
  position: relative;
}

.intro {
  width: 100%;
  position: relative;
}

.intro.seller {
  background-color: var(--color--shackbluelight);
}

.intro.buyer {
  background-color: var(--color--shackgreen);
}

.section-wrapper {
  z-index: 0;
  padding-top: var(--page-margin-left-right);
  padding-bottom: var(--page-margin-left-right);
  background-image: linear-gradient(32deg, var(--color--shackbluelight), var(--color--shackgreen));
  margin-top: -40px;
  position: sticky;
  bottom: 0;
  overflow: hidden;
}

.intro-section-wrapper {
  z-index: 1;
  border-radius: 40px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.intro-section-wrapper.subpage {
  padding-bottom: var(--content-padding);
  justify-content: flex-end;
  align-items: flex-start;
}

.intro-section-wrapper.subpage.sell {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
}

.content {
  z-index: 1;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.content.center {
  text-align: center;
}

.content.max-width-large.text-color-white {
  color: var(--color--shackwhite);
}

._50-container {
  width: 50%;
  max-width: 48rem;
}

._50-container.background-image-about {
  border-radius: var(--card-radius);
  background-image: url('../images/toni-pomar-1aLGO0cSNsE-unsplash_1.avif');
  background-position: 50%;
  background-size: cover;
  max-width: 100%;
  min-height: 50vh;
}

._50-container.text-white {
  color: var(--color--shackwhite);
}

.benefits {
  padding-top: var(--page-padding);
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  position: relative;
}

.card-bar-wrapper {
  z-index: 2;
  border-radius: var(--card-radius);
  background-color: var(--hover-dark);
  color: var(--color--shackwhite);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-height: 20%;
  padding: 8px 33% 8px 56px;
  display: flex;
  position: relative;
}

.icon-wrapper {
  border-radius: var(--card-radius);
  color: var(--color--shackgraydark);
  border: 1px solid #fff0;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  display: flex;
  overflow: hidden;
}

.icon-wrapper.circle-white {
  background-color: var(--color--shackgraylight);
}

.icon-wrapper.circle-white._56px {
  background-color: var(--color--shackwhite);
  border-radius: 56px;
  flex: none;
  width: 56px;
  height: 56px;
}

.icon-wrapper.circle-white._56px:hover {
  background-image: linear-gradient(to bottom, var(--hover-dark), var(--hover-dark));
}

.icon-wrapper._32px {
  width: 32px;
  height: 32px;
}

.icon-wrapper._32px.color-green {
  color: var(--color--shackgreen);
}

.icon-wrapper.noshrink {
  flex: none;
}

.icon-animation-wrapper-default {
  color: var(--color--shackgreen);
  width: 40px;
  height: 40px;
}

.how {
  padding-top: var(--section-spacing);
  padding-bottom: var(--section-spacing);
  background-color: var(--color--shackgraydark);
  width: 100%;
  display: block;
}

.how-card-wrapper {
  border-radius: var(--card-radius);
}

.how-card-content-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  display: flex;
}

.how-card-content-wrapper.text-color-white {
  color: var(--color--shackwhite);
}

.card-content-item {
  grid-column-gap: var(--spacing--regular);
  grid-row-gap: var(--spacing--regular);
  flex-flow: column;
  width: 100%;
  display: flex;
}

.product-preview-card-wrapper {
  z-index: -1;
  aspect-ratio: 1;
  border: 1px solid #ffffff40;
  border-radius: 69px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.product-preview-card-bar-wrapper {
  padding: 8px var(--content-padding);
  border-radius: var(--card-radius);
  background-color: var(--hover-dark);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.sustainable-card-group {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 40%;
  display: block;
}

.scroll-elemente {
  background-color: var(--color--shackgreen);
  height: 140vh;
}

.sustainable-hidden-wrapper {
  z-index: -1;
  color: var(--color--shackwhite);
  text-align: center;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  display: flex;
  position: absolute;
  inset: 0%;
}

.sustainable-hidden-content {
  padding-right: var(--content-padding);
  padding-left: var(--content-padding);
  max-width: 50%;
  margin-left: auto;
  margin-right: auto;
}

.cta {
  padding-top: var(--section-spacing);
  padding-bottom: var(--section-spacing);
}

.cta-card {
  border-radius: var(--card-radius);
  background-color: var(--color--shackwhite);
  display: flex;
  overflow: hidden;
}

.cta-image {
  background-image: url('../images/download-App.png');
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 40%;
}

.cta-content {
  padding: var(--content-padding);
  justify-content: flex-start;
  align-items: center;
  width: 60%;
  display: flex;
}

.faq {
  z-index: 5;
  padding-top: var(--section-spacing);
  padding-bottom: var(--section-spacing);
  border-radius: 0px 0px var(--card-radius) var(--card-radius);
  background-image: linear-gradient(180deg, var(--color--shackgraydark), var(--color--shackblack));
}

.faq-section-wrapper {
  border-radius: var(--card-radius);
}

.faq-item-group {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.faq-card {
  border-radius: var(--card-radius);
  color: var(--color--shackwhite);
  text-transform: none;
  border: 1px solid #fff3;
  padding-top: 16px;
  padding-bottom: 16px;
  font-size: 15px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
  overflow: hidden;
}

.faq-card:hover {
  background-image: linear-gradient(to bottom, var(--hover), var(--hover));
}

.faq-question {
  padding-right: 1rem;
  padding-left: var(--content-padding);
  justify-content: space-between;
  align-items: center;
  font-size: 15px;
  font-style: normal;
  display: flex;
}

.faq-answer {
  padding-right: var(--content-padding);
  padding-left: var(--content-padding);
  width: 70%;
  transition: height .2s;
  overflow: hidden;
}

.sustainable {
  padding-top: var(--section-spacing);
  padding-bottom: var(--section-spacing);
  background-color: var(--color--shackgraydark);
  min-height: 100vh;
  position: relative;
}

.inner-track-sustainable-cards {
  margin-top: var(--section-spacing);
  margin-bottom: var(--section-spacing);
  padding-right: var(--page-margin-left-right);
  padding-left: var(--page-margin-left-right);
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: sticky;
  top: 0;
}

.sustainable-card {
  aspect-ratio: 1;
  width: 100%;
}

.sustainable-card._2, .sustainable-card._3, .sustainable-card._5, .sustainable-card._6 {
  margin-top: -50%;
}

.tabs-menu {
  margin-top: 24px;
  margin-bottom: var(--content-padding);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-radius: var(--card-radius);
  border: 1px solid #fff3;
  flex: none;
  justify-content: space-between;
  align-items: center;
  min-width: 440px;
  display: flex;
}

.navbar-blurr-layer {
  z-index: 0;
  border-radius: var(--card-radius);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background-color: #ffffff1a;
  position: absolute;
  inset: 0%;
}

.footer {
  z-index: -2;
  flex-flow: column;
  justify-content: flex-end;
  align-items: stretch;
  margin-top: -100vh;
  display: flex;
}

.footer-wrapper {
  max-width: var(--max-width--max-width-regular);
  justify-content: flex-end;
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.footer-link-list {
  z-index: 200;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  position: relative;
}

.footer-link-list.align-right {
  text-align: right;
}

.link-large {
  font-size: 20px;
}

.link-large.right-align {
  text-align: right;
}

.list-item {
  padding-top: 8px;
  padding-bottom: 8px;
}

.scroll-animation-content {
  width: 100%;
}

.payment {
  padding-top: var(--section-spacing);
  padding-bottom: var(--section-spacing);
  color: var(--color--shackwhite);
}

.payment-section-wrapper {
  margin-top: var(--spacing--xlarge);
  margin-left: auto;
  margin-right: auto;
}

.payment-logo-wrapper {
  border-radius: var(--card-radius);
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.card-copy-wrapper {
  padding: var(--content-padding);
  border-radius: var(--card-radius);
  background-image: linear-gradient(40deg, var(--color--shackbluelight), #ffffff4d);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  width: 80%;
  position: absolute;
  inset: auto auto -2rem -2rem;
}

.features {
  padding-top: 8rem;
  padding-bottom: var(--section-spacing);
  position: relative;
}

.feature-section-wrapper {
  border-radius: var(--card-radius);
  background-image: linear-gradient(180deg, var(--color--shackblack), var(--color--shackgraydark));
  justify-content: center;
  align-items: center;
  min-height: 75vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.feature-section-wrapper.max-width-large {
  background-color: #000;
  background-image: none;
}

.image-iphone-mockup {
  z-index: 0;
  border-radius: var(--card-radius);
  width: 50%;
  height: 110%;
  position: absolute;
  inset: auto auto 0% 0%;
}

.features-list-wrapper {
  padding: var(--content-padding) 4rem var(--content-padding) 2rem;
  grid-column-gap: var(--spacing--xlarge);
  grid-row-gap: var(--spacing--xlarge);
  color: #fff;
  flex-flow: column;
  margin-left: 50%;
  display: flex;
}

.main-content-wrapper {
  z-index: 1;
  border-radius: var(--card-radius);
  background-color: var(--color--shackgraydark);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
}

.main-content-wrapper.padding-top-bottom {
  z-index: 1;
  padding-top: 12rem;
  padding-bottom: 12rem;
  position: relative;
}

.sticky-section {
  width: 100%;
  position: relative;
}

.sticky-image {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.sticky-image._1 {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
}

.sticky-image._2, .sticky-image._3 {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-size: cover;
}

.text-container {
  width: 60%;
  margin-left: auto;
}

.text-div {
  padding-right: var(--content-padding);
  padding-left: var(--content-padding);
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  height: 77vh;
  display: flex;
}

.image-container-2 {
  width: 40%;
  height: 77vh;
  position: sticky;
  top: 16.5vh;
  overflow: hidden;
}

.text-group {
  color: #fff;
}

.howsteps-section-wrapper {
  padding: var(--content-padding) 96px;
  background-color: var(--color--shackgraydark);
  margin-left: 16px;
  margin-right: 16px;
}

.intro-content {
  z-index: 100;
  color: var(--color--shackwhite);
  position: relative;
}

.testiomial {
  padding-top: var(--section-spacing);
  padding-bottom: var(--section-spacing);
  background-color: var(--color--shackgraydark);
}

.testiomial-card {
  padding: var(--content-padding);
  border-radius: var(--card-radius);
  background-color: var(--color--shackwhite);
  -webkit-backdrop-filter: blur(25px);
  backdrop-filter: blur(25px);
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.ranking-wrapper {
  color: var(--color--shackgreen);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.ref-card-scroll-group {
  grid-column-gap: var(--page-margin);
  grid-row-gap: var(--page-margin);
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.about {
  padding-top: var(--section-spacing);
  padding-bottom: var(--section-spacing);
}

.intro-auction-graphic-wrapper {
  width: 100%;
  position: absolute;
  inset: 0% auto;
}

.auction-sell-card {
  z-index: 0;
  aspect-ratio: 1;
  border-radius: var(--card-radius);
  background-color: #fff;
  background-image: url('../images/nattanich-vichaidit-_EaFLNIvGpA-unsplash-square_1.avif');
  background-position: 50%;
  background-size: cover;
  flex-flow: column;
  justify-content: space-between;
  width: 50%;
  display: flex;
  position: absolute;
  inset: auto 25% 33%;
  box-shadow: -80px 80px 80px -40px #40c9d899, 80px -80px 80px -40px #30d06166;
}

.auction-bit-card {
  padding: var(--page-margin) 16px;
  aspect-ratio: 2 / 3;
  border-radius: var(--card-radius);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  perspective-origin: 50% 100%;
  transform-origin: 50% 100%;
  text-align: center;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg'), linear-gradient(230deg, #ffffff1a, #fff3);
  background-position: 50%, 0 0;
  background-size: cover, auto;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 30%;
  height: auto;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
  box-shadow: 1px 1px 0 1px #ffffff26, 8px 8px 16px 4px #0000003d;
}

.auction-bit-card._1 {
  z-index: 50;
  background-image: url('../images/person-01_1.webp'), linear-gradient(230deg, #40c9d8cc, #30d06199);
  background-position: 50%, 0 0;
  background-size: cover, auto;
  inset: auto auto 25% 10%;
}

.auction-bit-card._2 {
  z-index: 30;
  opacity: .95;
  background-image: url('../images/person-04_1.webp'), linear-gradient(230deg, #fff9, #fff6);
  inset: 15% 10% auto auto;
}

.auction-bit-card._3 {
  z-index: 20;
  opacity: .9;
  background-image: url('../images/person-02_1.webp'), linear-gradient(230deg, #fff6, #ffffff1a);
  inset: auto 10% 20% auto;
}

.auction-bit-card._4 {
  z-index: 10;
  opacity: .85;
  background-image: url('../images/person-03_1.webp'), linear-gradient(230deg, #fff6, #fff3);
  background-position: 50%, 0 0;
  background-size: cover, auto;
  inset: 20% auto auto 15%;
}

.auction-card-price {
  border-radius: var(--card-radius);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background-color: #ffffffe6;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
}

.auction-sell-card-bar-wrapper {
  padding: 8px var(--content-padding);
  border-radius: var(--card-radius);
  color: var(--color--shackwhite);
  border: 1px solid #fff6;
  justify-content: space-between;
  align-items: center;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  inset: auto 0% 4rem;
}

.icon-label-group {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border-radius: 200px;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.icon-label-group.right-align {
  order: -1;
  justify-content: flex-end;
  align-items: center;
}

.auction-bit-price {
  text-align: right;
  justify-content: flex-start;
  align-items: center;
  height: 56px;
  font-size: 1.728rem;
  display: flex;
}

.auction-bit-price-container {
  flex: none;
  order: 1;
  height: 56px;
  overflow: hidden;
}

.cost-section-wrapper {
  margin-right: var(--page-margin);
  margin-left: var(--page-margin);
  padding-right: var(--page-padding);
  padding-left: var(--page-padding);
  background-color: var(--color--shackgraydark);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.howsteps-heading-container {
  margin-right: auto;
  margin-bottom: var(--content-padding);
  color: var(--color--shackwhite);
  text-align: center;
  width: 70%;
  margin-left: auto;
}

.benefits-subpage-section-wrapper {
  margin-right: var(--page-margin);
  margin-left: var(--page-margin);
  padding: var(--page-margin-left-right) var(--page-padding);
  border-radius: var(--card-radius);
  background-color: var(--color--shackgraylight);
}

.styleguide-container.flex-horizontal {
  display: flex;
}

.styleguide-container.flex-horizontal.text-color-white {
  color: var(--color--shackwhite);
}

.styleguide-container.spacing {
  grid-column-gap: var(--spacing--regular);
  grid-row-gap: var(--spacing--regular);
  flex-flow: column;
  display: flex;
}

.styleguide-content {
  padding-top: var(--content-padding);
  padding-bottom: var(--content-padding);
  flex: 1;
}

.headline-size-xlarge {
  font-size: 4rem;
}

.headline-size-large {
  font-size: 2.8rem;
}

.headline-size-large.text-color-white {
  color: var(--color--shackwhite);
}

.headline-size-large.max-width-large {
  order: 0;
}

.headline-size-large.max-width-large.align-left {
  margin-left: 0;
}

.headine-size-tall {
  font-size: 2.074rem;
}

.headline-size-regular {
  font-size: 1.728rem;
}

.headline-size-regular.text-color-white {
  color: var(--color--shackwhite);
}

.headline-size-small {
  font-size: 1.44rem;
}

.headline-size-small.padding-tall-top {
  margin-top: 8rem;
}

.headline-size-small.padding-tall-top.heading-bottom-small {
  margin-bottom: 1rem;
}

.headline-size-xsmall {
  font-size: 1.2rem;
}

.text-size-large {
  font-size: 1.44rem;
}

.text-size-large.text-color-gray {
  color: var(--color--shackgraylight);
}

.text-size-large.text-color-gray.max-width-small.align-left {
  margin-left: 0;
}

.text-size-large.text-align-center {
  text-align: center;
}

.text-size-regular {
  color: #afafaf;
  font-size: 1.1rem;
  line-height: 160%;
}

.text-size-regular.text-color-gray {
  color: var(--color--shackgraylight);
}

.text-size-regular.text-color-gray.max-width-small.align-left {
  margin-left: 0;
}

.text-size-regular.padding-bottom-default {
  margin-bottom: 1rem;
}

.text-size-small {
  font-size: .8rem;
}

.content-spacing-large {
  grid-column-gap: var(--spacing--large);
  grid-row-gap: var(--spacing--large);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.nav-link {
  color: var(--color--shackgraylight);
  flex: none;
  margin-left: 0;
  margin-right: 0;
  padding-left: 2rem;
  padding-right: 2rem;
  font-family: Bwgradual, sans-serif;
  font-size: 1rem;
}

.nav-link:hover {
  color: var(--color--shackwhite);
}

.nav-link.w--current, .nav-link.w--current:visited {
  color: var(--color--shackgraylight);
}

.product-preview-card-image {
  z-index: -1;
  aspect-ratio: 1;
  object-fit: cover;
  object-position: 50% 50%;
  width: 101%;
  height: 101%;
  position: absolute;
  inset: auto 0%;
}

.app-store-badge {
  border-radius: 9px;
  height: 56px;
  transition: all .2s;
  box-shadow: 4px 4px 32px -4px #0983fecc;
}

.app-store-badge:hover {
  box-shadow: 12px -16px 32px #0983fecc;
}

.app-store-badge.whenctawrapper {
  border-radius: 13px;
  height: 80px;
  box-shadow: 4px 4px 32px -4px #0983fecc;
}

.app-store-badge.whenctawrapper:hover {
  box-shadow: 4px -4px 32px -4px #0983fecc;
}

.content-spacing-small {
  grid-column-gap: var(--spacing--small);
  grid-row-gap: var(--spacing--small);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.content-spacing-regular {
  grid-column-gap: var(--spacing--regular);
  grid-row-gap: var(--spacing--regular);
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.content-spacing-regular.text-color-white {
  color: var(--color--shackwhite);
}

.content-spacing-regular.text-color-white.max-width {
  width: 80%;
}

.content-spacing-regular.max-width-regular.align-left {
  margin-left: 0;
}

.intro-background-gradient {
  border-radius: var(--card-radius);
  background-color: var(--color--shackblack);
  background-image: linear-gradient(180deg, var(--color--shackblack) 53%, var(--color--shackgraydark) 93%);
  min-height: 100svh;
  margin: 16px;
  overflow: hidden;
}

.tab-link {
  padding: 16px var(--spacing--regular);
  border-radius: var(--card-radius);
  background-color: var(--color--shackblack);
  color: var(--color--shackwhite);
  flex: 1;
  margin: 8px;
}

.tab-link.w--current {
  border-radius: var(--card-radius);
  background-color: var(--color--shackwhite);
  color: var(--color--shackblack);
  margin: 8px;
}

.tab-link.sell.w--current {
  box-shadow: -4px -4px 32px -4px #0983fecc;
}

.tab-link.buy.w--current {
  box-shadow: 4px -4px 32px -4px #0983fe;
}

.tabs {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.how-card-item-wrapper {
  border-radius: var(--card-radius);
  background-color: var(--color--shackblack);
  color: var(--color--shackwhite);
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-2 {
  width: 500px;
}

.button {
  border-radius: var(--card-radius);
  background-color: var(--color--shackblack);
  flex: none;
  justify-content: center;
  align-items: center;
  padding: 16px 32px;
  font-family: Bwgradual, sans-serif;
  font-size: 1rem;
  transition: border .2s ease-in-out, all .2s ease-in-out;
  display: flex;
  box-shadow: 4px 4px 32px -4px #0983fecc;
}

.button:hover {
  box-shadow: 12px 16px 32px #0983fecc;
}

.nav-links {
  grid-column-gap: var(--spacing--large);
  grid-row-gap: var(--spacing--large);
  justify-content: center;
  align-items: center;
  display: flex;
}

.brand.w--current {
  grid-column-gap: var(--spacing--small);
  grid-row-gap: var(--spacing--small);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.brand-logo {
  color: var(--color--shackwhite);
  height: 24px;
}

.payment-logo {
  object-fit: fill;
  flex: none;
  width: 100%;
  height: 56px;
}

.payment-logo.scale-down {
  height: 35px;
}

.payment-logo.scale-up {
  height: 56px;
}

.tab-card-image-wrapper {
  background-image: linear-gradient(#ffffff1a, #0006);
  height: 100%;
}

.nav-link-wrapper {
  grid-column-gap: var(--spacing--large);
  grid-row-gap: var(--spacing--large);
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.intro-auction-graphic-container {
  width: 50%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.card {
  margin-top: var(--content-padding);
  margin-bottom: var(--content-padding);
  border-radius: var(--card-radius);
  background-color: var(--color--shackblack);
  color: var(--color--shackwhite);
  min-height: 3rem;
  transition: all .2s ease-in-out;
  display: flex;
  position: relative;
  overflow: hidden;
}

.card.sell-shadow {
  margin-top: 4rem;
  box-shadow: 80px 80px 80px -80px #40c9d866;
}

.card.sell-shadow:hover {
  box-shadow: 80px 80px 80px -40px #40c9d866;
}

.card.buy-shadow {
  margin-top: 4rem;
  box-shadow: -80px 80px 80px -80px #30d06166;
}

.card.buy-shadow:hover {
  box-shadow: -80px 80px 80px -40px #30d06166;
}

.card.app-shadow {
  margin-top: 4rem;
  box-shadow: 80px 80px 80px -80px #0983fe66;
}

.card.app-shadow:hover {
  box-shadow: 80px 80px 80px -40px #0983fe66;
}

.card-image-wrapper {
  background-image: url('../images/Buying_DE-Mockup_1.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  min-height: 50vh;
}

.card-image-wrapper.buy {
  background-image: url('../images/Selling_DE-Mockup_1.avif');
}

.card-image-wrapper.buy.de {
  background-image: url('../images/Bidding_MockUp_DE_1.avif');
}

.card-image-wrapper.buy.en {
  background-image: url('../images/Bidding_MockUp_EN_1.avif');
}

.card-image-wrapper.about {
  aspect-ratio: 1;
  background-image: url('../images/IMG_3643.avif');
  background-position: 0%;
}

.card-image-wrapper.app-download {
  background-image: url('../images/download-app_1.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.card-image-wrapper.en {
  background-image: url('../images/Selling_MockUP_EN_1.avif');
}

.heading-wrapper {
  grid-column-gap: var(--spacing--large);
  grid-row-gap: var(--spacing--large);
  color: var(--color--shackwhite);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.heading-wrapper.max-width-small.align-left, .heading-wrapper.max-width-regular.align-left {
  margin-left: 0;
}

.heading-wrapper.align-center {
  justify-content: flex-start;
  align-items: center;
}

.heading-wrapper.content-spacing-regular {
  grid-column-gap: var(--spacing--regular);
  grid-row-gap: var(--spacing--regular);
}

.icon._56px {
  width: 56px;
  height: 56px;
}

.icon._48px {
  width: 48px;
  height: 48px;
}

.icon._48px.ontablet-32px {
  color: var(--color--shackgreen);
  width: 40px;
  height: 40px;
}

.icon._32px {
  color: var(--color--shackgreen);
  width: 32px;
  height: 32px;
}

.section-sell-and-buy {
  padding-top: var(--section-spacing);
  padding-bottom: var(--section-spacing);
  grid-column-gap: var(--section-spacing);
  grid-row-gap: var(--section-spacing);
  flex-flow: column;
  display: flex;
}

.about-wrapper {
  grid-column-gap: var(--section-spacing);
  grid-row-gap: var(--section-spacing);
  color: var(--color--shackwhite);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.basge-wrapper {
  z-index: 10;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.icon-card {
  background-color: var(--color--shackgraydark);
  color: var(--color--shackwhite);
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  display: flex;
}

.spacer {
  height: 100vh;
}

.div-block-8 {
  grid-column-gap: var(--spacing--regular);
  grid-row-gap: var(--spacing--regular);
  justify-content: center;
  align-items: center;
  display: flex;
}

.card-content-wrapper {
  margin: var(--spacing--large);
}

.tab-card-image {
  width: 100%;
}

.auction-bit-cost {
  justify-content: flex-start;
  align-items: center;
  height: 56px;
  font-size: 1.728rem;
  display: flex;
}

.max-width-large {
  width: 100%;
  max-width: 85%;
  margin-left: auto;
  margin-right: auto;
}

.styleguide-color-block {
  background-color: var(--color--shackgreen);
  width: 100%;
  height: 20px;
}

.max-width-small {
  width: 100%;
  max-width: 50%;
  margin-left: auto;
  margin-right: auto;
}

.max-width-small.align-left {
  margin-left: 0;
}

.max-width-regular {
  width: 100%;
  max-width: 65%;
  margin-left: auto;
  margin-right: auto;
}

.richtext {
  color: var(--color--shackwhite);
  text-align: justify;
}

.logo-scroll-frame {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.paragraph {
  -webkit-backdrop-filter: blur(5px) blur(5px);
  backdrop-filter: blur(5px) blur(5px);
}

.darkbackground {
  color: var(--color--shackgreen);
}

.video-embed {
  text-align: center;
  height: 100%;
  margin-top: auto;
  margin-bottom: auto;
}

.background-video {
  aspect-ratio: 1 / 2;
  height: 100%;
  display: none;
}

.video-embed-mobile {
  text-align: center;
  height: 100%;
  margin-top: auto;
  margin-bottom: auto;
  display: none;
}

.link-block {
  border-radius: 13px;
}

.link, .link-2 {
  color: var(--color--shackgreen);
}

.padding-bottom-tall {
  margin-bottom: 8rem;
}

.text-group-long {
  margin-bottom: 4rem;
  line-height: 160%;
}

.paragraph-group {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  margin-top: 1rem;
  margin-bottom: 4rem;
  display: flex;
}

.offset-list {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  padding-left: 16px;
  display: flex;
}

.link-3, .link-4 {
  color: var(--color--shackgreen);
}

.payment-logo-copy {
  flex: none;
  width: 100%;
  height: 48px;
}

.payment-logo-copy.scale-down {
  height: 35px;
}

.payment-logo-copy.scale-up {
  height: 56px;
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 3.08rem;
  }

  h2 {
    font-size: 2.156rem;
  }

  h3 {
    font-size: 1.59698rem;
  }

  h4 {
    font-size: 1.33056rem;
  }

  h5 {
    font-size: 1.1088rem;
  }

  h6 {
    font-size: 1rem;
  }

  .nav-bar {
    margin-top: .25rem;
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .flex-block {
    padding-left: 24px;
    padding-right: 8px;
  }

  .intro {
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
  }

  .section-wrapper {
    padding-right: var(--page-margin-left-right-tablet);
    padding-left: var(--page-margin-left-right-tablet);
  }

  .intro-section-wrapper {
    position: static;
  }

  ._50-container {
    width: 100%;
  }

  .card-bar-wrapper {
    padding-right: var(--content-padding);
  }

  .how {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .how-card-content-wrapper {
    flex-flow: column;
  }

  .sustainable-card-group {
    width: 50%;
  }

  .sustainable-hidden-wrapper {
    min-height: auto;
    right: 0%;
  }

  .cta, .faq {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .faq-section-wrapper {
    padding-right: var(--page-margin-left-right-tablet);
    padding-left: var(--page-margin-left-right-tablet);
  }

  .sustainable {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .inner-track-sustainable-cards {
    padding-right: var(--page-margin-left-right-tablet);
    padding-left: var(--page-margin-left-right-tablet);
    justify-content: center;
    align-items: center;
    margin-top: 4rem;
    margin-bottom: 4rem;
  }

  .sustainable-card._2, .sustainable-card._3, .sustainable-card._5, .sustainable-card._6 {
    margin-top: 0%;
  }

  .scroll-animation-content {
    max-width: 100%;
  }

  .payment {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .payment-section-wrapper {
    margin-top: 2rem;
    position: relative;
  }

  .payment-logo-wrapper {
    flex: none;
  }

  .features {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .feature-section-wrapper {
    max-width: var(--global-max-width-small-tablet);
    flex-flow: column;
  }

  .image-iphone-mockup {
    width: 100%;
    height: 50vh;
    margin-top: -100px;
    position: relative;
    inset: 0% 0% auto;
  }

  .features-list-wrapper {
    margin-left: 0%;
    padding-top: 4rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .sticky-section {
    padding-right: var(--page-margin-left-right-tablet);
    padding-left: var(--page-margin-left-right-tablet);
  }

  .intro-content {
    margin-left: auto;
    margin-right: auto;
    padding-top: 8rem;
  }

  .testiomial {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .ref-card-scroll-group {
    flex-flow: column;
  }

  .about {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .intro-auction-graphic-wrapper {
    order: -1;
    height: 80svh;
    position: relative;
  }

  .auction-sell-card {
    width: 50%;
    bottom: auto;
    left: auto;
    right: auto;
  }

  .auction-bit-card {
    width: 33%;
  }

  .auction-bit-card._1 {
    perspective-origin: 50%;
    transform-origin: 50%;
    bottom: auto;
    left: auto;
  }

  .auction-bit-card._2 {
    perspective-origin: 50%;
    transform-origin: 50%;
    top: auto;
    right: auto;
  }

  .auction-bit-card._3 {
    perspective-origin: 50%;
    transform-origin: 50%;
    bottom: auto;
    right: auto;
  }

  .auction-bit-card._4 {
    perspective-origin: 50%;
    transform-origin: 50%;
    top: auto;
    left: auto;
  }

  .auction-sell-card-bar-wrapper {
    bottom: 1rem;
  }

  .auction-bit-price {
    font-size: 1.33056rem;
  }

  .benefits-subpage-section-wrapper {
    padding-right: var(--page-margin-left-right-tablet);
    padding-left: var(--page-margin-left-right-tablet);
  }

  .headline-size-xlarge {
    font-size: 3.08rem;
  }

  .headline-size-xlarge.max-width-small.align-left.ontable-width-85 {
    max-width: 85%;
  }

  .headline-size-large {
    font-size: 2.156rem;
  }

  .headine-size-tall {
    font-size: 1.59698rem;
  }

  .headline-size-regular {
    font-size: 1.33056rem;
  }

  .headline-size-regular.ontable-scale-down {
    font-size: 1.2rem;
  }

  .headline-size-small {
    font-size: 1.1088rem;
  }

  .headline-size-xsmall {
    font-size: 1rem;
  }

  .text-size-large.text-color-gray.max-width-small.align-left.ontablet-width-77, .text-size-regular.text-color-gray.max-width-small.align-left.ontablet-width-77 {
    max-width: 77%;
  }

  .nav-link {
    color: var(--color--shackwhite);
    text-align: center;
  }

  .intro-background-gradient {
    z-index: -20;
    margin: 0;
    position: absolute;
    top: 8px;
    left: 8px;
    right: 8px;
  }

  .nav-links {
    border-radius: var(--card-radius);
    background-color: var(--color--shackgraydark);
    margin-top: 1rem;
    padding: 2rem;
  }

  .brand-logo {
    height: 24px;
  }

  .menu-button {
    border-radius: var(--card-radius);
    background-color: var(--color--shackblack);
    color: var(--color--shackwhite);
    box-shadow: 4px 4px 32px -4px #0983fecc;
  }

  .menu-button:hover {
    box-shadow: 12px -16px 32px #0983fecc;
  }

  .menu-button.w--open {
    background-color: var(--color--shackblack);
  }

  .intro-auction-graphic-container {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .card {
    width: 100%;
    margin-top: 2rem;
    margin-bottom: 0;
  }

  .card-image-wrapper.about {
    aspect-ratio: 3 / 2;
  }

  .icon._48px.ontablet-32px, .icon._32px.ontablet-32px {
    width: 32px;
    height: 32px;
  }

  .section-sell-and-buy {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .about-wrapper {
    grid-column-gap: var(--spacing--xlarge);
    grid-row-gap: var(--spacing--xlarge);
    flex-flow: column;
  }

  .auction-bit-cost {
    font-size: 1.33056rem;
  }

  .max-width-small.align-left.ontablet-85 {
    max-width: 85%;
  }

  .max-width-small.align-left.ontablet-77 {
    max-width: 77%;
  }

  .video-embed {
    display: none;
  }

  .video-embed-mobile {
    height: 50vh;
    display: block;
    overflow: hidden;
  }

  .div-block-9 {
    background-image: linear-gradient(#0000, #000);
    height: 50px;
    position: absolute;
    inset: auto 0% 0%;
  }
}

@media screen and (max-width: 767px) {
  .nav-bar {
    margin-top: 0;
  }

  .intro-section-wrapper {
    overflow: visible;
  }

  .payment-section-wrapper {
    grid-column-gap: var(--spacing--large);
    grid-row-gap: var(--spacing--large);
  }

  .intro-content {
    padding-top: 6rem;
  }

  .ref-card-scroll-group {
    flex-flow: column;
  }

  .auction-sell-card {
    width: 75%;
    bottom: auto;
    left: auto;
    right: auto;
  }

  .auction-bit-card {
    transform-origin: 50%;
    width: 50%;
  }

  .auction-bit-card._1 {
    bottom: auto;
    left: auto;
    transform: rotate(-9deg);
  }

  .auction-bit-card._2 {
    top: auto;
    right: auto;
    transform: rotate(7deg);
  }

  .auction-bit-card._3 {
    justify-content: flex-end;
    align-items: center;
    position: absolute;
    inset: auto;
    transform: rotate(-18deg);
  }

  .auction-bit-card._4 {
    top: auto;
    left: auto;
    transform: rotate(7deg);
  }

  .styleguide-container.flex-horizontal.text-color-white {
    flex-flow: column;
  }

  .nav-link:hover {
    color: var(--color--shackgraylight);
  }

  .intro-background-gradient {
    display: none;
  }

  .nav-links {
    margin-top: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .intro-auction-graphic-container {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .max-width-large, .max-width-regular {
    max-width: 95%;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 2.986rem;
  }

  h2 {
    font-size: 2.488rem;
  }

  .nav-bar {
    margin-left: 8px;
    margin-right: 8px;
  }

  .flex-block {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    padding-left: 8px;
    padding-right: 8px;
  }

  .intro-section-wrapper {
    padding-bottom: 40px;
  }

  .content {
    max-width: 100%;
  }

  .how {
    padding-left: 8px;
    padding-right: 8px;
  }

  .product-preview-card-wrapper {
    border-width: .2px;
    border-radius: 17px;
  }

  .sustainable-hidden-content {
    max-width: 80%;
  }

  .cta {
    padding: 2rem 8px;
  }

  .sustainable {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .tabs-menu {
    min-width: 100%;
  }

  .payment {
    padding: 2rem 8px;
  }

  .payment-section-wrapper {
    padding-left: 16px;
    padding-right: 16px;
  }

  .features {
    padding-top: 8rem;
    padding-left: 8px;
    padding-right: 8px;
  }

  .image-iphone-mockup {
    background-image: none;
  }

  .main-content-wrapper.padding-top-bottom {
    padding-left: 15px;
    padding-right: 15px;
  }

  .intro-content {
    margin-left: 16px;
    margin-right: 16px;
    padding-top: 4rem;
  }

  .testiomial {
    padding-left: 16px;
    padding-right: 16px;
  }

  .about {
    padding-left: 8px;
    padding-right: 8px;
  }

  .intro-auction-graphic-wrapper {
    padding-left: 10px;
    padding-right: 10px;
  }

  .auction-sell-card-bar-wrapper {
    width: 100%;
  }

  .auction-bit-price-container {
    order: -1;
  }

  .headline-size-xlarge {
    font-size: 2.2rem;
  }

  .headline-size-xlarge.max-width-small, .headline-size-xlarge.max-width-small.align-left.ontable-width-85 {
    max-width: 100%;
  }

  .headline-size-large {
    font-size: 1.8rem;
  }

  .headline-size-large.break-all {
    word-break: break-all;
  }

  .headline-size-regular {
    font-size: 1rem;
  }

  .text-size-large {
    font-size: 1.2rem;
  }

  .text-size-large.text-color-gray.max-width-small.align-left.ontablet-width-77 {
    max-width: 100%;
  }

  .text-size-regular {
    color: #afafaf;
    font-size: 1rem;
  }

  .text-size-regular.text-color-gray.max-width-small.align-left.ontablet-width-77 {
    max-width: 100%;
  }

  .nav-link {
    color: var(--color--shackwhite);
  }

  .tab-link {
    padding-left: 16px;
    padding-right: 16px;
  }

  .tab-link.sell.w--current {
    flex: 1;
    margin-right: 4px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .tab-link.buy {
    margin-left: 4px;
  }

  .brand.w--current {
    flex: none;
  }

  .brand-logo {
    height: 20px;
  }

  .payment-logo {
    max-width: 120px;
    height: 32px;
  }

  .intro-auction-graphic-container {
    height: auto;
    min-height: 77vh;
    position: relative;
  }

  .card.app-shadow {
    aspect-ratio: 3 / 2;
  }

  .card-image-wrapper.app-download {
    min-height: auto;
  }

  .heading-wrapper {
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }

  .icon._48px.ontablet-32px {
    order: -1;
    width: 24px;
    height: 24px;
  }

  .section-sell-and-buy {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
  }

  .max-width-large {
    max-width: 100%;
  }

  .max-width-small, .max-width-regular {
    max-width: 95%;
  }

  .payment-logo-copy {
    max-width: 120px;
    height: 32px;
  }
}


@font-face {
  font-family: 'Bwgradual';
  src: url('../fonts/BwGradual-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bwgradual';
  src: url('../fonts/BwGradual-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}