.wdt-dark-mode-switcher { position: fixed; top: 50%; left: 2.5%; cursor: pointer;
        transform: translate(0%, -50%) rotate(180deg); z-index: 9999; writing-mode: vertical-lr; }

    .wdt-dark-mode-switcher .dark-mode-toggle { display: flex; padding: 18px 10px; background-color: rgba(150, 144, 162, 0.25);
        cursor: pointer; -webkit-box-shadow: 0 0 0 2px rgba(150, 144, 162, 0.15) inset; box-shadow: 0 0 0 2px rgba(150, 144, 162, 0.15) inset; 
        border-radius: 10rem; border: 1px solid var(--wdtBorderColor); 
        color: var(--wdtHeadAltColor); text-transform: capitalize; line-height: 0; }

    .wdt-dark-mode-switcher .dark-mode-toggle .switch__item { display: flex; align-items: center; justify-content: center; position: relative; }
    .wdt-dark-mode-switcher .dark-mode-toggle .switch__item.dark_mode__switch { padding-bottom: 18px; }
    .wdt-dark-mode-switcher .dark-mode-toggle .switch__item.light_mode__switch { padding-top: 18px; }
    .wdt-dark-mode-switcher .dark-mode-toggle .switch__item .dark-mode-toggle_text { margin-bottom: 8px; }
    .wdt-dark-mode-switcher .dark-mode-toggle .switch__item .dark-mode-toggle_icon { transform: rotate(-90deg); }


    .wdt-dark-mode-switcher .dark-mode-toggle:before { content: ""; pointer-events: none;
        position: absolute; width: calc(100% - 6px); background-color: rgba(var(--wdtBodyBGColorRgb), 0.7); 
        -webkit-transition: var(--wdt-Ad-Transition); transition: var(--wdt-Ad-Transition); border-radius: inherit; left: 3px; }

    html[data-theme="dark"] .wdt-dark-mode-switcher .dark-mode-toggle:before { height: calc(52% - 6px); bottom: 3px; top: auto; }
    html.wdt_light .wdt-dark-mode-switcher .dark-mode-toggle:before { height: calc(51% - 6px); top: 3px; bottom: auto; }