/* action__modal__wrapper__SD */
/* .action__modal__wrapper__SD {
  @apply fixed h-screen top-0 left-0 z-[12] w-screen items-center justify-center flex;
}
.action__modal__wrapper__SD .modal__close__btn {
  @apply absolute top-[12px] right-[12px] w-[34px] h-[34px] rounded-full text-[0px] shadow-raiseShadow duration-300 before:content-[''] before:absolute before:top-[50%] before:left-[50%] before:translate-y-[-50%] before:translate-x-[-50%] before:w-[16px] before:h-[3px] before:bg-textDark before:rotate-45 before:duration-300 after:content-[''] after:absolute after:top-[50%] after:left-[50%] after:translate-y-[-50%] after:translate-x-[-50%] after:w-[16px] after:h-[3px] after:bg-textDark after:-rotate-45 after:duration-300 hover:bg-primaryColorSD hover:before:bg-[#ffffff] hover:after:bg-[#ffffff];
}
.action__modal__wrapper__SD .action__modal__overlay__SD {
  @apply h-screen pointer-events-none fixed top-0 left-0 w-screen bg-[#2e32341a] backdrop-blur-[8px];
}
.action__modal__wrapper__SD .action__modal__content__wrapper {
  @apply relative z-[2] max-w-[calc(100%_-_30px)] mx-auto rounded-[30px] bg-bgWhiteSD p-[40px];
}
.action__modal__wrapper__SD .action__btn__wrapper {
  @apply flex justify-center items-center mt-[20px];
}
.action__modal__wrapper__SD .action__btn__wrapper .button__SD {
  @apply mr-[14px] last:mr-0;
} */
/* action__modal__wrapper__SD__end */

/* action__modal__wrapper__SD */
.modal__wrapper__SD.action__modal__wrapper__SD .modal__body {
    padding-bottom: 10px
}
.modal__wrapper__SD.action__modal__wrapper__SD .customActionIcon svg {
    fill: var(--primaryColorSD)
}
/* action__modal__wrapper__SD__end */

/* modal without header */
.modal__wrapper__SD.action__modal__wrapper__SD.withoutHeader .modal__header {
    background-color: transparent;
    padding-left: 12px;
    padding-right: 12px;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.modal__wrapper__SD.action__modal__wrapper__SD.withoutHeader .modal__header .modal__close__btn {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.modal__wrapper__SD.action__modal__wrapper__SD.withoutHeader .modal__header .modal__close__btn:hover {
    background-color: var(--bgWhiteSD);
    --tw-shadow: var(--raiseShadow);
    --tw-shadow-colored: var(--raiseShadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.modal__wrapper__SD.action__modal__wrapper__SD.withoutHeader .modal__body {
    padding-top: 10px
}
/* modal without header end */