.adyenpay-container {
  .gpay-card-info-container,
    .adyen-checkout__applepay__button {
    height: 46px
  }
  .gpay-card-info-container,
    .adyen-checkout__applepay__button {
    width: 100%
  }
  .gpay-card-info-container,
    .adyen-checkout__applepay__button {
    max-width: 246px
  }
  @media (min-width: 768px) {
    .gpay-card-info-container,
    .adyen-checkout__applepay__button {
      max-width: 384px
    }
  }
  .gpay-card-info-iframe {
    margin-top: 0.125rem
  }
  .gpay-card-info-iframe {
    height: 2.5rem
  }
}

.adyen-checkout__spinner__wrapper {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center
}

.adyen-checkout__spinner__wrapper--inline {
  display: inline-block;
  height: auto;
  margin-right: 8px
}

[dir=rtl] .adyen-checkout__spinner__wrapper--inline {
  margin-left: 8px;
  margin-right: 0
}

.adyen-checkout__spinner {
  animation: rotate-spinner 1.5s linear infinite;
  border: 3px solid #0075ff;
  border-radius: 50%;
  border-top-color: transparent;
  height: 43px;
  width: 43px
}

.adyen-checkout__spinner--large {
  height: 43px;
  width: 43px
}

.adyen-checkout__spinner--small {
  border-width: 2px;
  height: 16px;
  width: 16px
}

.adyen-checkout__spinner--medium {
  height: 28px;
  width: 28px
}

@keyframes rotate-spinner {
  0% {
    transform: rotate(0deg)
  }

  to {
    transform: rotate(1turn)
  }
}

.adyen-checkout__button {
  background: #00112c;
  border: 0;
  border-radius: 6px;
  color: #fff;
  cursor: pointer;
  font-size: 1em;
  font-weight: 500;
  height: 48px;
  margin: 0;
  padding: 15px;
  text-decoration: none;
  transition: background .3s ease-out, box-shadow .3s ease-out;
  width: 100%
}

.adyen-checkout__button:focus {
  box-shadow: 0 0 0 2px #3070ED;
  outline: 0
}

.adyen-checkout__button:hover {
  background: #1c3045;
  box-shadow: 0 0, 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14)
}

.adyen-checkout__button:active {
  background: #3a4a5c
}

.adyen-checkout__button:hover:focus {
  box-shadow: 0 0 0 2px #3070ED, 0 3px 4px rgba(0, 15, 45, .2)
}

.adyen-checkout__button:disabled, .adyen-checkout__button:disabled:hover {
  box-shadow: none;
  cursor: not-allowed;
  opacity: .4;
  -webkit-user-select: all;
  -moz-user-select: all;
  user-select: all
}

.adyen-checkout__button.adyen-checkout__button--loading {
  background: #687282;
  box-shadow: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.adyen-checkout__button.adyen-checkout__button--pay {
  display: flex;
  justify-content: center;
  margin-top: 24px
}

.adyen-checkout__button.adyen-checkout__button--pay:disabled {
  opacity: .4
}

.adyen-checkout__button.adyen-checkout__button--standalone {
  margin-top: 0
}

.adyen-checkout__button.adyen-checkout__button--inline {
  display: block;
  font-size: .81em;
  height: auto;
  padding: 10px 8px;
  width: auto
}

.adyen-checkout__button.adyen-checkout__button--ghost {
  background: none;
  border: 0;
  color: #00112c
}

.adyen-checkout__button.adyen-checkout__button--ghost:hover {
  background: #f7f8f9;
  box-shadow: none
}

.adyen-checkout__button.adyen-checkout__button--ghost:active {
  background: #e6e9eb;
  box-shadow: none
}

.adyen-checkout__button.adyen-checkout__button--secondary {
  background: #fff;
  border: 1px solid #00112c;
  color: #00112c;
  padding: 10px 12px
}

.adyen-checkout__button.adyen-checkout__button--secondary:hover {
  background: #f7f8f9;
  box-shadow: 0 2px 4px rgba(27, 42, 60, .2), 0 4px 5px rgba(27, 42, 60, .14)
}

.adyen-checkout__button.adyen-checkout__button--secondary:active, .adyen-checkout__button.adyen-checkout__button--secondary:active:hover {
  background: #f7f8f9;
  box-shadow: none
}

.adyen-checkout__button.adyen-checkout__button--secondary:disabled, .adyen-checkout__button.adyen-checkout__button--secondary:disabled:hover {
  background-color: #f7f8f9;
  border-color: #99a3ad;
  box-shadow: none;
  cursor: not-allowed;
  opacity: .5;
  -webkit-user-select: all;
  -moz-user-select: all;
  user-select: all
}

.adyen-checkout__button.adyen-checkout__button--secondary .adyen-checkout__spinner {
  border-color: transparent #00112c #00112c
}

.adyen-checkout__button.adyen-checkout__button--action {
  background: rgba(0, 102, 255, .1);
  border: 1px solid transparent;
  color: #0075ff;
  padding: 10px 12px
}

.adyen-checkout__button.adyen-checkout__button--action:hover {
  background: rgba(0, 102, 255, .2);
  box-shadow: none
}

.adyen-checkout__button.adyen-checkout__button--action:active, .adyen-checkout__button.adyen-checkout__button--action:active:hover {
  background: rgba(0, 102, 255, .3);
  box-shadow: none
}

.adyen-checkout__button.adyen-checkout__button--link {
  background: transparent;
  border: 1px solid transparent;
  border-radius: 3px;
  color: #0075ff;
  font-weight: 400;
  padding: 2px
}

.adyen-checkout__button.adyen-checkout__button--link:hover {
  background: transparent;
  box-shadow: none;
  text-decoration: underline
}

.adyen-checkout__button.adyen-checkout__button--completed, .adyen-checkout__button.adyen-checkout__button--completed:active, .adyen-checkout__button.adyen-checkout__button--completed:active:hover, .adyen-checkout__button.adyen-checkout__button--completed:hover {
  background: #089a43;
  color: #fff
}

.adyen-checkout__button.adyen-checkout__button--completed .adyen-checkout__button__icon {
  filter: brightness(0) invert(1)
}

.adyen-checkout__button__content {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center
}

.adyen-checkout__button__icon {
  margin-right: 12px
}

[dir=rtl] .adyen-checkout__button__icon {
  margin-left: 12px;
  margin-right: 0
}

.adyen-checkout__button__text {
  display: block;
  justify-content: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.adyen-checkout__button .adyen-checkout__spinner {
  border-color: transparent #fff #fff
}

.checkout-secondary-button__text {
  font-size: .85em;
  margin-left: 5px;
  margin-top: 1px
}

.adyen-checkout__iframe {
  border: 0
}

.adyen-checkout__fieldset {
  border: none;
  display: block;
  margin-inline-end: 0;
  margin-inline-start: 0;
  margin: 0;
  padding-block-start: 0;
  padding-bottom: 8px;
  padding-block-end: 0;
  padding-inline-end: 0;
  padding-inline-start: 0;
  width: 100%
}

.adyen-checkout__fieldset:last-of-type {
  padding-bottom: 0
}

.adyen-checkout__fieldset + .adyen-checkout__fieldset {
  margin-top: 16px
}

.adyen-checkout__fieldset__title {
  color: #687282;
  display: block;
  font-size: .68em;
  font-weight: 700;
  letter-spacing: 1px;
  margin: 0;
  padding: 0 0 12px;
  text-transform: uppercase
}

.adyen-checkout__field-group, .adyen-checkout__fieldset__fields {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%
}

@media (min-width: 480px) {
  .adyen-checkout__field-group:last-of-type .adyen-checkout__field {
    margin-bottom: 0
  }
}

.adyen-checkout__field-group:last-of-type .adyen-checkout__field:last-of-type, :not(.adyen-checkout__field-group) > .adyen-checkout__field:last-of-type {
  margin-bottom: 0
}

.adyen-checkout__fieldset--readonly .adyen-checkout__fieldset__fields {
  color: #00112c;
  font-size: .81em;
  line-height: 19px;
  margin: 0
}

.adyen-checkout__field {
  display: block;
  margin-bottom: 16px;
  width: 100%
}

.adyen-checkout__label {
  display: block;
  position: relative
}

.adyen-checkout__helper-text, .adyen-checkout__label__text {
  color: #00112c;
  display: block;
  font-size: .7em;
  font-weight: 400;
  line-height: 13px;
  padding-bottom: 5px
}

.adyen-checkout__label-adornment--end {
  position: absolute;
  right: 0;
  top: 0
}

.adyen-checkout__helper-text {
  color: #687282
}

.adyen-checkout__label__text {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: color .1s ease-out;
  white-space: nowrap
}

.adyen-checkout__label__text--error {
  color: #c12424
}

.adyen-checkout__label--focused .adyen-checkout__label__text {
  color: #0075ff
}

.adyen-checkout__error-text {
  align-items: center;
  color: #c12424;
  display: flex;
  font-size: .75em;
  font-weight: 400;
  margin-top: 4px
}

.adyen-checkout__field-wrapper {
  display: flex;
  width: 100%
}

@media (min-width: 480px) {
  .adyen-checkout__field--20 {
    width: 20%
  }

  .adyen-checkout__field--30 {
    width: 30%
  }

  .adyen-checkout__field--40 {
    width: 40%
  }

  .adyen-checkout__field--50 {
    width: 50%
  }

  .adyen-checkout__field--60 {
    width: 60%
  }

  .adyen-checkout__field--70 {
    width: 70%
  }

  .adyen-checkout__field--80 {
    width: 80%
  }

  .adyen-checkout__field--col-70 {
    width: calc(70% - 8px)
  }

  .adyen-checkout__field--col-30 {
    width: calc(30% - 8px)
  }

  .adyen-checkout__field--col-50 {
    width: calc(50% - 8px)
  }
}

.adyen-checkout__field-wrapper > .adyen-checkout__field:first-child {
  margin-right: 8px
}

[dir=rtl] .adyen-checkout__field-wrapper > .adyen-checkout__field:first-child {
  margin-left: 8px;
  margin-right: 0
}

.adyen-checkout__field-wrapper > .adyen-checkout__field:nth-child(2) {
  margin-left: 8px
}

[dir=rtl] .adyen-checkout__field-wrapper > .adyen-checkout__field:nth-child(2) {
  margin-left: 0;
  margin-right: 8px
}

.adyen-checkout__field-wrapper:last-of-type > .adyen-checkout__field {
  margin-bottom: 0
}

.adyen-checkout__input {
  background: #fff;
  border: 1px solid #b9c4c9;
  border-radius: 6px;
  box-sizing: border-box;
  caret-color: #0075ff;
  color: #00112c;
  display: block;
  font-family: inherit;
  font-size: 1em;
  height: 40px;
  outline: none;
  padding: 5px 8px;
  position: relative;
  transition: border .2s ease-out, box-shadow .2s ease-out;
  width: 100%
}

.adyen-checkout__input:hover {
  border-color: #99a3ad
}

.adyen-checkout__input:required {
  box-shadow: none
}

.adyen-checkout__input--disabled, .adyen-checkout__input[readonly] {
  background: #e6e9eb;
  border-color: #e6e9eb
}

.adyen-checkout__input--disabled:hover {
  border-color: #e6e9eb
}

.adyen-checkout__input-wrapper {
  display: block;
  position: relative
}

.adyen-checkout__input-wrapper--block {
  display: block
}

.adyen-checkout-input__inline-validation {
  height: 16px;
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px
}

[dir=rtl] .adyen-checkout-input__inline-validation {
  left: 14px;
  right: auto
}

[dir=ltr] .adyen-checkout-input__inline-validation {
  left: auto;
  right: 14px
}

.adyen-checkout-input__inline-validation--valid {
  color: #089a43
}

.adyen-checkout-input__inline-validation--invalid {
  color: #c12424
}

.adyen-checkout__input--valid {
  border-bottom-color: #089a43
}

.adyen-checkout__input--error, .adyen-checkout__input--error:hover, .adyen-checkout__input--invalid, .adyen-checkout__input--invalid:hover {
  border-color: #c12424
}

.adyen-checkout__input::-moz-placeholder {
  color: #707070;
  font-weight: 200
}

.adyen-checkout__input::placeholder {
  color: #707070;
  font-weight: 200
}

.adyen-checkout__input--date {
  padding-right: 30px
}

.adyen-checkout__input--focus, .adyen-checkout__input--focus:hover, .adyen-checkout__input:active, .adyen-checkout__input:active:hover, .adyen-checkout__input:focus, .adyen-checkout__input:focus:hover {
  border: 1px solid #0075ff;
  box-shadow: 0 0 0 2px #3070ED
}

.adyen-checkout__input[readonly], .adyen-checkout__input[readonly]:hover {
  background-color: #e6e9eb;
  border-color: transparent;
  color: #687282;
  cursor: default
}

.adyen-checkout__fieldset--personalDetails .adyen-checkout__field--gender .adyen-checkout__radio_group {
  display: flex
}

.adyen-checkout__fieldset--personalDetails .adyen-checkout__radio_group {
  display: flex;
  margin: 8px 0
}

.adyen-checkout__fieldset--personalDetails .adyen-checkout__radio_group__input-wrapper {
  margin-right: 20px
}

.adyen-checkout__fieldset--personalDetails .adyen-checkout__radio_group__input-wrapper:last-child {
  margin: 0
}

.adyen-checkout__radio_group + .adyen-checkout-input__inline-validation {
  display: none
}

.adyen-checkout__radio_group__input {
  opacity: 0;
  position: absolute
}

.adyen-checkout__radio_group__label {
  color: inherit;
  display: block;
  font-size: .81em;
  font-weight: 400;
  line-height: 16px;
  overflow: visible;
  padding-bottom: 0;
  padding-left: 24px;
  position: relative
}

.adyen-checkout__label--focused .adyen-checkout__radio_group__label {
  color: inherit
}

.adyen-checkout__radio_group__label:before {
  background-color: #fff;
  border: 1px solid #b9c4c9;
  border-radius: 50%;
  content: "";
  height: 16px;
  left: 0;
  position: absolute;
  top: 0;
  transition: border-color .2s ease-out, box-shadow .2s ease-out;
  width: 16px
}

.adyen-checkout__radio_group__label:hover:before {
  border-color: #99a3ad;
  box-shadow: 0 0 0 2px #d4d9db;
  cursor: pointer
}

.adyen-checkout__radio_group__label:after {
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 0 1px 1px rgba(0, 15, 45, .25);
  content: "";
  display: block;
  height: 6px;
  left: 5px;
  margin: 0 auto;
  position: absolute;
  top: 5px;
  transform: scale(0);
  transition: transform .2s ease-out;
  width: 6px
}

.adyen-checkout__radio_group__label:hover {
  border-color: #0075ff;
  cursor: pointer
}

.adyen-checkout__radio_group__input:checked + .adyen-checkout__radio_group__label:before, .adyen-checkout__radio_group__label--selected {
  background-color: #0075ff;
  border: 0;
  transition: all .2s ease-out
}

.adyen-checkout__radio_group__input:checked + .adyen-checkout__radio_group__label:after {
  transform: scale(1)
}

.adyen-checkout__radio_group__input:focus + .adyen-checkout__radio_group__label:before {
  border-color: #0075ff;
  box-shadow: 0 0 0 2px rgba(0, 102, 255, .4)
}

.adyen-checkout__radio_group__input:checked + .adyen-checkout__radio_group__label:hover:before, .adyen-checkout__radio_group__input:checked:active + .adyen-checkout__radio_group__label:before, .adyen-checkout__radio_group__input:checked:focus + .adyen-checkout__radio_group__label:before {
  box-shadow: 0 0 0 2px rgba(0, 102, 255, .4)
}

.adyen-checkout__radio_group__label.adyen-checkout__radio_group__label--invalid:before {
  border: 1px solid #c12424
}

.Select-module_adyen-checkout__dropdown__0Mj-n {
  position: relative
}

.Select-module_adyen-checkout__dropdown__button__yTyqq {
  align-items: center;
  cursor: pointer;
  display: flex
}

.Select-module_adyen-checkout__dropdown__button__yTyqq:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.195 6.565a1 1 0 0 0 1.6 0l2.992-3.98a1 1 0 0 0-.8-1.602H1.013a1 1 0 0 0-.8 1.6l2.983 3.982Z' fill='%23687282'/%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  content: "";
  height: 6px;
  position: absolute;
  right: 16px;
  width: 8px
}

[dir=rtl] .Select-module_adyen-checkout__dropdown__button__yTyqq:after {
  left: 16px;
  right: auto
}

.Select-module_adyen-checkout__dropdown__button--active__Ej-JR:after {
  transform: rotate(180deg)
}

.Select-module_adyen-checkout__filter-input__CwPBS {
  background: #fff;
  border: 0;
  caret-color: #0075ff;
  color: #00112c;
  font-family: inherit;
  font-size: 1em;
  height: 100%;
  padding: 0;
  width: 100%
}

.Select-module_adyen-checkout__filter-input__CwPBS::-moz-placeholder {
  color: #b9c4c9;
  font-weight: 200
}

.Select-module_adyen-checkout__filter-input__CwPBS::placeholder {
  color: #b9c4c9;
  font-weight: 200
}

.Select-module_adyen-checkout__filter-input__CwPBS:active, .Select-module_adyen-checkout__filter-input__CwPBS:focus {
  outline: 0
}

.Select-module_adyen-checkout__filter-input__CwPBS[readonly] {
  background: #e6e9eb;
  border-color: transparent;
  color: #00112c;
  cursor: not-allowed
}

.Select-module_adyen-checkout__dropdown__list__YtEzj {
  background: #fff;
  display: none;
  list-style: none;
  margin: 0 0 50px;
  overflow-y: auto;
  padding: 0;
  position: absolute;
  width: 100%;
  z-index: 1
}

.Select-module_adyen-checkout__dropdown__list__YtEzj.Select-module_adyen-checkout__dropdown__list--active__Gegw2 {
  display: block
}

.Select-module_adyen-checkout__dropdown__element__ORU4- {
  align-items: center;
  display: flex
}

.adyen-checkout__image {
  opacity: 0;
  transition: opacity .6s ease-out
}

.adyen-checkout__image--loaded {
  opacity: 1
}

.adyen-checkout__dropdown__button-icon--left {
  flex-direction: row-reverse;
  justify-content: flex-end
}

.adyen-checkout__dropdown__button-icon--left > img {
  margin-left: 0;
  margin-right: 12px
}

.adyen-checkout__dropdown {
  font-size: 1em;
  max-width: 100%;
  width: 100%
}

.adyen-checkout__dropdown__button {
  background: #fff;
  border: 1px solid #b9c4c9;
  border-radius: 6px;
  color: #00112c;
  font-size: 1em;
  height: 40px;
  line-height: 20px;
  outline: 0;
  padding: 7px 24px 7px 12px;
  text-decoration: none;
  transition: border .2s ease-out, box-shadow .2s ease-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%
}

[dir=rtl] .adyen-checkout__dropdown__button {
  padding: 7px 12px 7px 24px
}

.adyen-checkout__dropdown__button:hover {
  border-color: #99a3ad
}

.adyen-checkout__dropdown__button__icon {
  border-radius: 3px;
  height: 26px;
  margin-right: 12px;
  max-width: 40px
}

.adyen-checkout__dropdown__button--disabled {
  opacity: .4
}

.adyen-checkout__dropdown__button--active, .adyen-checkout__dropdown__button--active:hover, .adyen-checkout__dropdown__button:active, .adyen-checkout__dropdown__button:focus {
  border-color: #0075ff;
  box-shadow: 0 0 0 2px #3070ED
}

.adyen-checkout__dropdown__button--readonly, .adyen-checkout__dropdown__button--readonly--active, .adyen-checkout__dropdown__button--readonly:focus, .adyen-checkout__dropdown__button--readonly:hover {
  background: #e6e9eb;
  border-color: transparent;
  color: #00112c;
  cursor: not-allowed
}

.adyen-checkout__dropdown__button--readonly:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.195 6.565a1 1 0 0 0 1.6 0l2.992-3.98a1 1 0 0 0-.8-1.602H1.013a1 1 0 0 0-.8 1.6l2.983 3.982Z' fill='%23B9C4C9'/%3E%3C/svg%3E")
}

