:where(.HR-9-31-0) .Button_isChecked:not(.Button_isDisabled){background-color:var(--hr-internal-button-background-checked,var(--hr-internal-button-background))}:where(.HR-9-31-0) .Button_isChecked:not(.Button_isDisabled)>.Button-Content>.Button-State{border-color:var(--hr-internal-button-border-color-checked,var(--hr-internal-button-border-color))}:where(.HR-9-31-0) .Button.Button_isLoading>.Button-Content>.Button-Slot,:where(.HR-9-31-0) .Button.Button_isLoading>.Button-Content>.Button-Text{opacity:0}:where(.HR-9-31-0) .Button_isLoading.Button_isDisabled .Button-Spin{opacity:.5}:where(.HR-9-31-0) .Button.Button_isDisabled{color:var(--hr-internal-button-text-color-disabled,var(--hr-color-text-tertiary));background-color:var(--hr-internal-button-background-disabled,var(--hr-internal-button-background))}:where(.HR-9-31-0) .Button[aria-disabled=true]{cursor:default;pointer-events:none}:where(.HR-9-31-0) .Button.Button_isDisabled>.Button-State{border-color:var(--hr-internal-button-border-color-disabled,var(--hr-internal-button-border-color))}:where(.HR-9-31-0) .Button.Button_isDisabled .Button-Text{color:var(--hr-internal-button-text-color-disabled,var(--hr-color-text-tertiary))}:where(.HR-9-31-0) .Button_view_primary{--hr-internal-button-background:var(--hr-color-control-primary);--hr-internal-button-border-color:transparent;--hr-internal-button-background-hovered:var(--hr-color-control-primary-hover);--hr-internal-button-focus-outline-color:var(--hr-color-surface-100);--hr-internal-button-focus-offset:-2px;--hr-internal-button-background-disabled:var(--hr-color-control-disabled)}:where(.HR-9-31-0) .Button_view_primary .Button-Content{--hr-internal-button-text-color:var(--hr-color-text-primary);--hr-internal-button-icon-color:var(--hr-color-text-primary)}:where(.HR-9-31-0) .Button_view_secondary{--hr-internal-button-background:var(--hr-color-control-secondary);--hr-internal-button-border-color:transparent;--hr-internal-button-background-checked:var(--hr-color-control-primary);--hr-internal-button-background-checked-hover:var(--hr-color-control-primary-hover)}:where(.HR-9-31-0) .Button_view_secondary .Button-Content{--hr-internal-button-text-color:var(--hr-color-text-primary)}:where(.HR-9-31-0) .Button_view_outline{--hr-internal-button-background:var(--hr-color-surface-100);--hr-internal-button-border-color:var(--hr-color-border-secondary);--hr-internal-button-border-color-disabled:var(--hr-color-border-tertiary);--hr-internal-button-border-color-checked:var(--hr-color-border-primary)}:where(.HR-9-31-0) .Button_view_outline .Button-Content{--hr-internal-button-text-color:var(--hr-color-text-primary)}:where(.HR-9-31-0) .Button_view_outline.Button_isDisabled{--hr-internal-button-border-color:var(--hr-color-border-tertiary)}:where(.HR-9-31-0) .Button_view_float{--hr-internal-button-background:var(--hr-color-surface-200);--hr-internal-button-border-color:var(--hr-color-surface-200);--hr-internal-button-border-width:var(--hr-border-width-m);--hr-internal-button-shadow:var(--hr-effects-shadow)}:where(.HR-9-31-0) .Button_view_float .Button-Content{--hr-internal-button-text-color:var(--hr-color-text-primary)}:where(.HR-9-31-0) .Button_view_ghost{--hr-internal-button-background:transparent;--hr-internal-button-border-color:transparent;--hr-internal-button-background-checked:var(--hr-color-control-secondary)}:where(.HR-9-31-0) .Button_view_ghost .Button-Content{--hr-internal-button-text-color:var(--hr-color-text-primary)}:where(.HR-9-31-0) .Button_view_media{--hr-internal-button-background:var(--hr-color-special-overlay);--hr-internal-button-border-color:transparent;--hr-internal-button-focus-color:var(--hr-color-surface-100);--hr-internal-button-background-filter:var(--hr-effects-blur)}:where(.HR-9-31-0) .Button_view_media .Button-Content{--hr-internal-button-text-color:var(--hr-color-text-primary);--hr-internal-button-icon-color:var(--hr-color-text-primary)}:where(.HR-9-31-0) .Button_view_surface{--hr-internal-button-background:var(--hr-color-surface-100);--hr-internal-button-border-color:var(--hr-color-surface-100);--hr-internal-button-border-width:var(--hr-border-width-m);--hr-internal-button-background-checked:var(--hr-color-control-primary);--hr-internal-button-background-checked-hover:var(--hr-color-control-primary-hover)}:where(.HR-9-31-0) .Button_view_surface .Button-Content{--hr-internal-button-text-color:var(--hr-color-text-primary)}:where(.HR-9-31-0) .Button_view_surface.Button_isChecked{--hr-internal-button-border-width:0}:where(.HR-9-31-0) .Button{position:relative;display:inline-flex;justify-content:center;box-sizing:border-box;width:-moz-max-content;width:max-content;max-width:100%;min-height:var(--hr-control-size);margin:0;padding:0;font-family:var(--hr-typography-font-family-default);font-size:var(--hr-control-font-size);font-weight:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-align:center;white-space:nowrap;text-decoration:none;border:none;border-radius:var(--hr-control-border-radius);outline:0;background:var(--hr-internal-button-background);box-shadow:var(--hr-internal-button-shadow);transition:transform .1s ease-out;transform:scale(1);font-feature-settings:var(--hr-typography-font-feature-settings-default);-webkit-backdrop-filter:var(--hr-internal-button-background-filter);backdrop-filter:var(--hr-internal-button-background-filter);gap:var(--hr-space-xs);-moz-user-focus:ignore;-webkit-tap-highlight-color:rgba(0,0,0,0);touch-action:manipulation}:where(.HR-9-31-0) .Button_stretch{width:100%}:where(.HR-9-31-0) .Button_isReadOnly{cursor:default}:where(.HR-9-31-0) .Button_size_xs:after{position:absolute;z-index:-1;content:"";inset:calc(-1 * var(--hr-space-xs))}:where(.HR-9-31-0) .Button-Content{display:flex;overflow:hidden;justify-content:center;align-items:center;border-radius:inherit}:where(.HR-9-31-0) .Button_withoutSlots .Button-Content{min-width:var(--hr-control-size)}:where(.HR-9-31-0) .Button-State{position:absolute;z-index:-1;border:var(--hr-internal-button-border-width,var(--hr-border-width-s)) solid var(--hr-internal-button-border-color);border-radius:inherit;inset:0}.utilityfocus .Button:focus>.Button-Content>.Button-State{outline:var(--hr-border-width-s) solid var(--hr-internal-button-focus-outline-color,var(--hr-color-control-primary));outline-offset:-1px;outline-offset:var(--hr-internal-button-focus-offset,-1px);box-shadow:var(--hr-internal-button-focus-shadow,var(--hr-effects-shadow-outline-secondary))}@media (hover:hover) and (pointer:fine){:where(.HR-9-31-0) .Button:hover{--hr-internal-button-background-hover-default:var(--hr-internal-button-background-hovered,var(--hr-color-control-secondary))}:where(.HR-9-31-0) .Button_isInteractive.Button_isHoverOnText>.Button-Content>.Button-Text:hover~.Button-State,:where(.HR-9-31-0) .Button_isInteractive:not(.Button_isHoverOnText):hover>.Button-Content>.Button-State{background-color:var(--hr-internal-button-background-hover-default)}:where(.HR-9-31-0) .Button_isInteractive.Button_isHoverOnText.Button_isChecked>.Button-Content>.Button-Text:hover~.Button-State,:where(.HR-9-31-0) .Button_isInteractive:not(.Button_isHoverOnText).Button_isChecked:hover>.Button-Content>.Button-State{background-color:var(--hr-internal-button-background-checked-hover,var(--hr-internal-button-background-hover-default))}}:where(.HR-9-31-0) .Button-Text{padding:var(--hr-control-space-text) 0;line-height:var(--hr-typography-line-height-s);white-space:nowrap;color:var(--hr-internal-button-text-color)}