@property --theme-mask-radius{syntax:"<length>";inherits:false;initial-value:0px}
html.theme-radial-reveal-running::view-transition-group(root){animation-duration:var(--theme-reveal-duration,760ms);animation-timing-function:var(--theme-reveal-easing,cubic-bezier(.22,.72,.2,1))}
html.theme-radial-reveal-running::view-transition-image-pair(root){isolation:auto}
html.theme-radial-reveal-running::view-transition-old(root),html.theme-radial-reveal-running::view-transition-new(root){animation-duration:var(--theme-reveal-duration,760ms);animation-fill-mode:both;mix-blend-mode:normal}
html.theme-radial-reveal-running::view-transition-old(root){z-index:1;animation:none}
html.theme-radial-reveal-running::view-transition-new(root){z-index:2;animation-name:bms-soft-radial-reveal;animation-timing-function:var(--theme-reveal-easing,cubic-bezier(.22,.72,.2,1));-webkit-mask-image:radial-gradient(circle at var(--theme-reveal-x) var(--theme-reveal-y),var(--bms-text) 0,var(--bms-text) max(0px,calc(var(--theme-mask-radius) - var(--theme-reveal-feather))),transparent var(--theme-mask-radius));mask-image:radial-gradient(circle at var(--theme-reveal-x) var(--theme-reveal-y),var(--bms-text) 0,var(--bms-text) max(0px,calc(var(--theme-mask-radius) - var(--theme-reveal-feather))),transparent var(--theme-mask-radius));-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;will-change:mask-image,-webkit-mask-image}
@keyframes bms-soft-radial-reveal{0%{--theme-mask-radius:0px}100%{--theme-mask-radius:var(--theme-reveal-radius)}}
html.theme-reveal-fallback .app-shell,html.theme-reveal-reduced .app-shell{animation:bms-theme-crossfade 160ms ease-out both}
@keyframes bms-theme-crossfade{from{opacity:.88}to{opacity:1}}
@media (prefers-reduced-motion:reduce){html.theme-radial-reveal-running::view-transition-old(root),html.theme-radial-reveal-running::view-transition-new(root){animation-duration:.01ms!important}.app-shell{transition:none!important}}