.select-payment-drawer {
  padding: 16px 8px 16px 16px;
  align-self: stretch;
  border-radius: var(--Radius-16, 16px);
  background: var(--tints-shades-white-black-white, #fff);
  box-shadow: 0px 30px 16px 0px rgba(0, 0, 0, 0),
    0px 30px 24px 0px rgba(0, 0, 0, 0.01), 0px 8px 15px 0px rgba(0, 0, 0, 0.04),
    0px 2px 40px 0px rgba(0, 0, 0, 0.05);
  margin: 0 15px 16px 15px;
}
.select-payment-card-text {
  color: var(--Type-Colors-Dark-Type---Primary, #000);
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.select-payment-lastfour {
  color: var(--Type-Colors-Dark-Type---Primary, #000);
  font-family: Roboto;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 0.2px;
}
.drawer-scrollable-content {
  overflow-y: auto;
  padding-right: 4px;
}

/* Mobile (up to 744px) */
@media (max-width: 744px) {
  .drawer-scrollable-content {
    max-height: 40vh; /* 40% of viewport height */
  }
}

/* Tablet (745px to 1023px) */
@media (min-width: 745px) and (max-width: 1023px) {
  .drawer-scrollable-content {
    max-height: 50vh;
  }
}

/* Desktop (1024px and up) */
@media (min-width: 1024px) {
  .drawer-scrollable-content {
    max-height: 60vh;
  }
}
.select-radio {
  width: 20px;
  height: 20px;
  border: 2px solid black;
  border-radius: 50%;
  display: inline-block;
  cursor: pointer;
  position: relative;
  margin: 0 8px;
  flex-shrink: 0;
}

.select-radio.selected {
  border: 4px solid black !important;
  background-color: white !important;
  box-shadow: 0px 0px 0px 2px black !important;
}
.select-card-responsive-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

.select-payment-add-payment {
  padding: 12px 24px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: var(--Radius-8, 8px);
  border: 1px solid var(--Type-Colors-Dark-Type---Primary, #000);
  background: var(--System-Info---Background, #dfe9ff);
}
.select-payment-add-payment-container {
  padding-left: 28px;
  padding-right: 28px;
  margin-bottom: 56px;
}