.ks-theme-toggle-wrap {
            display: none !important;
        }

        .ks-theme-ready .ks-theme-toggle-wrap {
            display: flex !important;
        }

        .ks-theme-toggle {
            position: static;
            display: inline-flex;
            align-items: center;
            gap: 3px;
            background: var(--ks-surface-soft);
            color: var(--ks-text);
            border: 1px solid var(--ks-border);
            box-shadow: none;
            border-radius: 999px;
            padding: 3px;
            white-space: nowrap;
        }
        .ks-theme-toggle button {
            border: 0;
            background: transparent;
            color: inherit;
            min-width: 28px;
            width: 28px;
            height: 28px;
            border-radius: 999px;
            font-size: 11px;
            font-weight: 700;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 0;
        }
        .ks-theme-toggle button.active {
            background: #0b5ed7;
            color: #fff;
        }
        .ks-theme-toggle button:focus-visible {
            outline: 2px solid #60a5fa;
            outline-offset: 2px;
        }
        .ks-theme-toggle svg {
            width: 14px;
            height: 14px;
            stroke: currentColor;
        }
        .top-navbar .ks-theme-toggle-wrap {
            display: flex;
            align-items: center;
            margin: 0 8px;
        }
        @media (max-width: 767px) {
            .top-navbar .ks-theme-toggle-wrap {
                margin: 0 6px;
            }
            .ks-theme-toggle button {
                min-width: 26px;
                width: 26px;
                height: 26px;
            }
        }