.horizontal-switch{position:relative;isolation:isolate;display:inline-grid;grid-template-columns:repeat(var(--horizontal-switch-count),max-content);grid-template-rows:48px;height:48px;border:1px solid var(--control-surface-border);border-radius:40px;background:var(--control-surface-background);box-shadow:var(--control-surface-shadow);transition:filter .2s ease-in-out}@media screen and (max-width: 768px){.horizontal-switch{grid-template-columns:max-content;grid-template-rows:repeat(var(--horizontal-switch-count),48px);height:auto}}.horizontal-switch[data-disabled=true]{filter:opacity(.5)}.horizontal-switch__option{position:relative;z-index:1;grid-column:var(--horizontal-switch-position);grid-row:1;min-width:0;height:48px;cursor:pointer;-webkit-user-select:none;user-select:none}@media screen and (max-width: 768px){.horizontal-switch__option{grid-column:1;grid-row:var(--horizontal-switch-position);width:100%}}.horizontal-switch__input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;opacity:0;pointer-events:none}.horizontal-switch__content{display:flex;align-items:center;justify-content:center;gap:14px;width:100%;height:100%;padding:0 32px;border-radius:40px;color:#ffffffad;font-family:main-font,sans-serif;font-weight:500;font-size:12px;letter-spacing:1px;text-transform:uppercase;text-shadow:0 1px 1px rgba(0,0,0,.48);white-space:nowrap;transition:background-color .2s ease-in-out,color .12s ease-in-out .1s,text-shadow .12s ease-in-out .1s}@media screen and (max-width: 768px){.horizontal-switch__content{padding:0 24px}}.horizontal-switch__option:not([data-selected=true]):not([data-disabled=true]):hover .horizontal-switch__content{background-color:#ffffff06;color:#ffffffe6}.horizontal-switch__option[data-selected=true] .horizontal-switch__content{color:#0f1117;text-shadow:none}.horizontal-switch__option[data-disabled=true]{cursor:not-allowed}.horizontal-switch__input:focus-visible+.horizontal-switch__content{outline:2px solid rgba(122,217,245,.8);outline-offset:-3px}.horizontal-switch__addon{display:inline-flex;align-items:center;min-height:18px;padding:1px 9px;border:1px solid currentColor;border-radius:40px;color:#fff;font-size:10px;line-height:14px;transition:background-color .12s ease-in-out .1s,color .12s ease-in-out .1s}.horizontal-switch__option[data-selected=true] .horizontal-switch__addon{background-color:#6b1cff1a;color:#6b1cff}.horizontal-switch__indicator{position:relative;z-index:0;grid-column:var(--horizontal-switch-position);grid-row:1;align-self:stretch;margin:2px;border:1px solid rgba(15,17,23,.14);background:linear-gradient(180deg,#fff,#e7edf3);box-shadow:inset 0 1px #fffffff2,inset 0 -3px #0f11172e,0 4px 10px #00000057;pointer-events:none;opacity:1;transition:opacity .08s ease-out .22s,box-shadow .2s ease-in-out}.horizontal-switch__indicator[data-visible=false]{opacity:0;transition-delay:0s}@media screen and (max-width: 768px){.horizontal-switch__indicator{grid-column:1;grid-row:var(--horizontal-switch-position)}}.horizontal-switch__option[data-selected=true]:not([data-disabled=true]):hover~.horizontal-switch__indicator{box-shadow:inset 0 1px #fff,inset 0 -3px #0f111733,0 8px 18px #0000005c}.horizontal-switch__option[data-selected=true]:not([data-disabled=true]):active~.horizontal-switch__indicator{box-shadow:inset 0 1px 2px #0000003d,inset 0 -1px #ffffff0a,0 1px 2px #0000002e}@media (prefers-reduced-motion: reduce){.horizontal-switch,.horizontal-switch__content,.horizontal-switch__addon,.horizontal-switch__indicator{transition:none}}