/* An orbital reveal from the sun/moon control, without moving page content. */
html[data-theme-motion]::view-transition-group(root){animation:none}
html[data-theme-motion]::view-transition-old(root),html[data-theme-motion]::view-transition-new(root){mix-blend-mode:normal;animation:none}
html[data-theme-motion]::view-transition-old(root){z-index:1}
html[data-theme-motion]::view-transition-new(root){z-index:2;animation:cobalt-theme-reveal .8s cubic-bezier(.22,.68,.2,1) both}
html[data-theme-motion]::view-transition-image-pair(root){isolation:isolate}
html[data-theme-motion]::view-transition{pointer-events:none}
@keyframes cobalt-theme-reveal{from{clip-path:circle(0 at var(--theme-origin-x) var(--theme-origin-y))}to{clip-path:circle(var(--theme-reveal-radius) at var(--theme-origin-x) var(--theme-origin-y))}}
.cobalt-theme-veil{position:fixed;inset:0;z-index:200000;pointer-events:none;background:radial-gradient(circle at var(--theme-origin-x) var(--theme-origin-y),#70429933,transparent 70%),#100b19;animation:cobalt-theme-reveal .4s cubic-bezier(.22,.68,.2,1) both;transition:opacity .2s ease}
.cobalt-theme-veil[data-target-theme="light"]{background:radial-gradient(circle at var(--theme-origin-x) var(--theme-origin-y),#ac71e525,transparent 70%),#faf8fd}
.cobalt-theme-veil.is-fading{opacity:0}
@media(prefers-reduced-motion:reduce){html[data-theme-motion]::view-transition-new(root){animation:none}.cobalt-theme-veil{display:none}}