.adyen-checkout__dropdown__button--invalid {
  border-color: #c12424
}

.adyen-checkout__dropdown__button--valid {
  border-bottom-color: #089a43
}

.adyen-checkout__dropdown__button__text {
  flex-grow: 1;
  overflow: hidden;
  pointer-events: none;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap
}

.adyen-checkout__dropdown__button__secondary-text {
  margin-right: 16px
}

.adyen-checkout__dropdown__list {
  border-radius: 6px;
  box-shadow: 0 2px 7px rgba(0, 15, 45, .3);
  max-height: 375px;
  z-index: 2
}

.adyen-checkout__dropdown__list.adyen-checkout__dropdown__list--active {
  margin-top: 2px
}

.adyen-checkout__dropdown__element {
  border: 1px solid transparent;
  cursor: pointer;
  font-size: .81em;
  -webkit-hyphens: auto;
  hyphens: auto;
  line-height: 20px;
  outline: 0;
  padding: 8px;
  transition: background .2s ease-out, border-color .2s ease-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  word-break: break-word
}

.adyen-checkout__dropdown__element .adyen-checkout__icon {
  position: absolute;
  right: 8px
}

.adyen-checkout__dropdown__element:last-child {
  border-bottom: 0
}

.adyen-checkout__dropdown__element.adyen-checkout__dropdown__element--active {
  background: rgba(230, 233, 235, .6)
}

.adyen-checkout__dropdown__element.adyen-checkout__dropdown__element--selected {
  background: rgba(0, 102, 255, .1)
}

.adyen-checkout__dropdown__element.adyen-checkout__dropdown__element--selected:active, .adyen-checkout__dropdown__element.adyen-checkout__dropdown__element--selected:focus, .adyen-checkout__dropdown__element.adyen-checkout__dropdown__element--selected:hover {
  background: rgba(0, 102, 255, .15)
}

.adyen-checkout__dropdown__element--disabled {
  cursor: not-allowed;
  opacity: .4
}

.adyen-checkout__dropdown__element__icon {
  border-radius: 3px;
  margin-right: 12px;
  max-height: 26px;
  max-width: 40px
}

.adyen-checkout__dropdown__element__text {
  flex-grow: 1
}

.adyen-checkout__dropdown__element__secondary-text:not(:last-child) {
  margin-right: 8px
}

.adyen-checkout__dropdown__element__flag {
  margin-left: 8px;
  margin-right: 10px;
  max-height: 18px;
  max-width: 27px
}

.adyen-checkout__dropdown + .adyen-checkout-input__inline-validation {
  right: 32px
}

.adyen-checkout__address-search {
  position: relative
}

.adyen-checkout__address-search .adyen-checkout__dropdown__button:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill='%23687282' d='M6.5 11.9a4.5 4.5 0 0 0 2.6-.83l2.77 2.74c.13.13.3.19.48.19.38 0 .65-.29.65-.66a.63.63 0 0 0-.19-.46l-2.75-2.73a4.4 4.4 0 0 0 .92-2.7 4.48 4.48 0 0 0-8.98 0 4.48 4.48 0 0 0 4.5 4.45Zm0-.96a3.53 3.53 0 0 1-3.53-3.49 3.52 3.52 0 0 1 7.04 0c0 1.9-1.59 3.49-3.52 3.49Z'/%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  content: "";
  height: 16px;
  left: 12px;
  position: absolute;
  width: 16px
}

.adyen-checkout__address-search .adyen-checkout__dropdown__button--active:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill='%2300112C' d='M6.5 11.9a4.5 4.5 0 0 0 2.6-.83l2.77 2.74c.13.13.3.19.48.19.38 0 .65-.29.65-.66a.63.63 0 0 0-.19-.46l-2.75-2.73a4.4 4.4 0 0 0 .92-2.7 4.48 4.48 0 0 0-8.98 0 4.48 4.48 0 0 0 4.5 4.45Zm0-.96a3.53 3.53 0 0 1-3.53-3.49 3.52 3.52 0 0 1 7.04 0c0 1.9-1.59 3.49-3.52 3.49Z'/%3E%3C/svg%3E");
  transform: none
}

.adyen-checkout__address-search .adyen-checkout__filter-input {
  padding-left: 24px
}

.adyen-checkout__address-search__manual-add {
  position: absolute;
  right: 0;
  top: 0
}

.adyen-checkout__address-search__manual-add .adyen-checkout__address-search__manual-add__button {
  border: 0;
  padding: 0
}

.adyen-checkout__checkbox {
  display: block
}

