.air3-toggle-group{--toggle-group-border-width:var(--border-width-btn-check-muted);--toggle-group-border-color:var(--border-color-btn-check-muted);--toggle-group-border-color-selected:var( --border-color-btn-check-muted-selected );--toggle-group-border:var(--toggle-group-border-width) solid var(--toggle-group-border-color);--toggle-group-selected-shadow:inset 0 0 0 var(--toggle-group-border-width) var(--toggle-group-border-color-selected);--toggle-group-padding:0;--toggle-group-bg:var(--bg-btn-check-muted);--toggle-group-bg-hover:var(--bg-btn-check-muted-hover);--toggle-group-radius:var(--radius-pill);--toggle-padding:0 var(--spacing-4x);--toggle-bg:var(--bg-btn-check-muted);--toggle-bg-hover:var(--bg-btn-check-muted-hover);--toggle-bg-selected:var(--bg-btn-check-muted-selected);--toggle-bg-selected-hover:var(--bg-btn-check-muted-selected-hover);--toggle-text:var(--text-on-btn-check-muted);--toggle-text-selected:var(--text-on-btn-check-muted-selected);--toggle-divider:var(--toggle-group-border);--toggle-height:calc(var(--height-base) - var(--toggle-group-border-width)*2);--toggle-width:104px;--toggle-transition:background-color ease-in 125ms;background-color:var(--toggle-group-bg);border:var(--toggle-group-border);border-radius:var(--toggle-group-radius);display:grid;grid-auto-flow:column;padding:0;padding:var(--toggle-group-padding);position:relative;transition:background-color 125ms ease-in;transition:var(--toggle-transition)}@media (min-width:700px){html:where(:not(.has-cq)) .air3-toggle-group:not(.is-justified){display:inline-grid}}@container (min-width: 700px){html:where(.has-cq) .air3-toggle-group:not(.is-justified){display:inline-grid}}.air3-toggle-group.has-checked:not(.is-active-hover):hover{--toggle-group-bg:var(--toggle-group-bg-hover);--toggle-bg:transparent;--toggle-bg-hover:transparent}.air3-toggle-group.has-checked .air3-toggle.is-active{--toggle-animation-bg:var(--toggle-group-bg-hover);--toggle-animation:115ms ease-in 0s var(--reduced-motion,toggleSlideIn);--toggle-transition:none}.air3-toggle-group.has-checked.hide-animation .air3-toggle.is-active{--toggle-animation:none}.air3-toggle-group:not(.has-checked):not(.is-disabled):not(:hover) .air3-toggle:not(.is-active):first-child{border-bottom-right-radius:0;border-top-right-radius:0}.air3-toggle-group:not(.has-checked):not(.is-disabled) .air3-toggle:hover{outline:2px solid var(--toggle-group-border-color-selected);outline-offset:-1px;z-index:1}.air3-toggle-group:has(.is-active) .air3-toggle:after,.air3-toggle-group:not(.has-checked):not(.is-disabled):hover .air3-toggle:after{content:none}.air3-toggle-group.is-disabled{--toggle-group-bg:var(--bg-disabled);--toggle-group-border-color:var(--border-color-inverse);cursor:not-allowed;overflow:hidden}.air3-toggle-group.is-justified .air3-toggle{flex:1}.air3-toggle{animation:var(--toggle-animation);background-color:var(--toggle-bg);color:var(--toggle-text);cursor:pointer;line-height:calc(var(--toggle-height) - 1px);min-height:var(--toggle-height);min-width:var(--toggle-width);overflow:hidden;padding:var(--toggle-padding);position:relative;text-align:center;text-overflow:ellipsis;transition:var(--toggle-transition);white-space:nowrap}.air3-toggle:not(.is-disabled){border-radius:var(--toggle-group-radius)}.air3-toggle .air3-toggle-input{display:flex}.air3-toggle.is-active{outline:2px solid var(--toggle-group-border-color-selected)!important;--toggle-bg:var(--toggle-bg-selected);--toggle-bg-hover:var(--toggle-bg-selected-hover);--toggle-text:var(--toggle-text-selected);outline-offset:-1px;z-index:1}@media (forced-colors:active){.air3-toggle.is-active{forced-color-adjust:none}}.air3-toggle:hover:not(.is-disabled){--toggle-bg:var(--toggle-bg-hover)}.air3-toggle.is-disabled{background-color:var(--bg-disabled);color:var(--text-on-disabled);cursor:not-allowed}.air3-toggle:first-child{--toggle-animation-offset:60%}.air3-toggle:first-child:after{border-right:var(--toggle-divider);content:"";height:100%;position:absolute;right:0}.air3-toggle:last-child{--toggle-animation-offset:-60%}.air3-toggle:has(.air3-icon){align-items:center;display:flex;justify-content:center}@keyframes toggleSlideIn{0%{translate:var(--toggle-animation-offset) 0}to{translate:0 0}}.keyboard-user .air3-toggle:focus-within{outline:2px solid currentColor;outline:2px solid var(--hc-text-on-selected,currentColor);outline-offset:-4px}
