:root {
  --id-payment-field-bg: #fff;
  --id-payment-field-border: #fafafa;
  --id-payment-field-border-active: #1179a6;
}

.id-paytrail-payment-methods .payment-method {
  background-color: var(--id-payment-field-bg);
  border: 1px solid var(--id-payment-field-border);
  border-radius: 0;
  padding: 1rem;
  position: relative;
  width: 100%;
  flex: none;
  cursor: pointer;
}
.id-paytrail-payment-methods .payment-method:hover {
  border: 1px solid var(--id-payment-field-border-active);
}
.id-paytrail-payment-methods .payment-method:has(input:checked), .id-paytrail-payment-methods .payment-method:has(input:focus) {
  border: 1px solid var(--id-payment-field-border-active);
}
.id-paytrail-payment-methods .payment-method input {
  appearance: none;
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
  left: 0%;
  top: 0;
  margin: 0;
}
.id-paytrail-payment-methods .payment-method label {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  margin: 0;
  display: block;
  cursor: pointer;
}
.id-paytrail-payment-methods .payment-method label .logo-container {
  height: 49px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}
.id-paytrail-payment-methods .payment-method label .logo-container img {
  max-width: 100%;
  max-height: 100%;
}