._root_1sm36_6{z-index:1;position:relative;margin:0 calc(-1 * var(--app-shell-padding));overflow-x:clip}._root_1sm36_6 ._controls_1sm36_14{z-index:3;transition:opacity .42s ease;opacity:0}._root_1sm36_6 ._controls_1sm36_14:hover{opacity:1}._root_1sm36_6:before,._root_1sm36_6:after{z-index:2;position:absolute;top:-2px;bottom:0;content:"";width:var(--app-shell-padding);transition:background 666ms ease,width 666ms ease}._root_1sm36_6:before{left:-1px;background:linear-gradient(90deg,#fff 50%,#fff0)}._root_1sm36_6:after{right:-1px;background:linear-gradient(270deg,#fff 50%,#fff0)}._control_1sm36_14{outline:none;border:none!important;background-color:transparent!important;box-shadow:none!important}._control_1sm36_14>svg{stroke:var(--flowhub-main-text-color);border-radius:50%}._control_1sm36_14:hover>svg{background-color:color-mix(in hsl,var(--flowhub-main-text-color),white 75%)}._control_1sm36_14:active>svg{background-color:var(--flowhub-main-text-color);stroke:#fff}._control_1sm36_14:first-of-type>svg{padding-right:2px}._control_1sm36_14:last-of-type>svg{padding-left:2px}._root_1sm36_6:hover ._controls_1sm36_14{opacity:1}._indicators_1sm36_89{position:relative!important;height:6px;top:1rem;transition:opacity 2s ease}._indicator_1sm36_89{width:6px;height:6px;transition:width .25s ease;background-color:var(--flowhub-main-text-color)}._indicator_1sm36_89[data-active]{width:18px}