:root{--sprint-box-visible-height:40vw;--sprint-hex-easing:400ms ease-in-out;--sin-30-pos:16.66666%;--sin-30-neg:-16.66666%;--sin-60-pos:28.86751346%;--sin-60-neg:-28.86751346%;--sin-90-pos:33.33333%;--sin-90-neg:-33.33333%}.sprint-hexes-box-holder{position:absolute;top:50%;right:calc(var(--sprint-box-visible-height) * -2);margin:0;padding:0;width:calc(var(--sprint-box-visible-height) * 3);height:calc(var(--sprint-box-visible-height) * 3);transform-origin:center;transition:var(--sprint-hex-easing);transform:translate(0,-17%);z-index:-1}.sprint-hexes-box{width:var(--sprint-box-visible-height);height:var(--sprint-box-visible-height);margin:0;padding:0;transform-origin:top left;display:grid;grid-template-columns:calc(var(--sprint-box-visible-height) * 0.01886) repeat(10, 1fr) calc(var(--sprint-box-visible-height) * 0.01886);grid-template-rows:repeat(6,1fr);grid-gap:0;transition:var(--sprint-hex-easing)}#sprintBox{overflow:hidden;height:110vh;width:100%}#sprintText{width:calc(100% - var(--sprint-box-visible-height));height:100%;overflow-y:scroll;z-index:2;-ms-overflow-style:none;scrollbar-width:none}#sprintText::-webkit-scrollbar{display:none}#sprintText>div{width:100%;height:auto}@media(max-width:576px){:root{--sprint-box-visible-height:55vw}.sprint-hexes-box-holder{top:80%;opacity:.4}#sprintText{width:100%}#sprintBox{height:80vh}}.sprint-hexes-box>div{transition:var(--sprint-hex-easing)}.sprint-hexes-box-holder>div.sprint-hexes-box>div{transform:scale(0.8)}.sprint-hexes-box>div>div{transition:var(--sprint-hex-easing);transform-origin:center;width:100%;height:100%}.sprint-hexes-box>div:nth-child(1){grid-column:2 / span 4;grid-row:2 / span 2;transform-origin:87.5% 75%}.sprint-hexes-box>div:nth-child(2){grid-column:5 / span 4;grid-row:1 / span 2;transform-origin:50% 100%}.sprint-hexes-box>div:nth-child(3){grid-column:8 / span 4;grid-row:2 / span 2;transform-origin:12.5% 75%}.sprint-hexes-box>div:nth-child(4){grid-column:8 / span 4;grid-row:4 / span 2;transform-origin:12.5% 25%}.sprint-hexes-box>div:nth-child(5){grid-column:5 / span 4;grid-row:5 / span 2;transform-origin:50% 0}.sprint-hexes-box>div:nth-child(6){grid-column:2 / span 4;grid-row:4 / span 2;transform-origin:87.5% 25%}.sprint-hexes-box-holder.shb-active{right:calc(var(--sprint-box-visible-height) * -1.75)}.sprint-hexes-box-holder.shb-active>div.sprint-hexes-box{transform:scale(3)}.sprint-hexes-box-holder.shb-active>div.sprint-hexes-box>div{transform:scale(0.45)}.sprint-hexes-box-holder.shb-step-1{transform:rotate(0) translate(0,var(--sin-90-neg))}.sprint-hexes-box-holder.shb-step-1>div.sprint-hexes-box>div>div{transform:rotate(0)}.sprint-hexes-box-holder.shb-step-1>div.sprint-hexes-box>div:nth-child(1){transform:scale(0.8)}.sprint-hexes-box-holder.shb-step-2{transform:rotate(-60deg) translate(var(--sin-60-pos),var(--sin-30-neg))}.sprint-hexes-box-holder.shb-step-2>div.sprint-hexes-box>div>div{transform:rotate(60deg)}.sprint-hexes-box-holder.shb-step-2>div.sprint-hexes-box>div:nth-child(2){transform:scale(0.8)}.sprint-hexes-box-holder.shb-step-3{transform:rotate(-120deg) translate(var(--sin-60-pos),var(--sin-30-pos))}.sprint-hexes-box-holder.shb-step-3>div.sprint-hexes-box>div>div{transform:rotate(120deg)}.sprint-hexes-box-holder.shb-step-3>div.sprint-hexes-box>div:nth-child(3){transform:scale(0.8)}.sprint-hexes-box-holder.shb-step-4{transform:rotate(-180deg) translate(0,var(--sin-90-pos))}.sprint-hexes-box-holder.shb-step-4>div.sprint-hexes-box>div>div{transform:rotate(180deg)}.sprint-hexes-box-holder.shb-step-4>div.sprint-hexes-box>div:nth-child(4){transform:scale(0.8)}.sprint-hexes-box-holder.shb-step-5{transform:rotate(-240deg) translate(var(--sin-60-neg),var(--sin-30-pos))}.sprint-hexes-box-holder.shb-step-5>div.sprint-hexes-box>div>div{transform:rotate(240deg)}.sprint-hexes-box-holder.shb-step-5>div.sprint-hexes-box>div:nth-child(5){transform:scale(0.8)}.sprint-hexes-box-holder.shb-step-6{transform:rotate(-300deg) translate(var(--sin-60-neg),var(--sin-30-neg))}.sprint-hexes-box-holder.shb-step-6>div.sprint-hexes-box>div>div{transform:rotate(300deg)}.sprint-hexes-box-holder.shb-step-6>div.sprint-hexes-box>div:nth-child(6){transform:scale(0.8)}