.portfolio-mode-switch > a, .portfolio-mode-switch > span { transition:background-color .15s ease, box-shadow .15s ease; }
@media(hover:hover) and (pointer:fine) {
 .portfolio-mode-switch > a:hover { background:#eaf3de; box-shadow:none; }
 .portfolio-mode-switch > [aria-current]:hover { background:#245f2e; }
 .portfolio-mode-switch.pixel-mode-switch > a:hover { background:#2a3a9c; box-shadow:inset 0 0 0 2px #ffd84a; }
}
.portfolio-mode-switch > a:focus-visible { outline:3px solid #2d7a3a; outline-offset:3px; background:#eaf3de; }
.portfolio-mode-switch.pixel-mode-switch > a:focus-visible { outline-color:#ffd84a; background:#2a3a9c; }
@media(prefers-reduced-motion:reduce) { .portfolio-mode-switch > a, .portfolio-mode-switch > span { transition:none; } }


@media(hover:hover) and (pointer:fine) {
 .portfolio-mode-switch:not(.pixel-mode-switch) > a:hover { background:#ece7f5; box-shadow:none; }
}