.footer{position:relative;padding-right:128px}.footer .arrow{position:fixed;z-index:8;bottom:92px;width:56px;height:56px;border:0;border-radius:4px;background:#555;color:#fff;font-size:34px;font-weight:300;line-height:1;cursor:pointer;display:grid;place-items:center;padding:0;box-shadow:0 2px 5px #0002}.footer #prev{right:88px}.footer #next{right:24px;background:#050505}.footer .arrow:hover{filter:brightness(1.18)}
.footer .qnav{width:29px;height:29px;border:0;background:transparent;color:#1a252d;padding:0;font-weight:normal}.footer .qnav.current{background:transparent;color:#111;font-weight:bold}.footer .qnav.marked{border:0;border-radius:0;color:#d18e00}.footer .qnav-wrap{position:relative;grid-template-rows:5px 29px;gap:5px}.footer .qnav-wrap:has(.qnav.current)::before{content:"";position:absolute;top:-11px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:7px solid #111}.footer .answered-bar{height:5px;min-width:25px}.finish-test{margin-left:4px;border:0;background:transparent;color:#1f4f70;display:grid;grid-template-columns:34px auto;align-items:center;gap:7px;cursor:pointer}.finish-test span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#168444;color:#fff;font-size:21px}.finish-test b{font-size:13px}.finish-test:hover span{background:#0e6b35}