.hd-workspace{padding-block:clamp(3rem,6vw,5rem) 1rem}.hd-workspace-copy{text-align:center;gap:1.25rem;max-inline-size:46rem;margin-inline:auto;display:grid}.hd-workspace .device-proof{max-inline-size:70rem;color:var(--hd-ink);margin-block:2rem 1.5rem}.hd-workspace-details{text-align:center;flex-wrap:wrap;justify-content:center;gap:.5rem 1.5rem;display:flex}.hd-workspace-expand{color:var(--hd-brand-ink);font-size:var(--hd-t-sm);font-weight:600}.hd-workspace .device-display{aspect-ratio:1440/961;align-items:center;display:flex}.hd-workspace .device-proof .device-display img{-o-object-fit:contain;object-fit:contain;block-size:100%;animation:.35s ease-out hd-workspace-image-in}.hd-workspace-controls{align-items:center;gap:.75rem;margin-block:.5rem 1.25rem}.hd-workspace-controls,.hd-workspace-tabs{flex-wrap:wrap;justify-content:center;display:flex}.hd-workspace-tabs{gap:.5rem}.hd-workspace-controls button{border:1px solid var(--hd-line);background:var(--hd-surface);min-block-size:2.75rem;color:var(--hd-body);cursor:pointer;font-size:var(--hd-t-sm);border-radius:999px;padding:.5rem 1rem}.hd-workspace-controls button[aria-pressed=true]{border-color:var(--hd-brand-ink);background:var(--hd-tint);color:var(--hd-brand-ink);font-weight:700}.hd-workspace-controls button:focus-visible{outline:2px solid var(--hd-brand-ink);outline-offset:3px}.hd-workspace-controls .hd-workspace-arrow{border-color:var(--hd-brand-ink);inline-size:2.75rem;color:var(--hd-brand-ink);place-items:center;padding:0;display:inline-grid}@media (hover:hover){.hd-workspace-controls .hd-workspace-arrow:hover{background:var(--hd-tint)}}.hd-workspace-controls .hd-workspace-play{background:0 0;border-color:#0000}@media (width<=560px){.hd-workspace-tabs{flex-basis:100%;order:-1}}@keyframes hd-workspace-image-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.hd-workspace .device-proof .device-display img{animation:none}}html.a11y-noanim .home-day .hd-workspace .device-display img{animation:none}
