@property --theme-reveal-radius{syntax:"<length>";inherits:false;initial-value:0}:root{--expo-out:ease-in-out}::view-transition-group(root){animation-timing-function:var(--expo-out)}::view-transition{pointer-events:none}::view-transition-group(root){pointer-events:none}::view-transition-image-pair(root){pointer-events:none}::view-transition-old(root){pointer-events:none}::view-transition-new(root){pointer-events:none}::view-transition-new(root){-webkit-mask:radial-gradient(circle var(--theme-reveal-radius) at var(--theme-reveal-x,left) var(--theme-reveal-y,bottom), #fff 64%, transparent 96%);mask:radial-gradient(circle var(--theme-reveal-radius) at var(--theme-reveal-x,left) var(--theme-reveal-y,bottom), #fff 64%, transparent 96%);animation:theme-view-transition-reveal 1s var(--expo-out);animation-fill-mode:both}:root[data-theme-transition=palette]::view-transition-new(root){-webkit-mask:radial-gradient(circle var(--theme-reveal-radius) at var(--theme-reveal-x,right) var(--theme-reveal-y,top), #fff 64%, transparent 96%);mask:radial-gradient(circle var(--theme-reveal-radius) at var(--theme-reveal-x,right) var(--theme-reveal-y,top), #fff 64%, transparent 96%);animation-duration:1.6s}::view-transition-old(root){z-index:-1;animation:none}:root[data-theme-control-cursor=pointer]{cursor:pointer}:root[data-theme-transition] *,:root[data-theme-transition] :before,:root[data-theme-transition] :after{transition:none!important}:root[data-theme-transition=mode] [data-appearance-mode-icon]{transform-origin:50%;animation:.28s cubic-bezier(.16,1,.3,1) both appearance-mode-icon-arrive}@keyframes appearance-mode-icon-arrive{0%{opacity:.35;transform:rotate(-36deg)scale(.78)}to{opacity:1;transform:rotate(0)scale(1)}}@keyframes theme-view-transition-reveal{to{--theme-reveal-radius:220vmax}}@media (prefers-reduced-motion:reduce){::view-transition-group(root){-webkit-mask:none;mask:none;animation:none!important}::view-transition-new(root){-webkit-mask:none;mask:none;animation:none!important}::view-transition-old(root){-webkit-mask:none;mask:none;animation:none!important}:root[data-theme-transition=mode] [data-appearance-mode-icon]{animation:none!important}}
