.market-pill{--ball: 34px;--gap: 4px;--track-width: 100px;--track-height: 44px;--position: .5;--trading-color: #e11d48;--stocks-color: #059669;display:inline-grid;grid-template-columns:minmax(0,1fr) var(--track-width) minmax(0,1fr);align-items:center;gap:8px;width:340px;max-width:100%;height:58px;border:2px solid #ffffffd9;border-bottom-color:#cbd5e180;border-radius:999px;background:linear-gradient(180deg,#ffffff3b 0%,#ffffff0d 32%,transparent 52%,#00000020 100%),linear-gradient(90deg,var(--trading-color) 0 50%,var(--stocks-color) 50% 100%);box-shadow:0 2px 3px #0f172a1a,0 6px 14px #0f172a1c,inset 0 1px 1px #ffffff70,inset 0 -2px 3px #00000024;vertical-align:middle;font-family:inherit;-moz-user-select:none;user-select:none;-webkit-user-select:none}.market-pill,.market-pill *{box-sizing:border-box}.market-pill button{-moz-appearance:none;appearance:none;-webkit-appearance:none;margin:0;font-family:inherit;-webkit-tap-highlight-color:transparent}.market-pill .market-pill__side{display:flex;align-items:center;justify-content:center;min-width:0;height:100%;padding:0 4px;border:0;border-radius:12px;background:transparent;font-size:13px;font-weight:800;line-height:1;letter-spacing:.3px;cursor:pointer;transition:background .2s ease,text-shadow .2s ease}.market-pill .market-pill__trading{grid-column:1;grid-row:1;color:#fff;border-radius:999px 0 0 999px}.market-pill .market-pill__akcje{grid-column:3;grid-row:1;color:#fff;border-radius:0 999px 999px 0}.market-pill__content{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:0}.market-pill__content span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.market-pill__content svg{width:18px;height:18px;flex-shrink:0}.market-pill[data-selected=trading] .market-pill__trading,.market-pill[data-selected=akcje] .market-pill__akcje{text-shadow:0 1px 3px #0004}.market-pill__track{position:relative;grid-column:2;grid-row:1;width:var(--track-width);height:var(--track-height);border:1px solid #17191c;border-bottom-color:#ffffff45;border-radius:999px;background:linear-gradient(180deg,#131518,#292c30 55%,#35383d);box-shadow:inset 0 4px 7px #000b,inset 0 -1px 2px #ffffff20,0 -1px 2px #0003,0 1px 1px #fff5}.market-pill .market-pill__ball{position:absolute;top:var(--gap);left:calc(var(--gap) + (100% - var(--ball) - var(--gap) - var(--gap)) * var(--position));display:grid;place-items:center;width:var(--ball);height:var(--ball);min-width:var(--ball);min-height:0;padding:0;border:1px solid #ffffff40;border-bottom-color:#0006;border-radius:50%;background:linear-gradient(145deg,#afb3b9,#686d75 48%,#353940);box-shadow:inset 0 2px 2px #ffffff60,inset 0 -3px 5px #0005,0 3px 6px #0009;cursor:grab;touch-action:none;transition:left .32s cubic-bezier(.22,1,.36,1),background .2s ease,box-shadow .2s ease}.market-pill[data-knob-market=trading] .market-pill__ball{background:linear-gradient(145deg,color-mix(in srgb,var(--trading-color) 60%,white),var(--trading-color) 45%,color-mix(in srgb,var(--trading-color) 55%,black));box-shadow:inset 0 2px 2px #ffffff65,inset 0 -3px 5px #0005,0 3px 6px #0009,0 0 10px color-mix(in srgb,var(--trading-color) 45%,transparent)}.market-pill[data-knob-market=stocks] .market-pill__ball{background:linear-gradient(145deg,color-mix(in srgb,var(--stocks-color) 60%,white),var(--stocks-color) 45%,color-mix(in srgb,var(--stocks-color) 55%,black));box-shadow:inset 0 2px 2px #ffffff65,inset 0 -3px 5px #0005,0 3px 6px #0009,0 0 10px color-mix(in srgb,var(--stocks-color) 45%,transparent)}.market-pill__grip{width:26%;height:38%;border-radius:2px;background:repeating-linear-gradient(90deg,#0004 0 1px,#ffffff32 1px 2px,transparent 2px 3px);opacity:.7;pointer-events:none}.market-pill.is-dragging .market-pill__ball{cursor:grabbing;transition:none}.market-pill button:focus-visible{outline:2px solid #2563eb;outline-offset:2px}@media (hover: hover){.market-pill__side:hover{background:#ffffff15}.market-pill__ball:hover{filter:brightness(1.1)}}.market-pill--compact{--ball: 24px;--gap: 3px;--track-width: 70px;--track-height: 32px;width:228px;height:44px;gap:5px}.market-pill--compact .market-pill__side{font-size:10px;letter-spacing:.1px}.market-pill--compact .market-pill__content svg{display:none}.market-pill--mobileHeader{--ball: 24px;--gap: 3px;--track-width: 60px;--track-height: 32px;width:172px;height:40px;gap:4px}.market-pill--mobileHeader .market-pill__side{font-size:9px;letter-spacing:0;padding:0}.market-pill--mobileHeader .market-pill__content svg{display:none}.market-pill--sidebar{--ball: 32px;--track-height: 42px;width:100%;max-width:340px;height:50px;gap:6px}.market-pill--sidebar .market-pill__side{font-size:11px}.market-pill--sidebar .market-pill__content{gap:4px}.market-pill--sidebar .market-pill__content svg{width:15px;height:15px}@media (max-width: 380px){.market-pill--welcome{width:300px;--track-width: 90px;gap:5px}.market-pill--welcome .market-pill__side{font-size:11px}.market-pill--welcome .market-pill__content{gap:4px}.market-pill--welcome .market-pill__content svg{width:16px;height:16px}}@media (min-width: 360px){.market-pill--mobileHeader{width:188px}}@media (min-width: 400px){.market-pill--mobileHeader{width:204px}}@media (prefers-reduced-motion: reduce){.market-pill *{transition:none!important}}
