.action-arrow{display:inline-block;width:20px;height:20px;flex:0 0 20px;vertical-align:middle;margin-left:8px;transition:transform .22s ease;pointer-events:none}
.primary .action-arrow{margin-left:0}
.medium-top{align-items:center;min-height:40px}
.mission-arrow{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;margin-left:12px;border:1px solid #d0ff0055;background:#151b10;color:#d0ff00;box-shadow:3px 3px 0 #080b06;transition:background .2s,color .2s,border-color .2s,box-shadow .2s,transform .2s}
.mission-arrow .action-arrow{width:22px;height:22px;margin:0}
.medium.selected .mission-arrow,.medium:hover .mission-arrow,.medium:focus-visible .mission-arrow{background:#d0ff00;color:#10130c;border-color:#d0ff00;box-shadow:3px 3px 0 #5b7015}
.medium:hover .mission-arrow .action-arrow,.medium:focus-visible .mission-arrow .action-arrow{transform:translate(2px,-2px)}
.medium:active .mission-arrow{transform:translate(2px,2px);box-shadow:1px 1px 0 #5b7015}
a:hover>.action-arrow,a:focus-visible>.action-arrow{transform:translate(2px,-2px)}
a[href="#mission-board"]:hover>.action-arrow{transform:translateY(3px)}
.medium:focus-visible{outline:2px solid #d0ff00;outline-offset:5px}
@media(prefers-reduced-motion:reduce){.action-arrow,.mission-arrow{transition:none}.medium:hover .mission-arrow .action-arrow,.medium:focus-visible .mission-arrow .action-arrow,a:hover>.action-arrow,a:focus-visible>.action-arrow,a[href="#mission-board"]:hover>.action-arrow{transform:none}}