.theme-toggle{display:inline-grid;flex:none;place-items:center;width:40px;height:40px;padding:0;border:1px solid var(--surface-line);border-radius:50%;background:rgba(0,0,0,0);color:var(--surface-text);cursor:pointer;transition:background-color var(--floe-duration) var(--floe-ease),border-color var(--floe-duration) var(--floe-ease),color var(--floe-duration) var(--floe-ease),transform var(--floe-duration) var(--floe-ease)}.theme-toggle:hover{border-color:var(--surface-line-strong);background:var(--surface-raised)}.theme-toggle:active{transform:scale(0.94)}.theme-toggle__icon{overflow:visible;transition:transform .8s var(--floe-ease)}.theme-toggle__body,.theme-toggle__cutout,.theme-toggle__rays{transform-box:fill-box;transform-origin:center;transition:transform .6s var(--floe-ease),opacity var(--floe-duration) var(--floe-ease)}.theme-toggle__rays{transform-box:view-box}.theme-toggle__cutout{transform:translate(6px, -4px)}:root[data-theme=dark] .theme-toggle .theme-toggle__icon{transform:rotate(360deg)}:root[data-theme=dark] .theme-toggle .theme-toggle__body{transform:scale(1.6)}:root[data-theme=dark] .theme-toggle .theme-toggle__cutout{transform:translate(-4.5px, 0.5px)}:root[data-theme=dark] .theme-toggle .theme-toggle__rays{opacity:0;transform:rotate(90deg) scale(0.5)}.floe-theme-wipe::view-transition-old(root),.floe-theme-wipe::view-transition-new(root){animation:none;mix-blend-mode:normal}@media(prefers-reduced-motion: reduce){.theme-toggle,.theme-toggle *{transition:none}}