.adyen-checkout__checkbox__label {
  color: #00112c;
  cursor: pointer;
  font-size: .81em;
  font-weight: 400;
  line-height: 19px;
  padding-left: 24px;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

[dir=rtl] .adyen-checkout__checkbox__label {
  padding-left: 0;
  padding-right: 24px
}

.adyen-checkout__checkbox__input {
  opacity: 0;
  pointer-events: none;
  position: absolute
}

.adyen-checkout__checkbox__input:checked + .adyen-checkout__checkbox__label:before {
  opacity: 1
}

.adyen-checkout__checkbox__input:checked + .adyen-checkout__checkbox__label:after {
  background-color: #0075ff;
  border: 1px solid #0075ff
}

.adyen-checkout__checkbox__input:checked:hover + .adyen-checkout__checkbox__label:after {
  border-color: #0075ff;
  box-shadow: 0 0 0 2px rgba(0, 102, 255, .4)
}

.adyen-checkout__checkbox__input:focus + .adyen-checkout__checkbox__label:after {
  border: 1px solid #0075ff;
  box-shadow: 0 0 0 2px #3070ED
}

.adyen-checkout__checkbox__input:hover:not(:focus) + .adyen-checkout__checkbox__label:after {
  border-color: #99a3ad;
  box-shadow: 0 0 0 2px #d4d9db
}

.adyen-checkout__checkbox__input + .adyen-checkout__checkbox__label:before {
  border-color: transparent #fff #fff transparent;
  border-radius: 0 2px 1px;
  border-style: solid;
  border-width: 1px 2px 2px 1px;
  content: "";
  height: 11px;
  left: 1px;
  opacity: 0;
  position: absolute;
  top: 2px;
  transform: rotate(37deg);
  transform-origin: 100% 100%;
  transition: opacity .2s ease-out;
  width: 6px;
  z-index: 1
}

[dir=rtl] .adyen-checkout__checkbox__input + .adyen-checkout__checkbox__label:before {
  left: auto;
  right: 8px
}

.adyen-checkout__checkbox__input + .adyen-checkout__checkbox__label:after {
  background-color: #fff;
  border: 1px solid #b9c4c9;
  border-radius: 3px;
  content: "";
  height: 16px;
  left: 0;
  position: absolute;
  top: 0;
  transition: background .15s ease-out, border .05s ease-out, box-shadow .1s ease-out;
  width: 16px;
  z-index: 0
}

[dir=rtl] .adyen-checkout__checkbox__input + .adyen-checkout__checkbox__label:after {
  left: auto;
  right: 0
}

.adyen-checkout__field--consentCheckbox {
  background: #e6e9eb;
  border: 1px solid #e6e9eb;
  border-radius: 6px;
  padding: 14px 14px 13px
}

[dir=rtl] .adyen-checkout__field--consentCheckbox {
  padding: 14px 14px 13px
}

.adyen-checkout__field--consentCheckbox.adyen-checkout__field--error {
  border-color: #c12424
}

.adyen-checkout__field--consentCheckbox .adyen-checkout-input__inline-validation {
  right: -5px;
  top: 10px
}

.adyen-checkout__open-invoice .adyen-checkout__fieldset--billingAddress {
  padding-bottom: 8px
}

.adyen-checkout__open-invoice .adyen-checkout__fieldset--deliveryAddress {
  margin-top: 24px;
  padding-bottom: 8px
}

.adyen-checkout__open-invoice .adyen-checkout__input--separateDeliveryAddress {
  margin-bottom: 0
}

.adyen-checkout__open-invoice .adyen-checkout__field--consentCheckbox {
  margin-top: 22px
}

.adyen-checkout__input--separateDeliveryAddress + .adyen-checkout__checkbox__label {
  margin-top: 16px
}

.adyen-checkout-form-instruction {
  color: #687282;
  font-size: .7em;
  font-weight: 400;
  line-height: 19px;
  margin-top: 0
}

[dir=rtl] .adyen-checkout-form-instruction {
  padding-right: 0
}

.adyen-checkout__amazonpay__button {
  margin: auto
}

.adyen-checkout__amazonpay .adyen-checkout__button--ghost {
  display: block;
  margin: 8px auto 0;
  width: auto
}

@supports (-webkit-appearance:-apple-pay-button) {
  .ApplePayButton-module_apple-pay-button__l5g-d, .ApplePayButton-module_apple-pay__gYjuP {
    -webkit-appearance: -apple-pay-button
  }

  .ApplePayButton-module_apple-pay-button__l5g-d {
    cursor: pointer;
    display: inline-block
  }

  .ApplePayButton-module_apple-pay-button-black__istwW {
    -apple-pay-button-style: black
  }

  .ApplePayButton-module_apple-pay-button-white__-wLaE {
    -apple-pay-button-style: white
  }

  .ApplePayButton-module_apple-pay-button-white-with-line__MlRq7 {
    -apple-pay-button-style: white-outline
  }

  .ApplePayButton-module_apple-pay-button--type-plain__ycfNl {
    -apple-pay-button-type: plain
  }

  .ApplePayButton-module_apple-pay-button--type-buy__9m8AB {
    -apple-pay-button-type: buy
  }

  .ApplePayButton-module_apple-pay-button--type-donate__HmRdK {
    -apple-pay-button-type: donate
  }

  .ApplePayButton-module_apple-pay-button--type-check-out__XdGWd {
    -apple-pay-button-type: check-out
  }

  .ApplePayButton-module_apple-pay-button--type-book__-v-VY {
    -apple-pay-button-type: book
  }

  .ApplePayButton-module_apple-pay-button--type-subscribe__WxWIF {
    -apple-pay-button-type: subscribe
  }

  .ApplePayButton-module_apple-pay-button--type-add-money__zeBA8 {
    -apple-pay-button-type: add-money
  }

  .ApplePayButton-module_apple-pay-button--type-contribute__G3E8e {
    -apple-pay-button-type: contribute
  }

  .ApplePayButton-module_apple-pay-button--type-order__ggI6j {
    -apple-pay-button-type: order
  }

  .ApplePayButton-module_apple-pay-button--type-reload__QbgLd {
    -apple-pay-button-type: reload
  }

  .ApplePayButton-module_apple-pay-button--type-rent__VzC-E {
    -apple-pay-button-type: rent
  }

  .ApplePayButton-module_apple-pay-button--type-support__6EjmY {
    -apple-pay-button-type: support
  }

  .ApplePayButton-module_apple-pay-button--type-tip__bdzGK {
    -apple-pay-button-type: tip
  }

  .ApplePayButton-module_apple-pay-button--type-top-up__Eb3qR {
    -apple-pay-button-type: top-up
  }
}

@supports not (-webkit-appearance:-apple-pay-button) {
  .ApplePayButton-module_apple-pay-button__l5g-d {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% 60%;
    border-radius: 5px;
    box-sizing: border-box;
    display: inline-block;
    max-height: 64px;
    min-height: 32px;
    padding: 0
  }

  .ApplePayButton-module_apple-pay-button-black__istwW {
    background-color: black;
    background-image: -webkit-named-image(apple-pay-logo-white)
  }

  .ApplePayButton-module_apple-pay-button-white-with-line__MlRq7, .ApplePayButton-module_apple-pay-button-white__-wLaE {
    background-color: white;
    background-image: -webkit-named-image(apple-pay-logo-black)
  }

  .ApplePayButton-module_apple-pay-button-white-with-line__MlRq7 {
    border: .5px solid black
  }
}

.adyen-checkout__applepay__button {
  height: 46px;
  width: 100%;
}

.adyen-checkout__issuer-button {
  align-items: center;
  background-color: #fff;
  border: none;
  border-radius: 6px;
  box-shadow: inset 0 0 0 1px #b9c4c9;
  cursor: pointer;
  display: flex;
  flex-basis: 47%;
  flex-grow: 2;
  font-size: .81em;
  height: 40px;
  padding: 0 12px;
  transition: background .3s ease-out, box-shadow .3s ease-out
}

.adyen-checkout__issuer-button:active {
  color: black
}

.adyen-checkout__issuer-button:not(.adyen-checkout__issuer-button--selected):focus {
  box-shadow: inset 0 0 0 2px #99a3ad;
  outline: none
}

.adyen-checkout__issuer-button:not(.adyen-checkout__issuer-button--selected):focus-visible {
  box-shadow: inset 0 0 0 2px #99a3ad;
  outline: none
}

.adyen-checkout__issuer-button:not(.adyen-checkout__issuer-button--selected):hover {
  box-shadow: inset 0 0 0 2px #99a3ad;
  outline: none
}

.adyen-checkout__issuer-button--selected {
  background: #fff;
  box-shadow: inset 0 0 0 2px #0075ff;
  color: #0075ff;
  font-weight: 500;
  height: 40px;
  transition: none
}

.adyen-checkout__issuer-button-img {
  margin-right: 8px;
  max-height: 26px
}

.adyen-checkout__issuer-button-group {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 16px
}

.adyen-checkout__content-separator {
  align-items: center;
  color: #687282;
  display: flex;
  font-size: 13px;
  justify-content: center;
  line-height: 19px;
  margin-bottom: 16px;
  margin-top: 16px;
  white-space: nowrap
}

.adyen-checkout__content-separator:after, .adyen-checkout__content-separator:before {
  background: #e6e9eb;
  content: "";
  display: block;
  height: 1px;
  width: 100%
}

.adyen-checkout__content-separator:after {
  margin-left: 20px
}

.adyen-checkout__content-separator:before {
  margin-right: 20px
}

.adyen-checkout__field--issuer-list {
  margin-bottom: 0
}

.adyen-checkout__issuer-list__termsAndConditions {
  text-align: center
}

.adyen-checkout-disclaimer__label {
  color: #687282;
  display: inline-block;
  font-size: .81em;
  font-weight: 400;
  line-height: 19px;
  margin-top: 16px;
  padding-left: 0
}

[dir=rtl] .adyen-checkout-disclaimer__label {
  padding-right: 0
}

.js-iframe {
  border: none;
  height: 100%;
  overflow: hidden;
  width: 100%
}

.adyen-checkout__card-input__form {
  transition: opacity .25s ease-out
}

.adyen-checkout__card__cardNumber {
  max-width: 400px
}

.adyen-checkout__card__cardNumber__input {
  padding: 5px 8px
}

.adyen-checkout__card__exp-date__input--oneclick {
  font-weight: 400;
  line-height: 30px;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap
}

.adyen-checkout__field--storedCard .adyen-checkout__input[readonly], .adyen-checkout__field--storedCard .adyen-checkout__input[readonly]:hover {
  color: #00112c
}

.adyen-checkout__card__holderName, .adyen-checkout__field--expiryDate, .adyen-checkout__field--storedCard {
  margin-bottom: 0
}

.adyen-checkout__card-input .adyen-checkout__fieldset--billingAddress, .adyen-checkout__card__holderName, .adyen-checkout__card__kcp-authentication, .adyen-checkout__card__socialSecurityNumber, .adyen-checkout__installments, .adyen-checkout__store-details {
  margin-top: 16px
}

.adyen-checkout__card-input.adyen-checkout__card-input--loading {
  pointer-events: none
}

.adyen-checkout__card__holderName:first-child {
  margin: 0 0 16px
}

.adyen-checkout__field--cardNumber .adyen-checkout__input--error .adyen-checkout__card__cardNumber__brandIcon, .adyen-checkout__field--cardNumber .adyen-checkout__input--valid:not(.adyen-checkout__card__cardNumber__input--noBrand) + .adyen-checkout-input__inline-validation--valid {
  display: none
}

.adyen-checkout__field--securityCode.adyen-checkout__field--error .adyen-checkout__card__cvc__hint, .adyen-checkout__field--securityCode.adyen-checkout__field--valid .adyen-checkout__card__cvc__hint {
  opacity: 0
}

@keyframes cvc-indicate-location {
  0% {
    opacity: 1
  }

  to {
    opacity: .3
  }
}

.adyen-checkout__label--focused .adyen-checkout__field__cvc--back-hint .adyen-checkout__card__cvc__hint--back .adyen-checkout__card__cvc__hint__location, .adyen-checkout__label--focused .adyen-checkout__field__cvc--front-hint .adyen-checkout__card__cvc__hint--front .adyen-checkout__card__cvc__hint__location {
  animation-direction: alternate;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-name: cvc-indicate-location
}

.adyen-checkout__card__cvc__hint__wrapper {
  align-items: center;
  backface-visibility: visible;
  display: flex;
  height: 100%;
  margin: 0 10px;
  position: absolute;
  right: 0;
  top: 0;
  transform: translateZ(0);
  transform-origin: center;
  transform-style: preserve-3d;
  transition: transform .3s cubic-bezier(.455, .03, .515, .955);
  width: 27px;
  will-change: transform
}

.adyen-checkout__field__cvc--front-hint.adyen-checkout__card__cvc__hint__wrapper {
  transform: rotateY(180deg)
}

.adyen-checkout__card__cvc__hint {
  backface-visibility: hidden;
  position: absolute;
  transition: opacity .1s linear;
  color: transparent;
}

.adyen-checkout__field__exp-date_hint_wrapper {
  align-items: center;
  bottom: 0;
  display: flex;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity .1s linear
}

.adyen-checkout__field__exp-date_hint_wrapper.adyen-checkout__field__exp-date_hint_wrapper--hidden {
  opacity: 0
}

.adyen-checkout__field__exp-date_hint {
  height: 18px;
  margin: 0 10px 0 0;
  width: 27px
}

.adyen-checkout__card__cvc__hint--front {
  transform: rotateY(180deg)
}

@media (prefers-reduced-motion: reduce) {
  .adyen-checkout__card__cvc__hint__wrapper {
    transition: none
  }
}

.adyen-checkout__fieldset--revolving-plan .adyen-checkout__fieldset__fields {
  justify-content: left
}

.adyen-checkout__fieldset--revolving-plan .adyen-checkout__radio_group {
  display: flex;
  flex-direction: column
}

.adyen-checkout__fieldset--revolving-plan .adyen-checkout__radio_group__input-wrapper {
  margin-top: 20px
}

.adyen-checkout__fieldset--revolving-plan .adyen-checkout__field--revolving-plan-installments {
  margin-left: 15px;
  position: relative;
  top: 42px;
  width: 30%
}

.LoadingWrapper-module_loading-input__form__ffCKa {
  opacity: 1
}

.LoadingWrapper-module_loading-input__form--loading__7GmVo {
  opacity: 0
}

.LoadingWrapper-module_loading-input__spinner__GxA51 {
  display: none;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1
}

.LoadingWrapper-module_loading-input__spinner--active__ENNBS {
  display: block
}

.CardInput-module_card-input__wrapper__wXSCw {
  position: relative
}

.CardInput-module_card-input__wrapper__wXSCw *, .CardInput-module_card-input__wrapper__wXSCw :after, .CardInput-module_card-input__wrapper__wXSCw :before {
  box-sizing: border-box
}

.CardInput-module_card-input__icon__3Cz5M {
  border-radius: 3px;
  height: 18px;
  margin-left: 7px;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 27px
}

.CardInput-module_card-input__form__fRo1r {
  opacity: 1
}

.CardInput-module_card-input__spinner__-j2Qi {
  display: none;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1
}

.CardInput-module_card-input__spinner--active__slD7w {
  display: block
}

.CardInput-module_card-input__form--loading__rrmdj {
  opacity: 0
}

.CardInput-module_adyen-checkout__input__11tlB {
  display: block;
  max-height: 100px
}

.CardInput-module_adyen-checkout__card__cvc__input--hidden__VIlHV, .CardInput-module_adyen-checkout__card__exp-date__input--hidden__evi6- {
  display: none
}

.CardInput-module_adyen-checkout__card__exp-cvc__exp-date__input--hidden__YC3VT {
  justify-content: flex-end
}

.CardInput-module_revolving-plan-installments__disabled__VhNj2 {
  opacity: .4;
  pointer-events: none
}

.adyen-checkout__card__dual-branding__buttons {
  display: flex;
  opacity: .4;
  pointer-events: none
}

.adyen-checkout__card__dual-branding__buttons--active {
  opacity: 1;
  pointer-events: auto
}

.adyen-checkout__card__dual-branding__buttons .adyen-checkout__card__cardNumber__brandIcon {
  cursor: pointer;
  opacity: 1
}

.adyen-checkout__card__dual-branding__buttons .adyen-checkout__card__cardNumber__brandIcon:first-child {
  right: 40px
}

.adyen-checkout__card__dual-branding__buttons .adyen-checkout__card__cardNumber__brandIcon--not-selected {
  opacity: .5
}

.adyen-checkout__card__brands {
  display: flex;
  flex-basis: auto;
  flex-shrink: 1;
  flex-wrap: wrap;
  gap: 4px;
  height: 16px;
  margin-bottom: 16px;
  margin-top: -8px;
  overflow: hidden;
  transition: all .2s ease-out
}

.adyen-checkout__card__brands--hidden {
  height: 0;
  margin: -8px 0 8px;
  opacity: 0
}

.adyen-checkout__card__brands img {
  border-radius: 3px;
  height: 16px;
  width: 24px
}

.adyen-checkout__card__brands__brand-wrapper {
  display: inline-block;
  height: 16px;
  position: relative;
  width: 24px
}

.adyen-checkout__card__brands__brand-wrapper:after {
  border: 1px solid rgba(0, 27, 43, .17);
  border-radius: 3px;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.adyen-checkout-ctp__otp-resend-code {
  color: #0075ff;
  cursor: pointer;
  font-size: 13px;
  font-weight: 400;
  margin-left: auto
}

.adyen-checkout-ctp__otp-resend-code--confirmation, .adyen-checkout-ctp__otp-resend-code--disabled {
  color: #687282;
  cursor: default;
  font-size: 13px;
  font-weight: 400;
  margin-left: auto;
  pointer-events: none
}

.adyen-checkout-ctp__otp-resend-code--confirmation {
  align-items: center;
  display: flex
}

.adyen-checkout-ctp__otp-resend-code--confirmation > img {
  margin-left: 4px
}

.adyen-checkout-ctp__otp-resend-code-counter {
  color: black;
  cursor: default;
  display: inline-block;
  font-size: 13px;
  font-weight: 400;
  margin-left: auto;
  text-align: right
}

.adyen-checkout-ctp__section > .adyen-checkout__field.adyen-checkout__field--otp {
  margin-bottom: 20px
}

.adyen_checkout-ctp__brand-wrapper {
  align-items: center;
  display: flex;
  height: 18px
}

.adyen_checkout-ctp__brand-logo {
  margin-right: 6px;
  width: 24px
}

.adyen_checkout-ctp__brand-pipe {
  height: 15px;
  margin-right: 6px
}

.adyen_checkout-ctp__brand-scheme {
  margin-right: 6px;
  -o-object-fit: none;
  object-fit: none
}

.adyen_checkout-ctp__brand-scheme-mc {
  width: 27px
}

.adyen_checkout-ctp__brand-scheme-visa {
  width: 35px
}

.adyen-checkout__modal-wrapper {
  align-items: center;
  display: flex;
  height: 100%;
  left: 0;
  overflow-y: auto;
  overscroll-behavior-y: contain;
  padding: 24px;
  position: fixed;
  top: 0;
  visibility: hidden;
  width: 100%;
  z-index: 10
}

.adyen-checkout__modal-wrapper:before {
  background: rgba(0, 17, 44, .5);
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  transition: opacity .3s linear;
  width: 100%;
  z-index: 10
}

.adyen-checkout__modal-wrapper--open {
  visibility: visible
}

.adyen-checkout__modal-wrapper--open .adyen-checkout__modal, .adyen-checkout__modal-wrapper--open:before {
  opacity: 1
}

.adyen-checkout__modal {
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0, 17, 44, .15);
  margin: auto;
  opacity: 0;
  padding: 16px;
  position: relative;
  transition: opacity .2s ease, visibility .2s ease;
  z-index: 11
}

@media (max-width: 480px) {
  .adyen-checkout__modal-wrapper {
    padding: 0
  }

  .adyen-checkout__modal {
    border-radius: 0;
    height: 100%
  }
}

.adyen-checkout__ctp-modal-header-image {
  display: block;
  margin: auto
}

.adyen-checkout__ctp-modal-title {
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  margin: 0 0 12px;
  padding: 0
}

.adyen-checkout__ctp-modal-text {
  font-size: 13px;
  font-weight: 400;
  line-height: 19px;
  margin-bottom: 16px
}

.adyen-checkout__ctp-modal-benefits {
  margin-left: 0;
  padding-left: 20px
}

.adyen-checkout__ctp-modal-benefits li {
  list-style: disc;
  margin-bottom: 16px
}

.adyen-checkout__modal-wrapper--ctp .adyen-checkout__modal {
  max-width: 464px
}

.adyen_checkout-ctp__brand-wrapper--popup {
  justify-content: center;
  margin-bottom: 24px
}

.adyen-web__ctp-info-button {
  background-color: transparent;
  border: 0;
  cursor: pointer;
  padding: 0
}

.adyen-checkout-ctp__section-logout-button {
  color: #0075ff;
  cursor: pointer;
  font-size: 13px;
  font-weight: 400;
  line-height: 19px;
  margin-left: auto
}

.adyen-checkout-ctp__section-logout-button--disabled {
  color: #687282;
  pointer-events: none
}

.adyen-checkout-ctp__section {
  background-color: white;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .15);
  padding: 16px;
  position: relative
}

.adyen-checkout-ctp__section-brand {
  align-items: center;
  display: flex;
  height: 18px;
  margin-bottom: 14px
}

.adyen-checkout-ctp__section--standalone {
  all: unset
}

.adyen-checkout-ctp__section .adyen-checkout__fieldset {
  margin-bottom: 24px
}

.adyen-checkout-ctp__section-header {
  align-items: center;
  display: flex
}

.adyen-checkout-ctp__section-header-title {
  font-size: 17px;
  font-weight: 600;
  line-height: 22px;
  margin: 0 0 4px;
  padding: 0;
  width: auto
}

@media screen and (max-width: 400px) {
  .adyen-checkout-ctp__section-header-title {
    font-size: 15px
  }
}

.adyen-checkout-ctp__section-header-adornment {
  margin-left: 5px
}

.adyen-checkout-ctp__section-text {
  color: #687282;
  font-size: 13px;
  font-weight: 400;
  line-height: 19px;
  margin: 0 0 16px
}

.adyen-checkout-ctp__separator {
  color: #00112c;
  font-size: 13px;
  font-weight: 400
}

.adyen-checkout-ctp__otp-subtitle--highlighted {
  color: #00112c;
  font-weight: 500
}

.adyen-checkout-ctp__otp-checkbox-container {
  background-color: #f7f8f9;
  border-radius: 6px;
  margin-bottom: 16px;
  padding: 12px
}

.adyen-checkout-ctp__otp-checkbox-container--checked {
  background-color: #F2F8FF
}

.adyen-checkout-ctp__otp-checkbox-container label {
  cursor: pointer
}

.adyen-checkout-ctp__section .adyen-checkout__field.adyen-checkout-ctp__otp-checkbox-container {
  margin-bottom: 4px
}

.adyen-checkout-ctp__otp-checkbox-info {
  color: #707070;
  font-size: 13px;
  font-weight: 400;
  line-height: 19px;
  margin: 4px 0 0
}

.adyen-checkout-ctp__otp-readmore-button {
  all: unset;
  color: #0075ff;
  cursor: pointer;
  text-transform: lowercase
}

.adyen-checkout-ctp__card-list-single-card {
  align-items: center;
  background-color: #f7f8f9;
  border-radius: 6px;
  display: flex;
  font-size: 13px;
  font-weight: 400;
  height: 40px;
  line-height: 19px;
  padding: 12px
}

.adyen-checkout-ctp__card-list-single-card-expired {
  color: #687282;
  text-decoration: line-through
}

.adyen-checkout-ctp__expired-label {
  color: #687282;
  font-weight: 500;
  line-height: 17px;
  margin-left: auto
}

.adyen-checkout-ctp__card-image {
  border-radius: 3px;
  margin-right: 8px
}

.adyen-checkout-ctp__cards-list-dropdown .adyen-checkout__dropdown__element--disabled {
  opacity: 1
}

.adyen-checkout-ctp__cards-list-dropdown .adyen-checkout__dropdown__element--disabled .adyen-checkout__dropdown__element__text {
  margin: 0;
  opacity: .4;
  text-decoration: line-through
}

.adyen-checkout-ctp__cards-list-dropdown .adyen-checkout__dropdown__element--disabled .adyen-checkout__dropdown__element__secondary-text {
  color: #687282;
  font-weight: 500;
  line-height: 17px
}

.adyen-checkout-ctp__cards-list-dropdown .adyen-checkout__dropdown__button--disabled {
  opacity: 1
}

.adyen-checkout-ctp__cards-list-dropdown .adyen-checkout__dropdown__button--disabled .adyen-checkout__dropdown__button__text {
  opacity: .4;
  text-decoration: line-through
}

.adyen-checkout-ctp__cards-list-dropdown .adyen-checkout__dropdown__button--disabled .adyen-checkout__dropdown__button__secondary-text {
  color: #687282;
  font-weight: 500;
  opacity: 1
}

.adyen-checkout-ctp__card {
  background-color: white;
  border: none;
  border-radius: 4px;
  box-shadow: 0 0 0 2px #999595;
  cursor: pointer;
  height: 40px;
  margin: 0 0 20px;
  width: 100%
}

.adyen-checkout-ctp__empty-cards {
  align-items: center;
  background-color: #f7f8f9;
  border-radius: 6px;
  color: #687282;
  display: flex;
  font-size: 13px;
  font-weight: 400;
  height: 40px;
  line-height: 19px;
  margin-bottom: 24px;
  padding: 12px 16px
}

.adyen-checkout__iframe--ctpIframe {
  pointer-events: auto
}

.adyen-checkout__iframe--ctpIframe-hidden {
  display: none
}

