/* Przełącznik PerfoState (przelacznik.js): suwak przesuwa się płynnie, idzie za palcem, dociąga magnesem do opcji. */
.ps-przelacznik{position:relative;display:inline-flex;align-items:stretch;gap:0;padding:4px;border:1px solid var(--line, #dce2e9);border-radius:999px;background:var(--color-surface, #f6f8fb);isolation:isolate;touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}
.ps-przelacznik>[role="radio"]{position:relative;z-index:1;min-height:40px;min-width:84px;padding:0 18px;border:0;border-radius:999px;background:transparent;color:var(--ink, #161616);font:600 14px/1 Inter,Arial,sans-serif;cursor:pointer;transition:color 220ms ease}
.ps-przelacznik>[role="radio"]:focus-visible{outline:2px solid var(--focus, #0076fd);outline-offset:2px}
/* Przed uruchomieniem skryptu wybrana opcja ma własne tło; potem tło daje suwak. */
.ps-przelacznik:not(.ps-przelacznik--gotowy)>[aria-checked="true"]{background:var(--action, #0068df);color:#fff}
.ps-przelacznik--gotowy>.ps-przelacznik__opcja--nad{color:#fff}
.ps-przelacznik__suwak{position:absolute;z-index:0;top:4px;bottom:4px;left:0;border-radius:999px;background:var(--action, #0068df);box-shadow:0 2px 8px rgb(0 104 223 / 28%),inset 0 1px 0 rgb(255 255 255 / 18%);will-change:transform,width;transition:transform 420ms cubic-bezier(.34,1.32,.64,1),width 420ms cubic-bezier(.34,1.32,.64,1)}
.ps-przelacznik__suwak--bez{transition:none}
.ps-przelacznik--pusty .ps-przelacznik__suwak{opacity:0}
.ps-przelacznik--ciagniety{cursor:grabbing}
.ps-przelacznik--ciagniety .ps-przelacznik__suwak{box-shadow:0 6px 16px rgb(0 104 223 / 32%),inset 0 1px 0 rgb(255 255 255 / 18%)}
.ps-przelacznik:hover .ps-przelacznik__suwak{box-shadow:0 3px 10px rgb(0 104 223 / 32%),inset 0 1px 0 rgb(255 255 255 / 18%)}
@media(prefers-reduced-motion:reduce){.ps-przelacznik__suwak,.ps-przelacznik>[role="radio"]{transition:none}}