.switch[data-v-39abd7f3]{--size:56px;--gap:5px;padding:var(--gap);background:#1c1c1f;border:1px solid #ffffff17;border-radius:19px;flex-shrink:0;align-self:flex-start;display:inline-flex;position:relative}@media (min-width:1024px){.switch[data-v-39abd7f3]{align-self:auto}}.is-compact[data-v-39abd7f3]{--size:44px;--gap:4px;border-radius:15px}.is-compact .option[data-v-39abd7f3],.is-compact .pill[data-v-39abd7f3]{border-radius:11px}.is-compact .icon[data-v-39abd7f3]{border-radius:8px;width:32px;height:32px}.is-fill[data-v-39abd7f3]{--gap:4px;border-radius:14px;align-self:stretch;width:100%;height:100%;min-height:0;display:flex}.is-fill .option[data-v-39abd7f3]{border-radius:10px;flex:1;width:auto;height:auto}.is-fill .pill[data-v-39abd7f3]{width:calc(50% - var(--gap));height:calc(100% - var(--gap) * 2);transform:translateX(calc(var(--at) * 100%));border-radius:10px}.is-fill .icon[data-v-39abd7f3]{aspect-ratio:1;border-radius:9px;width:auto;height:74%}.pill[data-v-39abd7f3]{top:var(--gap);left:var(--gap);transform:translateX(calc(var(--at) * var(--size)));transition:transform .22s var(--ease-out);background:linear-gradient(#3a3a40,#2c2c31);border:1px solid #fff3;position:absolute;box-shadow:inset 0 1px #ffffff1f,0 0 22px -4px #ffffff47}.option[data-v-39abd7f3],.pill[data-v-39abd7f3]{width:var(--size);height:var(--size);border-radius:14px}.option[data-v-39abd7f3]{transition:transform .12s var(--ease-out);outline:none;justify-content:center;align-items:center;display:flex;position:relative}.option[data-v-39abd7f3]:active{transform:scale(.94)}.option[data-v-39abd7f3]:focus-visible{box-shadow:0 0 0 2px #ffffffb3}.icon[data-v-39abd7f3]{opacity:.5;filter:saturate(.4);width:42px;height:42px;transition:opacity .2s var(--ease-out),filter .2s var(--ease-out);-webkit-user-select:none;user-select:none;border-radius:11px}.option:hover .icon[data-v-39abd7f3]{opacity:.8}.is-on .icon[data-v-39abd7f3]{opacity:1;filter:none}@media (prefers-reduced-motion:reduce){.pill[data-v-39abd7f3]{transition:none}.option[data-v-39abd7f3]:active{transform:none}}.title[data-v-9a5d26be]{min-width:0;display:flex}.is-stack[data-v-9a5d26be]{flex-direction:column}.is-inline[data-v-9a5d26be]{flex-direction:row;align-items:baseline;gap:.42em}.skin[data-v-9a5d26be],.weapon[data-v-9a5d26be],.wear[data-v-9a5d26be]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.weapon[data-v-9a5d26be]{color:var(--color-muted);font-size:.8em;font-weight:600;line-height:1.3}.is-inline .weapon[data-v-9a5d26be]{flex-shrink:0}.skin[data-v-9a5d26be]{color:var(--color-ink);font-weight:700}.skin[data-v-9a5d26be],.wear[data-v-9a5d26be]{line-height:1.3}.wear[data-v-9a5d26be]{color:var(--color-muted);font-size:.72em;font-weight:600}.stattrack[data-v-9a5d26be]{color:var(--color-stattrack);margin-left:.35em;font-size:.8em;font-weight:800}
