.checkbox-button{align-items:center;display:inline-flex;gap:8px;cursor:pointer;justify-content:center;position:relative;margin-right:4px}.checkbox-button .clickable{height:22px;border-radius:var(--base-radius-full)}.checkbox-button .clickable.checkbox{border-radius:1px}.checkbox-button .clickable:focus{outline:1px solid var(--base-color-secondary-300)}.checkbox-button.disabled{pointer-events:none;opacity:.5;cursor:not-allowed}.checkbox-button .checkbox-text{color:var(--base-color-secondary-600);position:relative;text-align:left;white-space:inherit;width:100%}.switch-label{color:var(--base-color-secondary-600);opacity:.6}.switch-container{display:flex;align-items:center;border-radius:var(--base-radius-full,20px);gap:8px;padding:3px;overflow:hidden;width:100%;height:34px}.switch-container,.switch-container .switch-button{background-color:color-mix(in srgb,var(--surface-fill-background),#000 8%)}.switch-container .switch-button{flex-grow:1;height:100%;border:none;color:var(--text-paragraph);border-radius:var(--base-radius-full,20px);cursor:pointer;text-align:center;padding:0 16px}.switch-container .switch-button.disabled{pointer-events:none;opacity:.6;cursor:not-allowed}.switch-container .switch-button:focus{outline:none}.switch-container .switch-button:hover{background-color:color-mix(in srgb,var(--surface-fill-background),#000 16%)}.switch-container .switch-button.active{background-color:color-mix(in srgb,var(--surface-secondary),#fff 30%);color:var(--base-color-secondary-contrast);font-weight:var(--detail-text-font-weight,bold)}.checkbox-group.vertical{display:flex;flex-direction:column;align-items:flex-start;padding:4px;gap:8px;overflow:hidden}.checkbox-group.horizontal{display:flex;align-items:center;padding:4px;gap:8px;overflow:hidden}