.output__box .tab_container {
    display: flex;
    gap: var(--gap-small);
    font-size: var(--font-size-small);
    padding: 5px 15px;
}

.output__box .tab_container .tab {
    padding: 3px 7px;
    cursor: pointer;
}

.output__box .tab_container .tab.active {
    border-bottom: 2px solid black;
}

.tool__container.ai_tool textarea {
    border-width: 1px !important;
    height: 120px !important;
}

#submit__btn__shadow__root {
    margin-top: 10px;
}

.form__container .input__inline {
    align-items: center;
}

.input__inline.two_secitons {
    margin-top: 10px ! important;
}

.form__container .input__container {
    width: 100%;
}

.paragraph_main_container {
    gap: 10px !important;
}

.radio-container .checkmark:after {
    top: 4px !important;
}


.checkmark {
    height: 20px;
    width: 20px;
}

.tool__container.ai_tool .input__output {
    gap: 20px;
}


.radio-container .checkmark:after {
    left: 7px;
    top: 5px;
    width: 4px;
    height: 8px;
    border-width: 0 2px 2px 0;
}

#sample-text-gen {
    right: 10px !important;
}

.two_secitons .input__container {
    min-height: 58px;
    display: flex;
    justify-content: center;
}

.radio__main {
    margin: 0 !important;
}
.tool_options .modes__list span {
    align-items: center;
}
.tool_options .modes__list span img:not(.modes-tag) {
    margin-bottom: 2px;
    width: 15px !important;
    height: 15px !important;
}

.removeOutput {
    width: 16px;
    height: 16px;
}

.response_heading {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0%;
    display: flex;
    align-items: center;
    gap: 10px;
}

/* dropdown adjustment on pms request +========================================== */
.options_input label:not(.main-heading):not(.radio-container),
.input__container label:not(.main-heading):not(.radio-container) {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0%;
    color: #8D8F94;
}

.radio-container {
    font-size: 14px;
}

.form__container .input__container .input:not(textarea) {
    padding: 4px 10px !important;
    min-height: 36px;
}

.form__container .input__container .input:not(textarea),
.dropdown___container .options__list .option,
.dropdown___container .options__list .option span,
.dropdown___container .selected__option {
    font-size: 14px;
}

.dropdown___container .options__list {
    bottom: 37px !important;
}

.input__inline .input__container.option_list_container {
    min-width: 150px !important;
    max-width: 150px !important;
}

.input__inline .input__container.radio_list_container {
    min-width: fit-content !important;
    max-width: fit-content !important;
}

.output-content-tool {
    position: relative;
    line-height: 28px;
}

.sensitive-height-400 {
    min-height: 400px !important;
}

.disable-area::before {
    z-index: 10;
}


@media screen and (max-width:438px) {
    .input__inline .input__container.option_list_container {
        min-width: 150px !important;
        max-width: 100% !important;
    }

    .input__inline .input__container.radio_list_container {
        min-width: fit-content !important;
        max-width: 100% !important;
    }
}

@media screen and (max-width:380px) {
    .tool-varients {
        flex-direction: column;
        align-items: start;
    }
}

@media screen and (min-width:376px) {
    .tool-varients-buttons {
        order: unset !important;
    }

    .tool-varients {
        flex-wrap: nowrap;
    }

    .tool-varients button {
        padding: 6px 8px;
    }

    .tool-varients button {
        width: unset;
    }
}

@media screen and (max-width:375px) {


    .status {
        margin: 5px 0;
    }

    .badge-container {
        width: 100%;
        justify-content: end;
        padding: 10px;
        padding-bottom: 0;
        margin: 0 !important;
        align-items: center;
    }
}

/* dropdown adjustment on pms request end here +========================================== */



@media (max-width: 1024px) {
    .modes-div .active_mode_container {
        justify-content: start !important;
    }

    .tool_options>div {
        align-items: start;
        justify-content: center;
    }
}

@media (max-width: 992px) {
    #sample-text-gen {
        display: none !important;
    }
}
@media (max-width: 992px) and (min-width:750px) {
    .mobile-tab-scroll-icon {
        display: none !important;
    }
}

@media screen and (max-width:400px) and (min-width:373px) {
    .form__container .input__inline {
        gap: 10px;
    }
}


@media screen and (max-width:410px) {
    .form__container .input__inline {
        flex-direction: column;
        align-items: center;
    }
}

@media (max-width: 1060px) {
    .flex-2-1060 {
        flex: 2 !important;
    }
}

@media (max-width: 1030px) {
    /* .form__container .two_secitons {
        flex-direction: column;
    } */

    /* #sample-text-gen {
        position: relative !important;
        top: 0 !important;
        align-items: end !important;
    } */
}

.tool_options {
    padding-left: 0 !important;
    flex-direction: row !important;
}

.mobile_modes_list {
    align-items: center;
}

.tool__container.ai_tool #clear-input {
    top: 10px !important;
    right: 10px !important;
}