@keyframes react-loading-skeleton {
  100% {
    transform: translateX(100%);
  }
}

.react-loading-skeleton {
  --base-color: #ebebeb;
  --highlight-color: #f5f5f5;
  --animation-duration: 1.5s;
  --animation-direction: normal;
  --pseudo-element-display: block; /* Enable animation */

  background-color: var(--base-color);

  width: 100%;
  border-radius: 0.25rem;
  display: inline-flex;
  line-height: 1;

  position: relative;
  user-select: none;
  overflow: hidden;
}

.react-loading-skeleton::after {
  content: ' ';
  display: var(--pseudo-element-display);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  background-repeat: no-repeat;
  background-image: var(
    --custom-highlight-background,
    linear-gradient(
      90deg,
      var(--base-color) 0%,
      var(--highlight-color) 50%,
      var(--base-color) 100%
    )
  );
  transform: translateX(-100%);

  animation-name: react-loading-skeleton;
  animation-direction: var(--animation-direction);
  animation-duration: var(--animation-duration);
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}

@media (prefers-reduced-motion) {
  .react-loading-skeleton {
    --pseudo-element-display: none; /* Disable animation */
  }
}

body {
  margin: 0;
  padding: 0;
  font-family: "Roboto", sans-serif;
  font-display: swap;
  overflow: visible;
  /* IE-only styles */
  -ms-scrollbar-base-color: #fff;
  -ms-scrollbar-arrow-color: #fff;
  -ms-scrollbar-face-color: #888;
}

input:-webkit-autofill:disabled {
  -webkit-text-fill-color: lightgray;
  -webkit-box-shadow: 0 0 0px 30px #f6f7fb inset;
  box-shadow: 0 0 0px 30px #f6f7fb inset;
  transition: background-color 5000s ease-in-out 0s;
}

* {
  scrollbar-width: thin;
  scrollbar-color: #888 transparent;
}

/* width */
::-webkit-scrollbar {
  width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: "transparent";
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}

/* The Kount iframe is positioned absolutely, so we need to override that so it does not cause our layout to overflow by 1px */
iframe#ibody {
  position: fixed !important;
}

/* Apple pay button styles */
.directpay-applepay apple-pay-button {
  --apple-pay-button-width: 100%;
  --apple-pay-button-height: 46px;
  --apple-pay-button-border-radius: 40px;
}

.anonymous-invoice-applepay apple-pay-button {
  --apple-pay-button-width: 100%;
  --apple-pay-button-height: 46px;
  --apple-pay-button-border-radius: 40px;
}

.checkout-page-applepay apple-pay-button {
  --apple-pay-button-width: 100%;
  --apple-pay-button-height: 46px;
  --apple-pay-button-border-radius: 40px;
}


/*# sourceMappingURL=checkout-page_4daf45988545040d7479.css.map*/