.theme-toggle-container{flex-direction:column;width:100%;display:flex}.theme-toggle-row{flex-direction:row;align-items:center;width:100%;display:flex}.theme-toggle-button{align-items:center;width:100%;display:flex}.theme-toggle-button-light{align-items:center;padding:4px;display:flex}.theme-icon-container{justify-content:center;align-items:center;margin-right:12px;display:flex}.theme-icon-container-light{justify-content:center;align-items:center;margin-right:8px;display:flex}.theme-icon{color:#6b7280;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:relative}.theme-icon-light{color:#6b7280;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:relative}.theme-icon:before{content:"";border:2px solid #0000;border-radius:50%;width:28px;height:28px;transition:all .2s;position:absolute}.theme-icon-light:before{display:none}.active-light:before{background-color:#0ea5e91a;border-color:#0ea5e9}.active-dark:before{background-color:#6366f11a;border-color:#6366f1}.active-system:before{background-color:#10b9811a;border-color:#10b981}.theme-info,.theme-info-light{flex-direction:column;display:flex}.current-theme{color:#111827;font-size:.875rem;font-weight:500}.current-theme-light{color:#6b7280;font-size:.75rem;font-weight:500}.next-theme{color:#6b7280;font-size:.75rem}html.dark .theme-toggle-button{color:#e5e7eb!important}html.dark .theme-toggle-button:hover{color:#e5e7eb!important;background-color:#374151!important}html.dark .theme-toggle-button-light{color:#e5e7eb!important}html.dark .theme-toggle-button-light:hover{color:#5eead4!important}html.dark .theme-icon,html.dark .theme-icon-light{color:#9ca3af}html.dark .current-theme,html.dark .current-theme-light{color:#f3f4f6}html.dark .next-theme{color:#9ca3af}html.dark .active-light:before{background-color:#38bdf826;border-color:#38bdf8}html.dark .active-dark:before{background-color:#818cf826;border-color:#818cf8}html.dark .active-system:before{background-color:#34d39926;border-color:#34d399}@media (max-width:639px){.theme-toggle-row{flex-direction:column;align-items:stretch}}