@keyframes card-bounce {
  0% {
    animation-timing-function: cubic-bezier(.17, .17, .32, 1);
    -webkit-translate: 0 -60%;
    -moz-translate: 0 -60%;
    -ms-translate: 0 -60%;
    translate: 0 -60%
  }

  9.70874% {
    animation-timing-function: cubic-bezier(.41, 0, .49, 1);
    -webkit-translate: 0 8.5%;
    -moz-translate: 0 8.5%;
    -ms-translate: 0 8.5%;
    translate: 0 8.5%
  }

  23.4466% {
    animation-timing-function: cubic-bezier(.29, 0, .26, 1);
    -webkit-translate: 0 -22.5%;
    -moz-translate: 0 -22.5%;
    -ms-translate: 0 -22.5%;
    translate: 0 -22.5%
  }

  47.7184% {
    -webkit-translate: 0;
    -moz-translate: 0;
    -ms-translate: 0;
    translate: 0
  }

  63.8835% {
    animation-timing-function: cubic-bezier(1, 0, .78, 1);
    -webkit-translate: 0;
    -moz-translate: 0;
    -ms-translate: 0;
    translate: 0
  }

  86.5534% {
    -webkit-translate: 0 40.7%;
    -moz-translate: 0 40.7%;
    -ms-translate: 0 40.7%;
    translate: 0 40.7%
  }

  to {
    -webkit-translate: 0 40.7%;
    -moz-translate: 0 40.7%;
    -ms-translate: 0 40.7%;
    translate: 0 40.7%
  }
}

@keyframes card-fade-100 {
  0% {
    animation-timing-function: linear;
    opacity: 0
  }

  8.1068% {
    opacity: 1
  }

  78.4466% {
    opacity: 1
  }

  86.5534% {
    opacity: 0
  }

  to {
    opacity: 0
  }
}

@keyframes card-fade-60 {
  0% {
    animation-timing-function: linear;
    opacity: 0
  }

  8.1068% {
    opacity: .6
  }

  78.4466% {
    opacity: .6
  }

  86.5534% {
    opacity: 0
  }

  to {
    opacity: 0
  }
}

@keyframes card-fade-20 {
  0% {
    animation-timing-function: linear;
    opacity: 0
  }

  8.1068% {
    opacity: .2
  }

  78.4466% {
    opacity: .2
  }

  86.5534% {
    opacity: 0
  }

  to {
    opacity: 0
  }
}

.adyen-checkout-ctp__card-animation {
  aspect-ratio: 1/.438;
  filter: grayscale(1);
  margin: 40px auto 50px;
  max-width: 100%;
  position: relative;
  width: 140px
}

.adyen-checkout-ctp__card-animation > .adyen-checkout-ctp__card-animation-layer {
  background-size: contain !important;
  height: 100%;
  opacity: 0;
  position: absolute;
  width: 100%
}

.adyen-checkout-ctp__card-animation > .adyen-checkout-ctp__card-animation-layer:first-of-type {
  animation: card-bounce 2.06s linear infinite both, card-fade-100 2.06s linear infinite both;
  animation-delay: .1s;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1064' height='466' fill='none'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='m895.31 228.862-46.416-10.988c-1.172-.381-2.528-.481-3.565-.203-1.582.424-1.825 1.567-.543 2.554.676.52 1.641.893 2.634 1.067l42.816 10.545-.537 21.742-2.328.624-6.897 1.848 1.146-20.056c.002-.012.002-.025.003-.037h.005c.061-.536-.274-1.054-.864-1.494-.563-.447-1.399-.831-2.462-1.065l-.003.001-.072-.016-46.587-10.849a.3.3 0 0 1-.032-.008c-1.18-.39-2.554-.496-3.601-.215l-16.926 4.535c-1.582.424-1.825 1.568-.542 2.555.389.299.859.593 1.407.742l44.453 10.938-.526 19.429c-.021.101.234 2.007-2.662 2.783l-22.831 6.118c-3.105.832-7.644.01-10.253-1.998l-32.227-24.8c-2.271-1.748-2.029-4.233 1.146-5.083l14.204-3.806c1.674-.449 1.938-1.481.58-2.526s-3.556-1.501-5.23-1.053l-14.297 3.879c-6.795 1.82-6.817 6.539-2.199 10.093l32.275 24.837c4.972 3.826 14.615 5.636 20.567 4.042l22.824-6.116c1.151-.309 2.067-.696 2.797-1.118.104-.061.204-.122.301-.183 2.32-1.48 2.521-3.296 2.528-3.671l1.19-21.406c.081-.992-1.14-2.073-3.289-2.548l-.003.002-.072-.017-39.385-9.196 7.065-1.893 2.329-.624 41.998 10.256-.496 22.836c-.001.007.031.018.093.032.113.304.361.618.75.918 1.283.987 3.605 1.443 5.187 1.02l16.925-4.535c1.048-.281 1.507-.878 1.326-1.536l1.612-23.779.002-.037.005-.001c.123-1.083-1.369-2.092-3.323-2.539z'/%3E%3Cpath stroke='%23fff' d='m895.31 228.862-46.416-10.988c-1.172-.381-2.528-.481-3.565-.203-1.582.424-1.825 1.567-.543 2.554.676.52 1.641.893 2.634 1.067l42.816 10.545-.537 21.742-2.328.624-6.897 1.848 1.146-20.056c.002-.012.002-.025.003-.037h.005c.061-.536-.274-1.054-.864-1.494-.563-.447-1.399-.831-2.462-1.065l-.003.001-.072-.016-46.587-10.849a.3.3 0 0 1-.032-.008c-1.18-.39-2.554-.496-3.601-.215l-16.926 4.535c-1.582.424-1.825 1.568-.542 2.555.389.299.859.593 1.407.742l44.453 10.938-.526 19.429c-.021.101.234 2.007-2.662 2.783l-22.831 6.118c-3.105.832-7.644.01-10.253-1.998l-32.227-24.8c-2.271-1.748-2.029-4.233 1.146-5.083l14.204-3.806c1.674-.449 1.938-1.481.58-2.526s-3.556-1.501-5.23-1.053l-14.297 3.879c-6.795 1.82-6.817 6.539-2.199 10.093l32.275 24.837c4.972 3.826 14.615 5.636 20.567 4.042l22.824-6.116c1.151-.309 2.067-.696 2.797-1.118.104-.061.204-.122.301-.183 2.32-1.48 2.521-3.296 2.528-3.671l1.19-21.406c.081-.992-1.14-2.073-3.289-2.548l-.003.002-.072-.017-39.385-9.196 7.065-1.893 2.329-.624 41.998 10.256-.496 22.836c-.001.007.031.018.093.032.113.304.361.618.75.918 1.283.987 3.605 1.443 5.187 1.02l16.925-4.535c1.048-.281 1.507-.878 1.326-1.536l1.612-23.779.002-.037.005-.001c.123-1.083-1.369-2.092-3.323-2.539'/%3E%3Cpath fill='%23fff' fill-opacity='.9' fill-rule='evenodd' d='M418.95 242.813c-1.166.08-3.042-.372-4.121-.994-.702-.405-.941-.755-1.527-2.243-2.373-6.017-6.517-11.028-13.679-16.54-6.921-5.325-13.863-9.053-24.178-12.987-2.215-.844-4.182-1.652-4.368-1.795-.687-.528-.979-1.482-.612-1.986.505-.691 2.349-1.081 3.824-.809.567.103 2.521.743 4.345 1.421 7.215 2.687 13.99 5.937 20.009 9.598 3.723 2.267 9.803 6.823 12.219 9.164 4.462 4.317 7.493 8.422 9.4 12.73 1.153 2.604 1.269 3.77.4 4.003a2.41 2.41 0 0 0-.548.23c-.132.08-.653.173-1.164.208zm-16.069-.701c-1.791.122-4.29-.719-4.965-1.671-.163-.23-.697-1.349-1.19-2.485-2.083-4.815-6.346-9.43-12.427-13.455-4.994-3.305-8.797-5.218-15.392-7.737-4.424-1.69-4.929-2-5.087-3.117-.146-1.06 1.961-1.804 4.061-1.431 1.457.258 8.467 2.972 11.969 4.634 11.594 5.498 19.993 12.484 23.913 19.889 2.008 3.792 1.779 5.192-.882 5.373zm-16.492-.659c-1.224-.015-2.768-.406-3.758-.951-.603-.332-.912-.797-1.614-2.437-2.575-6.024-8.768-10.833-18.898-14.676-4.447-1.688-5.038-2.104-4.718-3.324.158-.605.358-.757 1.34-1.02 1.642-.44 3.175-.146 7.121 1.365 6.068 2.325 10.298 4.621 14.525 7.881 4.345 3.352 6.465 5.882 8.069 9.62.915 2.141.839 2.79-.389 3.282-.375.149-1.131.266-1.678.26zm-15.379-.611c-.949.006-2.546-.385-3.476-.851-1.035-.519-1.424-1.045-1.796-2.434-.477-1.786-1.147-2.632-3.558-4.488s-3.719-2.531-6.931-3.584c-1.089-.356-2.302-.809-2.698-1.003-1.658-.818-1.914-2.296-.508-2.936 1.187-.544 2.67-.406 5.617.522 8.533 2.685 14.934 7.611 15.941 12.27.357 1.645-.521 2.495-2.591 2.504z'/%3E%3Crect width='110' height='74' fill='url(%23a)' rx='10' transform='matrix(.96593 -.25882 .7925 .60987 199.717 245.906)'/%3E%3Cg stroke='%23000' stroke-opacity='.8' stroke-width='2'%3E%3Cpath d='m233.447 236.868 46.846 36.05c.876.673.72 1.451-.347 1.737l-31.799 8.521M266.657 262.424l-33.731 9.038m17.126-21.816-33.73 9.038m115.215 13.423-46.846-36.05c-.875-.673-.72-1.451.347-1.737l31.799-8.52M298.327 246.551l33.731-9.038m-17.126 21.816 33.731-9.038'/%3E%3Crect width='112' height='76' x='-1.758' y='-.351' rx='11' style='mix-blend-mode:soft-light' transform='matrix(.96593 -.25882 .7925 .60987 199.935 245.314)'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='a' x1='-12.604' x2='99.193' y1='0' y2='88.114' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff'/%3E%3Cstop offset='.484' stop-color='%23b3b3b3'/%3E%3Cstop offset='1' stop-color='%23fff'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E") 0 0 no-repeat, url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1064' height='466' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Crect width='728' height='455' fill='url(%23b)' rx='24' transform='matrix(.96593 -.25882 .7925 .60987 0 188.42)'/%3E%3Cg fill='%23033783'%3E%3Cpath fill-opacity='.2' d='M638.209-50.009C376.564 99.506 477.408 320.518 560.535 412.335L1063.78 277.49 638.209-50.009z'/%3E%3Cpath fill-opacity='.4' d='M711.119 6.099C494.132 130.043 577.63 313.21 646.503 389.3l417.277-111.81L711.119 6.099z'/%3E%3C/g%3E%3Cpath fill='%23003780' d='M791.162 67.695C624.04 163.343 688.839 304.87 742.129 363.677l321.651-86.187L791.162 67.695z'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='b' x1='72.545' x2='249.224' y1='26.435' y2='498.002' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%233382ea'/%3E%3Cstop offset='1' stop-color='%23003ea9'/%3E%3C/linearGradient%3E%3CclipPath id='a'%3E%3Crect width='728' height='455' fill='%23fff' rx='24' transform='matrix(.96593 -.25882 .7925 .60987 0 188.42)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") 0 0 no-repeat;
  opacity: 1;
  z-index: 3
}

.adyen-checkout-ctp__card-animation > .adyen-checkout-ctp__card-animation-layer:nth-of-type(2) {
  animation: card-bounce 2.06s linear infinite both, card-fade-60 2.06s linear infinite both;
  animation-delay: 50ms;
  opacity: .6;
  transform: translateY(25%);
  z-index: 2
}

.adyen-checkout-ctp__card-animation > .adyen-checkout-ctp__card-animation-layer:nth-of-type(2), .adyen-checkout-ctp__card-animation > .adyen-checkout-ctp__card-animation-layer:nth-of-type(3) {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1064' height='466' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Crect width='728' height='455' fill='url(%23b)' rx='24' transform='matrix(.96593 -.25882 .7925 .60987 0 188.42)'/%3E%3Cg fill='%23033783'%3E%3Cpath fill-opacity='.2' d='M638.209-50.009C376.564 99.506 477.408 320.518 560.535 412.335L1063.78 277.49 638.209-50.009z'/%3E%3Cpath fill-opacity='.4' d='M711.119 6.099C494.132 130.043 577.63 313.21 646.503 389.3l417.277-111.81L711.119 6.099z'/%3E%3C/g%3E%3Cpath fill='%23003780' d='M791.162 67.695C624.04 163.343 688.839 304.87 742.129 363.677l321.651-86.187L791.162 67.695z'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='b' x1='72.545' x2='249.224' y1='26.435' y2='498.002' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%233382ea'/%3E%3Cstop offset='1' stop-color='%23003ea9'/%3E%3C/linearGradient%3E%3CclipPath id='a'%3E%3Crect width='728' height='455' fill='%23fff' rx='24' transform='matrix(.96593 -.25882 .7925 .60987 0 188.42)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") 0 0 no-repeat
}

.adyen-checkout-ctp__card-animation > .adyen-checkout-ctp__card-animation-layer:nth-of-type(3) {
  animation: card-bounce 2.06s linear infinite both, card-fade-20 2.06s linear infinite both;
  opacity: .2;
  transform: translateY(50%);
  z-index: 1
}

.adyen-checkout-ctp__loading-subtitle {
  font-size: 16px;
  line-height: 19px;
  margin: 0 auto 58px;
  max-width: 280px;
  text-align: center
}

.adyen-checkout-ctp__section > .adyen-checkout__field.adyen-checkout__field--shopperLogin {
  margin-bottom: 20px
}

.adyen-checkout__cashapp > .adyen-checkout__store-details {
  margin-bottom: 16px;
  margin-top: 0
}

.adyen-checkout__button-group {
  background: transparent;
  display: flex;
  justify-content: space-between
}

.adyen-checkout__button-group .adyen-checkout__button {
  background: transparent;
  border: 0;
  box-shadow: inset 0 0 0 1px #99a3ad;
  color: #00112c;
  font-size: .81em;
  font-weight: 400;
  height: 40px;
  line-height: 40px;
  margin-right: 8px;
  padding: 0;
  text-align: center
}

.adyen-checkout__button-group .adyen-checkout__button:last-child {
  margin-right: 0
}

.adyen-checkout__button-group .adyen-checkout__button:hover {
  background: transparent;
  box-shadow: inset 0 0 0 2px #99a3ad
}

.adyen-checkout__button-group .adyen-checkout__button:active {
  background: #f7f8f9;
  box-shadow: inset 0 0 0 2px #99a3ad
}

