.theme-toggle-container{display:flex;flex-direction:column;width:100%}.theme-toggle-row{flex-direction:row}.theme-toggle-button,.theme-toggle-row{display:flex;align-items:center;width:100%}.theme-toggle-button-light{display:flex;align-items:center;padding:4px}.theme-icon-container{margin-right:12px}.theme-icon-container,.theme-icon-container-light{display:flex;align-items:center;justify-content:center}.theme-icon-container-light{margin-right:8px}.theme-icon{width:24px;height:24px}.theme-icon,.theme-icon-light{position:relative;display:flex;align-items:center;justify-content:center;color:#6b7280}.theme-icon-light{width:20px;height:20px}.theme-icon:before{content:"";position:absolute;width:28px;height:28px;border-radius:50%;border:2px solid transparent;transition:all .2s ease}.theme-icon-light:before{display:none}.active-light:before{border-color:#0ea5e9;background-color:rgba(14,165,233,.1)}.active-dark:before{border-color:#6366f1;background-color:rgba(99,102,241,.1)}.active-system:before{border-color:#10b981;background-color:rgba(16,185,129,.1)}.theme-info,.theme-info-light{display:flex;flex-direction:column}.current-theme{font-size:.875rem;font-weight:500;color:#111827}.current-theme-light{font-weight:500}.current-theme-light,.next-theme{font-size:.75rem;color:#6b7280}html.dark .theme-toggle-button{color:#e5e7eb!important}html.dark .theme-toggle-button:hover{background-color:#374151!important;color:#e5e7eb!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{border-color:#38bdf8;background-color:rgba(56,189,248,.15)}html.dark .active-dark:before{border-color:#818cf8;background-color:rgba(129,140,248,.15)}html.dark .active-system:before{border-color:#34d399;background-color:rgba(52,211,153,.15)}@media (max-width:639px){.theme-toggle-row{flex-direction:column;align-items:stretch}}