.TutorialArrow_base--3My3W{position:absolute;top:50%;left:0;width:100%;height:100%;transform:translateY(-50%)}.TutorialArrow_border--2vkT_{position:absolute;right:-10px;left:-10px;height:100%;border-image-source:url(/static/media/border.2dab0e1f.png);border-image-slice:4 fill;border-image-width:15px;border-image-outset:20px;transition:opacity .5s linear .5s}.TutorialArrow_base__big--3Vpnj .TutorialArrow_border--2vkT_{border-image-source:url(/static/media/big-border.7142dfc5.png);border-image-slice:4 fill;border-image-width:15px;border-image-outset:20px}.TutorialArrow_hint--2-2lX{position:absolute;top:50%;display:flex;align-items:center;width:250px;transition:opacity .5s linear .1s;transform:translateY(-50%)}.TutorialArrow_base__left--14Gda .TutorialArrow_hint--2-2lX{right:100%;justify-content:flex-end}.TutorialArrow_base__right--3w1Os .TutorialArrow_hint--2-2lX{left:100%;justify-content:flex-start}.TutorialArrow_base__bottom--1sJTc .TutorialArrow_hint--2-2lX{top:100%;left:50%;flex-direction:column;justify-content:flex-start;width:129px;height:129px;transform:translateX(-50%)}.TutorialArrow_hintSubstrate--3JGff{position:absolute;left:50%;width:100%;height:66px;background-image:url(/static/media/back.b8297e87.png);background-repeat:no-repeat;background-size:cover;transform:translateX(-50%)}.TutorialArrow_base__bottom--1sJTc .TutorialArrow_hintSubstrate--3JGff{width:120px;height:180px;background-image:url(/static/media/vertical-back.9c6ec183.png)}.TutorialArrow_hintArrow--qEMLk{position:absolute;width:86px;height:90px;background-image:url(/static/media/tutorial-arrow.fbb1e9b9.png);background-repeat:no-repeat;background-size:contain;animation-duration:1.5s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.TutorialArrow_base__left--14Gda .TutorialArrow_hintArrow--qEMLk{right:-10px;transform:scaleX(-1);animation-name:TutorialArrow_blinkFromLeft--3O5rX}.TutorialArrow_base__right--3w1Os .TutorialArrow_hintArrow--qEMLk{left:-10px;animation-name:TutorialArrow_blinkFromRight--3up9R}.TutorialArrow_base__bottom--1sJTc .TutorialArrow_hintArrow--qEMLk{top:-12px;left:50%;transform:translateX(-50%) rotate(90deg);animation-name:TutorialArrow_blinkFromBottom--wh9QB}.TutorialArrow_hintText--3K6bK{position:relative;color:#fd9;line-height:18px;text-align:center;text-shadow:0 0 10px #ff2a00,0 0 5px rgba(255,42,0,.4),0 0 4px rgba(255,42,0,.4),0 0 2px rgba(255,42,0,.4),0 0 1px rgba(255,42,0,.4),0 0 2px rgba(255,42,0,.4),0 0 1px rgba(255,42,0,.4)}.TutorialArrow_base__left--14Gda .TutorialArrow_hintText--3K6bK{padding-right:60px}.TutorialArrow_base__right--3w1Os .TutorialArrow_hintText--3K6bK{padding-left:60px}.TutorialArrow_base__bottom--1sJTc .TutorialArrow_hintText--3K6bK{padding-top:80px}@keyframes TutorialArrow_blinkFromRight--3up9R{0%{opacity:0;transform:translateX(60px)}30%,70%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-10px)}}@keyframes TutorialArrow_blinkFromLeft--3O5rX{0%{opacity:0;transform:translateX(-60px) scaleX(-1)}30%,70%{opacity:1;transform:translateX(0) scaleX(-1)}to{opacity:0;transform:translateX(10px) scaleX(-1)}}@keyframes TutorialArrow_blinkFromBottom--wh9QB{0%{opacity:0;transform:translateY(60px) translateX(-50%) rotate(90deg)}30%,70%{opacity:1;transform:translateY(0) translateX(-50%) rotate(90deg)}to{opacity:0;transform:translateY(-10px) translateX(-50%) rotate(90deg)}}