::view-transition-group(root){animation:none}::view-transition-old(root){animation:none}::view-transition-new(root){animation:none}[data-topbar-item]{view-transition-class:topbar-item}[data-topbar-item=charge]{view-transition-name:topbar-charge}[data-topbar-item=my]{view-transition-name:topbar-my}[data-topbar-item=sound]{view-transition-name:topbar-sound}[data-topbar-item=login]{view-transition-name:topbar-login}::view-transition-group(.topbar-item){animation-duration:.24s;animation-timing-function:cubic-bezier(.2,0,0,1)}::view-transition-group(.topbar-move){animation-duration:.24s;animation-timing-function:cubic-bezier(.2,0,0,1)}::view-transition-new(.topbar-item):only-child{animation:.24s cubic-bezier(.2,0,0,1) both topbar-in}::view-transition-old(.topbar-item):only-child{animation:.18s ease-in both topbar-out}@keyframes topbar-in{0%{opacity:0;translate:16px}}@keyframes topbar-out{to{opacity:0;translate:16px}}@media (prefers-reduced-motion:reduce){::view-transition-group(.topbar-item){animation:none}::view-transition-group(.topbar-move){animation:none}::view-transition-new(.topbar-item):only-child{animation:none}::view-transition-old(.topbar-item):only-child{animation:none}}