1 .cdx-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-button--size-large
{min-height:44px;padding-left:15px;padding-right:15px}.cdx-button--icon-only
{min-width:32px;padding-left:5px;padding-right:5px}.cdx-button--icon-only
.cdx-button--size-large
{min-width:44px;padding-left:11px;padding-right:11px}.cdx-button::-moz-focus-inner
{border:0;padding:0}.cdx-button
.cdx-button__icon
,.cdx-button
.cdx-icon
{vertical-align:middle
}.cdx-button
.cdx-icon
{color:inherit
}.cdx-button--fake-button
,.cdx-button--fake-button:hover
,.cdx-button--fake-button:focus
{text-decoration:none
}.cdx-button:enabled
,.cdx-button
.cdx-button--fake-button--enabled
{background-color:var
(--background-color-interactive-subtle
, #f8f9fa);color:var
(--color-base
, #202122);border-color:var
(--border-color-interactive
, #72777d)}@supports
((-webkit-mask-image: none
) or
(mask-image: none
)){.cdx-button:enabled
.cdx-button__icon
,.cdx-button
.cdx-button--fake-button--enabled
.cdx-button__icon
{background-color:var
(--color-base
, #202122)}}.cdx-button:enabled:hover
,.cdx-button
.cdx-button--fake-button--enabled:hover
{background-color:var
(--background-color-interactive-subtle--hover
, #eaecf0);border-color:var
(--border-color-interactive--hover
, #27292d);cursor:pointer
}.cdx-button:enabled:active
,.cdx-button
.cdx-button--fake-button--enabled:active
,.cdx-button:enabled
.cdx-button--is-active
,.cdx-button
.cdx-button--fake-button--enabled
.cdx-button--is-active
{background-color:var
(--background-color-interactive-subtle--active
, #dadde3);border-color:var
(--border-color-interactive--active
, #202122)}.cdx-button:enabled:focus
,.cdx-button
.cdx-button--fake-button--enabled:focus
{outline:1px solid transparent
}.cdx-button:enabled:focus:not
(:active
):not
(.cdx-button--is-active
),.cdx-button
.cdx-button--fake-button--enabled:focus:not
(:active
):not
(.cdx-button--is-active
){border-color:var
(--border-color-progressive--focus
, #36c);box-shadow:inset
0 0 0 1px var
(--box-shadow-color-progressive--focus
, #36c)}.cdx-button:enabled
.cdx-button--action-progressive
,.cdx-button
.cdx-button--fake-button--enabled
.cdx-button--action-progressive
{background-color:var
(--background-color-progressive-subtle
, #f1f4fd);color:var
(--color-progressive
, #36c);border-color:var
(--border-color-progressive
, #6485d1)}@supports
((-webkit-mask-image: none
) or
(mask-image: none
)){.cdx-button:enabled
.cdx-button--action-progressive
.cdx-button__icon
,.cdx-button
.cdx-button--fake-button--enabled
.cdx-button--action-progressive
.cdx-button__icon
{background-color:var
(--color-progressive
, #36c)}}.cdx-button:enabled
.cdx-button--action-progressive:hover
,.cdx-button
.cdx-button--fake-button--enabled
.cdx-button--action-progressive:hover
{background-color:var
(--background-color-progressive-subtle--hover
, #dce3f9);color:var
(--color-progressive--hover
, #3056a9);border-color:var
(--border-color-progressive--hover
, #3056a9)}@supports
((-webkit-mask-image: none
) or
(mask-image: none
)){.cdx-button:enabled
.cdx-button--action-progressive:hover
.cdx-button__icon
,.cdx-button
.cdx-button--fake-button--enabled
.cdx-button--action-progressive:hover
.cdx-button__icon
{background-color:var
(--color-progressive--hover
, #3056a9)}}.cdx-button:enabled
.cdx-button--action-progressive:active
,.cdx-button
.cdx-button--fake-button--enabled
.cdx-button--action-progressive:active
,.cdx-button:enabled
.cdx-button--action-progressive
.cdx-button--is-active
,.cdx-button
.cdx-button--fake-button--enabled
.cdx-button--action-progressive
.cdx-button--is-active
{background-color:var
(--background-color-progressive-subtle--active
, #cbd6f6);color:var
(--color-progressive--active
, #233566);border-color:var
(--border-color-progressive--active
, #233566)}@supports
((-webkit-mask-image: none
) or
(mask-image: none
)){.cdx-button:enabled
.cdx-button--action-progressive:active
.cdx-button__icon
,.cdx-button
.cdx-button--fake-button--enabled
.cdx-button--action-progressive:active
.cdx-button__icon
,.cdx-button:enabled
.cdx-button--action-progressive
.cdx-button--is-active
.cdx-button__icon
,.cdx-button
.cdx-button--fake-button--enabled
.cdx-button--action-progressive
.cdx-button--is-active
.cdx-button__icon
{background-color:var
(--color-progressive--active
, #233566)}}.cdx-button:enabled
.cdx-button--action-destructive
,.cdx-button
.cdx-button--fake-button--enabled
.cdx-button--action-destructive
{background-color:var
(--background-color-destructive-subtle
, #ffe9e5);color:var
(--color-destructive
, #bf3c2c);border-color:var
(--border-color-destructive
, #f54739)}@supports
((-webkit-mask-image: none
) or
(mask-image: none
)){.cdx-button:enabled
.cdx-button--action-destructive
.cdx-button__icon
,.cdx-button
.cdx-button--fake-button--enabled
.cdx-button--action-destructive
.cdx-button__icon
{background-color:var
(--color-destructive
, #bf3c2c)}}.cdx-button:enabled
.cdx-button--action-destructive:hover
,.cdx-button
.cdx-button--fake-button--enabled
.cdx-button--action-destructive:hover
{background-color:var
(--background-color-destructive-subtle--hover
, #ffdad3);color:var
(--color-destructive--hover
, #9f3526);border-color:var
(--border-color-destructive--hover
, #9f3526)}@supports
((-webkit-mask-image: none
) or
(mask-image: none
)){.cdx-button:enabled
.cdx-button--action-destructive:hover
.cdx-button__icon
,.cdx-button
.cdx-button--fake-button--enabled
.cdx-button--action-destructive:hover
.cdx-button__icon
{background-color:var
(--color-destructive--hover
, #9f3526)}}.cdx-button:enabled
.cdx-button--action-destructive:active
,.cdx-button
.cdx-button--fake-button--enabled
.cdx-button--action-destructive:active
,.cdx-button:enabled
.cdx-button--action-destructive
.cdx-button--is-active
,.cdx-button
.cdx-button--fake-button--enabled
.cdx-button--action-destructive
.cdx-button--is-active
{background-color:var
(--background-color-destructive-subtle--active
, #ffc8bd);color:var
(--color-destructive--active
, #612419);border-color:var
(--border-color-destructive--active
, #612419)}@supports
((-webkit-mask-image: none
) or
(mask-image: none
)){.cdx-button:enabled
.cdx-button--action-destructive:active
.cdx-button__icon
,.cdx-button
.cdx-button--fake-button--enabled
.cdx-button--action-destructive:active
.cdx-button__icon
,.cdx-button:enabled
.cdx-button--action-destructive
.cdx-button--is-active
.cdx-button__icon
,.cdx-button
.cdx-button--fake-button--enabled
.cdx-button--action-destructive
.cdx-button--is-active
.cdx-button__icon
{background-color:var
(--color-destructive--active
, #612419)}}.cdx-button:enabled
.cdx-button--action-destructive:focus:not
(:active
):not
(.cdx-button--is-active
),.cdx-button
.cdx-button--fake-button--enabled
.cdx-button--action-destructive:focus:not
(:active
):not
(.cdx-button--is-active
){border-color:var
(--border-color-destructive--focus
, #36c);box-shadow:inset
0 0 0 1px var
(--box-shadow-color-destructive--focus
, #36c)}.cdx-button:enabled
.cdx-button--weight-primary
.cdx-button--action-progressive
,.cdx-button
.cdx-button--fake-button--enabled
.cdx-button--weight-primary
.cdx-button--action-progressive
{background-color:var
(--background-color-progressive
, #36c);color:var
(--color-inverted-fixed
, #fff);border-color:var
(--border-color-transparent
, transparent
)}.cdx-button:enabled
.cdx-button--weight-primary
.cdx-button--action-progressive:hover
,.cdx-button
.cdx-button--fake-button--enabled
.cdx-button--weight-primary
.cdx-button--action-progressive:hover
{background-color:var
(--background-color-progressive--hover
, #3056a9)}.cdx-button:enabled
.cdx-button--weight-primary
.cdx-button--action-progressive:active
,.cdx-button
.cdx-button--fake-button--enabled
.cdx-button--weight-primary
.cdx-button--action-progressive:active
,.cdx-button:enabled
.cdx-button--weight-primary
.cdx-button--action-progressive
.cdx-button--is-active
,.cdx-button
.cdx-button--fake-button--enabled
.cdx-button--weight-primary
.cdx-button--action-progressive
.cdx-button--is-active
{background-color:var
(--background-color-progressive--active
, #233566)}.cdx-button:enabled
.cdx-button--weight-primary
.cdx-button--action-progressive:focus:not
(:active
):not
(.cdx-button--is-active
),.cdx-button
.cdx-button--fake-button--enabled
.cdx-button--weight-primary
.cdx-button--action-progressive:focus:not
(:active
):not
(.cdx-button--is-active
){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-button:enabled
.cdx-button--weight-primary
.cdx-button--action-destructive
,.cdx-button
.cdx-button--fake-button--enabled
.cdx-button--weight-primary
.cdx-button--action-destructive
{background-color:var
(--background-color-destructive
, #bf3c2c);color:var
(--color-inverted-fixed
, #fff);border-color:var
(--border-color-transparent
, transparent
)}@supports
((-webkit-mask-image: none
) or
(mask-image: none
)){.cdx-button:enabled
.cdx-button--weight-primary
.cdx-button--action-destructive
.cdx-button__icon
,.cdx-button
.cdx-button--fake-button--enabled
.cdx-button--weight-primary
.cdx-button--action-destructive
.cdx-button__icon
{background-color:var
(--color-inverted-fixed
, #fff)}}.cdx-button:enabled
.cdx-button--weight-primary
.cdx-button--action-destructive:hover
,.cdx-button
.cdx-button--fake-button--enabled
.cdx-button--weight-primary
.cdx-button--action-destructive:hover
{background-color:var
(--background-color-destructive--hover
, #9f3526)}.cdx-button:enabled
.cdx-button--weight-primary
.cdx-button--action-destructive:active
,.cdx-button
.cdx-button--fake-button--enabled
.cdx-button--weight-primary
.cdx-button--action-destructive:active
,.cdx-button:enabled
.cdx-button--weight-primary
.cdx-button--action-destructive
.cdx-button--is-active
,.cdx-button
.cdx-button--fake-button--enabled
.cdx-button--weight-primary
.cdx-button--action-destructive
.cdx-button--is-active
{background-color:var
(--background-color-destructive--active
, #612419)}.cdx-button:enabled
.cdx-button--weight-primary
.cdx-button--action-destructive:focus:not
(:active
):not
(.cdx-button--is-active
),.cdx-button
.cdx-button--fake-button--enabled
.cdx-button--weight-primary
.cdx-button--action-destructive:focus:not
(:active
):not
(.cdx-button--is-active
){border-color:var
(--border-color-destructive--focus
, #36c);box-shadow:inset
0 0 0 1px var
(--box-shadow-color-destructive--focus
, #36c),inset
0 0 0 2px var
(--box-shadow-color-inverted
, #fff)}.cdx-button:enabled
.cdx-button--weight-quiet
,.cdx-button
.cdx-button--fake-button--enabled
.cdx-button--weight-quiet
{background-color:var
(--background-color-transparent
, transparent
);border-color:var
(--border-color-transparent
, transparent
)}.cdx-button:enabled
.cdx-button--weight-quiet:hover
,.cdx-button
.cdx-button--fake-button--enabled
.cdx-button--weight-quiet:hover
{background-color:var
(--background-color-interactive-subtle--hover
, #eaecf0);mix-blend-mode:var
(--mix-blend-mode-blend
, multiply
)}.cdx-button:enabled
.cdx-button--weight-quiet:active
,.cdx-button
.cdx-button--fake-button--enabled
.cdx-button--weight-quiet:active
,.cdx-button:enabled
.cdx-button--weight-quiet
.cdx-button--is-active
,.cdx-button
.cdx-button--fake-button--enabled
.cdx-button--weight-quiet
.cdx-button--is-active
{background-color:var
(--background-color-interactive-subtle--active
, #dadde3)}.cdx-button:enabled
.cdx-button--weight-quiet
.cdx-button--action-progressive
,.cdx-button
.cdx-button--fake-button--enabled
.cdx-button--weight-quiet
.cdx-button--action-progressive
{color:var
(--color-progressive
, #36c)}@supports
((-webkit-mask-image: none
) or
(mask-image: none
)){.cdx-button:enabled
.cdx-button--weight-quiet
.cdx-button--action-progressive
.cdx-button__icon
,.cdx-button
.cdx-button--fake-button--enabled
.cdx-button--weight-quiet
.cdx-button--action-progressive
.cdx-button__icon
{background-color:var
(--color-progressive
, #36c)}}.cdx-button:enabled
.cdx-button--weight-quiet
.cdx-button--action-progressive:hover
,.cdx-button
.cdx-button--fake-button--enabled
.cdx-button--weight-quiet
.cdx-button--action-progressive:hover
{background-color:var
(--background-color-progressive-subtle--hover
, #dce3f9);color:var
(--color-progressive--hover
, #3056a9);border-color:var
(--border-color-transparent
, transparent
)}@supports
((-webkit-mask-image: none
) or
(mask-image: none
)){.cdx-button:enabled
.cdx-button--weight-quiet
.cdx-button--action-progressive:hover
.cdx-button__icon
,.cdx-button
.cdx-button--fake-button--enabled
.cdx-button--weight-quiet
.cdx-button--action-progressive:hover
.cdx-button__icon
{background-color:var
(--color-progressive--hover
, #3056a9)}}.cdx-button:enabled
.cdx-button--weight-quiet
.cdx-button--action-progressive:active
,.cdx-button
.cdx-button--fake-button--enabled
.cdx-button--weight-quiet
.cdx-button--action-progressive:active
,.cdx-button:enabled
.cdx-button--weight-quiet
.cdx-button--action-progressive
.cdx-button--is-active
,.cdx-button
.cdx-button--fake-button--enabled
.cdx-button--weight-quiet
.cdx-button--action-progressive
.cdx-button--is-active
{background-color:var
(--background-color-progressive-subtle--active
, #cbd6f6);color:var
(--color-progressive--active
, #233566);border-color:var
(--border-color-transparent
, transparent
)}@supports
((-webkit-mask-image: none
) or
(mask-image: none
)){.cdx-button:enabled
.cdx-button--weight-quiet
.cdx-button--action-progressive:active
.cdx-button__icon
,.cdx-button
.cdx-button--fake-button--enabled
.cdx-button--weight-quiet
.cdx-button--action-progressive:active
.cdx-button__icon
,.cdx-button:enabled
.cdx-button--weight-quiet
.cdx-button--action-progressive
.cdx-button--is-active
.cdx-button__icon
,.cdx-button
.cdx-button--fake-button--enabled
.cdx-button--weight-quiet
.cdx-button--action-progressive
.cdx-button--is-active
.cdx-button__icon
{background-color:var
(--color-progressive--active
, #233566)}}.cdx-button:enabled
.cdx-button--weight-quiet
.cdx-button--action-progressive:focus:not
(:active
):not
(.cdx-button--is-active
),.cdx-button
.cdx-button--fake-button--enabled
.cdx-button--weight-quiet
.cdx-button--action-progressive:focus:not
(:active
):not
(.cdx-button--is-active
){border-color:var
(--border-color-progressive--focus
, #36c);box-shadow:inset
0 0 0 1px var
(--box-shadow-color-progressive--focus
, #36c)}.cdx-button:enabled
.cdx-button--weight-quiet
.cdx-button--action-destructive
,.cdx-button
.cdx-button--fake-button--enabled
.cdx-button--weight-quiet
.cdx-button--action-destructive
{color:var
(--color-destructive
, #bf3c2c)}@supports
((-webkit-mask-image: none
) or
(mask-image: none
)){.cdx-button:enabled
.cdx-button--weight-quiet
.cdx-button--action-destructive
.cdx-button__icon
,.cdx-button
.cdx-button--fake-button--enabled
.cdx-button--weight-quiet
.cdx-button--action-destructive
.cdx-button__icon
{background-color:var
(--color-destructive
, #bf3c2c)}}.cdx-button:enabled
.cdx-button--weight-quiet
.cdx-button--action-destructive:hover
,.cdx-button
.cdx-button--fake-button--enabled
.cdx-button--weight-quiet
.cdx-button--action-destructive:hover
{background-color:var
(--background-color-destructive-subtle--hover
, #ffdad3);color:var
(--color-destructive--hover
, #9f3526);border-color:var
(--border-color-transparent
, transparent
)}@supports
((-webkit-mask-image: none
) or
(mask-image: none
)){.cdx-button:enabled
.cdx-button--weight-quiet
.cdx-button--action-destructive:hover
.cdx-button__icon
,.cdx-button
.cdx-button--fake-button--enabled
.cdx-button--weight-quiet
.cdx-button--action-destructive:hover
.cdx-button__icon
{background-color:var
(--color-destructive--hover
, #9f3526)}}.cdx-button:enabled
.cdx-button--weight-quiet
.cdx-button--action-destructive:active
,.cdx-button
.cdx-button--fake-button--enabled
.cdx-button--weight-quiet
.cdx-button--action-destructive:active
,.cdx-button:enabled
.cdx-button--weight-quiet
.cdx-button--action-destructive
.cdx-button--is-active
,.cdx-button
.cdx-button--fake-button--enabled
.cdx-button--weight-quiet
.cdx-button--action-destructive
.cdx-button--is-active
{background-color:var
(--background-color-destructive-subtle--active
, #ffc8bd);color:var
(--color-destructive--active
, #612419);border-color:var
(--border-color-transparent
, transparent
)}@supports
((-webkit-mask-image: none
) or
(mask-image: none
)){.cdx-button:enabled
.cdx-button--weight-quiet
.cdx-button--action-destructive:active
.cdx-button__icon
,.cdx-button
.cdx-button--fake-button--enabled
.cdx-button--weight-quiet
.cdx-button--action-destructive:active
.cdx-button__icon
,.cdx-button:enabled
.cdx-button--weight-quiet
.cdx-button--action-destructive
.cdx-button--is-active
.cdx-button__icon
,.cdx-button
.cdx-button--fake-button--enabled
.cdx-button--weight-quiet
.cdx-button--action-destructive
.cdx-button--is-active
.cdx-button__icon
{background-color:var
(--color-destructive--active
, #612419)}}.cdx-button:enabled
.cdx-button--weight-quiet
.cdx-button--action-destructive:focus:not
(:active
):not
(.cdx-button--is-active
),.cdx-button
.cdx-button--fake-button--enabled
.cdx-button--weight-quiet
.cdx-button--action-destructive:focus:not
(:active
):not
(.cdx-button--is-active
){border-color:var
(--border-color-destructive--focus
, #36c);box-shadow:inset
0 0 0 1px var
(--box-shadow-color-destructive--focus
, #36c)}.cdx-button:disabled
,.cdx-button
.cdx-button--fake-button--disabled
{background-color:var
(--background-color-disabled
, #dadde3);color:var
(--color-disabled-emphasized
, #a2a9b1);border-color:var
(--border-color-transparent
, transparent
)}@supports
((-webkit-mask-image: none
) or
(mask-image: none
)){.cdx-button:disabled
.cdx-button__icon
,.cdx-button
.cdx-button--fake-button--disabled
.cdx-button__icon
{background-color:var
(--color-inverted
, #fff)}}.cdx-button:disabled
.cdx-button--weight-quiet
,.cdx-button
.cdx-button--fake-button--disabled
.cdx-button--weight-quiet
{background-color:var
(--background-color-transparent
, transparent
);color:var
(--color-disabled
, #a2a9b1)}@supports
((-webkit-mask-image: none
) or
(mask-image: none
)){.cdx-button:disabled
.cdx-button--weight-quiet
.cdx-button__icon
,.cdx-button
.cdx-button--fake-button--disabled
.cdx-button--weight-quiet
.cdx-button__icon
{background-color:var
(--color-disabled
, #a2a9b1)}}