/* screen - popup-delete */

.popup-delete {
  align-items: center;
  background-color: var(--white) !important;
  border: 1px none !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 28px !important;
  height: 369px !important;
  justify-content: center !important;
  /*min-width: 652px;*/
  /*padding: 32px 48px;*/
  position: relative !important;
  width: 100% !important;
  padding: 15px !important;
}

.popup-delete .frame {
  height: 124px !important;
  min-width: 124px !important;
  position: relative !important;
}

.popup-delete .content {
  color: var(--gray-1) !important;
  font-family: var(--font-family-sf_pro-semibold) !important;
  font-size: 24px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  line-height: 36px !important;
  position: relative !important;
  white-space: nowrap !important;
  width: fit-content !important;
}

.popup-delete .frame-2608510 {
  align-items: flex-start !important;
  display: flex !important;
  gap: 36px !important;
  justify-content: center !important;
  position: relative !important;
  /*width: fit-content;*/
  width: 100% !important;
}

.popup-delete .component-2 {
  background-color: var(--gray-6) !important;
}

.popup-delete .disable {
  color: var(--gray-1) !important;
  font-family: var(--font-family-cabin) !important;
  font-size: 24px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  line-height: 30px !important;
  position: relative !important;
  text-align: center !important;
  white-space: nowrap !important;
  width: fit-content !important;
}

.popup-delete .component-1 {
  background-color: #eb57571a !important;
}

.popup-delete .disable-1 {
  color: var(--red) !important;
  font-family: var(--font-family-cabin) !important;
  font-size: 24px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  line-height: 30px !important;
  position: relative !important;
  text-align: center !important;
  white-space: nowrap !important;
  width: fit-content !important;
}

.popup-delete .component {
  align-items: center !important;
  border-radius: 12px !important;
  display: flex !important;
  gap: 10px !important;
  height: 64px !important;
  justify-content: center !important;
  padding: 1px 20px !important;
  position: relative !important;
  width: 260px !important;
}