body {
  background-color: transparent;
  font-family: 'Inter' !important;
}
apple-pay-button {
  --apple-pay-button-height: 30px;
  --apple-pay-button-border-radius: 3px;
  --apple-pay-button-padding: 0px 0px;
  --apple-pay-button-box-sizing: border-box;
}
.apple-pay-button {
  -webkit-appearance: -apple-pay-button;
  display: block;
  width: 100%;
  height: 40px;
  margin-bottom: 10px;
  cursor: pointer;
}
.transition {
  -webkit-transition: background-color 3000ms ease;
  -moz-transition: background-color 3000ms ease;
  -o-transition: background-color 3000ms ease;
  -ms-transition: background-color 3000ms ease;
  transition: background-color 3000ms ease;
}
.text-bold {
  font-weight: bold !important;
}
.text-white {
  color: #000000 !important;
}
.text-white:hover, .ant-select-item-option-selected, .ant-select-item-option-active  {
  color: #000000 !important;
}
.selected {
  animation: slide-in 0.5s forwards;
  -webkit-animation: slide-in 0.5s forwards;
}
.dismiss {
  animation: slide-out 0.5s forwards;
  -webkit-animation: slide-out 0.5s forwards;
}
@keyframes slide-in {
  0% {
    -webkit-transform: translateY(100%);
  }
  100% {
    -webkit-transform: translateY(0%);
  }
}

@-webkit-keyframes slide-in {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0%);
  }
}

@keyframes slide-out {
  0% {
    transform: translateY(0%);
  }
  100% {
    transform: translateY(125%);
  }
}

@-webkit-keyframes slide-out {
  0% {
    -webkit-transform: translateY(0%);
  }
  100% {
    -webkit-transform: translateY(125%);
  }
}

.slide-bottom-center {
  bottom: 50%;
  animation: slide-from-bottom-to-center 0.5s forwards;
  -webkit-animation: slide-from-bottom-to-center 0.5s forwards;
  height: 50% !important;
}
.slide-center-top {
  bottom: 93.5%;
  animation: slide-from-center-to-top 0.5s forwards;
  -webkit-animation: slide-from-center-to-top 0.5s forwards;
  height: 93.5% !important;
}
.slide-top-center {
  bottom: 50%;
  animation: slide-from-top-to-center 0.5s forwards;
  -webkit-animation: slide-from-top-to-center 0.5s forwards;
  height: 50%;
}
.slide-center-bottom {
  bottom: -8%;
  animation: slide-from-center-to-bottom 0.5s forwards;
  -webkit-animation: slide-from-center-to-bottom 0.5s forwards;
  height: 50% !important;
}
.slide-top-bottom {
  bottom: 93.5%;
  animation: slide-from-top-to-bottom 0.5s forwards;
  -webkit-animation: slide-from-top-to-bottom 0.5s forwards;
  height: 93.5% !important;
}

@keyframes slide-from-bottom-to-center {
  from {
    bottom: -8%;
  }
  to {
    bottom: 50%;
  }
}

@-webkit-keyframes slide-from-bottom-to-center {
  from {
    bottom: -8%;
  }
  to {
    bottom: 50%;
  }
}

@keyframes slide-from-center-to-top {
  from {
    bottom: 50%;
  }
  to {
    bottom: 93%;
  }
}

@-webkit-keyframes slide-from-center-to-top {
  from {
    bottom: 50%;
  }
  to {
    bottom: 93%;
  }
}

@keyframes slide-from-top-to-center {
  from {
    bottom: 93%;
    height: 93.5%;
  }
  to {
    bottom: 50%;
    height: 50%;
  }
}

@-webkit-keyframes slide-from-top-to-center {
  from {
    bottom: 93%;
    height: 93.5%;
  }
  to {
    bottom: 50%;
    height: 50%;
  }
}

@keyframes slide-from-center-to-bottom {
  from {
    bottom: 50%;
  }
  to {
    bottom: -8%;
  }
}

@-webkit-keyframes slide-from-center-to-bottom {
  from {
    bottom: 50%;
  }
  to {
    bottom: -8%;
  }
}

@keyframes slide-from-top-to-bottom {
  from {
    bottom: 93%;
  }
  to {
    bottom: -8%;
  }
}

@-webkit-keyframes slide-from-top-to-bottom {
  from {
    bottom: 93%;
  }
  to {
    bottom: -8%;
  }
}