.calculation__tabs,
.calculation__tabs-list {
    display: flex;
    gap: var(--gap);
}
.calculation__tabs {
    --gap: 15px;
    flex-direction: column;
    
}
.calculation__tabs-list {
    --gap: var(--ui-space-stack-xs2);
    list-style: none;
    padding: 0;
    margin: 0;
    flex-wrap: wrap;
}

.calculation__tabs-title {
    --text: var(--ui-size-md);
    font-weight: 500;
    font-size: var(--ui-size-md);
    color: #000;
}


.btn.calculation__tabs-list-selected {
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.calculation__tabs-list-block {
    position: relative;
}

@media(min-width: 870px) {
    
    .btn.calculation__tabs-list-selected {
        display: none ;
    }
}

@media(max-width: 869.98px) {
    
    .calculation__tabs-list-block:not(.calculation__tabs-list-block--show) .calculation__tabs-list {
        display: none;
    }

    .calculation__tabs-list {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        padding: 12px 0 0;
        background-color: var(--clr-light);
        max-height: 215px;
        overflow: auto;
    }

    .calculation__tabs-list-block--show .calculation__tabs-list {
        z-index: 9;
        box-shadow: 0px 3px 5px -3px #a7a7a7;
    }

    .calculation__tabs-list > li,
    .calculation__tabs-list > li .ui-radio {
        width: 100%;
    }

    .calculation__tabs-list > li .ui-radio > span {
        border: 0;
        border-bottom: 1px solid;
        border-radius: 0;
    }
    .calculation__tabs-list > li:last-child .ui-radio > span  {
        border-bottom: 0;
    }
}