:host{display:inline-block}.theme-toggle{border:calc(var(--spacing) * .25) solid color-mix(in srgb, var(--color-border) 72%, var(--color-primary));background:color-mix(in srgb, var(--color-popover) 76%, transparent);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--color-background) 70%, transparent)}.theme-toggle:hover{border-color:var(--color-violet-400);background:color-mix(in srgb, color-mix(in srgb, var(--color-primary) 16%, transparent) 42%, var(--color-popover))}.theme-toggle .icon-sun{display:block}.theme-toggle .icon-moon,.theme-toggle[data-theme=light] .icon-sun{display:none}.theme-toggle[data-theme=light] .icon-moon{display:block}