.ppick{display:flex;flex-wrap:wrap;gap:8px}.ppick .pchip{position:relative;display:inline-flex;align-items:center;gap:9px;height:40px;padding:0 14px 0 5px;border-radius:8px;border:2px solid var(--line-strong,#2a4650);background:#0c1416;color:var(--text,#eaf4f7);font:600 12.5px/1 var(--sans,"General Sans",system-ui,sans-serif);white-space:nowrap;cursor:pointer;box-shadow:0 0 0 transparent;transition:translate .12s var(--ease-snap,cubic-bezier(.2,.8,.2,1)),rotate .2s var(--ease-spring,cubic-bezier(.34,1.56,.64,1)),transform .16s var(--ease-snap,cubic-bezier(.2,.8,.2,1)),border-color .15s ease,background-color .15s ease,color .15s ease,box-shadow .12s ease}.ppick .pchip-ic{display:grid;place-items:center;flex-shrink:0;width:26px;height:26px;border-radius:6px;background:#060b0b;color:#eaf4f7;box-shadow:inset 0 0 0 1px rgba(143,208,220,.14);transition:rotate .3s var(--ease-spring,cubic-bezier(.34,1.56,.64,1)),box-shadow .15s ease}.ppick .pchip-ic svg{display:block;width:15px;height:15px}.ppick .pchip-tx{padding-top:1px}.ppick .pchip.is-on{background:var(--cyan,#b8ecfd);color:var(--on-cyan,#060b0b);border-color:var(--cyan-dark,#060b0b);box-shadow:0 3px 0 var(--cyan-deep,#346a7e)}.ppick .pchip.is-on .pchip-ic{box-shadow:inset 0 0 0 1px rgba(6,11,11,.9)}.ppick .pchip.is-off,.ppick .pchip:disabled{opacity:.45;cursor:not-allowed;background:#0a1113;border-color:var(--line,#1b2c31);color:var(--muted,#86a0a9)}.ppick .pchip.is-off svg{filter:grayscale(1);opacity:.8}.ppick .pchip:focus-visible{outline:2px solid var(--cyan-bright,#dcf7ff);outline-offset:3px}.ppick .pchip-dot{position:absolute;top:-4px;right:-4px;width:9px;height:9px;border-radius:99px;background:var(--warn,#ff9a4d);box-shadow:0 0 0 2px #060b0b}.ppick .pchip:active:not(:disabled){translate:0 2px;transform:scale(.97)}.ppick .pchip.is-on:active:not(:disabled){box-shadow:0 1px 0 var(--cyan-deep,#346a7e)}@media (hover:hover) and (pointer:fine){.ppick .pchip:hover:not(:disabled):not(.is-off){translate:0 -2px;border-color:var(--cyan-dk,#4886a1);background:#111c1f}.ppick .pchip.is-on:hover:not(:disabled){background:var(--cyan-bright,#dcf7ff);border-color:var(--cyan-dark,#060b0b);box-shadow:0 5px 0 var(--cyan-deep,#346a7e)}.ppick .pchip:active:hover:not(:disabled){translate:0 2px}}@media (pointer:coarse){.ppick .pchip{height:44px}}@media (max-width:420px){.ppick{gap:6px}.ppick .pchip{padding-right:11px;gap:7px;font-size:12px}}@media (prefers-reduced-motion:reduce){.ppick .pchip,.ppick .pchip-ic,.ppick .pchip:active,.ppick .pchip:hover,.ppick .pchip:hover .pchip-ic{translate:none!important;rotate:none!important}}