.theme-toggle{position:relative;width:2.25rem;height:2.25rem;border:1px solid var(--color-border);background-color:var(--color-background);border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color var(--transition-fast),color var(--transition-fast);box-shadow:var(--shadow-sm);flex-shrink:0;z-index:10}.theme-toggle:hover{background-color:var(--color-accent);color:var(--color-accent-foreground)}.theme-toggle:focus-visible{outline:2px solid var(--color-ring);outline-offset:2px}.theme-toggle-icon{position:absolute;width:1rem;height:1rem;transition:transform .3s ease,opacity .3s ease;transform-origin:center}.theme-toggle-sun{transform:rotate(0deg) scale(1);opacity:1}.theme-toggle-moon{transform:rotate(-90deg) scale(0);opacity:0}.dark .theme-toggle-sun{transform:rotate(90deg) scale(0);opacity:0}.dark .theme-toggle-moon{transform:rotate(0deg) scale(1);opacity:1}.theme-toggle-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width:768px){.theme-toggle{width:2.25rem;height:2.25rem;position:relative;top:auto;right:auto;z-index:20}.theme-toggle-icon{width:1rem;height:1rem}}@media (max-width:480px){.theme-toggle{width:2rem;height:2rem;position:relative;top:auto;right:auto}.theme-toggle-icon{width:.875rem;height:.875rem}}