.ui-icon-toggle{appearance:none;box-sizing:content-box;width:var(--ui-icon-toggle-size);height:var(--ui-icon-toggle-size);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;margin:0;padding:4px;transition:background-color .15s,opacity .15s;display:inline-flex}.ui-icon-toggle:hover:not(:disabled),.ui-icon-toggle:focus-visible{background:color-mix(in srgb, var(--color-label) 8%, transparent);outline:none}.ui-icon-toggle:disabled{opacity:.4;cursor:default}.ui-icon-toggle--tonal{box-sizing:border-box;background:var(--color-pill-background);width:40px;height:40px;padding:0}.ui-icon-toggle--tonal:hover:not(:disabled),.ui-icon-toggle--tonal:focus-visible{background:color-mix(in srgb, var(--color-label) 8%, var(--color-pill-background))}.ui-icon-toggle--hidden{visibility:hidden}