.kit-toggle-group{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem;background:light-dark(rgba(0,0,0,.04),rgba(255,255,255,.06));border-radius:10px}.kit-toggle-group--sm{padding:.2rem;border-radius:8px;gap:.2rem}.kit-toggle-group--md{padding:.25rem;border-radius:10px}.kit-toggle-item{appearance:none;border:none;background:transparent;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;font-weight:600;line-height:1;text-decoration:none;white-space:nowrap;color:light-dark(#555,#aaa);cursor:pointer;user-select:none;transition:all .2s ease}a.kit-toggle-item,a.kit-toggle-item:visited{text-decoration:none;color:light-dark(#555,#aaa)}a.kit-toggle-item:hover,a.kit-toggle-item:active{text-decoration:none;color:light-dark(#111,#fff)}a.kit-toggle-item.is-active,a.kit-toggle-item.is-active:visited,a.kit-toggle-item[aria-pressed=true],a.kit-toggle-item[aria-pressed=true]:visited{color:light-dark(#111,#fff)}.kit-toggle-group--separated a.kit-toggle-item.is-active,.kit-toggle-group--separated a.kit-toggle-item.is-active:visited,.kit-toggle-group--separated a.kit-toggle-item[aria-pressed=true],.kit-toggle-group--separated a.kit-toggle-item[aria-pressed=true]:visited{color:#fff}.kit-toggle-item:hover:not(:disabled):not([aria-pressed=true]):not(.is-active){color:light-dark(#111,#fff)}.kit-toggle-item:focus-visible{outline:2px solid var(--accent-start);outline-offset:2px}.kit-toggle-item:disabled{opacity:.5;cursor:not-allowed}.kit-toggle-item[aria-pressed=true],.kit-toggle-item.is-active{color:light-dark(#111,#fff);background:light-dark(#fff,rgba(255,255,255,.15));box-shadow:0 1px 3px light-dark(rgba(0,0,0,.08),rgba(0,0,0,.25))}.kit-toggle-group--sm .kit-toggle-item{height:26px;padding:0 .6rem;font-size:.7rem;border-radius:6px}.kit-toggle-group--md .kit-toggle-item{height:32px;padding:0 .75rem;font-size:.75rem;border-radius:8px}.kit-toggle-group--separated{background:transparent;padding:0;gap:.5rem;flex-wrap:wrap}.kit-toggle-group--separated .kit-toggle-item{background:transparent;color:light-dark(#666,#aaa);box-shadow:inset 0 0 0 2px light-dark(#ddd,#444)}.kit-toggle-group--separated .kit-toggle-item:hover:not(:disabled):not([aria-pressed=true]):not(.is-active){color:light-dark(#111,#fff);box-shadow:inset 0 0 0 2px light-dark(#bbb,#666)}.kit-toggle-group--separated .kit-toggle-item[aria-pressed=true],.kit-toggle-group--separated .kit-toggle-item.is-active{background:linear-gradient(135deg,var(--accent-start),var(--accent-end));color:#fff;box-shadow:0 2px 8px #ed576059}.kit-toggle-group--separated.kit-toggle-group--sm .kit-toggle-item{height:32px;padding:0 .85rem;font-size:.75rem;border-radius:8px}.kit-toggle-group--separated.kit-toggle-group--md .kit-toggle-item{height:38px;padding:0 1.1rem;font-size:.8rem;border-radius:10px}.kit-toggle-group__icon{flex-shrink:0;color:light-dark(#888,#777)}.kit-toggle-group--sm .kit-toggle-group__icon{width:14px;height:14px}.kit-toggle-group--md .kit-toggle-group__icon{width:16px;height:16px}.kit-toggle-group--scrollable{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.kit-toggle-group--scrollable::-webkit-scrollbar{display:none}.kit-toggle-group--scrollable{mask-image:linear-gradient(to right,transparent,black 16px,black calc(100% - 16px),transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 16px,black calc(100% - 16px),transparent)}.kit-toggle-group--scrollable.at-start{mask-image:linear-gradient(to right,black,black calc(100% - 16px),transparent);-webkit-mask-image:linear-gradient(to right,black,black calc(100% - 16px),transparent)}.kit-toggle-group--scrollable.at-end{mask-image:linear-gradient(to right,transparent,black 16px,black);-webkit-mask-image:linear-gradient(to right,transparent,black 16px,black)}.kit-toggle-group--scrollable.at-start.at-end{mask-image:none;-webkit-mask-image:none}@media(prefers-reduced-motion:reduce){.kit-toggle-item{transition:none}}@media(prefers-contrast:more){.kit-toggle-group{border:1px solid light-dark(#ccc,#555)}.kit-toggle-group--separated .kit-toggle-item{box-shadow:inset 0 0 0 2px light-dark(#999,#666)}}@media(prefers-reduced-transparency:reduce){.kit-toggle-group{background:light-dark(#f0f0f0,#333)}.kit-toggle-item[aria-pressed=true],.kit-toggle-item.is-active{background:light-dark(#fff,#444)}}