@paykka/card-checkout-ui 0.8.0 → 0.11.2

package/dist/es/style.css

@@ -1,1192 +1 @@
-::-webkit-scrollbar {
-  height: 6px;
-  width: 6px;
-}
-
-::-webkit-scrollbar-thumb {
-  background-color: rgba(0, 0, 0, 0.25);
-  border-radius: 4px;
-}
-
-::-webkit-scrollbar-button {
-  display: none !important;
-}
-
-::-moz-scrollbar-button {
-  display: none !important;
-}
-
-.paykka-card-checkout-form-item {
-  font-size: 16px;
-}
-
-.paykka-card-checkout-form-item__label {
-  margin-bottom: 8px;
-  transition: margin-bottom 0.1s cubic-bezier(0.4, 0, 0.2, 1);
-  user-select: none;
-}
-
-@media (min-width: 480px) {
-  .paykka-card-checkout-form-item__label {
-    margin-bottom: 10px;
-  }
-}
-
-.paykka-card-checkout-form-item__error-text {
-  margin-top: 4px;
-  color: #F53F3F;
-  font-size: 14px;
-}::-webkit-scrollbar {
-  height: 6px;
-  width: 6px;
-}
-
-::-webkit-scrollbar-thumb {
-  background-color: rgba(0, 0, 0, 0.25);
-  border-radius: 4px;
-}
-
-::-webkit-scrollbar-button {
-  display: none !important;
-}
-
-::-moz-scrollbar-button {
-  display: none !important;
-}
-
-.paykka-card-checkout-input {
-  position: relative;
-  box-sizing: border-box;
-  font-size: 16px;
-}
-
-.paykka-card-checkout-input__input-wrapper {
-  display: flex;
-  align-items: center;
-  height: 44px;
-  width: 100%;
-  border-radius: 8px;
-  border: 1px solid #E1E1E5;
-  transition: border 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
-  caret-color: var(--paykka-card-checkout-input-color, #4F43DF) .paykka-card-checkout-input__input-wrapper --error;
-  caret-color-border: 1px solid #F53F3F;
-}
-
-.paykka-card-checkout-input__input-wrapper:active, .paykka-card-checkout-input__input-wrapper--focus, .paykka-card-checkout-input__input-wrapper:focus {
-  border: 1px solid var(--paykka-card-checkout-input-color, #4F43DF);
-  box-shadow: 0 0 0 1px var(--paykka-card-checkout-input-color, #4F43DF);
-}
-
-.paykka-card-checkout-input__input-wrapper-disabled {
-  cursor: not-allowed;
-  background: #F5F5F7;
-}
-
-.paykka-card-checkout-input__input-wrapper-disabled:active, .paykka-card-checkout-input__input-wrapper-disabled--focus, .paykka-card-checkout-input__input-wrapper-disabled:focus {
-  border: 1px solid #F5F5F7;
-  box-shadow: 0 0 0 2px #F5F5F7;
-}
-
-.paykka-card-checkout-input__input {
-  outline: none;
-  border: none;
-  height: 100%;
-  width: 100%;
-  border-radius: 8px;
-  caret-color: var(--paykka-card-checkout-input-color, #4F43DF);
-  font-size: 16px;
-  padding-left: 12px;
-  background-color: transparent;
-}
-
-.paykka-card-checkout-input__input::placeholder {
-  color: #C2C2C2;
-}
-
-.paykka-card-checkout-input__input:-webkit-autofill, .paykka-card-checkout-input__input:-internal-autofill-selected {
-  background-color: transparent !important;
-}
-
-.paykka-card-checkout-input__right-icon {
-  padding-right: 12px;
-  display: flex;
-  align-items: center;
-  flex-shrink: 0;
-  margin-left: 12px;
-}
-
-.paykka-card-checkout-input__left-icon {
-  padding-left: 12px;
-  display: flex;
-  align-items: center;
-  flex-shrink: 0;
-  margin-right: 12px;
-}::-webkit-scrollbar {
-  height: 6px;
-  width: 6px;
-}
-
-::-webkit-scrollbar-thumb {
-  background-color: rgba(0, 0, 0, 0.25);
-  border-radius: 4px;
-}
-
-::-webkit-scrollbar-button {
-  display: none !important;
-}
-
-::-moz-scrollbar-button {
-  display: none !important;
-}
-
-.paykka-card-checkout-select__wrapper {
-  width: 100%;
-  position: relative;
-  cursor: pointer;
-}
-
-.paykka-card-checkout-select__render-label {
-  position: absolute;
-  top: 0;
-  line-height: 44px;
-  height: 44px;
-  padding: 0 16px;
-  display: flex;
-}
-
-.paykka-card-checkout-select__render-label--placeholder {
-  color: #C2C2C2;
-}
-
-.paykka-card-checkout-select__render-label--hidden {
-  visibility: hidden;
-}
-
-.paykka-card-checkout-select__menu {
-  margin-top: 4px;
-  width: 100%;
-  max-height: 260px;
-  background: #FFFFFF;
-  box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.1);
-  border-radius: 4px 4px 4px 4px;
-  border: 1px solid #EBEBEF;
-  overflow-y: auto;
-  z-index: 999;
-  position: absolute;
-}
-
-.paykka-card-checkout-select__menu-item {
-  padding: 6px 12px;
-  line-height: 32px;
-  color: #626266;
-  cursor: pointer;
-  display: flex;
-  justify-content: space-between;
-}
-
-.paykka-card-checkout-select__menu-item:hover, .paykka-card-checkout-select__menu-item:active, .paykka-card-checkout-select__menu-item--selected, .paykka-card-checkout-select__menu-item:focus {
-  color: #1F1F1F;
-  background: #F3F3F5;
-}
-
-.paykka-card-checkout-select__menu-item-icon {
-  margin-left: 10px;
-  display: flex;
-  align-items: center;
-}
-
-.paykka-card-checkout-select__menu-no-data {
-  height: 200px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  color: #C2C2C2;
-}::-webkit-scrollbar {
-  height: 6px;
-  width: 6px;
-}
-
-::-webkit-scrollbar-thumb {
-  background-color: rgba(0, 0, 0, 0.25);
-  border-radius: 4px;
-}
-
-::-webkit-scrollbar-button {
-  display: none !important;
-}
-
-::-moz-scrollbar-button {
-  display: none !important;
-}
-
-.paykka-card-checkout-address-field__first-item .paykka-card-checkout-input__input-wrapper {
-  padding: 8px 0;
-  border-bottom-right-radius: 0;
-  border-bottom-left-radius: 0;
-}
-
-.paykka-card-checkout-address-field__mid-item .paykka-card-checkout-input__input-wrapper {
-  padding: 8px 0;
-  border-radius: 0;
-  border-top: 0;
-}
-
-.paykka-card-checkout-address-field__mid-item .paykka-card-checkout-input__input-wrapper:active, .paykka-card-checkout-address-field__mid-item .paykka-card-checkout-input__input-wrapper--focus, .paykka-card-checkout-address-field__mid-item .paykka-card-checkout-input__input-wrapper:focus {
-  border-top: 1px solid var(--paykka-card-checkout-input-color, #4F43DF);
-  box-shadow: 0 0 0 1px var(--paykka-card-checkout-input-color, #4F43DF);
-}
-
-.paykka-card-checkout-address-field__last-item .paykka-card-checkout-input__input-wrapper {
-  padding: 8px 0;
-  border-top-right-radius: 0;
-  border-top-left-radius: 0;
-  border-top: 0;
-}
-
-.paykka-card-checkout-address-field__last-item .paykka-card-checkout-input__input-wrapper:active, .paykka-card-checkout-address-field__last-item .paykka-card-checkout-input__input-wrapper--focus, .paykka-card-checkout-address-field__last-item .paykka-card-checkout-input__input-wrapper:focus {
-  border-top: 1px solid var(--paykka-card-checkout-input-color, #4F43DF);
-  box-shadow: 0 0 0 1px var(--paykka-card-checkout-input-color, #4F43DF);
-}::-webkit-scrollbar {
-  height: 6px;
-  width: 6px;
-}
-
-::-webkit-scrollbar-thumb {
-  background-color: rgba(0, 0, 0, 0.25);
-  border-radius: 4px;
-}
-
-::-webkit-scrollbar-button {
-  display: none !important;
-}
-
-::-moz-scrollbar-button {
-  display: none !important;
-}
-
-.paykka-card-checkout-info {
-  display: flex;
-  align-items: center;
-  padding: 10px 14px;
-  border-radius: 4px;
-}
-
-.paykka-card-checkout-info--error {
-  background-color: #FFECE8;
-}
-
-.paykka-card-checkout-info__icon {
-  margin-right: 8px;
-  height: 1.3em;
-  display: flex;
-  align-items: center;
-}
-
-.paykka-card-checkout-info__content {
-  text-align: justify;
-  word-break: break-all;
-}::-webkit-scrollbar {
-  height: 6px;
-  width: 6px;
-}
-
-::-webkit-scrollbar-thumb {
-  background-color: rgba(0, 0, 0, 0.25);
-  border-radius: 4px;
-}
-
-::-webkit-scrollbar-button {
-  display: none !important;
-}
-
-::-moz-scrollbar-button {
-  display: none !important;
-}
-
-.paykka-card-checkout-recurring-tip {
-  display: flex;
-  color: #A9A9A9;
-}
-
-.paykka-card-checkout-recurring-tip__icon {
-  width: 20px;
-  display: flex;
-  padding-top: 4px;
-  padding-right: 4px;
-}::-webkit-scrollbar {
-  height: 6px;
-  width: 6px;
-}
-
-::-webkit-scrollbar-thumb {
-  background-color: rgba(0, 0, 0, 0.25);
-  border-radius: 4px;
-}
-
-::-webkit-scrollbar-button {
-  display: none !important;
-}
-
-::-moz-scrollbar-button {
-  display: none !important;
-}
-
-.paykka-card-checkout-button {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  height: 44px;
-  padding: 0 14px;
-  border-radius: 8px;
-  border: 0;
-  background-color: var(--paykka-card-checkout-button-bg-color, #4F43DF);
-  color: var(--paykka-card-checkout-button-text-color, #fff);
-  font-size: 16px;
-  cursor: pointer;
-  text-decoration: none;
-  transition: background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-}
-
-.paykka-card-checkout-button:not(.paykka-card-checkout-button--loading).paykka-card-checkout-button:not(.paykka-card-checkout-button--disabled).paykka-card-checkout-button:not(.paykka-card-checkout-button--dashed):hover {
-  background-color: var(--paykka-card-checkout-button-bg-color-hover, #3f33bb);
-}
-
-.paykka-card-checkout-button:not(.paykka-card-checkout-button--loading).paykka-card-checkout-button:not(.paykka-card-checkout-button--disabled).paykka-card-checkout-button:not(.paykka-card-checkout-button--dashed):active {
-  background-color: var(--paykka-card-checkout-button-bg-color-active, #312498);
-}
-
-.paykka-card-checkout-button--loading {
-  cursor: wait;
-}
-
-.paykka-card-checkout-button--disabled {
-  cursor: not-allowed;
-  opacity: 0.5;
-}
-
-.paykka-card-checkout-button--dashed {
-  border: 1px dashed #DFDFE5;
-  color: #1F1F1F;
-  background-color: transparent;
-}
-
-.paykka-card-checkout-button__icon {
-  display: flex;
-  align-items: center;
-  margin-right: 12px;
-}::-webkit-scrollbar {
-  height: 6px;
-  width: 6px;
-}
-
-::-webkit-scrollbar-thumb {
-  background-color: rgba(0, 0, 0, 0.25);
-  border-radius: 4px;
-}
-
-::-webkit-scrollbar-button {
-  display: none !important;
-}
-
-::-moz-scrollbar-button {
-  display: none !important;
-}
-
-.paykka-card-checkout-loading-check {
-  display: inline-flex;
-  align-items: center;
-  overflow: hidden;
-  --circle-transition-time: 0.3s;
-  --check-dashoffset: 50;
-}
-
-.paykka-card-checkout-loading-check__circle {
-  transition: stroke-dasharray var(--circle-transition-time) linear;
-}
-
-.paykka-card-checkout-loading-check__circle--loading {
-  animation: spin 1s infinite linear;
-  transform-origin: center;
-}
-
-.paykka-card-checkout-loading-check__check {
-  stroke-dasharray: var(--check-dashoffset);
-  stroke-dashoffset: var(--check-dashoffset);
-  animation: tick 0.5s ease-out;
-  animation-fill-mode: forwards;
-  animation-delay: var(--circle-transition-time);
-}
-
-@keyframes tick {
-  from {
-    stroke-dashoffset: var(--check-dashoffset);
-  }
-  to {
-    stroke-dashoffset: 0;
-  }
-}
-
-@keyframes spin {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
-}::-webkit-scrollbar {
-  height: 6px;
-  width: 6px;
-}
-
-::-webkit-scrollbar-thumb {
-  background-color: rgba(0, 0, 0, 0.25);
-  border-radius: 4px;
-}
-
-::-webkit-scrollbar-button {
-  display: none !important;
-}
-
-::-moz-scrollbar-button {
-  display: none !important;
-}
-
-.paykka-card-checkout-submit-button--success {
-  opacity: 1 !important;
-  background-color: #00B42A !important;
-}
-
-.paykka-card-checkout-submit-button__text {
-  line-height: 1;
-}
-
-.paykka-card-checkout-submit-button__text--not-verified {
-  color: rgba(255, 255, 255, 0.6);
-}::-webkit-scrollbar {
-  height: 6px;
-  width: 6px;
-}
-
-::-webkit-scrollbar-thumb {
-  background-color: rgba(0, 0, 0, 0.25);
-  border-radius: 4px;
-}
-
-::-webkit-scrollbar-button {
-  display: none !important;
-}
-
-::-moz-scrollbar-button {
-  display: none !important;
-}
-
-@media (min-width: 480px) {
-  .paykka-card-checkout-ali-pay__email {
-    padding-bottom: 20px;
-  }
-}
-
-.paykka-card-checkout-ali-pay__error {
-  margin-top: 16px;
-  transition: margin-bottom 0.1s cubic-bezier(0.4, 0, 0.2, 1);
-}
-
-@media (min-width: 480px) {
-  .paykka-card-checkout-ali-pay__error {
-    margin-top: 20px;
-  }
-}
-
-.paykka-card-checkout-ali-pay__button {
-  margin-top: 16px;
-  transition: margin-top 0.1s cubic-bezier(0.4, 0, 0.2, 1);
-}
-
-@media (min-width: 480px) {
-  .paykka-card-checkout-ali-pay__button {
-    margin-top: 20px;
-  }
-}::-webkit-scrollbar {
-  height: 6px;
-  width: 6px;
-}
-
-::-webkit-scrollbar-thumb {
-  background-color: rgba(0, 0, 0, 0.25);
-  border-radius: 4px;
-}
-
-::-webkit-scrollbar-button {
-  display: none !important;
-}
-
-::-moz-scrollbar-button {
-  display: none !important;
-}
-
-.paykka-card-checkout-apple-pay__error {
-  margin-bottom: 16px;
-  transition: margin-bottom 0.1s cubic-bezier(0.4, 0, 0.2, 1);
-}
-
-@media (min-width: 480px) {
-  .paykka-card-checkout-apple-pay__error {
-    margin-bottom: 20px;
-  }
-}
-
-.paykka-card-checkout-apple-pay__button {
-  width: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 44px;
-  --apple-pay-button-width: 100%;
-  --apple-pay-button-height: 44px;
-  --apple-pay-button-border-radius: 8px;
-  --apple-pay-button-padding: 0px 0px;
-  --apple-pay-button-box-sizing: border-box;
-}::-webkit-scrollbar {
-  height: 6px;
-  width: 6px;
-}
-
-::-webkit-scrollbar-thumb {
-  background-color: rgba(0, 0, 0, 0.25);
-  border-radius: 4px;
-}
-
-::-webkit-scrollbar-button {
-  display: none !important;
-}
-
-::-moz-scrollbar-button {
-  display: none !important;
-}
-
-.paykka-card-checkout-card-brands {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 6px;
-}
-
-.paykka-card-checkout-card-brands__more {
-  line-height: 32px;
-  font-size: 13px;
-  color: #687282;
-}::-webkit-scrollbar {
-  height: 6px;
-  width: 6px;
-}
-
-::-webkit-scrollbar-thumb {
-  background-color: rgba(0, 0, 0, 0.25);
-  border-radius: 4px;
-}
-
-::-webkit-scrollbar-button {
-  display: none !important;
-}
-
-::-moz-scrollbar-button {
-  display: none !important;
-}
-
-.paykka-card-checkout-card-no__wrapper {
-  display: flex;
-  align-items: center;
-}
-
-.paykka-card-checkout-card-no__dot {
-  width: 4px;
-  height: 4px;
-  background: currentColor;
-  margin-right: 4px;
-  border-radius: 50%;
-}
-
-.paykka-card-checkout-card-no__card-no {
-  margin-left: 4px;
-}::-webkit-scrollbar {
-  height: 6px;
-  width: 6px;
-}
-
-::-webkit-scrollbar-thumb {
-  background-color: rgba(0, 0, 0, 0.25);
-  border-radius: 4px;
-}
-
-::-webkit-scrollbar-button {
-  display: none !important;
-}
-
-::-moz-scrollbar-button {
-  display: none !important;
-}
-
-.paykka-card-checkout-card-selector__action {
-  padding: 8px 12px;
-}
-
-.paykka-card-checkout-card-selector__label {
-  display: flex;
-  align-items: center;
-}
-
-.paykka-card-checkout-card-selector__card-no {
-  margin-left: 12px;
-}
-
-.paykka-card-checkout-card-selector__change {
-  display: flex;
-  align-items: center;
-  color: #4F43DF;
-  font-size: 14px;
-}::-webkit-scrollbar {
-  height: 6px;
-  width: 6px;
-}
-
-::-webkit-scrollbar-thumb {
-  background-color: rgba(0, 0, 0, 0.25);
-  border-radius: 4px;
-}
-
-::-webkit-scrollbar-button {
-  display: none !important;
-}
-
-::-moz-scrollbar-button {
-  display: none !important;
-}
-
-.paykka-card-checkout-check-box {
-  display: inline-flex;
-  align-items: center;
-  font-size: 14px;
-  background-color: transparent;
-  cursor: pointer;
-}
-
-.paykka-card-checkout-check-box:hover .paykka-card-checkout-check-box__inner {
-  border-color: #4F43DF;
-}
-
-.paykka-card-checkout-check-box--checked .paykka-card-checkout-check-box__inner {
-  border-color: #4F43DF;
-  background-color: #4F43DF;
-}
-
-.paykka-card-checkout-check-box__inner {
-  width: 14px;
-  height: 14px;
-  border: 1px solid #E1E1E5;
-  border-radius: 2px;
-  margin-right: 8px;
-  transition: border-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-}::-webkit-scrollbar {
-  height: 6px;
-  width: 6px;
-}
-
-::-webkit-scrollbar-thumb {
-  background-color: rgba(0, 0, 0, 0.25);
-  border-radius: 4px;
-}
-
-::-webkit-scrollbar-button {
-  display: none !important;
-}
-
-::-moz-scrollbar-button {
-  display: none !important;
-}
-
-.paykka-card-checkout-modal {
-  position: fixed;
-  left: 0px;
-  right: 0px;
-  top: 0px;
-  bottom: 0px;
-  z-index: 9999;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-}
-
-.paykka-card-checkout-modal__mask {
-  position: fixed;
-  left: 0;
-  right: 0;
-  top: 0;
-  bottom: 0;
-  background-color: rgba(0, 0, 0, 0.4);
-}
-
-.paykka-card-checkout-modal__content {
-  position: relative;
-  z-index: 9999;
-  border-radius: 8px;
-  background-color: rgb(255, 255, 255);
-  box-shadow: 0px 8px 16px -8px rgba(0, 0, 0, 0.08), 0px 12px 32px 0px rgba(0, 0, 0, 0.06), 0px 16px 48px 16px rgba(0, 0, 0, 0.04);
-  display: flex;
-  flex-direction: column;
-}
-
-.paykka-card-checkout-modal__close {
-  cursor: pointer;
-  right: 0px;
-  position: absolute;
-  transform: translate(0, -150%);
-  color: #d2d2d2;
-}
-
-.paykka-card-checkout-modal__close:hover {
-  color: #FFFFFF;
-}
-
-.paykka-card-checkout-modal__body {
-  flex: 1;
-  padding-left: 28px;
-  padding-right: 28px;
-  padding-top: 36px;
-  padding-bottom: 24px;
-}::-webkit-scrollbar {
-  height: 6px;
-  width: 6px;
-}
-
-::-webkit-scrollbar-thumb {
-  background-color: rgba(0, 0, 0, 0.25);
-  border-radius: 4px;
-}
-
-::-webkit-scrollbar-button {
-  display: none !important;
-}
-
-::-moz-scrollbar-button {
-  display: none !important;
-}
-
-.paykka-card-checkout-three-ds-auth__content {
-  height: 100%;
-}
-
-.paykka-card-checkout-three-ds-auth__last-three-ds {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-direction: column;
-}
-
-.paykka-card-checkout-three-ds-auth__last-three-ds-title {
-  margin-top: 20px;
-  margin-bottom: 40px;
-  color: #1f1f1f;
-  font-size: 20px;
-  font-weight: 700;
-  text-align: center;
-}::-webkit-scrollbar {
-  height: 6px;
-  width: 6px;
-}
-
-::-webkit-scrollbar-thumb {
-  background-color: rgba(0, 0, 0, 0.25);
-  border-radius: 4px;
-}
-
-::-webkit-scrollbar-button {
-  display: none !important;
-}
-
-::-moz-scrollbar-button {
-  display: none !important;
-}
-
-.paykka-card-checkout-combined-card-info {
-  width: 100%;
-  height: 100%;
-  display: flex;
-}
-
-.paykka-card-checkout-combined-card-info__card-number {
-  flex: 1;
-}
-
-.paykka-card-checkout-combined-card-info__expire-date {
-  width: 100px;
-}
-
-.paykka-card-checkout-combined-card-info__cvv {
-  width: 60px;
-}
-
-.paykka-card-checkout-combined-card-info__blank-icon {
-  width: 16px;
-  height: 16px;
-}::-webkit-scrollbar {
-  height: 6px;
-  width: 6px;
-}
-
-::-webkit-scrollbar-thumb {
-  background-color: rgba(0, 0, 0, 0.25);
-  border-radius: 4px;
-}
-
-::-webkit-scrollbar-button {
-  display: none !important;
-}
-
-::-moz-scrollbar-button {
-  display: none !important;
-}
-
-.paykka-card-checkout-card {
-  min-width: 280px;
-}
-
-.paykka-card-checkout-card__field {
-  margin-bottom: 16px;
-}
-
-@media (min-width: 480px) {
-  .paykka-card-checkout-card__field {
-    margin-bottom: 20px;
-  }
-}
-
-.paykka-card-checkout-card__center {
-  display: flex;
-  justify-content: space-between;
-}
-
-.paykka-card-checkout-card__center > div {
-  width: calc((100% - 20px) / 2);
-  transition: width 0.1s cubic-bezier(0.4, 0, 0.2, 1);
-}
-
-@media (min-width: 480px) {
-  .paykka-card-checkout-card__center > div {
-    width: calc((100% - 32px) / 2);
-  }
-}
-
-.paykka-card-checkout-card__card-info {
-  margin-bottom: 16px;
-}
-
-@media (min-width: 480px) {
-  .paykka-card-checkout-card__card-info {
-    margin-bottom: 20px;
-  }
-}
-
-.paykka-card-checkout-card__holder-name {
-  margin-bottom: 16px;
-}
-
-@media (min-width: 480px) {
-  .paykka-card-checkout-card__holder-name {
-    margin-bottom: 20px;
-  }
-}
-
-.paykka-card-checkout-card__button {
-  margin-top: 16px;
-  transition: margin-top 0.1s cubic-bezier(0.4, 0, 0.2, 1);
-}
-
-@media (min-width: 480px) {
-  .paykka-card-checkout-card__button {
-    margin-top: 20px;
-  }
-}
-
-.paykka-card-checkout-card__card-brands {
-  margin-top: 8px;
-}
-
-.paykka-card-checkout-card__card-number-wrapper {
-  position: relative;
-}
-
-.paykka-card-checkout-card__change-box {
-  display: flex;
-  align-items: center;
-  color: #4F43DF;
-  font-size: 14px;
-  position: absolute;
-  top: 0;
-  right: 0;
-  cursor: pointer;
-}
-
-.paykka-card-checkout-card__card-selector-wrapper {
-  display: flex;
-  justify-content: space-between;
-}
-
-.paykka-card-checkout-card__address {
-  margin-bottom: 16px;
-}
-
-@media (min-width: 480px) {
-  .paykka-card-checkout-card__address {
-    margin-bottom: 20px;
-  }
-}
-
-.paykka-card-checkout-card__store-checkbox {
-  margin-top: 16px;
-}
-
-@media (min-width: 480px) {
-  .paykka-card-checkout-card__store-checkbox {
-    margin-top: 20px;
-  }
-}::-webkit-scrollbar {
-  height: 6px;
-  width: 6px;
-}
-
-::-webkit-scrollbar-thumb {
-  background-color: rgba(0, 0, 0, 0.25);
-  border-radius: 4px;
-}
-
-::-webkit-scrollbar-button {
-  display: none !important;
-}
-
-::-moz-scrollbar-button {
-  display: none !important;
-}
-
-.paykka-card-checkout-google-pay__error {
-  margin-bottom: 16px;
-  transition: margin-bottom 0.1s cubic-bezier(0.4, 0, 0.2, 1);
-}
-
-@media (min-width: 480px) {
-  .paykka-card-checkout-google-pay__error {
-    margin-bottom: 20px;
-  }
-}::-webkit-scrollbar {
-  height: 6px;
-  width: 6px;
-}
-
-::-webkit-scrollbar-thumb {
-  background-color: rgba(0, 0, 0, 0.25);
-  border-radius: 4px;
-}
-
-::-webkit-scrollbar-button {
-  display: none !important;
-}
-
-::-moz-scrollbar-button {
-  display: none !important;
-}
-
-.paykka-card-checkout-payment-tabs {
-  display: flex;
-  flex-wrap: nowrap;
-  justify-content: start;
-  column-gap: 6px;
-}
-
-.paykka-card-checkout-payment-tabs__tab {
-  border: 2px solid #E1E1E5;
-  padding: 12px;
-  border-radius: 12px;
-  width: calc((100% - 12px) / 3);
-}
-
-@media (min-width: 480px) {
-  .paykka-card-checkout-payment-tabs__tab {
-    padding: 16px;
-  }
-}
-
-.paykka-card-checkout-payment-tabs__name {
-  color: #626266;
-}::-webkit-scrollbar {
-  height: 6px;
-  width: 6px;
-}
-
-::-webkit-scrollbar-thumb {
-  background-color: rgba(0, 0, 0, 0.25);
-  border-radius: 4px;
-}
-
-::-webkit-scrollbar-button {
-  display: none !important;
-}
-
-::-moz-scrollbar-button {
-  display: none !important;
-}
-
-.paykka-card-checkout-drop-in__header-payment {
-  margin-bottom: 10px;
-}
-
-.paykka-card-checkout-drop-in__other {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  margin-top: 14px;
-}
-
-@media (min-width: 480px) {
-  .paykka-card-checkout-drop-in__other {
-    margin-top: 30px;
-  }
-}
-
-.paykka-card-checkout-drop-in__other-text {
-  margin: 0 14px;
-  color: #6E6E7E;
-}
-
-.paykka-card-checkout-drop-in__other-line {
-  background-color: #DFDFE5;
-  flex-grow: 0.5;
-  height: 1px;
-}
-
-.paykka-card-checkout-drop-in__tabs-wrapper {
-  margin-top: 16px;
-  margin-bottom: 16px;
-}
-
-@media (min-width: 480px) {
-  .paykka-card-checkout-drop-in__tabs-wrapper {
-    margin-top: 24px;
-    margin-bottom: 24px;
-  }
-}::-webkit-scrollbar {
-  height: 6px;
-  width: 6px;
-}
-
-::-webkit-scrollbar-thumb {
-  background-color: rgba(0, 0, 0, 0.25);
-  border-radius: 4px;
-}
-
-::-webkit-scrollbar-button {
-  display: none !important;
-}
-
-::-moz-scrollbar-button {
-  display: none !important;
-}
-
-.paykka-card-checkout-sepa {
-  min-width: 280px;
-}
-
-.paykka-card-checkout-sepa__field {
-  margin-bottom: 24px;
-}
-
-.paykka-card-checkout-sepa__holder-name {
-  padding-bottom: 16px;
-}
-
-@media (min-width: 480px) {
-  .paykka-card-checkout-sepa__holder-name {
-    padding-bottom: 20px;
-  }
-}
-
-.paykka-card-checkout-sepa__button {
-  margin-top: 16px;
-  transition: margin-top 0.1s cubic-bezier(0.4, 0, 0.2, 1);
-}
-
-@media (min-width: 480px) {
-  .paykka-card-checkout-sepa__button {
-    margin-top: 20px;
-  }
-}::-webkit-scrollbar {
-  height: 6px;
-  width: 6px;
-}
-
-::-webkit-scrollbar-thumb {
-  background-color: rgba(0, 0, 0, 0.25);
-  border-radius: 4px;
-}
-
-::-webkit-scrollbar-button {
-  display: none !important;
-}
-
-::-moz-scrollbar-button {
-  display: none !important;
-}
-
-@media (min-width: 480px) {
-  .paykka-card-checkout-wechat-pay__email {
-    padding-bottom: 20px;
-  }
-}
-
-.paykka-card-checkout-wechat-pay__error {
-  margin-top: 16px;
-  transition: margin-bottom 0.1s cubic-bezier(0.4, 0, 0.2, 1);
-}
-
-@media (min-width: 480px) {
-  .paykka-card-checkout-wechat-pay__error {
-    margin-top: 20px;
-  }
-}
-
-.paykka-card-checkout-wechat-pay__button {
-  margin-top: 16px;
-  transition: margin-top 0.1s cubic-bezier(0.4, 0, 0.2, 1);
-}
-
-@media (min-width: 480px) {
-  .paykka-card-checkout-wechat-pay__button {
-    margin-top: 20px;
-  }
-}::-webkit-scrollbar {
-  height: 6px;
-  width: 6px;
-}
-
-::-webkit-scrollbar-thumb {
-  background-color: rgba(0, 0, 0, 0.25);
-  border-radius: 4px;
-}
-
-::-webkit-scrollbar-button {
-  display: none !important;
-}
-
-::-moz-scrollbar-button {
-  display: none !important;
-}
-
-.paykka-card-checkout,
-.paykka-card-checkout * {
-  box-sizing: border-box;
-}
+.paykka-card-checkout-accordion-item{border:1px solid #E1E1E5;border-radius:8px;margin-bottom:10px;padding:0 16px;transition:all .3s linear}@media (min-width: 480px){.paykka-card-checkout-accordion-item{padding:0 14px}}.paykka-card-checkout-accordion-item--disabled{cursor:not-allowed;opacity:.4}.paykka-card-checkout-accordion-item__header{cursor:pointer;display:flex;align-items:center;padding-top:14px;padding-bottom:16px;font-size:14px;line-height:20px;transition:all .3s linear}@media (min-width: 480px){.paykka-card-checkout-accordion-item__header{padding-top:16px;padding-bottom:16px;font-size:16px;line-height:22px}}.paykka-card-checkout-accordion-item__title{font-size:16px;line-height:22px;color:#626266}.paykka-card-checkout-accordion-item__title--active{color:#4f43df}.paykka-card-checkout-accordion-item__content{max-height:0;opacity:0;overflow:hidden}.paykka-card-checkout-accordion-item__content--active{opacity:1;padding-bottom:14px}@media (min-width: 480px){.paykka-card-checkout-accordion-item__content--active{padding-bottom:16px}}.paykka-card-checkout-form-item{font-size:16px}.paykka-card-checkout-form-item__label{margin-bottom:8px;transition:margin-bottom .1s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}@media (min-width: 480px){.paykka-card-checkout-form-item__label{margin-bottom:10px}}.paykka-card-checkout-form-item__error-text{margin-top:4px;color:#f53f3f;font-size:14px}.paykka-card-checkout-input{position:relative;box-sizing:border-box;font-size:16px}.paykka-card-checkout-input__input-wrapper{display:flex;align-items:center;height:44px;width:100%;border-radius:8px;border:1px solid #E1E1E5;transition:border .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);caret-color:var(--paykka-card-checkout-input-color, #4F43DF) .paykka-card-checkout-input__input-wrapper --error;caret-color-border:1px solid #F53F3F}.paykka-card-checkout-input__input-wrapper:active,.paykka-card-checkout-input__input-wrapper--focus,.paykka-card-checkout-input__input-wrapper:focus{border:1px solid var(--paykka-card-checkout-input-color, #4F43DF);box-shadow:0 0 0 1px var(--paykka-card-checkout-input-color, #4F43DF)}.paykka-card-checkout-input__input-wrapper-disabled{cursor:not-allowed;background:#f5f5f7}.paykka-card-checkout-input__input-wrapper-disabled:active,.paykka-card-checkout-input__input-wrapper-disabled--focus,.paykka-card-checkout-input__input-wrapper-disabled:focus{border:1px solid #F5F5F7;box-shadow:0 0 0 2px #f5f5f7}.paykka-card-checkout-input__input{outline:none;border:none;height:100%;width:100%;border-radius:8px;caret-color:var(--paykka-card-checkout-input-color, #4F43DF);font-size:16px;padding-left:12px;background-color:transparent}.paykka-card-checkout-input__input::placeholder{color:#c2c2c2}.paykka-card-checkout-input__input:-webkit-autofill,.paykka-card-checkout-input__input:-internal-autofill-selected{background-color:transparent!important}.paykka-card-checkout-input__right-icon{padding-right:12px;display:flex;align-items:center;flex-shrink:0;margin-left:12px}.paykka-card-checkout-input__left-icon{padding-left:12px;display:flex;align-items:center;flex-shrink:0;margin-right:12px}.paykka-card-checkout-select__wrapper{width:100%;position:relative;cursor:pointer}.paykka-card-checkout-select__render-label{position:absolute;top:0;line-height:44px;height:44px;padding:0 16px;display:flex}.paykka-card-checkout-select__render-label--placeholder{color:#c2c2c2}.paykka-card-checkout-select__render-label--hidden{visibility:hidden}.paykka-card-checkout-select__menu{margin-top:4px;width:100%;max-height:260px;background:#fff;box-shadow:0 4px 14px #0000001a;border-radius:4px;border:1px solid #EBEBEF;overflow-y:auto;z-index:999;position:absolute}.paykka-card-checkout-select__menu-item{padding:6px 12px;line-height:32px;color:#626266;cursor:pointer;display:flex;justify-content:space-between}.paykka-card-checkout-select__menu-item:hover,.paykka-card-checkout-select__menu-item:active,.paykka-card-checkout-select__menu-item--selected,.paykka-card-checkout-select__menu-item:focus{color:#1f1f1f;background:#f3f3f5}.paykka-card-checkout-select__menu-item-icon{margin-left:10px;display:flex;align-items:center}.paykka-card-checkout-select__menu-no-data{height:200px;display:flex;justify-content:center;align-items:center;color:#c2c2c2}.paykka-card-checkout-address-field__first-item .paykka-card-checkout-input__input-wrapper{padding:8px 0;border-bottom-right-radius:0;border-bottom-left-radius:0}.paykka-card-checkout-address-field__mid-item .paykka-card-checkout-input__input-wrapper{padding:8px 0;border-radius:0;border-top:0}.paykka-card-checkout-address-field__mid-item .paykka-card-checkout-input__input-wrapper:active,.paykka-card-checkout-address-field__mid-item .paykka-card-checkout-input__input-wrapper--focus,.paykka-card-checkout-address-field__mid-item .paykka-card-checkout-input__input-wrapper:focus{border-top:1px solid var(--paykka-card-checkout-input-color, #4F43DF);box-shadow:0 0 0 1px var(--paykka-card-checkout-input-color, #4F43DF)}.paykka-card-checkout-address-field__last-item .paykka-card-checkout-input__input-wrapper{padding:8px 0;border-top-right-radius:0;border-top-left-radius:0;border-top:0}.paykka-card-checkout-address-field__last-item .paykka-card-checkout-input__input-wrapper:active,.paykka-card-checkout-address-field__last-item .paykka-card-checkout-input__input-wrapper--focus,.paykka-card-checkout-address-field__last-item .paykka-card-checkout-input__input-wrapper:focus{border-top:1px solid var(--paykka-card-checkout-input-color, #4F43DF);box-shadow:0 0 0 1px var(--paykka-card-checkout-input-color, #4F43DF)}.paykka-card-checkout-info{display:flex;align-items:center;padding:10px 14px;border-radius:4px}.paykka-card-checkout-info--error{background-color:#ffece8}.paykka-card-checkout-info__icon{margin-right:8px;height:1.3em;display:flex;align-items:center}.paykka-card-checkout-info__content{text-align:justify;word-break:break-all}.paykka-card-checkout-recurring-tip{display:flex;color:#a9a9a9}.paykka-card-checkout-recurring-tip__icon{width:20px;display:flex;padding-top:4px;padding-right:4px}.paykka-card-checkout-button{display:flex;align-items:center;justify-content:center;width:100%;height:44px;padding:0 14px;border-radius:8px;border:0;background-color:var(--paykka-card-checkout-button-bg-color, #4F43DF);color:var(--paykka-card-checkout-button-text-color, #fff);font-size:16px;cursor:pointer;text-decoration:none;transition:background-color .3s cubic-bezier(.4,0,.2,1)}.paykka-card-checkout-button:not(.paykka-card-checkout-button--loading).paykka-card-checkout-button:not(.paykka-card-checkout-button--disabled).paykka-card-checkout-button:not(.paykka-card-checkout-button--dashed):hover{background-color:var(--paykka-card-checkout-button-bg-color-hover, #3f33bb)}.paykka-card-checkout-button:not(.paykka-card-checkout-button--loading).paykka-card-checkout-button:not(.paykka-card-checkout-button--disabled).paykka-card-checkout-button:not(.paykka-card-checkout-button--dashed):active{background-color:var(--paykka-card-checkout-button-bg-color-active, #312498)}.paykka-card-checkout-button--loading{cursor:wait}.paykka-card-checkout-button--disabled{cursor:not-allowed;opacity:.5}.paykka-card-checkout-button--dashed{border:1px dashed #DFDFE5;color:#1f1f1f;background-color:transparent}.paykka-card-checkout-button__icon{display:flex;align-items:center;margin-right:12px}.paykka-card-checkout-loading-check{display:inline-flex;align-items:center;overflow:hidden;--circle-transition-time: .3s;--check-dashoffset: 50}.paykka-card-checkout-loading-check__circle{transition:stroke-dasharray var(--circle-transition-time) linear}.paykka-card-checkout-loading-check__circle--loading{animation:spin 1s infinite linear;transform-origin:center}.paykka-card-checkout-loading-check__check{stroke-dasharray:var(--check-dashoffset);stroke-dashoffset:var(--check-dashoffset);animation:tick .5s ease-out;animation-fill-mode:forwards;animation-delay:var(--circle-transition-time)}@keyframes tick{0%{stroke-dashoffset:var(--check-dashoffset)}to{stroke-dashoffset:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.paykka-card-checkout-submit-button--success{opacity:1!important;background-color:#00b42a!important}.paykka-card-checkout-submit-button__text{line-height:1}.paykka-card-checkout-submit-button__text--not-verified{color:#fff9}@media (min-width: 480px){.paykka-card-checkout-ali-pay__email{padding-bottom:20px}}.paykka-card-checkout-ali-pay__error{margin-top:16px;transition:margin-bottom .1s cubic-bezier(.4,0,.2,1)}@media (min-width: 480px){.paykka-card-checkout-ali-pay__error{margin-top:20px}}.paykka-card-checkout-ali-pay__button{margin-top:16px;transition:margin-top .1s cubic-bezier(.4,0,.2,1)}@media (min-width: 480px){.paykka-card-checkout-ali-pay__button{margin-top:20px}}.paykka-card-checkout-apple-pay__error{margin-bottom:16px;transition:margin-bottom .1s cubic-bezier(.4,0,.2,1)}@media (min-width: 480px){.paykka-card-checkout-apple-pay__error{margin-bottom:20px}}.paykka-card-checkout-apple-pay__button{width:100%;display:flex;align-items:center;justify-content:center;height:44px;--apple-pay-button-width: 100%;--apple-pay-button-height: 44px;--apple-pay-button-border-radius: 8px;--apple-pay-button-padding: 0px 0px;--apple-pay-button-box-sizing: border-box}.paykka-card-checkout-guide-card{border:1px solid #E1E1E5;border-radius:12px;padding:14px;margin-bottom:24px}@media (min-width: 480px){.paykka-card-checkout-guide-card{padding:16px;margin-bottom:32px}}.paykka-card-checkout-guide-card__content{display:flex;align-items:center}.paykka-card-checkout-guide-card__icon{margin-left:6px}.paykka-card-checkout-guide-card__description{color:#a3a3a7;font-size:14px;margin-left:12px}.paykka-card-checkout-boost{min-width:280px}.paykka-card-checkout-boost__field{margin-bottom:16px}@media (min-width: 480px){.paykka-card-checkout-boost__field{margin-bottom:20px}}.paykka-card-checkout-boost__button{margin-top:16px;transition:margin-top .1s cubic-bezier(.4,0,.2,1)}@media (min-width: 480px){.paykka-card-checkout-boost__button{margin-top:20px}}.paykka-card-checkout-card-brands{display:flex;flex-wrap:wrap;gap:6px}.paykka-card-checkout-card-brands__more{line-height:32px;font-size:13px;color:#687282}.paykka-card-checkout-card-no__wrapper{display:flex;align-items:center}.paykka-card-checkout-card-no__dot{width:4px;height:4px;background:currentColor;margin-right:4px;border-radius:50%}.paykka-card-checkout-card-no__card-no{margin-left:4px}.paykka-card-checkout-card-selector__action{padding:8px 12px}.paykka-card-checkout-card-selector__label{display:flex;align-items:center}.paykka-card-checkout-card-selector__card-no{margin-left:12px}.paykka-card-checkout-card-selector__change{display:flex;align-items:center;color:#4f43df;font-size:14px}.paykka-card-checkout-check-box{display:inline-flex;align-items:center;font-size:14px;background-color:transparent;cursor:pointer}.paykka-card-checkout-check-box:hover .paykka-card-checkout-check-box__inner{border-color:#4f43df}.paykka-card-checkout-check-box--checked .paykka-card-checkout-check-box__inner{border-color:#4f43df;background-color:#4f43df}.paykka-card-checkout-check-box__inner{width:14px;height:14px;border:1px solid #E1E1E5;border-radius:2px;margin-right:8px;transition:border-color .2s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.paykka-card-checkout-modal{position:fixed;left:0;right:0;top:0;bottom:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center}.paykka-card-checkout-modal__mask{position:fixed;left:0;right:0;top:0;bottom:0;background-color:#0006}.paykka-card-checkout-modal__content{position:relative;z-index:9999;border-radius:8px;background-color:#fff;box-shadow:0 8px 16px -8px #00000014,0 12px 32px #0000000f,0 16px 48px 16px #0000000a;display:flex;flex-direction:column}.paykka-card-checkout-modal__close{cursor:pointer;right:0;position:absolute;transform:translateY(-150%);color:#d2d2d2}.paykka-card-checkout-modal__close:hover{color:#fff}.paykka-card-checkout-modal__body{flex:1;padding:36px 28px 24px}.paykka-card-checkout-three-ds-auth__content{height:100%}.paykka-card-checkout-three-ds-auth__last-three-ds{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.paykka-card-checkout-three-ds-auth__last-three-ds-title{margin-top:20px;margin-bottom:40px;color:#1f1f1f;font-size:20px;font-weight:700;text-align:center}.paykka-card-checkout-combined-card-info{width:100%;height:100%;display:flex}.paykka-card-checkout-combined-card-info__card-number{flex:1}.paykka-card-checkout-combined-card-info__expire-date{width:100px}.paykka-card-checkout-combined-card-info__cvv{width:60px}.paykka-card-checkout-combined-card-info__blank-icon{width:16px;height:16px}.paykka-card-checkout-card{min-width:280px}.paykka-card-checkout-card__field{margin-bottom:16px}@media (min-width: 480px){.paykka-card-checkout-card__field{margin-bottom:20px}}.paykka-card-checkout-card__center{display:flex;justify-content:space-between}.paykka-card-checkout-card__center>div{width:calc((100% - 20px)/2);transition:width .1s cubic-bezier(.4,0,.2,1)}@media (min-width: 480px){.paykka-card-checkout-card__center>div{width:calc((100% - 32px)/2)}}.paykka-card-checkout-card__card-info{margin-bottom:16px}@media (min-width: 480px){.paykka-card-checkout-card__card-info{margin-bottom:20px}}.paykka-card-checkout-card__holder-name{margin-bottom:16px}@media (min-width: 480px){.paykka-card-checkout-card__holder-name{margin-bottom:20px}}.paykka-card-checkout-card__button{margin-top:16px;transition:margin-top .1s cubic-bezier(.4,0,.2,1)}@media (min-width: 480px){.paykka-card-checkout-card__button{margin-top:20px}}.paykka-card-checkout-card__card-brands{margin-top:8px}.paykka-card-checkout-card__card-number-wrapper{position:relative}.paykka-card-checkout-card__change-box{display:flex;align-items:center;color:#4f43df;font-size:14px;position:absolute;top:0;right:0;cursor:pointer}.paykka-card-checkout-card__card-selector-wrapper{display:flex;justify-content:space-between}.paykka-card-checkout-card__address{margin-bottom:16px}@media (min-width: 480px){.paykka-card-checkout-card__address{margin-bottom:20px}}.paykka-card-checkout-card__store-checkbox{margin-top:16px}@media (min-width: 480px){.paykka-card-checkout-card__store-checkbox{margin-top:20px}}.paykka-card-checkout-google-pay__error{margin-bottom:16px;transition:margin-bottom .1s cubic-bezier(.4,0,.2,1)}@media (min-width: 480px){.paykka-card-checkout-google-pay__error{margin-bottom:20px}}.paykka-card-checkout-nine-pay{min-width:280px}.paykka-card-checkout-nine-pay__field{margin-bottom:16px}@media (min-width: 480px){.paykka-card-checkout-nine-pay__field{margin-bottom:20px}}.paykka-card-checkout-nine-pay__button{margin-top:16px;transition:margin-top .1s cubic-bezier(.4,0,.2,1)}@media (min-width: 480px){.paykka-card-checkout-nine-pay__button{margin-top:20px}}.paykka-card-checkout-line-pay{min-width:280px}.paykka-card-checkout-line-pay__field{margin-bottom:16px}@media (min-width: 480px){.paykka-card-checkout-line-pay__field{margin-bottom:20px}}.paykka-card-checkout-line-pay__button{margin-top:16px;transition:margin-top .1s cubic-bezier(.4,0,.2,1)}@media (min-width: 480px){.paykka-card-checkout-line-pay__button{margin-top:20px}}.paykka-card-checkout-tng-wallet{min-width:280px}.paykka-card-checkout-tng-wallet__field{margin-bottom:16px}@media (min-width: 480px){.paykka-card-checkout-tng-wallet__field{margin-bottom:20px}}.paykka-card-checkout-tng-wallet__button{margin-top:16px;transition:margin-top .1s cubic-bezier(.4,0,.2,1)}@media (min-width: 480px){.paykka-card-checkout-tng-wallet__button{margin-top:20px}}.paykka-card-checkout-may-bank-qr-pay{min-width:280px}.paykka-card-checkout-may-bank-qr-pay__field{margin-bottom:16px}@media (min-width: 480px){.paykka-card-checkout-may-bank-qr-pay__field{margin-bottom:20px}}.paykka-card-checkout-may-bank-qr-pay__button{margin-top:16px;transition:margin-top .1s cubic-bezier(.4,0,.2,1)}@media (min-width: 480px){.paykka-card-checkout-may-bank-qr-pay__button{margin-top:20px}}.paykka-card-checkout-shopee-pay{min-width:280px}.paykka-card-checkout-shopee-pay__field{margin-bottom:16px}@media (min-width: 480px){.paykka-card-checkout-shopee-pay__field{margin-bottom:20px}}.paykka-card-checkout-shopee-pay__button{margin-top:16px;transition:margin-top .1s cubic-bezier(.4,0,.2,1)}@media (min-width: 480px){.paykka-card-checkout-shopee-pay__button{margin-top:20px}}.paykka-card-checkout-grab-pay{min-width:280px}.paykka-card-checkout-grab-pay__field{margin-bottom:16px}@media (min-width: 480px){.paykka-card-checkout-grab-pay__field{margin-bottom:20px}}.paykka-card-checkout-grab-pay__button{margin-top:16px;transition:margin-top .1s cubic-bezier(.4,0,.2,1)}@media (min-width: 480px){.paykka-card-checkout-grab-pay__button{margin-top:20px}}.paykka-card-checkout-qr-code-modal{padding-top:20px;display:flex;flex-direction:column;align-items:center;justify-content:center}.paykka-card-checkout-qr-code-modal__container{width:208px}.paykka-card-checkout-qr-code-modal__title{font-size:18px;font-weight:550;text-align:center}.paykka-card-checkout-qr-code-modal__body{margin:20px 0;padding:16px;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center}.paykka-card-checkout-qr-code-modal__icon{height:22px}.paykka-card-checkout-qr-code-modal__qr-code{margin-top:16px;width:176px;height:176px;border-radius:4px;background-color:#fff;overflow:hidden}.paykka-card-checkout-qr-code-modal__expired-time{margin-top:16px;color:#fff;font-size:14px;text-align:center}.paykka-card-checkout-qr-code-modal__expired-time-text{color:#fff;font-size:14px;text-align:center}.paykka-card-checkout-qr-code-modal__amount{font-size:22px;color:#1f1f1f;font-weight:550}.paykka-card-checkout-gcash{min-width:280px}.paykka-card-checkout-gcash__field{margin-bottom:16px}@media (min-width: 480px){.paykka-card-checkout-gcash__field{margin-bottom:20px}}.paykka-card-checkout-gcash__button{margin-top:16px;transition:margin-top .1s cubic-bezier(.4,0,.2,1)}@media (min-width: 480px){.paykka-card-checkout-gcash__button{margin-top:20px}}.paykka-card-checkout-paymaya{min-width:280px}.paykka-card-checkout-paymaya__field{margin-bottom:16px}@media (min-width: 480px){.paykka-card-checkout-paymaya__field{margin-bottom:20px}}.paykka-card-checkout-paymaya__button{margin-top:16px;transition:margin-top .1s cubic-bezier(.4,0,.2,1)}@media (min-width: 480px){.paykka-card-checkout-paymaya__button{margin-top:20px}}.paykka-card-checkout-payment-tabs{display:flex;flex-wrap:nowrap;justify-content:flex-start;column-gap:6px}.paykka-card-checkout-payment-tabs__tab{border:2px solid #E1E1E5;padding:12px;border-radius:12px;width:calc((100% - 12px) / 3)}@media (min-width: 480px){.paykka-card-checkout-payment-tabs__tab{padding:16px}}.paykka-card-checkout-payment-tabs__name{color:#626266}.paykka-card-checkout-drop-in__header-payment{margin-bottom:10px}.paykka-card-checkout-drop-in__other{display:flex;justify-content:center;align-items:center;margin-top:14px;margin-bottom:16px}@media (min-width: 480px){.paykka-card-checkout-drop-in__other{margin-top:30px;margin-bottom:24px}}.paykka-card-checkout-drop-in__accordion-icon{display:flex;align-items:center}.paykka-card-checkout-drop-in__other-text{margin:0 14px;color:#6e6e7e}.paykka-card-checkout-drop-in__other-line{background-color:#dfdfe5;flex-grow:.5;height:1px}.paykka-card-checkout-drop-in__tabs-wrapper{margin-bottom:16px}@media (min-width: 480px){.paykka-card-checkout-drop-in__tabs-wrapper{margin-bottom:24px}}.paykka-card-checkout-drop-in__accordion-icon{margin-right:10px}.paykka-card-checkout-sepa{min-width:280px}.paykka-card-checkout-sepa__field{margin-bottom:24px}.paykka-card-checkout-sepa__holder-name{padding-bottom:16px}@media (min-width: 480px){.paykka-card-checkout-sepa__holder-name{padding-bottom:20px}}.paykka-card-checkout-sepa__button{margin-top:16px;transition:margin-top .1s cubic-bezier(.4,0,.2,1)}@media (min-width: 480px){.paykka-card-checkout-sepa__button{margin-top:20px}}@media (min-width: 480px){.paykka-card-checkout-wechat-pay__email{padding-bottom:20px}}.paykka-card-checkout-wechat-pay__error{margin-top:16px;transition:margin-bottom .1s cubic-bezier(.4,0,.2,1)}@media (min-width: 480px){.paykka-card-checkout-wechat-pay__error{margin-top:20px}}.paykka-card-checkout-wechat-pay__button{margin-top:16px;transition:margin-top .1s cubic-bezier(.4,0,.2,1)}@media (min-width: 480px){.paykka-card-checkout-wechat-pay__button{margin-top:20px}}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-thumb{background-color:#00000040;border-radius:4px}::-webkit-scrollbar-button{display:none!important}::-moz-scrollbar-button{display:none!important}.paykka-card-checkout,.paykka-card-checkout *{box-sizing:border-box}