.shot-switch{--shot-switch-height:var(--core-40);--shot-switch-inset:var(--space-4);--shot-switch-surface:color-mix(in srgb, var(--neutral-surface-background), var(--neutral-content-main-titles) 6%);--shot-switch-ease:cubic-bezier(.16, 1, .3, 1);--shot-switch-duration:.45s;--shot-switch-roll-duration:.5s;--shot-switch-roll-stagger:18ms;box-sizing:border-box;height:var(--shot-switch-height);padding:var(--shot-switch-inset);border-radius:var(--radius-full);background-color:var(--shot-switch-surface);display:inline-flex;position:relative}.shot-switch-pill{inset-block:var(--shot-switch-inset);width:var(--shot-switch-pill-width,0);border-radius:var(--radius-full);background-color:var(--neutral-surface-main);translate:var(--shot-switch-pill-x,0) 0;pointer-events:none;position:absolute;left:0}.shot-switch-pill[data-hidden]{opacity:0}.shot-switch[data-ready] .shot-switch-pill{transition:translate var(--shot-switch-duration) var(--shot-switch-ease), width var(--shot-switch-duration) var(--shot-switch-ease), opacity .2s ease}.shot-switch-item{z-index:1;align-items:center;gap:var(--space-6);padding:0 var(--space-16);border-radius:var(--radius-full);color:var(--neutral-content-body);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;text-decoration:none;transition:color .2s;display:inline-flex;position:relative}.shot-switch-item[data-highlighted],.shot-switch-item[data-selected]{color:var(--neutral-content-main-titles)}.shot-switch-item:focus-visible{outline:var(--stroke-focus) solid var(--color-border-primary);outline-offset:var(--space-2)}.shot-switch-icon{flex:none;width:1.125em;height:1.125em}.shot-switch-badge{color:var(--neutral-content-support);font-variant-numeric:tabular-nums}.shot-switch-text{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.shot-switch-roll{display:inline-grid;overflow:hidden}.shot-switch-roll-row{grid-area:1/1;display:inline-flex}.shot-switch-letter{display:inline-block}.shot-switch-roll-row+.shot-switch-roll-row .shot-switch-letter{translate:0 100%}@media (prefers-reduced-motion:no-preference){.shot-switch-letter{transition:translate var(--shot-switch-roll-duration) var(--shot-switch-ease) calc(var(--letter-index) * var(--shot-switch-roll-stagger))}}@media (hover:hover){.shot-switch-item:hover .shot-switch-roll-row:first-child .shot-switch-letter{translate:0 -100%}.shot-switch-item:hover .shot-switch-roll-row+.shot-switch-roll-row .shot-switch-letter{translate:0}}@media (prefers-reduced-motion:reduce){.shot-switch[data-ready] .shot-switch-pill{transition-duration:10ms}}