.bg-green[data-v-0f928a93] {
  background-color: #25D366;
}
.bg-neutral[data-v-0f928a93] {
  background-color: #f0f0f7;
}
.logo[data-v-0f928a93] {
  width: 168px;
  height: 168px;
}.scroll-snap-container[data-v-3bc6143f] {
  scroll-snap-type: y proximity;
}
.scroll-snap[data-v-3bc6143f] {
  scroll-snap-align: start;
}
.date-time-picker__saletype[data-v-3bc6143f] {
  text-transform: capitalize;
}
.gradient-border-bottom[data-v-3bc6143f] {
  height: 2px;
  background: linear-gradient(226deg, rgb(197, 245, 49) 10%, rgb(0, 113, 242) 92%);
}.eat-top-bar[data-v-b824045f] {
  position: relative;
  z-index: 6;
  min-height: 59px;
}
.onboarding[data-v-b824045f] {
  background-color: #f0f0f7;
}
.onboarding .onboarding__title[data-v-b824045f] {
  font-size: 1.75rem;
  line-height: 2rem;
}
.preserve3d[data-v-b824045f] {
  transform-style: preserve-3d;
}
.token-card__container[data-v-b824045f] {
  position: relative;
  transform-origin: center center;
  --token-card-height: 212px;
  max-height: calc(var(--token-card-height) * 0.85);
}
.token-card__container .ripple[data-v-b824045f] {
  position: absolute;
  opacity: 0.1;
  scale: 0;
  width: 500px;
  height: 500px;
  border-radius: 50%;
  translate: -50% -50%;
  background-color: #ffffff;
  transition: scale 0.2s ease-in;
}
.token-card__container.clicked .ripple[data-v-b824045f] {
  scale: 1;
}
.token-card__content[data-v-b824045f] {
  position: relative;
  cursor: pointer;
  height: var(--token-card-height);
}
.collected-watermark[data-v-b824045f] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.collected-label[data-v-b824045f] {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.backdrop-ripple[data-v-b824045f] {
  position: absolute;
  height: 2000px;
  width: 2000px;
  border-radius: 50%;
  translate: -50% -50%;
  scale: 2;
  opacity: 1;
}
.ripple-grow-enter-active .backdrop-ripple[data-v-b824045f] {
  transition: all 0.3s ease-in;
}
.ripple-grow-enter-active .slide-up-transition[data-v-b824045f], .ripple-grow-enter-active .back-btn[data-v-b824045f] {
  transition: all 0.3s ease-in 0.25s;
}
.ripple-grow-leave-active .backdrop-ripple[data-v-b824045f], .ripple-grow-leave-active .back-btn[data-v-b824045f] {
  transition: all 0.3s ease-in 0.25s;
}
.ripple-grow-leave-active .slide-up-transition[data-v-b824045f] {
  transition: all 0.3s ease-in;
}
.ripple-grow-enter-from .back-btn[data-v-b824045f],
.ripple-grow-leave-to .back-btn[data-v-b824045f] {
  opacity: 0;
}
.ripple-grow-enter-from .backdrop-ripple[data-v-b824045f],
.ripple-grow-leave-to .backdrop-ripple[data-v-b824045f] {
  scale: 0;
  opacity: 0;
}
.ripple-grow-enter-from .slide-up-transition[data-v-b824045f],
.ripple-grow-leave-to .slide-up-transition[data-v-b824045f] {
  transform: translateY(100px);
  opacity: 0;
}
.success-snackbar[data-v-b824045f] {
  background-color: rgba(255, 255, 255, 0.6666666667);
  backdrop-filter: blur(20px);
  height: 80px;
}
.slide-down-enter-active[data-v-b824045f],
.slide-down-leave-active[data-v-b824045f] {
  transition: all 0.5s ease;
  opacity: 1;
}
.slide-down-enter-from[data-v-b824045f],
.slide-down-leave-to[data-v-b824045f] {
  transform: translateY(-100px);
  opacity: 0;
}
.pointer-events-off[data-v-b824045f] {
  pointer-events: none;
}
.pointer-events-on[data-v-b824045f] {
  pointer-events: auto;
}