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