.hp-theme-toggle{position:fixed;top:1.5rem;right:1.5rem;z-index:50;display:flex;align-items:center;gap:.75rem;padding:.625rem 1rem;background:var(--hp-cream);border:1px solid rgba(28,25,23,.15);cursor:pointer;transition:box-shadow .3s ease}.hp-theme-toggle:hover{box-shadow:0 4px 12px rgba(0,0,0,.08)}.hp-theme-toggle-icon-container{position:relative;width:1rem;height:1rem}.hp-theme-toggle-moon,.hp-theme-toggle-sun{position:absolute;inset:0;width:1rem;height:1rem;transition:opacity .5s ease,transform .5s ease}.hp-theme-toggle-sun{color:#e85d4c}.hp-theme-toggle-moon{color:#78716c}.hp-theme-toggle.is-light .hp-theme-toggle-sun{opacity:1;transform:scale(1) rotate(0deg)}.hp-theme-toggle.is-light .hp-theme-toggle-moon{opacity:0;transform:scale(.5) rotate(90deg)}.hp-theme-toggle.is-dark .hp-theme-toggle-sun{opacity:0;transform:scale(.5) rotate(-90deg)}.hp-theme-toggle.is-dark .hp-theme-toggle-moon{opacity:1;transform:scale(1) rotate(0deg)}.hp-theme-toggle-label{font-family:var(--font-instrument),-apple-system,BlinkMacSystemFont,sans-serif;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:#78716c;transition:color .3s ease}.hp-theme-toggle-corner{position:absolute;top:0;right:0;width:.75rem;height:.75rem;fill:#e85d4c;opacity:0;transition:opacity .3s ease}.hp-theme-toggle:hover .hp-theme-toggle-corner{opacity:.3}