/* projects/lib/packages/yggdrasil-blueprints/__generated__/dist/stripe-checkout.css */
[data-page-element=StripeCheckout] .stripe-payment-method-active.stripe-payment-method-active {
  box-shadow:
    0px 1px 1px rgba(0, 0, 0, 0.03),
    0px 3px 6px rgba(0, 0, 0, 0.02),
    0 0 0 1px var(--input-active-selected-color);
}
[data-page-element=StripeCheckout] .stripe-payment-method {
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.03), 0px 3px 6px rgba(0, 0, 0, 0.02);
}
[data-page-element=StripeCheckout] {
  --dropdown-icon-color: #6d6e78;
  container-type: inline-size;
  container-name: stripe-checkout;
  transition: height 0.35s;
}
[data-page-element=StripeCheckout] .elStripeCheckoutInputErrors {
  margin-top: 4px;
  color: #df1b41;
  font-size: 15px;
  transition: height 0.35s ease 0s;
  font-family: var(--container-font-family);
}
[data-page-element=StripeCheckout] .stripe-input-container {
  margin-bottom: var(--internal-spacing);
  display: inline-block;
}
[data-page-element=StripeCheckout] .stripe-input-wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
  position: relative;
  margin-left: 0px;
  margin-right: 0px;
}
[data-page-element=StripeCheckout] .stripe-input-xl {
  width: 100%;
}
[data-page-element=StripeCheckout] .stripe-input.stripe-input {
  width: 100%;
  padding-bottom: var(--internal-spacing);
  padding-left: var(--internal-spacing);
  padding-right: var(--internal-spacing);
  padding-top: 32px !important;
  border-radius: var(--input-border-radius);
  background: var(--input-background-color);
  font-size: var(--container-font-size);
  color: var(--input-color);
  line-height: 1.15;
  border-style: solid;
  border-color: var(--input-border-color);
  border-width: var(--input-border-width);
}
[data-page-element=StripeCheckout] .stripe-input-label {
  color: var(--input-color);
  font-size: 16px !important;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  margin-left: 13px;
  z-index: 2;
}
[data-page-element=StripeCheckout] .stripe-input-label-floating {
  opacity: 0.8;
  top: 0px;
  transform-origin: top left !important;
  transform: translateY(13px) scale(0.8888888888888888) !important;
}
[data-page-element=StripeCheckout] .sign-out-button {
  font-size: 14px;
  font-weight: 600;
  color: var(--input-active-selected-color);
  border-radius: min(5px, var(--input-border-radius));
  transition:
    background 0.15s ease,
    color 0.15s ease,
    box-shadow 0.15s ease;
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translate(0, -50%);
  padding-left: calc(0.25em + 2px);
  padding-right: calc(0.25em + 2px);
  padding-top: 0.25em;
  padding-bottom: 0.25em;
  background: transparent;
}
[data-page-element=StripeCheckout] .sign-out-button:hover {
  background: rgba(0, 0, 0, 0.05);
}
[data-page-element=StripeCheckout] button {
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  background: none;
  border-radius: 0px;
  color: inherit;
  cursor: pointer;
  font: inherit;
  letter-spacing: inherit;
  text-transform: none;
  vertical-align: middle;
  border-style: none;
}
[data-page-element=StripeCheckout] [data-state] {
  display: none;
}
[data-page-element=StripeCheckout] [data-to-be-implemented]:after {
  content: attr(data-to-be-implemented);
}
[data-page-element=StripeCheckout] [data-editor-to-be-implemented-preview]:after {
  content: attr(data-editor-to-be-implemented-preview);
  display: none;
}
[data-page-element=StripeCheckout] [data-is-editor=true] [data-editor-to-be-implemented-preview]:after,
[data-page-element=StripeCheckout] [data-to-be-implemented]:after {
  font-family: monospace;
  background: darkorange;
  width: 100%;
  color: white;
  font-size: 25px;
  height: 150px;
  vertical-align: middle;
  display: flex;
  justify-content: center;
  align-items: center;
}
[data-page-element=StripeCheckout][data-current-state=guest] [data-state=guest] {
  display: block;
}
[data-page-element=StripeCheckout][data-current-state=saved] [data-state=saved] {
  display: block;
}
[data-page-element=StripeCheckout][data-current-state=oto] [data-state=oto] {
  display: block;
}
[data-page-element=StripeCheckout][data-current-state=upgradeDowngrade] [data-state=upgradeDowngrade] {
  display: block;
}
[data-page-element=StripeCheckout] .form-section,
[data-page-element=StripeCheckout] .stripe-expressCheckout > *,
[data-page-element=StripeCheckout] [data-page-element="CheckoutOrderSummary/V1"] {
  padding-top: 10px;
  padding-bottom: 10px;
}
[data-page-element=StripeCheckout] .stripe-input-lg {
  width: 100%;
}
[data-page-element=StripeCheckout] .stripe-input-md {
  width: 100%;
}
[data-page-element=StripeCheckout] .stripe-input-sm {
  width: 50%;
}
[data-page-element=StripeCheckout] .stripe-checkout-express .stripe-checkout-express-item-wrapper {
  width: 100%;
}
[data-page-element=StripeCheckout] .stripe-loading-wrapper {
  margin-left: calc(var(--internal-spacing) * -1);
  margin-bottom: calc(var(--internal-spacing) * -1);
}
[data-page-element=StripeCheckout] .stripe-loading-text {
  margin-bottom: 4px;
}
[data-page-element=StripeCheckout] .stripe-loading-input-wrapper {
  display: inline-block;
  margin-bottom: var(--internal-spacing);
  padding-left: var(--internal-spacing);
}
[data-page-element=StripeCheckout] .stripe-loading-input {
  width: 100%;
  border-radius: var(--input-border-radius);
  background: var(--input-background-color);
  color: var(--input-color);
  padding-left: var(--internal-spacing);
  padding-right: var(--internal-spacing);
  padding-top: var(--internal-spacing);
  padding-bottom: var(--internal-spacing);
  border-style: solid;
  border-color: var(--input-border-color);
  border-width: var(--input-border-width);
}
[data-page-element=StripeCheckout] .inputHolder.inputHolder.inputHolder {
  padding-top: 32px;
  padding-bottom: var(--internal-spacing);
  padding-left: var(--internal-spacing);
  padding-right: var(--internal-spacing);
  font-size: var(--container-font-size);
  line-height: 1.15;
  color: var(--input-color);
}
[data-page-element=StripeCheckout] .labelInside.elInputFocused .inputHolder.inputHolder.inputHolder::-moz-placeholder {
  opacity: 1;
}
[data-page-element=StripeCheckout] .labelInside.elInputFocused .inputHolder.inputHolder.inputHolder::placeholder {
  opacity: 1;
}
[data-page-element=StripeCheckout] .elCheckoutFormRow {
  -moz-column-gap: var(--internal-spacing);
  column-gap: var(--internal-spacing);
  margin-top: var(--internal-spacing);
}
[data-page-element=StripeCheckout] .inputHolder.inputHolder.inputHolder,
[data-page-element=StripeCheckout] .borderHolder.borderHolder.borderHolder {
  border-radius: var(--input-border-radius);
  font-family: var(--container-font-family);
  transition:
    opacity 0.4s ease 0.2s,
    background 0.15s ease,
    border 0.15s ease,
    box-shadow 0.15s ease,
    color 0.15s ease !important;
  border-color: var(--input-border-color);
  border-width: var(--input-border-width);
}
[data-page-element=StripeCheckout] .elInputError .borderHolder.borderHolder.borderHolder {
  color: #df1b41;
  box-shadow:
    0px 1px 1px rgba(0, 0, 0, 0.03),
    0px 3px 6px rgba(0, 0, 0, 0.02),
    0 0 0 1px #df1b41 !important;
  border-color: #df1b41;
}
[data-page-element=StripeCheckout] .elInputError .labelText.labelText.labelText {
  color: var(--input-color);
}
[data-page-element=StripeCheckout] .elInputError .input-icon {
  display: none;
}
[data-page-element=StripeCheckout] .borderHolder.borderHolder.borderHolder {
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 20px;
  padding-bottom: 20px;
}
[data-page-element=StripeCheckout] .labelInside.hasValue .labelText.labelText.labelText,
[data-page-element=StripeCheckout] .labelInside.elInputFocused .labelText.labelText.labelText {
  font-size: 14px !important;
  opacity: 0.8;
}
[data-page-element=StripeCheckout] .labelInside .labelText.labelText.labelText {
  font-size: 16px !important;
  line-height: 1.15;
}
[data-page-element=StripeCheckout] .elInputWrapper {
  transition:
    background 0.15s ease,
    color 0.15s ease,
    box-shadow 0.15s ease;
}
[data-page-element=StripeCheckout] .labelInside.elInputFocused .elInput,
[data-page-element=StripeCheckout] .labelInside.hasValue .elInput {
  transform: none;
}
[data-page-element=StripeCheckout] .stripe-loading-container {
  font-size: var(--container-font-size);
  line-height: normal;
  text-align: center;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  align-items: center;
}
[data-page-element=StripeCheckout] .stripe-loading {
  width: 100%;
  height: 75%;
  box-shadow: rgba(0, 0, 0, 0.03) 0px 1px 1px 0px, rgba(0, 0, 0, 0.02) 0px 3px 6px 0px;
  position: absolute;
  will-change: transform;
  border-radius: var(--input-border-radius);
  background: rgba(56, 71, 81, 0.04);
}
[data-page-element=StripeCheckout] .stripe-loading-loader {
  position: absolute;
  height: 100%;
  width: 50%;
  animation: linear infinite;
  animation-name: stripe-loading;
  animation-duration: 3s;
  background:
    linear-gradient(
      to right,
      rgba(56, 71, 81, 0),
      rgba(56, 71, 81, 0.05) 50%,
      rgba(56, 71, 81, 0));
}
[data-page-element=StripeCheckout] .stripe-loading-container span {
  visibility: hidden;
}
[data-page-element=StripeCheckout] .elHidden {
  visibility: hidden;
}
[data-page-element=StripeCheckout] .stripe-express-loader-wrapper {
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 10000;
  overflow: hidden;
}
[data-page-element=StripeCheckout] .elAbsolute {
  position: absolute;
  top: 0px;
  left: -99999px;
  width: 100%;
}
[data-page-element=StripeCheckout] .stripe-element-container {
  position: relative;
  width: 100%;
}
[data-page-element=StripeCheckout] .stripe-element {
  transition: height 0.35s, opacity 0.4s 0.1s;
  opacity: 0.3;
}
[data-page-element=StripeCheckout] .stripe-element.elOpacity100 {
  opacity: 1;
}
@container stripe-checkout (max-width: 704px) {
  [data-page-element=StripeCheckout] .stripe-input-icons svg {
    display: none;
  }
  [data-page-element=StripeCheckout] .stripe-input-icons svg:first-of-type {
    display: initial;
  }
}
@container stripe-checkout (min-width: 600px) {
  [data-page-element=StripeCheckout] .stripe-input-lg {
    width: 50%;
  }
  [data-page-element=StripeCheckout] .stripe-input-md {
    width: 50%;
  }
  [data-page-element=StripeCheckout] .stripe-input-sm {
    width: 25%;
  }
}
@container stripe-checkout (max-width: 600px) {
  [data-page-element=StripeCheckout] .stripe-input-icons svg {
    display: initial;
  }
}
@container stripe-checkout (min-width: 450px) {
  [data-page-element=StripeCheckout] .stripe-input-md {
    width: 50%;
  }
}
@container stripe-checkout (max-width: 352px) {
  [data-page-element=StripeCheckout] .stripe-input-icons svg {
    display: none;
  }
  [data-page-element=StripeCheckout] .stripe-input-icons svg:first-of-type {
    display: initial;
  }
}
@keyframes stripe-loading {
  0% {
    left: 0;
  }
  50% {
    left: 25%;
  }
  100% {
    left: 50%;
  }
}
/*# sourceMappingURL=stripe-checkout-IORN4XRD.css.map */