@media screen and (max-width: 720px) {
    .tabs {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px;
        background-color: var(--cl-white);
        border-radius: 10px;
        position: relative;
    }

    .tabs__item {
        display: none;
        border: none;
        padding: 0;
        font-size: 16px;
    }

    .tabs__item.active {
        display: block;
    }

    .tabs__control {
        display: block;
        background: none;
        padding: 0;
        width: 24px;
        height: 24px;
    }

    .tabs__control__icon {
       width: 100%;
       height: 100%;
    }

    .sel {
        min-width: initial;
        max-width: initial;
        width: 100%;
    }

    .in-d {
        padding: 10px 15px 10px 15px;
    }

    .in-d-cnt::after {
        right: 15px;
    }

    /*body:has(.sel.active) {
        overflow: hidden;
    }

    .sel.active {
        box-shadow: #1A1A1AA6 0px 0px 100dvw 100dvh;
    }
    */

    .sel.active .sel-container {
        /*max-height: 290px;*/
        overflow-x: hidden;
        overflow-y: auto;
    }

    .darktheme .tabs {
        background-color: var(--cl-dark-bg);
    }

    .darktheme .tabs__control__icon {
        filter: invert(1);
    }

    .darktheme input,
    .darktheme textarea {
        background-color: var(--cl-black);  
    } 

}