.hh .px-switch{background:#121212;border:1px solid #2a2a2a;border-radius:999px;align-items:center;gap:3px;max-width:100%;padding:3px;display:inline-flex}.hh .px-switch>*{height:32px;font:800 13.5px/1 var(--body);letter-spacing:.01em;white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:0 13px;text-decoration:none;display:inline-flex}.hh .px-on{background:var(--lime);color:var(--black)}.hh .px-on i{background:var(--black);border-radius:50%;width:6px;height:6px}.hh .px-off{color:#bdbdbd;transition:color .2s,background-color .2s}.hh .px-off:hover{color:var(--white);background:#222}.hh .px-off svg{transition:transform .25s var(--ease)}.hh .px-off:hover svg{transform:translate(3px)}.hh .hero-copy>.px-switch{margin-bottom:-10px}@media (max-width:560px){.hh .hero:has(.px-switch){padding-top:calc(80px + env(safe-area-inset-top,0px))}.hh .px-switch>*{gap:6px;padding:0 11px;font-size:13px}}@media (max-width:360px){.hh .px-switch>*{padding:0 8px;font-size:12px}.hh .px-off svg{display:none}}