1 .cdx-toggle-button{display:inline-flex
;align-items:center
;justify-content:center
;gap:4px;box-sizing:border-box
;min-height:32px;max-width:28rem;margin:0;border-width:1px;border-style:solid
;border-radius:2px;padding-left:11px;padding-right:11px;font-family:inherit
;font-size:inherit
;font-weight:700;overflow:hidden
;text-overflow:ellipsis
;white-space:nowrap
;text-transform:none
;transition-property:background-color
,color
,border-color
,box-shadow
;transition-duration:.1s}.cdx-toggle-button--size-large
{min-height:44px;padding-left:15px;padding-right:15px}.cdx-toggle-button--icon-only
{min-width:32px;padding-left:5px;padding-right:5px}.cdx-toggle-button--icon-only
.cdx-toggle-button--size-large
{min-width:44px;padding-left:11px;padding-right:11px}.cdx-toggle-button::-moz-focus-inner
{border:0;padding:0}.cdx-toggle-button:enabled
{color:var
(--color-base
, #202122)}.cdx-toggle-button:enabled:hover
{background-color:var
(--background-color-interactive-subtle--hover
, #eaecf0);cursor:pointer
}.cdx-toggle-button:enabled:focus
{border-color:var
(--border-color-progressive--focus
, #36c);box-shadow:inset
0 0 0 1px var
(--box-shadow-color-progressive--focus
, #36c);outline:1px solid transparent
}.cdx-toggle-button:enabled:active
,.cdx-toggle-button:enabled
.cdx-toggle-button--is-active
{background-color:var
(--background-color-interactive-subtle--active
, #dadde3);border-color:var
(--border-color-transparent
, transparent
);box-shadow:none
}.cdx-toggle-button
.cdx-icon
{color:inherit
;vertical-align:middle
}.cdx-toggle-button--framed:enabled
{background-color:var
(--background-color-interactive-subtle
, #f8f9fa);color:var
(--color-base
, #202122);border-color:var
(--border-color-interactive
, #72777d)}.cdx-toggle-button--framed:enabled:hover
{background-color:var
(--background-color-interactive-subtle--hover
, #eaecf0);border-color:var
(--border-color-interactive--hover
, #27292d);cursor:pointer
}.cdx-toggle-button--framed:enabled:active
,.cdx-toggle-button--framed:enabled
.cdx-toggle-button--is-active
{background-color:var
(--background-color-interactive-subtle--active
, #dadde3);border-color:var
(--border-color-interactive--active
, #202122);box-shadow:none
}.cdx-toggle-button--framed:disabled
{background-color:var
(--background-color-disabled
, #dadde3);color:var
(--color-disabled-emphasized
, #a2a9b1);border-color:var
(--border-color-transparent
, transparent
)}.cdx-toggle-button--framed
.cdx-toggle-button--toggled-on:enabled
{background-color:var
(--background-color-progressive
, #36c);color:var
(--color-inverted-fixed
, #fff);border-color:var
(--border-color-transparent
, transparent
)}.cdx-toggle-button--framed
.cdx-toggle-button--toggled-on:enabled:hover
{background-color:var
(--background-color-progressive--hover
, #3056a9);border-color:var
(--border-color-transparent
, transparent
)}.cdx-toggle-button--framed
.cdx-toggle-button--toggled-on:enabled:focus
{border-color:var
(--border-color-progressive--focus
, #36c);box-shadow:inset
0 0 0 1px var
(--box-shadow-color-progressive--focus
, #36c),inset
0 0 0 2px var
(--box-shadow-color-inverted
, #fff)}.cdx-toggle-button--framed
.cdx-toggle-button--toggled-on:enabled:active
,.cdx-toggle-button--framed
.cdx-toggle-button--toggled-on:enabled
.cdx-toggle-button--is-active
{background-color:var
(--background-color-progressive--active
, #233566);border-color:var
(--border-color-transparent
, transparent
);box-shadow:none
}.cdx-toggle-button--quiet
{background-color:var
(--background-color-transparent
, transparent
);border-color:var
(--border-color-transparent
, transparent
)}.cdx-toggle-button--quiet:enabled
.cdx-toggle-button--toggled-on
{background-color:var
(--background-color-interactive
, #eaecf0)}.cdx-toggle-button--quiet:enabled
.cdx-toggle-button--toggled-on:hover
{background-color:var
(--background-color-interactive--hover
, #dadde3)}.cdx-toggle-button--quiet:enabled
.cdx-toggle-button--toggled-on:focus
{background-color:var
(--background-color-interactive
, #eaecf0)}.cdx-toggle-button--quiet:enabled
.cdx-toggle-button--toggled-on:active
,.cdx-toggle-button--quiet:enabled
.cdx-toggle-button--toggled-on
.cdx-toggle-button--is-active
{background-color:var
(--background-color-interactive--active
, #c8ccd1)}.cdx-toggle-button--quiet:disabled
{color:var
(--color-disabled
, #a2a9b1)}