.visual-choice{position:absolute;z-index:2;top:27px;right:44px;display:flex;align-items:center;gap:3px;padding:5px;background:rgba(245,243,234,.95);box-shadow:0 10px 32px rgba(9,23,58,.2);color:var(--ink)}
.visual-choice>span{padding:0 12px;font:800 9px var(--sans);letter-spacing:.17em;white-space:nowrap}
.visual-choice button{border:0;background:transparent;color:var(--ink);padding:11px 13px;cursor:pointer;font:800 10px var(--sans);letter-spacing:.03em;white-space:nowrap;transition:background .2s,color .2s}
.visual-choice button:hover{background:#e3e5db}
.visual-choice button[aria-pressed=true],.visual-choice button[aria-pressed=true]:hover{background:var(--navy);color:#fff}
html[data-visual=illustrations] .hero-image{background-image:url('./assets/sports-illustration.svg');background-position:center}
html[data-visual=illustrations] .mega-feature:before{background-image:url('./assets/sports-illustration.svg')}
html[data-visual=photos] .sport-art{background-image:url('./assets/sports-photos.png');background-size:200% 200%;background-repeat:no-repeat}
html[data-visual=photos] .sport-art>*{display:none}
html[data-visual=photos] .basketball .sport-art{background-position:left top}
html[data-visual=photos] .football .sport-art{background-position:right top}
html[data-visual=photos] .tennis .sport-art{background-position:left bottom}
html[data-visual=photos] .running .sport-art{background-position:right bottom}
@media(max-width:700px){
  .visual-choice{top:17px;right:18px;gap:1px;padding:4px}
  .visual-choice>span{display:none}
  .visual-choice button{padding:9px 10px;font-size:9px}
  .hero-content{padding-top:101px}
  html[data-visual=illustrations] .hero-image{background-position:55% center}
}
@media(max-width:390px){.visual-choice button{padding:8px 9px;font-size:8px}}
@media(prefers-reduced-motion:reduce){.visual-choice button{transition:none}}