.adyen-checkout__button-group .adyen-checkout__button--disabled, .adyen-checkout__button-group .adyen-checkout__button--disabled:hover {
  cursor: not-allowed;
  opacity: .4;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.adyen-checkout__button-group .adyen-checkout__button--selected, .adyen-checkout__button-group .adyen-checkout__button--selected:active, .adyen-checkout__button-group .adyen-checkout__button--selected:active:hover, .adyen-checkout__button-group .adyen-checkout__button--selected:hover {
  background: #e5efff;
  box-shadow: inset 0 0 0 2px #0075ff;
  color: #0075ff;
  font-weight: 500;
  height: 40px;
  transition: none
}

.adyen-checkout__button-group .adyen-checkout__button .adyen-checkout__button-group__input {
  opacity: 0;
  pointer-events: none;
  position: absolute
}

.adyen-checkout__adyen-giving .adyen-checkout__status__icon {
  display: block;
  margin: 56px auto 32px
}

.adyen-checkout__adyen-giving .adyen-checkout__status__text {
  color: #00112c;
  margin-bottom: 56px;
  text-align: center
}

.adyen-checkout__campaign {
  background: #00112c;
  border-radius: 6px;
  height: 227px;
  overflow: hidden;
  position: relative
}

.adyen-checkout__campaign-link:hover .adyen-checkout__campaign-description {
  text-decoration: underline
}

.adyen-checkout__campaign-container {
  height: 100%
}

.adyen-checkout__campaign-logo {
  border: 2px solid rgba(255, 255, 255, .4);
  border-radius: 3px;
  display: block;
  height: 48px;
  margin-bottom: 16px;
  overflow: hidden;
  width: 48px
}

.adyen-checkout__campaign-background-image {
  background-color: #00112c;
  background-position: 50%;
  background-size: cover;
  height: 100%
}

.adyen-checkout__campaign-link .adyen-checkout__campaign-background-image:before {
  background: inherit;
  content: "";
  height: 100%;
  position: absolute;
  transition: transform .6s ease-out;
  width: 100%
}

.adyen-checkout__campaign-link .adyen-checkout__campaign-background-image:hover:before {
  transform: scale(1.1)
}

.adyen-checkout__campaign-link .adyen-checkout__campaign-content {
  pointer-events: none
}

.adyen-checkout__campaign-content {
  bottom: 0;
  padding: 16px;
  position: absolute;
  z-index: 2
}

.adyen-checkout__campaign-description, .adyen-checkout__campaign-title {
  color: #fff;
  font-weight: 400;
  margin: 0
}

.adyen-checkout__campaign-title {
  font-size: 1em;
  margin-bottom: 8px
}

.adyen-checkout__campaign-description {
  font-size: .81em;
  line-height: 19px
}

.adyen-checkout__adyen-giving-actions {
  margin-top: 16px;
  text-align: center
}

.adyen-checkout__button.adyen-checkout__button--donate {
  margin: 16px auto 8px
}

.adyen-checkout__button.adyen-checkout__button--decline {
  display: block;
  margin: auto;
  width: auto
}

.adyen-checkout__paywithgoogle {
  height: 48px
}

.adyen-checkout__paywithgoogle > div > button, .adyen-checkout__paywithgoogle > div > button.long, .adyen-checkout__paywithgoogle > div > button.short {
  transition: background-color .3s ease-out, box-shadow .3s ease-out
}

.adyen-checkout__paywithgoogle > div > button.long:focus, .adyen-checkout__paywithgoogle > div > button.short:focus, .adyen-checkout__paywithgoogle > div > button:focus {
  box-shadow: 0 0 0 2px #99c2ff;
  outline: 0
}

.adyen-checkout__paywithgoogle > div > button.gpay-button.plain {
  width: 100%;
  height: 48px;
  padding: 12px 24px;
}

.adyen-checkout__econtext-input__field > .adyen-checkout__button--pay:only-child {
  margin-top: 0
}

.adyen-checkout__voucher-result {
  border-radius: 12px;
  box-sizing: border-box;
  position: relative;
  text-align: center
}

.adyen-checkout__voucher-result__bottom, .adyen-checkout__voucher-result__top {
  background: #fff;
  border: 1px solid #d4d9db
}

.adyen-checkout__voucher-result__top {
  border-bottom: 0;
  border-radius: 12px 12px 0 0;
  padding: 40px 0 24px
}

.adyen-checkout__voucher-result__bottom {
  border-radius: 0 0 12px 12px;
  border-top: 0
}

.adyen-checkout__voucher-result__separator {
  align-items: center;
  background: #fff;
  display: flex;
  height: 13px;
  margin: 0 auto;
  position: relative;
  width: calc(100% - 14px)
}

.adyen-checkout__voucher-result__separator:after, .adyen-checkout__voucher-result__separator:before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3IiBoZWlnaHQ9IjEzIiBmaWxsPSJub25lIj48ZyBjbGlwLXBhdGg9InVybCgjYSkiPjxwYXRoIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0ibTAgMCA1IDIgMS41IDRIN1YwSDBabTAgMTMgNS0yIDEuNS00SDd2NkgwWiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PHBhdGggc3Ryb2tlPSIjRDREOURCIiBkPSJNNi40MjMgNi41QzYuNDIzIDMuMzEyIDMuNzgzLjc1Ni41LjUxOGMzLjM4Ni4yMzYgNiAyLjg1NSA2IDUuOTgyIDAgMy4xMjctMi42MTQgNS43NDYtNiA1Ljk4M3YtLjAwMWMzLjI4NC0uMjM3IDUuOTIzLTIuNzk0IDUuOTIzLTUuOTgyWiIvPjxwYXRoIGZpbGw9IiNENEQ5REIiIGQ9Ik0wIDBoMXYxSDB6TTAgMTJoMXYxSDB6Ii8+PC9nPjxkZWZzPjxjbGlwUGF0aCBpZD0iYSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTAgMGg3djEzSDB6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PC9zdmc+")
}

.adyen-checkout__voucher-result__separator:before {
  left: -7px
}

.adyen-checkout__voucher-result__separator:after, .adyen-checkout__voucher-result__separator:before {
  background-position: 100%;
  background-repeat: no-repeat;
  content: "";
  height: 13px;
  position: absolute;
  top: 0;
  width: 7px
}

.adyen-checkout__voucher-result__separator:after {
  right: -7px;
  transform: rotate(-180deg)
}

.adyen-checkout__voucher-result__separator__inner {
  border-top: 1px solid #e6e9eb;
  width: 100%
}

.adyen-checkout__voucher-result__image {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-bottom: 40px;
  width: 100%
}

.adyen-checkout__link--voucher-result-instructions {
  display: inline-block
}

.adyen-checkout__voucher-result__image__wrapper {
  display: block;
  height: 48px;
  margin: 0 24px;
  position: relative
}

