:root{--theme-duration: 1s;--theme-easing: cubic-bezier(.45, 0, .2, 1)}html.theme-changing,html.theme-changing *,html.theme-changing *:before,html.theme-changing *:after{transition:background-color var(--theme-duration) var(--theme-easing),color var(--theme-duration) var(--theme-easing),border-color var(--theme-duration) var(--theme-easing),outline-color var(--theme-duration) var(--theme-easing),box-shadow var(--theme-duration) var(--theme-easing),text-shadow var(--theme-duration) var(--theme-easing),fill var(--theme-duration) var(--theme-easing),stroke var(--theme-duration) var(--theme-easing),transform .15s ease,opacity .15s ease,left .15s ease!important}html.theme-crossfade.theme-changing,html.theme-crossfade.theme-changing :where(:not(.theme-plate,.theme-plate *)),html.theme-crossfade.theme-changing :where(:not(.theme-plate,.theme-plate *)):before,html.theme-crossfade.theme-changing :where(:not(.theme-plate,.theme-plate *)):after,html.theme-crossfade.theme-changing .theme-toggle .theme-icon{transition:none!important}html.theme-crossfade::view-transition{pointer-events:none}html.theme-crossfade::view-transition-group(root),html.theme-crossfade::view-transition-old(root),html.theme-crossfade::view-transition-new(root){animation-duration:var(--theme-duration);animation-timing-function:var(--theme-easing)}html.theme-crossfade .theme-plate{view-transition-name:theme-dial}html.theme-crossfade::view-transition-group(theme-dial),html.theme-crossfade::view-transition-new(theme-dial){animation:none}html.theme-crossfade::view-transition-old(theme-dial){display:none}html.theme-crossfade::view-transition-new(theme-dial){mix-blend-mode:normal}html.theme-crossfade #device-stage>canvas:not([data-renderer=webgl2]){view-transition-name:theme-device}html.theme-crossfade #region-stage>canvas:not([data-renderer=webgl2]){view-transition-name:theme-piece}html.theme-crossfade::view-transition-group(theme-device),html.theme-crossfade::view-transition-group(theme-piece),html.theme-crossfade::view-transition-new(theme-device),html.theme-crossfade::view-transition-new(theme-piece){animation:none}html.theme-crossfade::view-transition-old(theme-device),html.theme-crossfade::view-transition-old(theme-piece){display:none}html.theme-crossfade::view-transition-new(theme-device),html.theme-crossfade::view-transition-new(theme-piece){mix-blend-mode:normal}@property --turn{syntax: "<angle>"; inherits: true; initial-value: 0deg;}:root .theme-plate{--turn: 0deg;--orbit: 40px;position:fixed;inset:0;z-index:100000;display:grid;place-items:center;pointer-events:none;transition:--turn var(--theme-duration) var(--theme-easing)!important}.theme-plate:not(.is-on){visibility:hidden}:root .theme-plate-instant,:root .theme-plate-instant .theme-plate-face{transition:none!important}.theme-plate-face{position:relative;width:168px;height:84px;overflow:hidden;background:none;opacity:0;transition:opacity .16s linear}.theme-plate.is-on .theme-plate-face{opacity:1}:root .theme-plate-dial{position:absolute;left:50%;top:100%;width:0;height:0;transform:rotate(var(--turn));transition:none!important}:root .theme-plate-sun,:root .theme-plate-moon{position:absolute;left:0;width:28px;height:28px;transform:translate(-50%,-50%) rotate(calc(var(--turn) * -1));transition:color var(--theme-duration) var(--theme-easing)!important}.theme-plate-sun{top:calc(var(--orbit) * -1);color:#e09a1a}.theme-plate-moon{top:var(--orbit);color:#6b7280}[data-theme=dark] .theme-plate-sun{color:#f5b942}[data-theme=dark] .theme-plate-moon{color:#e5e7eb}@media(prefers-reduced-motion:reduce){.theme-plate{display:none}html.theme-changing,html.theme-changing *,html.theme-changing *:before,html.theme-changing *:after{transition:none!important}}