@property --duration{syntax:"<time>";inherits:true;initial-value:.3s}@property --timing{syntax:"*";inherits:true;initial-value:ease-in-out}@scope(.instui-transition){&{transition:opacity var(--duration) var(--timing), transform var(--duration) var(--timing)}&.-transition-fade-exiting,&.-transition-fade-exited{opacity:.01}&.-transition-fade-entering,&.-transition-fade-entered{opacity:1}&.-transition-scale-exiting,&.-transition-scale-exited{opacity:.01;transform:scale(.01)translate(0)}&.-transition-scale-entering,&.-transition-scale-entered{opacity:1;transform:scale(1)translate(0)}&.-transition-slide-right-exited,&.-transition-slide-left-exited,&.-transition-slide-up-exited,&.-transition-slide-down-exited{opacity:.01}&.-transition-slide-right-exiting,&.-transition-slide-right-exited{transform:translate(100%)}&.-transition-slide-left-exiting,&.-transition-slide-left-exited{transform:translate(-100%)}&.-transition-slide-up-exiting,&.-transition-slide-up-exited{transform:translateY(-100%)}&.-transition-slide-down-exiting,&.-transition-slide-down-exited{transform:translateY(100%)}&.-transition-slide-right-entering,&.-transition-slide-left-entering,&.-transition-slide-up-entering,&.-transition-slide-down-entering,&.-transition-slide-right-entered,&.-transition-slide-left-entered,&.-transition-slide-up-entered,&.-transition-slide-down-entered{opacity:1;transform:translate(0)}}