.adyen-checkout__voucher-result__image__wrapper:after {
  border: 1px solid rgba(0, 27, 43, .17);
  border-radius: 3px;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.adyen-checkout__voucher-result__image__wrapper:nth-child(2):before {
  border-left: 1px solid #d4d9db;
  content: "";
  height: 64px;
  left: -24.5px;
  position: absolute;
  top: -8px;
  width: 1px
}

.adyen-checkout__voucher-result__image__brand, .adyen-checkout__voucher-result__image__issuer {
  border-radius: 3px;
  height: 48px
}

.adyen-checkout__voucher-result__introduction {
  color: #00112c;
  font-size: .81em;
  line-height: 19px;
  margin: 0 auto;
  max-width: 400px;
  text-align: center
}

.adyen-checkout__voucher-result__amount {
  color: #00112c;
  font-size: 1em;
  font-weight: 700;
  margin: 24px auto 0;
  text-align: center
}

.adyen-checkout__voucher-result__surcharge {
  color: #687282;
  display: block;
  font-size: .81em;
  font-weight: 400;
  line-height: 19px;
  text-align: center
}

.adyen-checkout__voucher-result__code__label {
  display: block;
  font-weight: 400;
  left: 0;
  line-height: 19px;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: -2px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: auto
}

.adyen-checkout__voucher-result__code__label:before {
  content: "";
  position: absolute
}

.adyen-checkout__voucher-result__code__label__text {
  background: #fff;
  color: #00112c;
  font-size: 13px;
  letter-spacing: normal;
  line-height: 1;
  padding: 0 8px
}

.adyen-checkout__voucher-result__code__barcode {
  display: block;
  height: 56px;
  margin: 0 auto 8px;
  max-width: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.adyen-checkout__voucher-result__code {
  border-width: 1px 0;
  color: #00112c;
  display: inline-block;
  font-size: 1.5em;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 1.2;
  margin: 0 auto;
  padding: 16px 48px;
  position: relative;
  text-align: center;
  -webkit-user-select: all;
  -moz-user-select: all;
  user-select: all;
  width: 100%;
  word-break: break-word
}

.adyen-checkout__voucher-result__details {
  list-style: none;
  margin: -1px auto 0;
  padding: 0
}

.adyen-checkout__voucher-result__details__item {
  border-top: 1px solid #e6e9eb;
  color: #00112c;
  display: flex;
  font-size: .81em;
  justify-content: space-between;
  padding: 16px 24px;
  word-break: break-word
}

.adyen-checkout__voucher-result__details__item:last-child {
  margin-bottom: 0
}

.adyen-checkout__voucher-result__details__label {
  max-width: 50%;
  text-align: left
}

.adyen-checkout__voucher-result__details__value {
  font-weight: 700;
  max-width: 50%;
  text-align: right
}

.adyen-checkout__voucher-result__actions {
  align-items: center;
  display: flex;
  justify-content: center;
  list-style: none;
  margin: 0 auto 32px;
  max-width: 100%;
  padding: 0;
  width: 300px
}

.adyen-checkout__voucher-result__actions__item {
  margin: 0 4px
}

.adyen-checkout__paypal__buttons {
  position: relative;
  z-index: 0
}

.adyen-checkout__paypal__button {
  display: flex;
  margin-bottom: 16px
}

.adyen-checkout__paypal__button:empty {
  display: none
}

.adyen-checkout__paypal__status--pending {
  margin: 16px 0
}

.adyen-checkout__paypal__status--processing {
  align-items: center;
  display: flex;
  font-size: 13px;
  justify-content: center;
  padding: 24px 0
}

.adyen-checkout__paypal-processing .adyen-checkout__paypal__button {
  display: none
}

.adyen-checkout__payment-method .adyen-checkout__paypal__status--pending {
  margin: -16px 0 38px
}

.adyen-checkout__payment-method .adyen-checkout__paypal__status--processing {
  padding: 20px 0 65px
}

.adyen-checkout__phone-input {
  direction: ltr
}

.adyen-checkout__phone-input .adyen-checkout__input-wrapper {
  width: 100%
}

.adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__input {
  height: auto;
  padding: 0
}

.adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__input:focus {
  border: 1px solid #0075ff;
  box-shadow: 0 0 0 2px #99c2ff
}

.adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__dropdown__button {
  border: 0;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  height: 35px;
  width: auto
}

.adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__dropdown__button:after {
  box-sizing: revert;
  height: 10px;
  left: 40px
}

.adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__input--phoneNumber {
  border: 1px solid transparent;
  height: 35px;
  margin-left: 8px;
  padding-left: 15px
}

.adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__input-wrapper--phoneInput {
  align-items: center;
  display: flex
}

.adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__input-wrapper--phoneInput:focus {
  border: 1px solid #0075ff;
  box-shadow: 0 0 0 2px #99c2ff
}

.adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__phoneNumber {
  align-items: center;
  display: flex;
  margin-left: 65px;
  width: 100%
}

.adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__countryFlag {
  position: absolute
}

.adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__dropdown__button--active, .adyen-checkout__phone-input .adyen-checkout__input-wrapper .adyen-checkout__dropdown__button--active:hover {
  box-shadow: none
}

.adyen-checkout__threeds2__challenge, .adyen-checkout__threeds2__challenge-container {
  background-color: transparent;
  box-sizing: border-box;
  display: block;
  height: inherit;
  min-height: 400px;
  overflow: hidden;
  position: relative;
  width: 100%
}

.adyen-checkout__threeds2__challenge--01, .adyen-checkout__threeds2__challenge--01 .adyen-checkout__iframe--threeDSIframe {
  height: 400px;
  width: 250px
}

.adyen-checkout__threeds2__challenge--02, .adyen-checkout__threeds2__challenge--02 .adyen-checkout__iframe--threeDSIframe {
  height: 400px;
  width: 390px
}

.adyen-checkout__threeds2__challenge--03, .adyen-checkout__threeds2__challenge--03 .adyen-checkout__iframe--threeDSIframe {
  height: 600px;
  width: 500px
}

.adyen-checkout__threeds2__challenge--04, .adyen-checkout__threeds2__challenge--04 .adyen-checkout__iframe--threeDSIframe {
  height: 400px;
  width: 600px
}

.adyen-checkout__threeds2__challenge--05, .adyen-checkout__threeds2__challenge--05 .adyen-checkout__iframe--threeDSIframe {
  height: 100%;
  width: 100%
}

.adyen-checkout__iframe--threeDSIframe {
  border: 0;
  left: 0;
  position: absolute;
  top: 0
}

.adyen-checkout__threeds2-challenge-error .adyen-checkout__status__icon {
  display: block;
  margin: 56px auto 32px
}

.adyen-checkout__threeds2-challenge-error .adyen-checkout__status__text {
  color: #c12424;
  margin-bottom: 56px;
  text-align: center
}

.adyen-checkout__qr-loader {
  background: #fff;
  border: 1px solid #d4d9db;
  border-radius: 12px;
  padding: 40px;
  text-align: center
}

.adyen-checkout__qr-loader--result {
  padding: 100px
}

.adyen-checkout__qr-loader--app {
  border: 0;
  border-radius: 0;
  padding: 0
}

.adyen-checkout__qr-loader__brand-logo {
  border-radius: 3px;
  width: 74px
}

.adyen-checkout__qr-loader__subtitle {
  margin: 32px auto 0;
  max-width: 400px
}

.adyen-checkout__qr-loader__subtitle--result {
  margin-bottom: 32px
}

.adyen-checkout__qr-loader__payment_amount, .adyen-checkout__qr-loader__subtitle {
  color: #00112c;
  font-size: 1em;
  line-height: 19px
}

.adyen-checkout__qr-loader__icon {
  height: 88px;
  width: 88px
}

.adyen-checkout__qr-loader__payment_amount {
  font-weight: 700
}

.adyen-checkout__qr-loader__progress {
  background: #d4d9db;
  border-radius: 24px;
  height: 4px;
  margin: 32px auto 12px;
  padding-right: 3%;
  width: 152px
}

[dir=rtl] .adyen-checkout__qr-loader__progress {
  padding-left: 3%;
  padding-right: 0
}

.adyen-checkout__qr-loader__percentage {
  background: #0075ff;
  border-radius: 24px;
  display: block;
  height: 100%
}

.adyen-checkout__qr-loader__countdown {
  color: #687282;
  font-size: .81em
}

.adyen-checkout__qr-loader > .adyen-checkout__spinner__wrapper {
  margin: 60px 0
}

.adyen-checkout__qr-loader__app-link {
  display: none;
  margin-top: 16px
}

.adyen-checkout__button.adyen-checkout__button--qr-loader {
  margin-top: 24px;
  text-decoration: none
}

.adyen-checkout__qr-loader__instructions {
  color: #687282;
  font-size: 1em;
  line-height: 1.5;
  margin-top: 32px
}

.adyen-checkout__qr-loader__actions {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-top: 32px
}

@media only screen and (max-device-width: 1200px) {
  .adyen-checkout__qr-loader__app-link {
    display: block
  }
}

.adyen-checkout__voucher-result--boletobancario .adyen-checkout__voucher-result__code {
  font-size: .81em;
  line-height: 19px;
  padding: 24px;
  word-break: break-all
}

.adyen-checkout__voucher-result--oxxo .adyen-checkout__voucher-result__code {
  font-size: .81em;
  line-height: 19px;
  padding: 24px;
  word-break: break-all
}

.adyen-checkout__alert-message {
  border-radius: 6px;
  display: flex;
  font-size: .81em;
  margin: 0 0 16px;
  padding: 12px;
  text-align: left
}

.adyen-checkout__alert-message--error {
  background: #fbe6ed
}

.adyen-checkout__alert-message--warning {
  background: #ffeacc
}

.adyen-checkout__alert-message--info {
  background: #e5efff
}

.adyen-checkout__alert-message__icon {
  height: 14px;
  margin-right: 8px;
  width: 14px
}

.adyen-checkout__giftcard-result__header {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  font-size: 1em;
  font-weight: 400;
  justify-content: space-between;
  position: relative;
  width: 100%
}

.adyen-checkout__giftcard-result__header__title {
  align-items: center;
  display: flex
}

.adyen-checkout__giftcard-result__name {
  margin-left: 8px
}

.adyen-checkout__giftcard-result__balance {
  list-style: none;
  margin: 16px 0 0;
  padding: 0
}

.adyen-checkout__giftcard-result__balance__item {
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px
}

.adyen-checkout__giftcard-result__balance__item .adyen-checkout__giftcard-result__balance__title--transactionLimit {
  color: #687282
}

.adyen-checkout__giftcard-result__balance__item:last-child {
  margin-bottom: 0
}

.adyen-checkout__giftcard-result__balance__value--amount {
  font-weight: 700
}

.adyen-checkout__giftcard-result__remaining-balance {
  color: #687282;
  font-size: 13px;
  line-height: 19px;
  margin: 8px auto 0;
  text-align: center
}

.DropinComponent-module_adyen-checkout__payment-methods-list__mAjAm {
  list-style: none;
  margin: 0;
  padding: 0
}

.DropinComponent-module_adyen-checkout__payment-method__nWdwg {
  display: block;
  max-height: 60px
}

.DropinComponent-module_adyen-checkout__payment-method__details__-rsW7 {
  display: none
}

.DropinComponent-module_adyen-checkout__payment-method__image__nB80V {
  height: 26px;
  width: 40px
}

.DropinComponent-module_adyen-checkout__payment-method__image__wrapper__6NWzA {
  margin-right: 8px
}

[dir=rtl] .DropinComponent-module_adyen-checkout__payment-method__image__wrapper__6NWzA {
  margin-left: 8px;
  margin-right: 0
}

.DropinComponent-module_adyen-checkout__payment-method--selected__6egZF {
  max-height: 100%
}

.DropinComponent-module_adyen-checkout__payment-method--selected__6egZF .DropinComponent-module_adyen-checkout__payment-method__details__-rsW7 {
  display: block
}

.adyen-checkout__payment-method__disable-confirmation {
  background: #c12424;
  border-left: 1px solid #b82222;
  border-right: 1px solid #b82222;
  color: #fff;
  font-size: .81em;
  margin: 0 -17px;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: opacity .15s ease-out, max-height .15s linear, margin-bottom .1s linear
}

.adyen-checkout__payment-method__disable-confirmation.adyen-checkout__payment-method__disable-confirmation--open {
  margin-bottom: 16px;
  max-height: 62px;
  opacity: 1
}

.adyen-checkout__payment-method__disable-confirmation__content {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 8px 16px
}

.adyen-checkout__payment-method__disable-confirmation__buttons {
  display: flex
}

.adyen-checkout__payment-method__disable-confirmation__button {
  background: #c12424;
  border: 1px solid transparent;
  border-radius: 6px;
  color: #fff;
  cursor: pointer;
  display: block;
  height: auto;
  line-height: 14px;
  margin: 0 0 0 8px;
  padding: 8px;
  width: auto
}

.adyen-checkout__payment-method__disable-confirmation__button:hover, .adyen-checkout__payment-method__disable-confirmation__button:hover:focus {
  background: #ac2020;
  box-shadow: none
}

.adyen-checkout__payment-method__disable-confirmation__button:active, .adyen-checkout__payment-method__disable-confirmation__button:hover:active {
  background: #961c1c;
  box-shadow: none
}

.adyen-checkout__payment-method__disable-confirmation__button--remove, .adyen-checkout__payment-method__disable-confirmation__button--remove:disabled {
  border-color: #fff
}

.adyen-checkout__payment-method__disable-confirmation__button--cancel, .adyen-checkout__payment-method__disable-confirmation__button--cancel:disabled {
  border-color: transparent
}

.adyen-checkout__payment-method {
  background: #fff;
  border: 1px solid #e6e9eb;
  cursor: pointer;
  margin-top: -1px;
  position: relative;
  transition: opacity .3s ease-out;
  width: 100%
}

.adyen-checkout__payment-method:focus {
  outline: 0
}

.adyen-checkout__payment-method--selected + .adyen-checkout__payment-method, .adyen-checkout__payment-method:first-child {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  margin-top: 0
}

.adyen-checkout__payment-method--next-selected, .adyen-checkout__payment-method:last-child {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  margin-bottom: 0
}

.adyen-checkout__payment-method--loading {
  opacity: .2
}

.adyen-checkout__payment-method--selected.adyen-checkout__payment-method--loading {
  opacity: .9
}

.adyen-checkout__payment-method--confirming .adyen-checkout__payment-method__details__content, .adyen-checkout__payment-method--disabling {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.adyen-checkout__payment-method--disabling {
  opacity: .3
}

.adyen-checkout__payment-method__header {
  align-items: center;
  color: #00112c;
  display: flex;
  flex-wrap: nowrap;
  font-size: 1em;
  font-weight: 400;
  justify-content: space-between;
  padding: 12px 16px 12px 44px;
  position: relative;
  transition: background .1s ease-out;
  width: 100%
}

[dir=rtl] .adyen-checkout__payment-method__header {
  padding: 12px 44px 12px 12px
}

.adyen-checkout__payment-method--standalone .adyen-checkout__payment-method__header {
  padding: 16px
}

.adyen-checkout__payment-method__header__title {
  align-items: center;
  background: none;
  border: none;
  color: #00112c;
  cursor: pointer;
  display: flex;
  flex-shrink: 0;
  font-size: 1em;
  font-weight: 400;
  margin-right: 16px;
  max-width: 100%;
  padding: 4px
}

[dir=rtl] .adyen-checkout__payment-method__header__title {
  margin-left: 16px;
  margin-right: 0
}

.adyen-checkout__payment-method__surcharge {
  color: #687282;
  margin-left: 5px
}

.adyen-checkout__payment-method--selected {
  background: #f7f8f9;
  border: 1px solid #e6e9eb;
  border-radius: 12px;
  cursor: default;
  margin: 8px 0;
  transition: margin .15s cubic-bezier(.4, 0, .2, 1) 0ms, opacity .3s ease-out
}

.adyen-checkout__payment-method--selected .adyen-checkout__payment-method__header {
  flex-wrap: wrap
}

.adyen-checkout__payment-method__details {
  padding: 0 16px;
  position: relative
}

.adyen-checkout__payment-method__details__content {
  margin: 0 0 16px
}

.adyen-checkout__payment-method__image__wrapper {
  height: 26px;
  position: relative;
  width: 40px
}

.adyen-checkout__payment-method__image__wrapper--outline:after {
  border: 1px solid rgba(0, 27, 43, .17);
  border-radius: 3px;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.adyen-checkout__payment-method__image {
  border-radius: 3px;
  display: block
}

.adyen-checkout__payment-method__brands {
  display: flex;
  flex-basis: auto;
  flex-shrink: 1;
  flex-wrap: wrap;
  height: 16px;
  margin: 4px 0;
  overflow: hidden;
  text-align: right
}

.adyen-checkout__payment-method__brands .adyen-checkout__payment-method__brand-number {
  color: #687282;
  font-size: 13px
}

.adyen-checkout__payment-method--selected .adyen-checkout__payment-method__brands {
  height: auto;
  overflow: visible;
  text-align: left
}

.adyen-checkout__payment-method__brands .adyen-checkout__payment-method__image__wrapper {
  display: inline-block;
  height: 16px;
  margin-right: 4px;
  transition: opacity .2s ease-out;
  width: 24px
}

.adyen-checkout__payment-method__brands .adyen-checkout__payment-method__image__wrapper:last-child {
  margin: 0
}

.adyen-checkout__payment-method--selected .adyen-checkout__payment-method__brands .adyen-checkout__payment-method__image__wrapper {
  margin-bottom: 4px
}

.adyen-checkout__payment-method__brands img {
  height: 16px;
  width: 24px
}

.adyen-checkout__payment-method__image__wrapper--disabled {
  opacity: .25
}

.adyen-checkout__payment-method__radio {
  background-color: #fff;
  border: 1px solid #b9c4c9;
  border-radius: 50%;
  height: 16px;
  left: 16px;
  position: absolute;
  transition: border-color .2s ease-out, box-shadow .2s ease-out;
  width: 16px
}

[dir=rtl] .adyen-checkout__payment-method__radio {
  left: auto;
  right: 16px
}

.adyen-checkout__payment-method--standalone .adyen-checkout__payment-method__radio {
  display: none
}

.adyen-checkout__payment-method__radio:after {
  background-color: #fff;
  border-radius: 50%;
  content: "";
  display: block;
  height: 6px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%) scale(0);
  transition: transform .3s ease-out;
  width: 6px
}

.adyen-checkout__payment-method:hover:not(.adyen-checkout__payment-method--selected) .adyen-checkout__payment-method__radio {
  border-color: #99a3ad;
  box-shadow: 0 0 0 2px #d4d9db;
  cursor: pointer
}

.adyen-checkout__payment-method__radio--selected {
  background-color: #0075ff;
  border: 0;
  transition: all .3s ease-out
}

.adyen-checkout__payment-method__radio--selected:hover {
  box-shadow: 0 0 0 2px rgba(0, 102, 255, .4)
}

.adyen-checkout__payment-method__radio--selected:after {
  transform: translateY(-50%) scale(1)
}

.adyen-checkout__payment-method__name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.adyen-checkout__payment-method__name--selected {
  font-weight: 500
}

.adyen-checkout__payment-method__additional-info {
  color: #687282;
  font-size: .81em
}

.adyen-checkout__payment-method__name_wrapper {
  align-items: flex-start;
  display: flex;
  flex-direction: column
}

.adyen-checkout__order-payment-methods-list {
  list-style: none;
  margin: 0 auto 16px;
  padding: 0
}

.adyen-checkout__order-payment-method {
  background: #fff;
  border: 1px solid #e6e9eb;
  margin-top: -1px;
  position: relative;
  width: 100%
}

.adyen-checkout__order-payment-method:first-child {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px
}

.adyen-checkout__order-payment-method:last-child {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px
}

.adyen-checkout__order-payment-method__header {
  align-items: center;
  color: #00112c;
  display: flex;
  flex-wrap: nowrap;
  font-size: 1em;
  font-weight: 500;
  justify-content: space-between;
  padding: 16px;
  position: relative;
  transition: background .1s ease-out;
  width: 100%
}

.adyen-checkout__order-payment-method__header .adyen-checkout__payment-method__header__title {
  padding: 0
}

.adyen-checkout__order-payment-method__details {
  padding: 0 16px 16px
}

.adyen-checkout__order-payment-method__deducted-amount {
  display: flex;
  font-size: 1em;
  justify-content: space-between;
  line-height: 1em
}

.adyen-checkout__order-payment-method__deducted-amount__label {
  font-size: .81em
}

.adyen-checkout__order-payment-method__deducted-amount__value {
  font-weight: 500
}

.adyen-checkout__order-remaining-amount {
  background: #ffeacc;
  border-radius: 6px;
  color: #7f4a00;
  display: block;
  font-size: .81em;
  margin-bottom: 16px;
  padding: 8px 16px;
  width: 100%
}

.adyen-checkout__order-remaining-amount strong {
  font-weight: 700
}

.adyen-checkout__status {
  align-items: center;
  background-color: #fff;
  border: 1px solid #d4d9db;
  border-radius: 6px;
  color: #00112c;
  display: flex;
  flex-direction: column;
  font-size: 1em;
  height: 350px;
  justify-content: center;
  margin: 0;
  padding: 32px;
  text-align: center
}

.adyen-checkout__status__icon {
  margin-bottom: 24px
}

.adyen-checkout__status .adyen-checkout__spinner__wrapper {
  max-height: 88px
}

.adyen-checkout__dropin, .adyen-checkout__dropin *, .adyen-checkout__dropin :after, .adyen-checkout__dropin :before {
  box-sizing: border-box
}

.adyen-checkout__payment-methods-list--loading {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.adyen-checkout__instant-payment-methods-list {
  list-style: none;
  margin: 0;
  padding: 0
}

.adyen-checkout__instant-payment-methods-list li:not(:last-child) {
  margin-bottom: 8px
}

.adyen-checkout__link {
  color: #0075ff;
  text-decoration: none
}

.adyen-checkout__link:hover {
  text-decoration: underline
}

.AchInput-module_sf-input__wrapper__lfdiv {
  position: relative
}

.AchInput-module_sf-input__wrapper__lfdiv *, .AchInput-module_sf-input__wrapper__lfdiv :after, .AchInput-module_sf-input__wrapper__lfdiv :before {
  box-sizing: border-box
}

.AchInput-module_adyen-checkout__input__8WwCR {
  display: block;
  max-height: 100px
}

.adyen-checkout__loading-input__form {
  transition: opacity .25s ease-out
}

.adyen-checkout__pm__holderName {
  margin-bottom: 0
}

.adyen-checkout__fieldset__title + .adyen-checkout__ach-sf__form {
  margin-top: 0
}

.adyen-checkout__ach-input .adyen-checkout__fieldset--address, .adyen-checkout__ach-sf__form {
  margin-top: 16px
}

.adyen-checkout__loading-input__form {
  transition: opacity .25s ease-out
}

.adyen-checkout-phone-input--new {
  direction: ltr
}

.adyen-checkout-phone-input--new .adyen-checkout__input-wrapper {
  width: 100%
}

.adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout__input {
  height: auto;
  padding: 0
}

.adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout__input:focus-within {
  border: 1px solid #0075ff
}

.adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout__input:focus-within .adyen-checkout-dropdown--countrycode-selector {
  border-right: 1px solid #0075ff
}

.adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout__dropdown__button {
  border: 0;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  height: 35px;
  width: auto
}

.adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout__dropdown__button:after {
  box-sizing: revert;
  height: 10px
}

.adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout__dropdown__button--active, .adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout__dropdown__button--active:hover {
  box-shadow: none
}

.adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout-input--phone-number {
  border: 1px solid transparent;
  height: 35px;
  line-height: 35px;
  min-height: 35px;
  padding-bottom: 0;
  padding-left: 15px;
  padding-top: 0
}

.adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout-input--phone-number:focus-within {
  border: 1px solid #0075ff;
  box-shadow: 0 0 0 2px #99c2ff
}

.adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout-dropdown--countrycode-selector {
  border-right: 1px solid #dce0e5;
  min-width: 144px;
  width: 144px
}

.adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout-input-holder--phone-input {
  align-items: center;
  display: flex
}

.adyen-checkout-phone-input--new .adyen-checkout__input-wrapper .adyen-checkout-phone-number {
  align-items: center;
  display: flex;
  flex: 3
}

.adyen-checkout-phone-input--new .adyen-checkout-phone-input__error-holder {
  margin-top: -10px
}

.adyen-checkout__await {
  background: #fff;
  border: 1px solid #d4d9db;
  border-radius: 12px;
  padding: 40px;
  text-align: center
}

.adyen-checkout__await--result {
  padding: 100px
}

.adyen-checkout__qr-loader--app {
  border: 0;
  border-radius: 0;
  padding: 0
}

.adyen-checkout__await__brand-logo {
  border-radius: 3px;
  width: 74px
}

.adyen-checkout__await__indicator-text, .adyen-checkout__await__subtitle {
  color: #00112c;
  font-size: 1em;
  line-height: 19px;
  margin-top: 32px
}

.adyen-checkout__await__indicator-holder .adyen-checkout__await__indicator-text {
  margin-left: 10px;
  margin-top: 6px
}

.adyen-checkout__await__indicator-holder {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
  margin-top: 32px
}

.adyen-checkout__await__subtitle--result {
  margin-bottom: 32px
}

.adyen-checkout__await__icon {
  height: 88px;
  width: 88px
}

.adyen-checkout__await__progress {
  background: #d4d9db;
  border-radius: 24px;
  height: 4px;
  margin: 32px auto 12px;
  width: 152px
}

.adyen-checkout__await__percentage {
  background: #0075ff;
  border-radius: 24px;
  display: block;
  height: 100%
}

.adyen-checkout__await__countdown {
  color: #687282;
  font-size: .81em
}

.adyen-checkout__await > .adyen-checkout__spinner__wrapper {
  margin: 60px 0
}

.adyen-checkout__await__app-link {
  display: none;
  margin-top: 16px
}

@media only screen and (max-device-width: 1200px) {
  .adyen-checkout__await__app-link {
    display: block
  }
}

.adyen-checkout__blik__helper {
  color: #00112c;
  font-size: 1em;
  font-weight: 400;
  margin: 0 0 16px;
  padding: 0
}

.adyen-checkout__bankTransfer__introduction {
  color: #00112c;
  font-size: .81em;
  font-weight: 400;
  margin: 0 0 16px;
  padding: 0
}

.adyen-checkout__bankTransfer__emailField {
  margin: 0 0 16px
}

.adyen-checkout__bacs--confirm {
  position: relative
}

.adyen-checkout__bacs--confirm .adyen-checkout-input__inline-validation--valid {
  display: none
}

.adyen-checkout__bacs .adyen-checkout__field--inactive {
  pointer-events: none
}

.adyen-checkout__bacs .adyen-checkout__bacs--edit {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: -25px;
  width: 20%
}

.adyen-checkout__bacs .adyen-checkout__bacs--edit-dropin {
  top: -50px
}

.adyen-checkout__bacs .adyen-checkout__bacs--edit .adyen-checkout__bacs--edit-button {
  background: none;
  border: none;
  color: #0075ff;
  cursor: pointer;
  text-align: end;
  text-decoration: underline
}

.adyen-checkout__voucher-result__introduction {
  font-size: 1em;
  max-width: 420px
}

.adyen-checkout__klarna-widget {
  pointer-events: all
}

.adyen-checkout__field--vpa {
  margin-bottom: 0
}

.adyen-checkout__segmented-control {
  background: #fff;
  border: 1px solid #b9c4c9;
  border-radius: 6px;
  display: flex;
  gap: 4px;
  justify-content: space-between;
  padding: 4px 5px
}

.adyen-checkout__segmented-control--disabled {
  pointer-events: none
}

.adyen-checkout__segmented-control--disabled > .adyen-checkout__segmented-control-segment {
  color: #8390a3
}

.adyen-checkout__segmented-control--disabled > .adyen-checkout__segmented-control-segment--selected {
  background: #f3f6f9;
  border: 1.5px solid #8390a3
}

.adyen-checkout__segmented-control-segment {
  background: #fff;
  border: 0;
  border-radius: 6px;
  color: #0075ff;
  cursor: pointer;
  flex-grow: 1;
  font-weight: 500;
  height: 40px;
  text-align: center;
  transition: background .3s ease-out;
  width: 100%
}

.adyen-checkout__segmented-control-segment:not(.adyen-checkout__segmented-control-segment--selected):hover {
  background-color: #f7f8f9
}

.adyen-checkout__segmented-control-segment:active {
  background-color: #f7f8f9;
  border: 1.5px solid #687282
}

.adyen-checkout__segmented-control-segment--selected {
  background: #e5f1ff;
  border: 1.5px solid #0075ff;
  color: #0075ff;
  font-weight: 700
}

.adyen-checkout_upi-mode-selection-text {
  font-size: 13px;
  font-weight: 400;
  line-height: 19px;
  margin-bottom: 7px;
  margin-top: 0
}

.adyen-checkout__segmented-control--upi-margin-bottom {
  margin-bottom: 16px
}

.adyen-checkout-trustly {
  margin-bottom: 16px
}

.adyen-checkout-trustly__descriptor {
  font-size: 1em;
  font-weight: 500;
  margin: 0 0 4px
}

.adyen-checkout-trustly__description-list {
  font-size: .81em;
  line-height: 1.5;
  list-style-type: disc;
  margin: 0;
  padding-left: 20px
}

.adyen-checkout-payme-instructions {
  color: #5c687c;
  font-size: .81em;
  line-height: 20px;
  text-align: center
}

.adyen-checkout-payme-instructions__steps {
  list-style-position: inside;
  margin: 16px 0;
  padding-bottom: 8px;
  padding-inline-start: 0
}

.adyen-checkout-sr-panel {
  font-size: .75em;
  margin-bottom: 20px
}

.adyen-checkout-sr-panel--sr-only {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px
}

*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  
}

/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*/

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box;
  /* 1 */
  border-width: 0;
  /* 2 */
  border-style: solid;
  /* 2 */
  border-color: #e5e7eb;
  /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -moz-tab-size: 4;
  /* 3 */
  -o-tab-size: 4;
     tab-size: 4;
  /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  /* 4 */
  font-feature-settings: normal;
  /* 5 */
  font-variation-settings: normal;
  /* 6 */
  -webkit-tap-highlight-color: transparent;
  /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0;
  /* 1 */
  line-height: inherit;
  /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0;
  /* 1 */
  color: inherit;
  /* 2 */
  border-top-width: 1px;
  /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  /* 1 */
  font-feature-settings: normal;
  /* 2 */
  font-variation-settings: normal;
  /* 3 */
  font-size: 1em;
  /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0;
  /* 1 */
  border-color: inherit;
  /* 2 */
  border-collapse: collapse;
  /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-feature-settings: inherit;
  /* 1 */
  font-variation-settings: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  font-weight: inherit;
  /* 1 */
  line-height: inherit;
  /* 1 */
  letter-spacing: inherit;
  /* 1 */
  color: inherit;
  /* 1 */
  margin: 0;
  /* 2 */
  padding: 0;
  /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button;
  /* 1 */
  background-color: transparent;
  /* 2 */
  background-image: none;
  /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/

dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  /* 1 */
  vertical-align: middle;
  /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}

.btn {
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(242 242 242 / var(--tw-bg-opacity, 1));
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  text-align: center;
  font-weight: 400;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  font-size: .875rem
}

.btn h4 {
  color: #fff;
}

.btn:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(197 197 197 / var(--tw-bg-opacity, 1))
}

@media (min-width: 768px) {
  .btn {
    padding-left: 3rem;
    padding-right: 3rem;
    font-size: 1rem;
    line-height: 1.5rem
  }
}

.btn {
  svg {
    display: inline-flex
  }
  span {
    vertical-align: middle;
  }
  &:focus {
    border-color: transparent
  }
  &:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
  }
  &:disabled {
    opacity: 0.5
  }
  &:disabled {
    path {
      fill: #BFBCBA
    }
    &:hover {
      --tw-bg-opacity: 1 !important;
      background-color: rgb(242 242 242 / var(--tw-bg-opacity, 1)) !important
    }
  }
}

