:root{--primary:#00a13a}.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%;flex:1}.infographic .tab-pointer>div{display:flex;flex-direction:column;gap:2em;height:100%}.infographic .is-transitioning .tab-buttons,.infographic .is-transitioning .tab-pointer{height:100%}.infographic .gyroAccess{height:100%;width:100%;flex:1}.infographic .tutorial{flex:1;text-align:center}.infographic .tutorial .img-tuto{width:230px;max-width:61vw;margin-inline:auto;--arrow-x:#00ee56;--arrow-y:#08ff61;--arrow-z:#00d44c}.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 #00a13a;border-radius:50%}.infographic .info-node .info-index div{width:25px;height:25px;border-radius:50%}.infographic .gyro-button{position:relative;left:-1.5rem;bottom:-1.5rem;width:calc(100% + 3rem)}.infographic .exit-button{z-index:9;position:absolute;right:22px;top:4px}.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}