.direction{display:grid}.direction:after,.direction:before{grid-column:1;grid-row:1}.direction:before{display:grid;font-size:2em;place-content:center}.direction:after{color:#acacac;display:grid;font-size:2em;place-content:center}.direction.direction--8:before,.direction.direction--98:before{content:"\21B6"}.direction.direction--7:before{bottom:-6px;content:"\2939";left:-4px;position:relative;rotate:155deg}.direction.direction--7:after{content:"\2191"}.direction.direction--3:before{content:"\21B0"}.direction.direction--2:before{content:"\2937";rotate:180deg}.direction.direction--1:before{content:"\2939";rotate:155deg}.direction.direction-0:before{content:"\2191"}.direction.direction-1:before{content:"\2938";rotate:210deg}.direction.direction-2:before{content:"\2935";rotate:-90deg}.direction.direction-3:before{content:"\21B1"}.direction.direction-4:before{content:"\02690"}.direction.direction-6:before{content:"\27F2";rotate:-50deg}.direction.direction-7:before{bottom:-6px;content:"\2938";position:relative;right:-4px;rotate:210deg}.direction.direction-7:after{content:"\2191"}.direction.direction-8:before{content:"\21B7"}