.btn-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(255 103 31 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}

.btn-primary h4 {
  color: #fff;
}

.btn-primary:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(229 92 27 / var(--tw-bg-opacity, 1))
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0
}

.pointer-events-none {
  pointer-events: none
}

.static {
  position: static
}

.fixed {
  position: fixed
}

.absolute {
  position: absolute
}

.relative {
  position: relative
}

.inset-0 {
  inset: 0px
}

.left-0 {
  left: 0px
}

.left-1\/2 {
  left: 50%
}

.right-0 {
  right: 0px
}

.top-0 {
  top: 0px
}

.top-1\.5 {
  top: 0.375rem
}

.top-\[60px\] {
  top: 60px
}

.top-px {
  top: 1px
}

.z-10 {
  z-index: 10
}

.z-50 {
  z-index: 50
}

.order-2 {
  order: 2
}

.-m-1 {
  margin: -0.25rem
}

.mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem
}

.mx-auto {
  margin-left: auto;
  margin-right: auto
}

.my-5 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem
}

.my-6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem
}

.mb-2 {
  margin-bottom: 0.5rem
}

.mb-3 {
  margin-bottom: 0.75rem
}

.mb-4 {
  margin-bottom: 1rem
}

.mb-5 {
  margin-bottom: 1.25rem
}

.mb-6 {
  margin-bottom: 1.5rem
}

.ml-2 {
  margin-left: 0.5rem
}

.ml-6 {
  margin-left: 1.5rem
}

.mt-0 {
  margin-top: 0px
}

.mt-1 {
  margin-top: 0.25rem
}

.mt-2 {
  margin-top: 0.5rem
}

.mt-20 {
  margin-top: 5rem
}

.mt-3 {
  margin-top: 0.75rem
}

.mt-5 {
  margin-top: 1.25rem
}

.mt-\[30px\] {
  margin-top: 30px
}

.mt-auto {
  margin-top: auto
}

.block {
  display: block
}

.inline {
  display: inline
}

.flex {
  display: flex
}

.grid {
  display: grid
}

.hidden {
  display: none
}

.h-16 {
  height: 4rem
}

.h-6 {
  height: 1.5rem
}

.h-72 {
  height: 18rem
}

.h-\[14px\] {
  height: 14px
}

.h-\[18px\] {
  height: 18px
}

.h-\[29px\] {
  height: 29px
}

.h-\[30px\] {
  height: 30px
}

.h-auto {
  height: auto
}

.h-full {
  height: 100%
}

.h-screen {
  height: 100vh
}

.min-h-7 {
  min-height: 1.75rem
}

.min-h-\[52px\] {
  min-height: 52px
}

.w-5 {
  width: 1.25rem
}

.w-9 {
  width: 2.25rem
}

.w-\[14px\] {
  width: 14px
}

.w-\[154px\] {
  width: 154px
}

.w-\[29px\] {
  width: 29px
}

.w-\[80\%\] {
  width: 80%
}

.w-auto {
  width: auto
}

.w-full {
  width: 100%
}

.w-screen {
  width: 100vw
}

.min-w-72 {
  min-width: 18rem
}

.max-w-\[348px\] {
  max-width: 348px
}

.max-w-\[480px\] {
  max-width: 480px
}

.max-w-full {
  max-width: 100%
}

.max-w-screen-lg {
  max-width: 1024px
}

.flex-none {
  flex: none
}

.grow {
  flex-grow: 1
}

.-translate-x-1\/2 {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.translate-x-0 {
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-rotate-45 {
  --tw-rotate: -45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-rotate-90 {
  --tw-rotate: -90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rotate-90 {
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.cursor-pointer {
  cursor: pointer
}

.select-none {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none
}

.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr))
}

.grid-rows-\[auto\2c 1fr\] {
  grid-template-rows: auto 1fr
}

.flex-row {
  flex-direction: row
}

.flex-col {
  flex-direction: column
}

.flex-wrap {
  flex-wrap: wrap
}

.content-center {
  align-content: center
}

.items-start {
  align-items: flex-start
}

.items-center {
  align-items: center
}

.justify-start {
  justify-content: flex-start
}

.justify-end {
  justify-content: flex-end
}

.justify-center {
  justify-content: center
}

.justify-between {
  justify-content: space-between
}

.gap-x-5 {
  -moz-column-gap: 1.25rem;
       column-gap: 1.25rem
}

.gap-y-4 {
  row-gap: 1rem
}

.space-x-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)))
}

.space-x-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.75rem * var(--tw-space-x-reverse));
  margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)))
}

.space-x-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)))
}

.space-x-\[5px\] > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(5px * var(--tw-space-x-reverse));
  margin-left: calc(5px * calc(1 - var(--tw-space-x-reverse)))
}

.space-y-0 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0px * var(--tw-space-y-reverse))
}

.space-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse))
}

.space-y-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse))
}

.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse))
}

.space-y-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse))
}

.overflow-hidden {
  overflow: hidden
}

.overflow-y-auto {
  overflow-y: auto
}

.whitespace-nowrap {
  white-space: nowrap
}

.break-words {
  overflow-wrap: break-word
}

.rounded {
  border-radius: 0.25rem
}

.rounded-3xl {
  border-radius: 1.5rem
}

.rounded-full {
  border-radius: 9999px
}

.rounded-lg {
  border-radius: 0.5rem
}

.rounded-sm {
  border-radius: 0.125rem
}

.border-b-4 {
  border-bottom-width: 4px
}

.border-t {
  border-top-width: 1px
}

.border-quinary {
  --tw-border-opacity: 1;
  border-color: rgb(242 242 242 / var(--tw-border-opacity, 1))
}

.border-secondary-darker {
  --tw-border-opacity: 1;
  border-color: rgb(0 27 52 / var(--tw-border-opacity, 1))
}

.border-transparent {
  border-color: transparent
}

.bg-\[\#405E78\] {
  --tw-bg-opacity: 1;
  background-color: rgb(64 94 120 / var(--tw-bg-opacity, 1))
}

.bg-\[\#e0dddc\] {
  --tw-bg-opacity: 1;
  background-color: rgb(224 221 220 / var(--tw-bg-opacity, 1))
}

.bg-\[\#eee\] {
  --tw-bg-opacity: 1;
  background-color: rgb(238 238 238 / var(--tw-bg-opacity, 1))
}

.bg-black\/25 {
  background-color: rgb(0 0 0 / 0.25)
}

.bg-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(255 103 31 / var(--tw-bg-opacity, 1))
}

.bg-quinary {
  --tw-bg-opacity: 1;
  background-color: rgb(242 242 242 / var(--tw-bg-opacity, 1))
}

.bg-secondary {
  --tw-bg-opacity: 1;
  background-color: rgb(0 40 75 / var(--tw-bg-opacity, 1))
}

.bg-warningMessage {
  --tw-bg-opacity: 1;
  background-color: rgb(253 240 213 / var(--tw-bg-opacity, 1))
}

.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
}

.object-contain {
  -o-object-fit: contain;
     object-fit: contain
}

.p-0\.5 {
  padding: 0.125rem
}

.p-2 {
  padding: 0.5rem
}

.p-4 {
  padding: 1rem
}

.p-6 {
  padding: 1.5rem
}

.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem
}

.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem
}

.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem
}

.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem
}

.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem
}

.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem
}

.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem
}

.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem
}

.py-\[16px\] {
  padding-top: 16px;
  padding-bottom: 16px
}

.pb-11 {
  padding-bottom: 2.75rem
}

.pb-3 {
  padding-bottom: 0.75rem
}

.pb-6 {
  padding-bottom: 1.5rem
}

.pl-1 {
  padding-left: 0.25rem
}

.pr-0\.5 {
  padding-right: 0.125rem
}

.pt-0 {
  padding-top: 0px
}

.pt-12 {
  padding-top: 3rem
}

.pt-6 {
  padding-top: 1.5rem
}

.text-left {
  text-align: left
}

.text-center {
  text-align: center
}

.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem
}

.text-\[11px\] {
  font-size: 11px
}

.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem
}

.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem
}

.text-xs {
  font-size: 0.75rem;
  line-height: 1rem
}

.font-bold {
  font-weight: 700
}

.font-extralight {
  font-weight: 200
}

.font-medium {
  font-weight: 500
}

.font-normal {
  font-weight: 400
}

.font-semibold {
  font-weight: 600
}

.leading-6 {
  line-height: 1.5rem
}

.leading-\[1\.2\] {
  line-height: 1.2
}

.leading-\[30px\] {
  line-height: 30px
}

.leading-none {
  line-height: 1
}

.tracking-\[\.3px\] {
  letter-spacing: .3px
}

.tracking-wide {
  letter-spacing: 0.025em
}

.text-black {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1))
}

.text-gray-800 {
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity, 1))
}

.text-neutral-700 {
  --tw-text-opacity: 1;
  color: rgb(64 64 64 / var(--tw-text-opacity, 1))
}

.text-secondary {
  --tw-text-opacity: 1;
  color: rgb(0 40 75 / var(--tw-text-opacity, 1))
}

.text-transparent {
  color: transparent
}

.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}

.no-underline {
  text-decoration-line: none
}

.shadow-header {
  --tw-shadow: 0 2px 2px 0 rgba(0,0,0,.1);
  --tw-shadow-colored: 0 2px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-xl {
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.duration-200 {
  transition-duration: 200ms
}

.duration-300 {
  transition-duration: 300ms
}

.duration-320 {
  transition-duration: 320ms
}

.duration-500 {
  transition-duration: 500ms
}

.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}

.text-base {
  font-size: 1rem
}

.text-lg {
  font-size: 1.125rem
}

.text-sm {
  font-size: .875rem
}

.text-xl {
  font-size: 1.5rem
}

.text-xs {
  font-size: .75rem
}

@font-face {
  font-family: 'VaxAauxNextPro';

  src: url('assets/fonts/Vax-AauxNextPro-Lt.otf');

  font-weight: 300;
}

@font-face {
  font-family: 'VaxAauxNextPro';

  src: url('assets/fonts/Vax-AauxNextPro-Rg.otf');

  font-weight: 400;
}

@font-face {
  font-family: 'VaxAauxNextPro';

  src: url('assets/fonts/Vax-AauxNextPro-Md.otf');

  font-weight: 500;
}

@font-face {
  font-family: 'VaxAauxNextPro';

  src: url('assets/fonts/Vax-AauxNextPro-Sm.otf');

  font-weight: 600;
}

@font-face {
  font-family: 'VaxAauxNextPro';

  src: url('assets/fonts/Vax-AauxNextPro-Bd.otf');

  font-weight: 700;
}

@font-face {
  font-family: 'VaxAauxNextPro';

  src: url('assets/fonts/Vax-AauxNextPro-Bl.otf');

  font-weight: 900;

  font-style: normal;

  font-display: auto
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  -webkit-tap-highlight-color: rgba(121, 118, 118, 0.37);
}

body {
  font-family: 'VaxAauxNextPro', Arial, sans-serif, 'Helvetica Neue',
        Helvetica, Arial, sans-serif;
  font-size: 1rem;
  letter-spacing: .0125em;
  line-height: 1.5;
}

p {
  line-height: 150%;
  --tw-text-opacity: 1;
  color: rgb(65 63 63 / var(--tw-text-opacity, 1));
  a {
    --tw-text-opacity: 1;
    color: rgb(65 63 63 / var(--tw-text-opacity, 1))
  }
}

h1, h2, h3, h4 {
  font-weight: 400;
  line-height: 120%;
  --tw-text-opacity: 1;
  color: rgb(65 63 63 / var(--tw-text-opacity, 1))
}

h1 {
  font-size: 28px
}

@media (min-width: 768px) {
  h1 {
    font-size: 32px
  }
}

h2 {
  line-height: 1.75rem;
  font-size: 1.5rem
}

@media (min-width: 768px) {
  h2 {
    font-size: 28px
  }
}

h2 {
  &[embeddedService-chatHeader_chatHeader] {
    font-weight: 600
  }
  &[embeddedService-chatHeader_chatHeader] {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
  }
  &[embeddedService-chatHeader_chatHeader] h4 {
    color: #fff;
  }
}

h3 {
  font-size: 20px
}

@media (min-width: 768px) {
  h3 {
    font-size: 1.25rem;
    line-height: 1.75rem
  }

  h4 {
    font-size: 1.125rem;
    line-height: 1.75rem
  }
}

small {
  font-size: 10px;
  font-weight: 200;
  line-height: 150%
}

@media (min-width: 768px) {
  small {
    font-size: 0.75rem;
    line-height: 1rem
  }
}

main {
  background-color: #f1eeec;
  padding-bottom: 48px;
}

.container {
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  padding-left: 24px;
  padding-right: 24px;
}

@media (min-width: 768px) {
  .container {
    padding-left: 48px;
    padding-right: 48px;
  }
}

@media (min-width: 1024px) {
  .container {
    padding-left: 96px;
    padding-right: 96px;
  }
}

@media (min-width: 1440px) {
  .container {
    max-width: 1248px;
  }
}

.form-input,
.form-email,
.form-select,
.form-multiselect,
.form-textarea {
  min-height: 40px;
  width: 100%;
  border-width: 0px;
  border-bottom-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(239 239 239 / var(--tw-border-opacity, 1));
  background-color: transparent;
  padding-left: 0px;
  padding-right: 0px;
  line-height: 1;
  &:focus {
    border-width: 0px
  }
  &:focus {
    border-bottom-width: 2px
  }
  &:focus {
    --tw-border-opacity: 1;
    border-color: rgb(41 105 199 / var(--tw-border-opacity, 1))
  }
  &:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
  }
  &:focus {
    .hyva_checkout-index-index & {
      --tw-border-opacity: 1;
      border-color: rgb(33 84 159 / var(--tw-border-opacity, 1))
    }
  }
}

select {
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M-1.04907e-07 1.7249L6 7.7249L12 1.7249L12 0.524902L0 0.524901L-1.04907e-07 1.7249Z' fill='%23272727'/%3E%3C/svg%3E%0A");
  background-size: 12px 8px;
}

