/* Izipay Krypton embedded overrides to match PLIA inputs */
.plia-izipay,
.plia-izipay .kr-embedded,
.plia-izipay .kr-card-form,
.plia-izipay .kr-card-form * {
  font-family: 'Sansation', sans-serif;
}

.plia-izipay .kr-card-form,
.plia-izipay .kr-form,
.plia-izipay .kr-group,
.plia-izipay .kr-field,
.plia-izipay .kr-field-wrapper,
.plia-izipay .kr-input-wrapper {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 100% !important;
  flex: 1 1 100% !important;
  display: block !important;
}

.plia-izipay .kr-embedded .kr-installment,
.plia-izipay .kr-embedded .kr-installment-delay,
.plia-izipay .kr-embedded .kr-card-holder-name,
.plia-izipay .kr-embedded .kr-card-holder-mail,
.plia-izipay .kr-embedded .kr-email,
.plia-izipay .kr-embedded select {
  background: #ffffff;
  border: 1px solid hsl(var(--input));
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  min-height: 4rem;
  width: 100%;
  box-sizing: border-box;
  font-family: 'Sansation', sans-serif;
  font-size: 1rem;
  color: hsl(var(--foreground));
}

.plia-izipay .kr-embedded .kr-pan,
.plia-izipay .kr-embedded .kr-expiry,
.plia-izipay .kr-embedded .kr-security-code {
  background: #ffffff;
  border: 1px solid hsl(var(--input));
  border-radius: 0.5rem;
  min-height: 4rem;
  width: 100%;
  box-sizing: border-box;
  position: relative;
  display: block;
  padding: 0 2.5rem 0 0.75rem;
}

.plia-izipay .kr-embedded .kr-pan iframe,
.plia-izipay .kr-embedded .kr-expiry iframe,
.plia-izipay .kr-embedded .kr-security-code iframe {
  height: 100%;
}

.space-y-2 .kr-field-wrapper, .kr-field-element .kr-field-wrapper {
  white-space: nowrap;
  align-content: center !important;
  height: 53px !important;
}

.kr-field-element .kr-field-component {
  height: 53px !important;
}

.kr-field-element .kr-field-component .kr-iframe-wrapper {
  top: 14px;
  position: relative;
}

.kr-field-element .kr-icon-wrapper-root {
  right: 14px;
}

.kr-card-holder-name .kr-field-wrapper .kr-icon-wrapper-root, .kr-card-holder-mail .kr-field-wrapper .kr-icon-wrapper-root {
  right: 35px;
}

.kr-field-wrapper .kr-icon-wrapper-root, .kr-field-wrapper .kr-field-component, .kr-field-element .kr-field-wrapper .kr-help-button-wrapper, .kr-field-element .kr-field-wrapper .kr-visibility-button  {
  display: inline-block !important;
  /*vertical-align: top;*/
  overflow: hidden;
}

.kr-embedded .grid.gap-4 {
  padding-bottom: 15px;
}

.kr-field-element.kr-installment-number {
  margin-top: 25px;
}

.kr-field-element.kr-installment-number, .kr-field-element.kr-first-installment-delay {
  height: 53px;
}

.plia-izipay .kr-embedded .kr-pan .kr-card-logo,
.plia-izipay .kr-embedded .kr-pan .kr-card-logo,
.plia-izipay .kr-embedded .kr-security-code .kr-field-icon,
.plia-izipay .kr-embedded .kr-expiry .kr-expiry-icon {
  position: absolute !important;
  right: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  margin: 0 !important;
}

.plia-izipay .kr-embedded .kr-pan .kr-card-logo img {
  height: 20px;
  width: auto;
  display: block;
}

.plia-izipay .kr-embedded select {
  appearance: auto;
  height: 2.5rem;
  line-height: 1.25rem;
}

.plia-izipay .kr-embedded .kr-installment select,
.plia-izipay .kr-embedded .kr-installment-delay select,
.plia-izipay .kr-embedded .kr-card-holder-name input,
.plia-izipay .kr-embedded .kr-email input {
  width: 100%;
  height: 100%;
  background: transparent;
  border: 0;
  outline: none;
  font: inherit;
  color: inherit;
}

.plia-izipay .kr-embedded iframe {
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 0.5rem;
}

.plia-izipay .kr-payment-button {
  display: none !important;
}