.klyp-badge-toggle{align-items:center;gap:var(--klyp-app-ui-kit-space-4);flex-wrap:wrap;display:flex}.klyp-badge-toggle__group{display:contents}.klyp-badge-toggle[data-stretch]{inline-size:100%;display:flex}.klyp-badge-toggle[data-stretch] .klyp-badge-toggle__item{flex:1 1 0;justify-content:flex-start;min-inline-size:0}.klyp-badge-toggle__item{align-items:center;gap:var(--klyp-app-ui-kit-space-4);border:var(--klyp-app-ui-kit-bw-default,1px) solid transparent;border-radius:var(--klyp-app-ui-kit-radius-full);color:var(--klyp-app-ui-kit-color-fg-muted);cursor:pointer;line-height:var(--klyp-app-ui-kit-line-height-tight);font-family:var(--klyp-app-ui-kit-font-sans);font-weight:var(--klyp-app-ui-kit-font-weight-medium,500);white-space:nowrap;transition:background-color var(--klyp-app-ui-kit-duration-fast) var(--klyp-app-ui-kit-easing-standard), border-color var(--klyp-app-ui-kit-duration-fast) var(--klyp-app-ui-kit-easing-standard), color var(--klyp-app-ui-kit-duration-fast) var(--klyp-app-ui-kit-easing-standard);background:0 0;flex-shrink:0;display:inline-flex}.klyp-badge-toggle__item:focus-visible,.klyp-badge-toggle__item[data-focus-visible]{outline:var(--klyp-app-ui-kit-bw-default) solid var(--klyp-app-ui-kit-color-ring);outline-offset:var(--klyp-app-ui-kit-bw-emphasis,2px)}.klyp-badge-toggle__item[data-disabled]{cursor:not-allowed;opacity:.5}.klyp-badge-toggle[data-size=sm] .klyp-badge-toggle__item{height:var(--klyp-app-ui-kit-space-24);padding:0 var(--klyp-app-ui-kit-space-8);font-size:var(--klyp-app-ui-kit-font-size-12)}.klyp-badge-toggle[data-size=md] .klyp-badge-toggle__item{height:var(--klyp-app-ui-kit-space-28);padding:0 var(--klyp-app-ui-kit-space-10);font-size:var(--klyp-app-ui-kit-font-size-12)}.klyp-badge-toggle__item[data-intent=gray]{--intent-dot:var(--klyp-app-ui-kit-color-badge-gray-fg)}.klyp-badge-toggle__item[data-intent=blue]{--intent-dot:var(--klyp-app-ui-kit-color-badge-blue-fg)}.klyp-badge-toggle__item[data-intent=purple]{--intent-dot:var(--klyp-app-ui-kit-color-badge-purple-fg)}.klyp-badge-toggle__item[data-intent=amber]{--intent-dot:var(--klyp-app-ui-kit-color-badge-amber-fg)}.klyp-badge-toggle__item[data-intent=red]{--intent-dot:var(--klyp-app-ui-kit-color-badge-red-fg)}.klyp-badge-toggle__item[data-intent=pink]{--intent-dot:var(--klyp-app-ui-kit-color-badge-pink-fg)}.klyp-badge-toggle__item[data-intent=green]{--intent-dot:var(--klyp-app-ui-kit-color-badge-green-fg)}.klyp-badge-toggle__item[data-intent=teal]{--intent-dot:var(--klyp-app-ui-kit-color-badge-teal-fg)}.klyp-badge-toggle__item[data-intent=gold]{--intent-dot:var(--klyp-app-ui-kit-color-badge-gold-fg)}.klyp-badge-toggle__dot{width:var(--klyp-app-ui-kit-space-6);height:var(--klyp-app-ui-kit-space-6);border-radius:var(--klyp-app-ui-kit-radius-full);background:var(--intent-dot,var(--klyp-app-ui-kit-color-fg-muted));flex-shrink:0;display:inline-block}.klyp-badge-toggle__label{display:inline-block}.klyp-badge-toggle__icon{justify-content:center;align-items:center;gap:var(--klyp-app-ui-kit-space-2);color:currentColor;flex-shrink:0;display:inline-flex}.klyp-badge-toggle[data-size=sm] .klyp-badge-toggle__icon>.klyp-icon{inline-size:var(--klyp-badge-toggle-icon,var(--klyp-app-ui-kit-space-12));block-size:var(--klyp-badge-toggle-icon,var(--klyp-app-ui-kit-space-12))}.klyp-badge-toggle[data-size=md] .klyp-badge-toggle__icon>.klyp-icon,.klyp-badge-toggle[data-size=chip-sm] .klyp-badge-toggle__icon>.klyp-icon{inline-size:var(--klyp-badge-toggle-icon,var(--klyp-app-ui-kit-space-14));block-size:var(--klyp-badge-toggle-icon,var(--klyp-app-ui-kit-space-14))}.klyp-badge-toggle[data-size=chip-md] .klyp-badge-toggle__icon>.klyp-icon{inline-size:var(--klyp-badge-toggle-icon,var(--klyp-app-ui-kit-space-16));block-size:var(--klyp-badge-toggle-icon,var(--klyp-app-ui-kit-space-16))}@media (hover:hover) and (pointer:fine){.klyp-badge-toggle__item:not([data-disabled]):not([data-selected]):hover,.klyp-badge-toggle__item:not([data-disabled]):not([data-selected])[data-hovered]{background-color:var(--klyp-app-ui-kit-color-bg-glass);color:var(--klyp-app-ui-kit-color-fg-primary)}}.klyp-badge-toggle__item[data-selected]{color:var(--intent-dot,var(--klyp-app-ui-kit-color-fg-primary))}.klyp-badge-toggle__item[data-selected][data-intent=gray]{background:var(--klyp-app-ui-kit-color-badge-gray-bg)}.klyp-badge-toggle__item[data-selected][data-intent=blue]{background:var(--klyp-app-ui-kit-color-badge-blue-bg)}.klyp-badge-toggle__item[data-selected][data-intent=purple]{background:var(--klyp-app-ui-kit-color-badge-purple-bg)}.klyp-badge-toggle__item[data-selected][data-intent=amber]{background:var(--klyp-app-ui-kit-color-badge-amber-bg)}.klyp-badge-toggle__item[data-selected][data-intent=red]{background:var(--klyp-app-ui-kit-color-badge-red-bg)}.klyp-badge-toggle__item[data-selected][data-intent=pink]{background:var(--klyp-app-ui-kit-color-badge-pink-bg)}.klyp-badge-toggle__item[data-selected][data-intent=green]{background:var(--klyp-app-ui-kit-color-badge-green-bg)}.klyp-badge-toggle__item[data-selected][data-intent=teal]{background:var(--klyp-app-ui-kit-color-badge-teal-bg)}.klyp-badge-toggle__item[data-selected][data-intent=gold]{background:var(--klyp-app-ui-kit-color-badge-gold-bg)}.klyp-badge-toggle[data-size=chip-sm] .klyp-badge-toggle__item,.klyp-badge-toggle[data-size=chip-md] .klyp-badge-toggle__item{padding-inline:var(--klyp-app-ui-kit-control-pad-x-md)}.klyp-badge-toggle[data-size=chip-sm] .klyp-badge-toggle__item{height:var(--klyp-app-ui-kit-control-size-sm);border-radius:var(--klyp-app-ui-kit-r-control-sm);font-size:var(--klyp-app-ui-kit-font-size-12)}.klyp-badge-toggle[data-size=chip-md] .klyp-badge-toggle__item{height:var(--klyp-app-ui-kit-control-size-md);border-radius:var(--klyp-app-ui-kit-r-control-md);font-size:var(--klyp-app-ui-kit-font-size-14)}.klyp-badge-toggle:not([data-fill=intent]) .klyp-badge-toggle__dot{display:none}.klyp-badge-toggle__check{flex-shrink:0;justify-content:center;align-items:center;display:none}.klyp-badge-toggle__check>.klyp-icon{block-size:14px;inline-size:14px}.klyp-badge-toggle[data-indicator=check] .klyp-badge-toggle__item[data-selected] .klyp-badge-toggle__check{display:inline-flex}.klyp-badge-toggle__box{box-sizing:border-box;border:var(--klyp-app-ui-kit-bw-default) solid transparent;border-radius:var(--klyp-app-ui-kit-radius-sm);background:var(--klyp-app-ui-kit-color-bg-surface);color:var(--klyp-app-ui-kit-color-bg-surface);transition:background var(--klyp-app-ui-kit-duration-fast) var(--klyp-app-ui-kit-easing-standard), border-color var(--klyp-app-ui-kit-duration-fast) var(--klyp-app-ui-kit-easing-standard);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.klyp-badge-toggle__box>.klyp-icon{opacity:0;transition:opacity var(--klyp-app-ui-kit-duration-fast) var(--klyp-app-ui-kit-easing-standard)}.klyp-badge-toggle[data-size=sm] .klyp-badge-toggle__box{inline-size:var(--klyp-app-ui-kit-space-16);block-size:var(--klyp-app-ui-kit-space-16)}.klyp-badge-toggle[data-size=sm] .klyp-badge-toggle__box>.klyp-icon{inline-size:var(--klyp-app-ui-kit-space-12);block-size:var(--klyp-app-ui-kit-space-12)}.klyp-badge-toggle[data-size=md] .klyp-badge-toggle__box{inline-size:var(--klyp-app-ui-kit-space-20);block-size:var(--klyp-app-ui-kit-space-20)}.klyp-badge-toggle[data-size=md] .klyp-badge-toggle__box>.klyp-icon{inline-size:var(--klyp-app-ui-kit-space-14);block-size:var(--klyp-app-ui-kit-space-14)}.klyp-badge-toggle[data-size=chip-sm] .klyp-badge-toggle__box,.klyp-badge-toggle[data-size=chip-md] .klyp-badge-toggle__box{inline-size:var(--klyp-app-ui-kit-space-20);block-size:var(--klyp-app-ui-kit-space-20);border-radius:var(--klyp-app-ui-kit-radius-sm)}.klyp-badge-toggle[data-size=chip-sm] .klyp-badge-toggle__box>.klyp-icon,.klyp-badge-toggle[data-size=chip-md] .klyp-badge-toggle__box>.klyp-icon{inline-size:var(--klyp-app-ui-kit-space-10);block-size:var(--klyp-app-ui-kit-space-6)}.klyp-badge-toggle[data-fill=raised] .klyp-badge-toggle__box{background:var(--klyp-app-ui-kit-color-bg-well);color:var(--klyp-app-ui-kit-color-control-bg)}.klyp-badge-toggle[data-indicator=checkbox] .klyp-badge-toggle__item{gap:var(--klyp-app-ui-kit-space-8)}.klyp-badge-toggle[data-size=chip-sm][data-indicator=checkbox] .klyp-badge-toggle__item{padding-inline:calc((var(--klyp-app-ui-kit-control-size-sm) - var(--klyp-app-ui-kit-space-20)) / 2 - var(--klyp-app-ui-kit-bw-default)) var(--klyp-app-ui-kit-control-pad-x-md)}.klyp-badge-toggle[data-size=chip-md][data-indicator=checkbox] .klyp-badge-toggle__item{padding-inline:calc((var(--klyp-app-ui-kit-control-size-md) - var(--klyp-app-ui-kit-space-20)) / 2 - var(--klyp-app-ui-kit-bw-default)) var(--klyp-app-ui-kit-control-pad-x-md)}@media (hover:hover) and (pointer:fine){.klyp-badge-toggle__item:not([data-disabled]):not([data-selected]):hover .klyp-badge-toggle__box,.klyp-badge-toggle__item:not([data-disabled]):not([data-selected])[data-hovered] .klyp-badge-toggle__box{background:var(--klyp-app-ui-kit-color-bg-surface-elevated)}.klyp-badge-toggle[data-fill=raised] .klyp-badge-toggle__item:not([data-disabled]):not([data-selected]):hover .klyp-badge-toggle__box,.klyp-badge-toggle[data-fill=raised] .klyp-badge-toggle__item:not([data-disabled]):not([data-selected])[data-hovered] .klyp-badge-toggle__box{background:var(--klyp-app-ui-kit-color-bg-surface)}}.klyp-badge-toggle__item[data-selected] .klyp-badge-toggle__box{background:var(--klyp-app-ui-kit-color-fg-primary);border-color:var(--klyp-app-ui-kit-color-fg-primary)}.klyp-badge-toggle__item[data-selected] .klyp-badge-toggle__box>.klyp-icon{opacity:1}.klyp-badge-toggle[data-variant=outline] .klyp-badge-toggle__item{border-color:var(--klyp-app-ui-kit-color-border-subtle)}.klyp-badge-toggle[data-variant=filled] .klyp-badge-toggle__item{background-color:var(--klyp-app-ui-kit-color-bg-surface-solid);color:var(--klyp-app-ui-kit-color-fg-primary)}@media (hover:hover) and (pointer:fine){.klyp-badge-toggle[data-variant=filled] .klyp-badge-toggle__item:not([data-disabled]):not([data-selected]):hover,.klyp-badge-toggle[data-variant=filled] .klyp-badge-toggle__item:not([data-disabled]):not([data-selected])[data-hovered]{background-color:var(--klyp-app-ui-kit-color-bg-surface-hover)}}.klyp-badge-toggle[data-variant=filled][data-fill]:not([data-fill=raised]) .klyp-badge-toggle__item[data-selected]{background-color:var(--klyp-app-ui-kit-color-bg-surface-hover);color:var(--klyp-app-ui-kit-color-fg-primary)}.klyp-badge-toggle[data-variant=filled][data-fill]:not([data-fill=raised]):not([data-indicator]) .klyp-badge-toggle__item[data-selected]{background-color:var(--klyp-app-ui-kit-color-fg-primary);color:var(--klyp-app-ui-kit-color-fg-inverse)}@media (hover:hover) and (pointer:fine){.klyp-badge-toggle[data-variant=ghost]:not([data-fill=intent]) .klyp-badge-toggle__item:not([data-disabled]):not([data-selected]):hover,.klyp-badge-toggle[data-variant=ghost]:not([data-fill=intent]) .klyp-badge-toggle__item:not([data-disabled]):not([data-selected])[data-hovered]{background-color:var(--klyp-app-ui-kit-color-bg-surface);color:var(--klyp-app-ui-kit-color-fg-primary)}.klyp-badge-toggle[data-variant=outline] .klyp-badge-toggle__item:not([data-disabled]):not([data-selected]):hover,.klyp-badge-toggle[data-variant=outline] .klyp-badge-toggle__item:not([data-disabled]):not([data-selected])[data-hovered]{border-color:var(--klyp-app-ui-kit-color-border-default);color:var(--klyp-app-ui-kit-color-fg-primary);background-color:#0000}}.klyp-badge-toggle:not([data-fill=intent]) .klyp-badge-toggle__item[data-selected]{color:var(--klyp-app-ui-kit-color-fg-primary)}.klyp-badge-toggle[data-fill=surface] .klyp-badge-toggle__item[data-selected]{background:var(--klyp-app-ui-kit-color-bg-surface)}.klyp-badge-toggle[data-fill=solid] .klyp-badge-toggle__item[data-selected]{background:var(--klyp-app-ui-kit-color-bg-surface-solid)}.klyp-badge-toggle[data-fill=gold] .klyp-badge-toggle__item[data-selected]{background:var(--klyp-app-ui-kit-fx-gold-linear);border-color:#0000}.klyp-badge-toggle[data-variant=outline][data-fill=solid] .klyp-badge-toggle__item[data-selected]{border-color:var(--klyp-app-ui-kit-color-border-strong)}.klyp-badge-toggle[data-fill=raised] .klyp-badge-toggle__item[data-selected]{background-color:var(--klyp-app-ui-kit-color-control-bg-selected);box-shadow:inset 0 0 0 var(--klyp-app-ui-kit-bw-default) var(--klyp-app-ui-kit-color-border-default);color:var(--klyp-app-ui-kit-color-fg-primary)}.klyp-badge-toggle[data-fill=raised] .klyp-badge-toggle__item{background-color:var(--klyp-app-ui-kit-color-control-bg)}@media (hover:hover) and (pointer:fine){.klyp-badge-toggle[data-fill=raised] .klyp-badge-toggle__item:not([data-disabled]):not([data-selected]):hover,.klyp-badge-toggle[data-fill=raised] .klyp-badge-toggle__item:not([data-disabled]):not([data-selected])[data-hovered]{background-color:var(--klyp-app-ui-kit-color-control-bg-hover)}}