.infographic{position:relative}.infographic,.infographic .b-tabs{display:flex;flex-direction:column}.infographic .b-tabs{overflow:hidden;flex:1}.infographic .tab-content{padding:0;overflow:scroll;flex:1}.infographic .tab-pointer{background-position:50%;flex:1}.infographic .tab-pointer>div{height:100%;display:flex;flex-direction:column;gap:2em}.infographic .is-transitioning .tab-buttons,.infographic .is-transitioning .tab-pointer{height:100%}.infographic .gyroAccess{width:100%;height:100%;flex:1}.infographic .tutorial{flex:1;text-align:center}.infographic .tutorial .img-tuto{width:230px;max-width:61vw;margin-inline:auto;--arrow-x:#1d87eb;--arrow-y:#3593ed;--arrow-z:#137adc}.infographic .info-button{border-radius:4px;overflow:hidden}.infographic .info-button .info-index{border:1px solid transparent;background:rgba(0,0,0,.06)}.infographic .info-button .info-index div{border-radius:50%;width:25px;height:25px}.infographic .info-button:active{filter:brightness(.9)}.infographic .info-node .info-index{border:1px solid #0f60ad;border-radius:50%}.infographic .info-node .info-index div{border-radius:50%;width:25px;height:25px}.infographic .gyro-button{position:relative;bottom:-1.5rem;left:-1.5rem;width:calc(100% + 3rem)}.infographic .exit-button{position:absolute;z-index:9;top:4px;right:22px}.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}