input[type='checkbox'] {
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 0.25rem;
  border-width: 0px;
  --tw-text-opacity: 1;
  color: rgb(255 103 31 / var(--tw-text-opacity, 1));
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

input[type='checkbox']:checked {
  background-size: 15px 15px
}

input[type='checkbox']:focus {
  --tw-shadow-color: 0;
  --tw-shadow: var(--tw-shadow-colored);
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

input[type='checkbox'] {
  background-image: linear-gradient(#eeeeee 10%, #f7f7f7 100%);
}

input[type='radio'] {
  height: 25px;
  width: 25px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(238 238 238 / var(--tw-border-opacity, 1));
  color: transparent;
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

input[type='radio']:focus {
  --tw-shadow-color: 0;
  --tw-shadow: var(--tw-shadow-colored);
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

input[type='radio'] {
  background-image: linear-gradient(#dddcdc 10%, #f7f7f7 60%, #fff 100%);
  &:checked,
    &:checked:hover,
    &:checked:focus {
    background-image: none;
  }
  &:checked,
    &:checked:hover,
    &:checked:focus {
    border-width: 7px
  }
  &:checked,
    &:checked:hover,
    &:checked:focus {
    --tw-border-opacity: 1;
    border-color: rgb(255 103 31 / var(--tw-border-opacity, 1))
  }
}

input[type=text], select, textarea {
  background-color: #fff;
  border-color: #6b7280;
  border-radius: 0;
  border-width: 1px;
  font-size: 1rem;
  line-height: 1.5rem;
  padding: .5rem .75rem;
}

form .field.field-reserved {
  width: 100%;
}

form label {
  color: #626160;
}

.field>label {
  background-color: #fff;
  border: 1px solid #bfbcba;
  border-radius: 4px;
  display: block;
  margin: 0;
  min-height: 48px;
  padding: 0 12px;
  position: relative;
}

.field>label>span {
  color: #7b7978;
  display: block;
  font-size: 16px;
  left: 12px;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  right: 24px;
  text-overflow: ellipsis;
  top: 10px;
  transition: .2s ease;
  transition-property: font-size, top;
  white-space: nowrap;
}

.field>label>input, .field>label>select, .field>label>textarea {
  background-color: #fff;
  border: 0;
  color: #272727;
  margin-top: 18px;
  padding: 0;
  width: 100%;
}

[role=button], button {
  cursor: pointer;
}

.add-to-basket {
  display: flex;
  width: 2.5rem;
  height: 2.5rem;
  justify-content: center;
  min-width: auto;
  padding: 0;
}

@media (min-width: 768px) {
  .add-to-basket {
    height: 3rem;
    width: 3rem;
  }

  a.action:not([class*=remove-]), button.action:not([class*=close-]) {
    font-size: 1rem;
    padding-left: 3rem;
    padding-right: 3rem;
  }

  a.action.explore-product {
    font-size: 1rem;
    height: 3rem;
    line-height: 48px;
  }
}

.card {
  background-color: #fff;
  border-color: #e5e7eb;
  border-radius: .125rem;
  border-top-width: 1px;
  padding: 1.25rem;
  --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.snap {
  scroll-snap-type: x mandatory;
  -ms-overflow-style: none;
  scroll-behavior: smooth;
  scrollbar-width: none;
  &::-webkit-scrollbar {
    display: none;
  }
  & > div {
    scroll-snap-align: start;
  }
}

/*style adyen btn*/

[id^="btn-googlepay"],
[id^="btn-applepay"] {
  width: 100%
}

button.btn-googlepay,
button.btn-applepay {
  display: block;
  height: 2.5rem;
  width: 100%;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  transition-duration: 200ms
}

button.btn-googlepay h4,
button.btn-applepay h4 {
  color: #fff;
}

button.btn-googlepay:hover,
button.btn-applepay:hover {
  background-color: rgb(0 0 0 / 0.8)
}

@media (min-width: 768px) {
  button.btn-googlepay,
button.btn-applepay {
    height: 3rem;
    padding-left: 3rem;
    padding-right: 3rem
  }
}

/*footer icons*/

.footer.icons {
  @media (min-width: 1024px) {
    grid-template-columns: 1fr auto;

    &:before {
      content: '';
      width: 1px;
      height: 30px;
      margin-left: -1px;
      background: #00284B;
      position: absolute;
      left: 62%;
      top: 50%;
      transform: translateY(-50%);
      .checkout-cart-index &,
            .hyva_checkout-index-index & {
        left: 66%;
      }
    }
  }
}

/*modal*/

.modal-dialog {
  position: fixed;
  inset: 0px;
  z-index: 80;
  display: flex;
  height: 100vh;
  width: 100vw;
  align-items: center;
  justify-content: center;
  background-color: rgb(0 0 0 / 0.6)
}

.modal-content {
  position: relative;
  margin-left: 1.5rem;
  margin-right: 1.5rem;
  display: flex;
  max-height: 85dvh;
  max-height: 80%;
  width: 100%;
  flex-direction: column;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1.5rem;
  text-align: left;
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

@media (min-width: 768px) {
  .modal-content {
    margin-left: 0px;
    margin-right: 0px;
    max-width: 672px;
    padding: 3rem
  }
}

@media (min-width: 1024px) {
  .modal-content {
    max-width: 996px
  }
}

.modal-content {
  @media (min-width: 768px) {
    #popup-product-comparison & {
      max-width: 720px
    }
  }
  @media (min-width: 1024px) {
    #popup-product-comparison & {
      max-width: 1080px
    }
  }
}

.modal-close {
  position: absolute;
  right: 0px;
  top: -2.5rem;
  z-index: 10
}

.modal-body {
  max-height: calc(85dvh - 48px)
}

@media (min-width: 768px) {
  .modal-body {
    max-height: calc(85dvh - 96px)
  }
}

.modal-body {
  .modal-light & {
    --tw-text-opacity: 1;
    color: rgb(65 63 63 / var(--tw-text-opacity, 1))
  }
  .modal-dark & {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
  }
  .modal-dark & h4 {
    color: #fff;
  }
  [data-appearance="contained"] {
    padding: 0px !important
  }
  [data-appearance="contained"] {
    > * {
      padding: 0px !important
    }
  }
  [data-content-type="html"] {
    > *:not(h1,h2,h3,h4) {
      font-size: 0.875rem;
      line-height: 1.25rem
    }
    > *:not(h1,h2,h3,h4) {
      font-weight: 200
    }
    > *:not(h1,h2,h3,h4) {
      line-height: 150%
    }
    > *:not(h1,h2,h3,h4) {
      font-size: .875rem
    }
    @media (min-width: 768px) {
      > *:not(h1,h2,h3,h4) {
        font-size: 1rem;
        line-height: 1.5rem
      }
    }
    > * *:not(h1,h2,h3,h4) {
      font-size: 0.875rem;
      line-height: 1.25rem
    }
    > * *:not(h1,h2,h3,h4) {
      line-height: 150%
    }
    > * *:not(h1,h2,h3,h4) {
      font-size: .875rem
    }
    @media (min-width: 768px) {
      > * *:not(h1,h2,h3,h4) {
        font-size: 1rem;
        line-height: 1.5rem
      }
    }
  }
}

.modal-title {
  margin-bottom: 1rem;
  line-height: 1.75rem;
  font-weight: 400;
  line-height: 120%;
  --tw-text-opacity: 1;
  color: rgb(65 63 63 / var(--tw-text-opacity, 1));
  font-size: 1.5rem
}

@media (min-width: 768px) {
  .modal-title {
    font-size: 28px
  }
}

.modal-title {
  .modal-light & {
    --tw-text-opacity: 1;
    color: rgb(65 63 63 / var(--tw-text-opacity, 1))
  }
  .modal-dark & {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
  }
  .modal-dark & h4 {
    color: #fff;
  }
}

.modal-text {
  line-height: 1.25rem;
  font-weight: 200;
  font-size: .875rem
}

@media (min-width: 768px) {
  .modal-text {
    font-size: 1rem;
    line-height: 1.5rem
  }
}

.modal-text {
  .modal-light & {
    --tw-text-opacity: 1;
    color: rgb(65 63 63 / var(--tw-text-opacity, 1))
  }
  .modal-dark & {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
  }
  .modal-dark & h4 {
    color: #fff;
  }
}

[role=button], button {
  cursor: pointer;
}

a.action.explore-product {
  font-size: .875rem;
  font-weight: 400;
  height: 2.5rem;
  line-height: 2.5rem;
  min-width: auto;
  padding: 0;
}

@media (min-width: 768px) {
  a.action:not([class*=remove-]), button.action:not([class*=close-]) {
    font-size: 1rem;
    padding-left: 3rem;
    padding-right: 3rem;
  }

  a.action.explore-product {
    font-size: 1rem;
    height: 3rem;
    line-height: 48px;
  }
}

main {
  background-color: #f2f2f2;
}

.card {
  background-color: #fff;
  border-color: #e5e7eb;
  border-radius: .125rem;
  border-top-width: 1px;
  /*padding: 1.25rem;*/
  --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.price-box {
  display: flex;
  flex-direction: column;
}

.product-item .price-container {
  display: block;
}

.saving-price {
  color: #1967D2;
  display: inline-block;
  font-weight: 700;
  font-size: .75rem;
}

.current-price {
  color: #413F3F;
  display: inline-block;
  font-weight: 700;
  line-height: 120%;
  font-size: 1rem;
}

.old-price {
  color: #C5C5C5;
  display: inline-block;
  font-weight: 400;
  font-size: .875rem;
}

.old-price .price-label {
  text-transform: lowercase;
}

.old-price .price {
  text-decoration-line: line-through;
}

.product-features li {
  overflow: hidden;
  position: relative;
  line-height: 1.25rem;
  padding-left: 13px;
}

.product-features li:before {
  background-color: #272727;
  border-radius: 50%;
  content: "";
  height: 5px;
  left: 0;
  position: absolute;
  top: 10px;
  transform: translateY(-50%);
  width: 5px;
}

button.action.register {
  background-color: #00284b;
  color: #fff;
}

[multiple], [type=date], [type=datetime-local], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], select, textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  border-color: #6b7280;
  border-radius: 0;
  border-width: 1px;
  font-size: 1rem;
  line-height: 1.5rem;
  padding: .5rem .75rem;
  --tw-shadow: 0 0 #0000;
}

fieldset .field.field-reserved, form .field.field-reserved {
  width: 100%;
}

.field>label {
  background-color: #fff;
  border: 1px solid #c5c5c5;
  border-radius: 4px;
  display: block;
  margin: 0;
  min-height: 48px;
  padding: 0 12px;
  position: relative;
}

.field>label>span {
  color: #7b7978;
  display: block;
  font-size: 16px;
  left: 12px;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  right: 24px;
  text-overflow: ellipsis;
  top: 10px;
  transition: .2sease;
  transition-property: font-size, top;
  white-space: nowrap;
}

.field>label>input,
.field>label>select,
.field>label>textarea {
  background-color: transparent;
  border: 0;
  color: #272727;
  margin-top: 18px;
  padding: 0;
  width: 100%;
}

.container {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
}

.top-banner-container {
  background-color: #00284b;
  color: #fff;
  position: relative;
  z-index: 41;
}

.top-banner-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin-left: 1.5rem;
  margin-right: 1.5rem;
  max-width: 100%;
}

.normal-category {
  background-color: #fff;
  border-bottom-width: 1px;
  border-color: #f2f2f2;
  color: #413f3f;
  font-weight: 500;
}

.text-white h4 {
  color: #fff;
}

@media (min-width: 768px) {
  .saving-price {
    font-size: 1.125rem;
  }

  .current-price {
    font-size: 1.5rem;
  }

  .old-price {
    font-size: .875rem;
  }

  .container {
    margin-left: 3rem;
    margin-right: 3rem;
  }

  .top-banner-wrapper {
    margin-left: 3rem;
    margin-right: 3rem;
  }
}

@media (min-width: 1024px) {
  .lg\:px-0 {
    padding-left: 0;
    padding-right: 0;
  }

  .footer.icons {
    grid-template-columns: 1fr auto;
  }
}

@media (min-width: 1440px) {
  .container {
    margin-left: auto;
    margin-right: auto;
    max-width: 1248px;
  }
}

/*message*/

.message {
  position: relative;
  margin-bottom: 0.5rem;
  display: flex;
  width: 100%;
  align-items: center;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1));
  padding: 0.5rem;
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  &.error {
    --tw-bg-opacity: 1;
    background-color: rgb(250 235 231 / var(--tw-bg-opacity, 1))
  }
  &.error {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity, 1))
  }
  &.success {
    --tw-bg-opacity: 1;
    background-color: rgb(232 241 253 / var(--tw-bg-opacity, 1))
  }
  &.success {
    --tw-text-opacity: 1;
    color: rgb(0 40 75 / var(--tw-text-opacity, 1))
  }
  &.info,
    &.warning,
    &.notice {
    --tw-bg-opacity: 1;
    background-color: rgb(253 240 213 / var(--tw-bg-opacity, 1))
  }
  &.info,
    &.warning,
    &.notice {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity, 1))
  }
  a {
    text-decoration-line: underline
  }
}

.spinner-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

/* Spinner animation */

.spinner {
  width: 50px;
  height: 50px;
  border: 5px solid rgba(255, 255, 255, 0.3);
  border-top: 5px solid #fff;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.hover-link-to-left {
  position: relative;
  text-decoration: none;
  &:before {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 1px;
    bottom: 0;
    left: 0;
    background-color: #00284B;
    transform: scaleX(1);
    transform-origin: top left;
    transition: transform 0.3s ease;
  }
}

.hover-link-to-left:hover::before {
  transform: scaleX(0);
}

.hover\:underline:hover {
  text-decoration-line: underline
}

.hover\:no-underline:hover {
  text-decoration-line: none
}

.focus\:not-sr-only:focus {
  position: static;
  width: auto;
  height: auto;
  padding: 0;
  margin: 0;
  overflow: visible;
  clip: auto;
  white-space: normal
}

.focus\:absolute:focus {
  position: absolute
}

.focus\:z-40:focus {
  z-index: 40
}

.focus\:bg-white:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
}

@media (min-width: 640px) {
  .sm\:top-\[3px\] {
    top: 3px
  }

  .sm\:h-auto {
    height: auto
  }

  .sm\:w-\[82px\] {
    width: 82px
  }
}

@media (min-width: 768px) {
  .md\:mx-0 {
    margin-left: 0px;
    margin-right: 0px
  }

  .md\:mb-12 {
    margin-bottom: 3rem
  }

  .md\:block {
    display: block
  }

  .md\:hidden {
    display: none
  }

  .md\:min-h-\[72px\] {
    min-height: 72px
  }

  .md\:w-6 {
    width: 1.5rem
  }

  .md\:min-w-96 {
    min-width: 24rem
  }

  .md\:max-w-xl {
    max-width: 36rem
  }

  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }

  .md\:gap-y-12 {
    row-gap: 3rem
  }

  .md\:p-0 {
    padding: 0px
  }

  .md\:p-1 {
    padding: 0.25rem
  }

  .md\:p-3 {
    padding: 0.75rem
  }

  .md\:px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem
  }

  .md\:px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem
  }

  .md\:py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem
  }

  .md\:pb-0 {
    padding-bottom: 0px
  }

  .md\:text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem
  }

  .md\:text-base {
    font-size: 1rem;
    line-height: 1.5rem
  }

  .md\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem
  }
}

@media (min-width: 1024px) {
  .lg\:static {
    position: static
  }

  .lg\:z-\[21\] {
    z-index: 21
  }

  .lg\:order-1 {
    order: 1
  }

  .lg\:order-2 {
    order: 2
  }

  .lg\:-mb-1 {
    margin-bottom: -0.25rem
  }

  .lg\:mb-0 {
    margin-bottom: 0px
  }

  .lg\:mb-\[50px\] {
    margin-bottom: 50px
  }

  .lg\:ml-auto {
    margin-left: auto
  }

  .lg\:mt-0 {
    margin-top: 0px
  }

  .lg\:mt-\[60px\] {
    margin-top: 60px
  }

  .lg\:block {
    display: block
  }

  .lg\:flex {
    display: flex
  }

  .lg\:hidden {
    display: none
  }

  .lg\:h-24 {
    height: 6rem
  }

  .lg\:w-1\/3 {
    width: 33.333333%
  }

  .lg\:w-\[230px\] {
    width: 230px
  }

  .lg\:w-\[88px\] {
    width: 88px
  }

  .lg\:w-full {
    width: 100%
  }

  .lg\:\!transform-none {
    transform: none !important
  }

  .lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr))
  }

  .lg\:flex-row {
    flex-direction: row
  }

  .lg\:justify-start {
    justify-content: flex-start
  }

  .lg\:space-x-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.5rem * var(--tw-space-x-reverse));
    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)))
  }

  .lg\:space-x-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1rem * var(--tw-space-x-reverse));
    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)))
  }

  .lg\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0px * var(--tw-space-y-reverse))
  }

  .lg\:border-b-4 {
    border-bottom-width: 4px
  }

  .lg\:px-0 {
    padding-left: 0px;
    padding-right: 0px
  }

  .lg\:px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem
  }

  .lg\:py-0 {
    padding-top: 0px;
    padding-bottom: 0px
  }

  .lg\:py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem
  }

  .lg\:py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
  }

  .lg\:text-left {
    text-align: left
  }

  .lg\:text-xs {
    font-size: 0.75rem;
    line-height: 1rem
  }
}

@media (min-width: 1280px) {
  .xl\:ml-1 {
    margin-left: 0.25rem
  }

  .xl\:w-\[45\%\] {
    width: 45%
  }

  .xl\:px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem
  }

  .xl\:text-\[0\.9rem\] {
    font-size: 0.9rem
  }
}

@media (min-width: 1440px) {
  .\32xl\:ml-6 {
    margin-left: 1.5rem
  }

  .\32xl\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem
  }
}