.dealer-settings-tabs.fi-sc-tabs.fi-contained { background: none; box-shadow: none; border-radius: 0; }
    .dealer-settings-tabs.fi-sc-tabs.fi-vertical { align-items: flex-start; column-gap: 2rem; }
    .dealer-settings-tabs > .fi-tabs.fi-vertical {
        position: sticky; top: 5rem; flex: none; width: 14.5rem; max-height: calc(100dvh - 6rem);
        border: 0; padding: .6rem .5rem; row-gap: .15rem; background: var(--dui-card, #fff); border-radius: var(--dui-radius, 1rem);
        box-shadow: var(--dui-shadow, 0 1px 2px rgb(0 0 0 / .05)), 0 0 0 1px var(--dui-border, rgb(0 0 0 / .08));
    }
    .dealer-settings-tabs > .fi-tabs.fi-vertical::before {
        content: attr(aria-label); display: block; padding: .1rem .6rem .45rem;
        font-size: .6875rem; line-height: 1.25rem; font-weight: 600; letter-spacing: .05em; text-transform: uppercase; color: var(--gray-500);
    }
    .dealer-settings-tabs > .fi-tabs .fi-tabs-item {
        padding: .45rem .6rem; column-gap: .6rem; border-radius: var(--dui-radius-control, .55rem); background: none; box-shadow: inset 0 0 0 1px transparent;
        font-size: .8438rem; font-weight: 500; color: var(--gray-700); white-space: nowrap; transition: background-color .12s, color .12s;
    }
    .dark .dealer-settings-tabs > .fi-tabs .fi-tabs-item { color: var(--gray-300); }
    .dealer-settings-tabs > .fi-tabs .fi-tabs-item .fi-tabs-item-label { color: inherit; font-weight: inherit; }
    .dealer-settings-tabs > .fi-tabs .fi-tabs-item > .fi-icon { width: 1.15rem; height: 1.15rem; color: var(--gray-500); opacity: .9; }
    .dark .dealer-settings-tabs > .fi-tabs .fi-tabs-item > .fi-icon { color: var(--gray-400); }
    .dealer-settings-tabs > .fi-tabs .fi-tabs-item:hover { background-color: rgb(0 0 0 / .035); box-shadow: inset 0 0 0 1px rgb(0 0 0 / .08); color: var(--gray-900); }
    .dark .dealer-settings-tabs > .fi-tabs .fi-tabs-item:hover { background-color: rgb(255 255 255 / .05); box-shadow: inset 0 0 0 1px rgb(255 255 255 / .1); color: var(--gray-100); }
    .dealer-settings-tabs > .fi-tabs .fi-tabs-item.fi-active,
    .dealer-settings-tabs > .fi-tabs .fi-tabs-item.fi-active:hover {
        background-color: color-mix(in oklab, var(--primary-500) 9%, transparent); color: var(--primary-700); font-weight: 600;
        box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--primary-500) 35%, transparent);
    }
    .dark .dealer-settings-tabs > .fi-tabs .fi-tabs-item.fi-active { color: var(--primary-300); }
    .dealer-settings-tabs > .fi-tabs .fi-tabs-item.fi-active > .fi-icon { color: var(--primary-600); opacity: 1; }
    .dark .dealer-settings-tabs > .fi-tabs .fi-tabs-item.fi-active > .fi-icon { color: var(--primary-400); }
    .dealer-settings-tabs > .fi-tabs .fi-tabs-item .fi-badge { margin-inline-start: auto; }
    .dealer-settings-tabs.fi-sc-tabs.fi-vertical > .fi-sc-tabs-tab.fi-active { margin-inline-start: 0; padding: 0; min-width: 0; }
    /* the cards of a topic: title and explanation on top, fields below, at a width a form can be read at */
    .dealer-settings-tabs.fi-sc-tabs.fi-vertical > .fi-sc-tabs-tab.fi-active { flex: 1 1 auto; max-width: 62rem; }

    /* phones and small tablets: the topics as one row of chips under the top bar */
    @media (max-width: 1023px) {
        .dealer-settings-tabs.fi-sc-tabs.fi-vertical { flex-direction: column; align-items: stretch; }
        .dealer-settings-tabs > .fi-tabs.fi-vertical {
            top: 4rem; z-index: 6; width: auto; max-height: none; flex-direction: row; overflow: auto hidden; scrollbar-width: none;
            column-gap: .4rem; margin: -.5rem 0 .75rem; padding: .6rem 0;
            background: color-mix(in oklab, var(--gray-50) 92%, transparent); backdrop-filter: blur(10px);
            border: 0; scroll-padding-inline: 1rem; box-shadow: none; border-radius: 0;
        }
        .dark .dealer-settings-tabs > .fi-tabs.fi-vertical { background: color-mix(in oklab, var(--gray-950) 92%, transparent); }
        .dealer-settings-tabs > .fi-tabs.fi-vertical::-webkit-scrollbar { display: none; }
        .dealer-settings-tabs > .fi-tabs.fi-vertical::before { display: none; }
        .dealer-settings-tabs > .fi-tabs .fi-tabs-item {
            flex: none; padding: .4rem .75rem; border-radius: 999px; font-size: .8125rem;
            background: #fff; box-shadow: inset 0 0 0 1px rgb(0 0 0 / .08);
        }
        .dark .dealer-settings-tabs > .fi-tabs .fi-tabs-item { background: rgb(255 255 255 / .04); box-shadow: inset 0 0 0 1px rgb(255 255 255 / .1); }
        .dealer-settings-tabs > .fi-tabs .fi-tabs-item > .fi-icon { width: 1rem; height: 1rem; }
        .dealer-settings-tabs > .fi-tabs .fi-tabs-item.fi-active { box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--primary-500) 35%, transparent); }

    }
    @media (max-width: 639px) {
        .dealer-settings-tabs .fi-section > .fi-section-content-ctn .fi-section-content,
        .dealer-settings-tabs .fi-section > .fi-section-header { padding: 1rem; }
        .dealer-settings-tabs .fi-ta-ctn { border-radius: var(--dui-radius-md, .75rem); }
    }