.index-setting-body {
    padding: 25px 48px 48px;
}

.setting-bar {
    /*padding: 48px;*/
    margin-bottom: 20px;
}

.bar-body {
    box-shadow: 0 8px 24px -8px #e1e3e5, inset 0 0 0 1px rgba(31,33,35,.04);
    overflow: hidden;
    background: #fff;
    padding: 15px;
    display: flex;
    border-radius: 15px;
}

.bar-item {
    padding: 8px;
    background: #7e98b2;
    margin-right: 20px;
    border-radius: 8px;
    cursor: pointer;
    font-weight: 600;
    color: #0d0e18;
}
    .bar-item:hover {
        background: #cdcdcd;
    }

.bar-item-active {
    background: #d1a482;
}

.edit-body {
    box-shadow: 0 8px 24px -8px #e1e3e5, inset 0 0 0 1px rgba(31,33,35,.04);
    overflow: hidden;
    margin-top: 25px;
    min-width: 45%;
    padding: 48px;
    background: #fff;
    border-radius: 15px;
    min-height: 650px;
}

.route {
    margin-bottom: 25px;
    font-weight: 600;
    color: #676262;
}

.index-setting-footer {
    display: flex;
    justify-content: end;
}