.direction{display:grid}.direction:before,.direction:after{grid-area:1/1}.direction:before{place-content:center;font-size:2em;display:grid}.direction:after{color:#acacac;place-content:center;font-size:2em;display:grid}.direction.direction--8:before,.direction.direction--98:before{content:"↶"}.direction.direction--7:before{content:"⤹";position:relative;bottom:-6px;left:-4px;rotate:155deg}.direction.direction--7:after{content:"↑"}.direction.direction--3:before{content:"↰"}.direction.direction--2:before{content:"⤷";rotate:180deg}.direction.direction--1:before{content:"⤹";rotate:155deg}.direction.direction-0:before{content:"↑"}.direction.direction-1:before{content:"⤸";rotate:210deg}.direction.direction-2:before{content:"⤵";rotate:-90deg}.direction.direction-3:before{content:"↱"}.direction.direction-4:before{content:"⚐"}.direction.direction-6:before{content:"⟲";rotate:-50deg}.direction.direction-7:before{content:"⤸";position:relative;bottom:-6px;right:-4px;rotate:210deg}.direction.direction-7:after{content:"↑"}.direction.direction-8:before{content:"↷"}