/*
  CSS For checkout with Fygaro Gateway
*/

.pm-fygaro-container {
  display:  block;
  padding:  8px;
  margin-top: .6rem;

  background-color: #fff;
  border-radius:    24px;
}

.pm-fygaro-logo-container {
  display:  inline-block;
  position: relative;

  margin-left:  17px;
  padding:    0 8px;
  height:     20px;

  background-color: #fff;
  z-index:  100;
}

.pm-fygaro-logo {
  height: 100% !important;
}

.pm-fygaro-cc-logo-container {
  margin-top:   -17px;
  padding:    10px 12px 12px;
  border:     solid thin rgba(0,0,0,.15);
  border-radius:  16px;
}

.pm-fygaro-cc-logos,
.pm-fygaro-bank-logos {
  display:  flex;
  margin-top: 8px;

  flex-flow:      row wrap;
  justify-content:  flex-start;
  align-items:    center;

  column-gap: 4px;
  row-gap:  8px;
}

.pm-fygaro-cc-logo {
  height: 24px !important;

  border:     solid thin rgba(0,0,0,.1);
  border-radius:  4px;
}

.pm-fygaro-bank-logo {
  height: 16px !important;
}