/* 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 */
/* delete__icon__wrapper */
.delete__animate__btn__SD {
    position: relative;
    top: 2px;
    height: 30px;
    width: 30px;
    cursor: pointer;
    overflow: hidden;
    border-radius: 5px;
    padding: 5px
}
.delete__animate__btn__SD::before {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    --tw-content: '';
    content: var(--tw-content)
}
.delete__animate__btn__SD .delete__icon__wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    display: flex;
    height: 100%;
    width: 100%;
    --tw-translate-x: -50%;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 8px
}
.delete__animate__btn__SD .i__Icon {
    height: auto;
    width: 100%
}
.delete__animate__btn__SD .i__Icon.icon1 {
    margin-top: -3px;
    transform-origin: bottom right;
    transition-duration: 500ms
}
.delete__animate__btn__SD:hover .icon1 {
    --tw-rotate: 16deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
/* delete__icon__wrapper__end */

/* onHoverPrimary */
.delete__animate__btn__SD.onHoverPrimary:hover .i__Icon svg {
    fill: var(--primaryColorSD)
}
  /* onHoverPrimary-end */