.card-box{
    padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
    .card-box__img, .card-box__txt{
        background: transparent;
        border-color: #E6E6E6;
    }
}

.draft-images{
    object-fit: cover;
    width: 141px;
    height: 141px;
    border-radius: 15px;
    border: 1px solid #E6E6E6;
    cursor: pointer;
    background-color: #F5F5F5;
    i{
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 25px;
        height: 25px;
        border-radius: 50%;
        background-color: #FF8261;
        color: white;
    }
    span{
        font-weight: 700;
        font-size: 0.875rem;
        align-items: center;
    }
    & + .btn-close{
        top: 10px;
        right: 10px;
        background-color: #F5F5F5;
        border-radius: 8px;
        border: 1px solid #E6E6E6;
        opacity: 0.75;
    }

    &-text{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        gap: 1rem;
    }
}

.collapse-header {
    position: relative;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    .card-title{
        display: flex;
        align-items: center;
        text-transform: uppercase;
        i{
            font-size: 1.25rem;
        }
    }
    &:after{
        content: "";
        position: absolute;
        right: 1rem;
        top: 50%;
        width: 0.6rem;
        height: 0.6rem;
        border-right: 2px solid #333;
        border-bottom: 2px solid #333;
        transform: translateY(-50%) rotate(45deg);
        transition: transform .2s ease-in-out;
    }
    &.open::after {
        transform: translateY(-50%) rotate(225deg);
    }
    .btn-trash{
        color: #B91C1C;
        font-size: 1.25rem;
    }
}

.card-box__txt{
    select, textarea, .edit-controls{
        border-radius: .5rem;
        border: 1px solid #E6E6E6;
        background-color: transparent;

    }
    textarea::placeholder {
    color: #B5BBBD !important;
    }
    .btn{
        &.active{
            border: none;
            color: var(--bs-tertiary-color);
        }
    }
}

.card-box__pview{
    min-height: 685px;
    border: none;
}