.ar-channel,.ar-front{width:72px;animation-direction:normal;animation-timing-function:ease-in;animation-fill-mode:none}.ar-channel.c1,.ar-front.f1{left:calc(25% - 36px)}.ar-channel.c2,.ar-front.f2{left:calc(50% - 36px)}.ar-channel.c3,.ar-front.f3{left:calc(75% - 36px)}.ar-front.f1 span,.ar-front.f3 span{display:none}.ar-front.f2 span{top:22px}.ar-substrate:after{content:"";position:absolute;z-index:4;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(132,190,221,.22)}@keyframes channel-depth{0%,8%{height:14%}92%,100%{height:80%}}@keyframes front-depth{0%,8%{top:calc(14% - 14px)}92%,100%{top:calc(80% - 14px)}}@media(prefers-reduced-motion:reduce){.ar-channel{height:80%}.ar-front{top:calc(80% - 14px)}}
.ar-channel,.ar-front{animation-iteration-count:1;animation-fill-mode:forwards;animation-play-state:paused}.aspect-ratio.in-view .ar-channel,.aspect-ratio.in-view .ar-front{animation-play-state:running}