#training{--infoBox-height:27%;z-index:101;pointer-events:none;}#trainingTutorial{padding-left:20px;padding-right:20px;}.trainingModule{position:absolute;width:100%;height:100%;display:flex;padding-top:calc(var(--header-size) + 30px);padding-bottom:calc(var(--footer-size) + 0px);}#trainingDrillTutorial{display:none;opacity:0;position:absolute;top:calc(35% + 24px);width:100%;height:auto;justify-content:center;align-items:center;flex-direction:column;z-index:1;transition:opacity 0.3s ease-in-out;}#trainingDrillTutorial > .arrows{position:absolute;top:-150%;width:30%;height:auto;aspect-ratio:1;display:flex;align-items:center;justify-content:start;gap:20%;opacity:1;transition:opacity 0.5s ease-in-out;}#trainingDrillTutorial > .vert{transform:translateY(-20%);flex-direction:column;}#trainingDrillTutorial > .horz{transform:translateX(-10%);flex-direction:row;}#trainingDrillTutorial > .arrows > .vertArrow{width:100%;height:auto;margin-bottom:-40%;transform:translateY(100%);opacity:0;animation:arrow-vert-easeOutElastic 1.5s infinite;animation-play-state:paused;}#trainingDrillTutorial > .arrows > .horzArrow{width:auto;height:100%;margin-right:-40%;transform:translateX(-100%);opacity:0;animation:arrow-horz-easeOutElastic 1.5s infinite;animation-play-state:paused;}@keyframes arrow-vert-easeOutElastic{0%{transform:translateY(100%);opacity:0;}10%{transform:translateY(-32.27%);opacity:0.7;}40%{transform:translateY(0%);opacity:0.7;}65%{transform:translateY(0%);opacity:0.7;}90%{transform:translateY(-100%);opacity:0;}100%{transform:translateY(100%);opacity:0;}}@keyframes arrow-horz-easeOutElastic{0%{transform:translateX(100%);opacity:0;}10%{transform:translateX(-32.27%);opacity:0.7;}40%{transform:translateX(0%);opacity:0.7;}65%{transform:translateX(0%);opacity:0.7;}90%{transform:translateX(-100%);opacity:0;}100%{transform:translateX(100%);opacity:0;}}.imageBox{position:relative;width:100%;height:calc(100% - var(--infoBox-height) - 70px);display:flex;justify-content:end;align-items:center;flex-direction:column;padding-top:12%;top:40px;}.imageBox > img{height:100%;width:auto;}.drillsBox{position:relative;display:flex;width:100%;height:auto;gap:20px;padding-top:10px;padding-bottom:15px;justify-content:space-evenly;align-items:center;flex-direction:column;background-color:rgba(0,18,47,0.65);}.infoBox{position:relative;width:100%;height:100px;text-align:start;padding-left:55px;padding-right:55px;}#titleBox{display:flex;position:relative;top:0px;height:auto;max-width:90%;gap:40px;margin-top:7px;align-items:center;transition:opacity 0.3s ease-in-out,
        top 0.3s ease-in-out;}#titleBox img{position:relative;height:1.3rem;width:auto;pointer-events:auto !important;}#titleBox .right{rotate:180deg;}.drillsBox .divider{width:80%;height:auto;}#trainingTitle{position:relative;top:0px;height:auto;font-style:italic;font-size:1.3rem;text-align:center;transition:opacity 0.3s ease-in-out,
        top 0.3s ease-in-out;}#trainingStep{position:relative;top:0px;color:#00B2F8;font-size:1.1rem;padding-bottom:1px;transition:opacity 0.3s ease-in-out,
        top 0.3s ease-in-out;}#trainingTips{position:relative;top:0px;font-weight:500;font-size:0.9rem;transition:opacity 0.3s ease-in-out,
        top 0.3s ease-in-out;}#navigator{position:absolute;top:35%;left:-40px;width:27px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;transition:left 0.3s ease-in-out;pointer-events:auto;}#navigator > .indicator{position:relative;width:100%;height:auto;aspect-ratio:1;}#navigator > .indicator > img{position:absolute;width:100%;height:auto;aspect-ratio:1;}#navigator > .indicator > .num{position:absolute;width:100%;height:100%;text-align:center;display:flex;justify-content:center;flex-direction:column;align-items:center;z-index:1;}#navigator > .indicator > .num > p{padding:0px;margin:0px;color:#02B7FF;font-size:1rem;height:1rem;width:auto;}