:root{--primary:#39b269}.infographic{position:relative}.infographic,.infographic .b-tabs{display:flex;flex-direction:column}.infographic .b-tabs{overflow:hidden;flex:1}.infographic .tab-content{overflow:scroll;padding:0;flex:1}.infographic .tab-pointer{background-position:50%;height:100%}.infographic .gyroAccess{height:100%;width:100%;flex:1}.infographic .requestGyro{gap:2em}.infographic .img-tuto{--arrow-x:#69cf91;--arrow-y:#7cd59f;--arrow-z:#55c983;width:230px}.infographic .tutorial .img-tuto{width:360px;max-width:61vw}.infographic .info-button{border-radius:6px}.infographic .info-button .info-index{border:1px solid transparent;background:rgba(0,0,0,.06)}.infographic .info-button .info-index div{width:25px;height:25px;border-radius:50%}.infographic .info-button:active{filter:brightness(.9)}.infographic .info-node .info-index{border:1px solid #39b269;border-radius:50%}.infographic .info-node .info-index div{width:25px;height:25px;border-radius:50%}.infographic .gyro-button{position:absolute;bottom:0;left:0;width:100%}.infographic .exit-button{z-index:9;position:absolute;right:22px;top:9px}.infographic .infoTemplate{position:absolute;top:0;left:100%;width:100%;height:100%;opacity:0;transition:all .1s ease-out}.infographic .infoTemplate.is-visible{left:0;opacity:1}