:root {
        --mac-bg: #f5f5f5;
        --mac-text: #333;
        --mac-primary: #007aff;
        --mac-secondary: rgba(188, 188, 188, 0.48);
    }

    .app.svelte-104n4x0 {
        display: flex;
        height: 100vh;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
        background-color: var(--mac-bg);
        color: var(--mac-text);
    }

    .left-nav.svelte-104n4x0 {
        margin-top: 60px;
        width: 65px;
        display: flex;
        flex-direction: column;
        /*border-right: 1px solid var(--mac-secondary);*/
    }

    .tab.svelte-104n4x0 {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 10px 0;
        background: none;
        border: none;
        color: var(--mac-text);
        cursor: pointer;
        font-size: 12px;
    }

    .tab.svelte-104n4x0 i:where(.svelte-104n4x0) {
        font-size: 24px;
        margin-bottom: 5px;
    }

    /* (empty) .tab span {
        /*writing-mode: vertical-rl;*\/
        /*text-orientation: upright;*\/
        /*transform: rotate(180deg);*\/
    }*/

    .tab.active.svelte-104n4x0 {
        color: var(--mac-primary);
    }

    .main-content.svelte-104n4x0 {
        flex: 1;
        display: flex;
        overflow: hidden;
    }

    .config-info.svelte-104n4x0 {
        padding: 10px;
        border-bottom: 1px solid var(--mac-secondary);
    }

    .placeholder.svelte-104n4x0 {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
        font-size: 24px;
    }