.ui-icon{--s-size:var(--s-icon-size--m);display:inline-block;height:var(--s-size);width:var(--s-size)}.ui-icon--size-s{--s-size:var(--s-icon-size--s)}.ui-icon--size-l{--s-size:var(--s-icon-size--l)}.ui-icon--size-xl{--s-size:var(--s-icon-size--xl)}.ui-spinner{--s-size:var(--s-spinner-size);--s-stroke:var(--s-spinner-stroke);--c-default:var(--c-spinner);height:var(--s-size);width:var(--s-size)}.ui-spinner--small{--s-size:var(--s-spinner-size-small);--s-stroke:var(--s-spinner-stroke-small)}.ui-spinner--inverted{--c-default:var(--c-spinner-inverted)}.ui-spinner__path{fill:none;stroke:var(--c-default);stroke-width:var(--s-stroke);stroke-dasharray:182.1781390381 74.4107891846;stroke-linecap:butt}.ui-button{--s-bezel-x:var(--s-button-bezel-x);--s-bezel-y:var(--s-button-bezel-y);--s-border:var(--s-border-width);--s-icon:var(--s-icon-size--m);--s-icon-stack:calc(var(--s-icon-inline-stack)*2);--s-focus-width:var(--s-outline-width);--s-expandable-bezel-x:var(--s-button-expandable-bezel-x);--s-expandable-icon-bezel-x:var(--s-button-expandable-icon-bezel-x);--s-spinner:var(--s-spinner-size);--c-border:var(--c-button-inverted-background);--c-border-hover:var(--c-button-hover-background);--c-background:var(--c-button-inverted-background);--c-background-hover:var(--c-button-inverted-hover-background);--c-text:var(--c-button-inverted);--c-text-hover:var(--c-button-inverted-hover);--c-focus:var(--c-interaction-focus);background-color:var(--c-background);background-image:linear-gradient(var(--c-background) 50%,var(--c-background-hover) 50%);background-size:100% 200%;border:var(--s-border-width) solid var(--c-border);color:var(--c-text);cursor:pointer;font-family:inherit;padding:calc(var(--s-bezel-y) - var(--s-border)) calc(var(--s-bezel-x) - var(--s-border));position:relative;transition:background-color .2s linear,background-position .21s cubic-bezier(.16,1,.3,1),border-color .1s linear 0ms}.ui-button--secondary{--c-border:var(--c-button-default);--c-border-hover:var(--c-button-hover);--c-background:var(--c-button-background);--c-background-hover:var(--c-button-hover-background);--c-text:var(--c-button-default);--c-text-hover:var(--c-button-hover)}.ui-button--text{--c-border:transparent;--c-background:var(--c-button-background);--c-text:var(--c-button-default);--c-text-hover:var(--c-button-hover);--c-background-hover:var(--c-button-hover-background)}.ui-button--inline,.ui-button--minor.ui-button--inline{--s-bezel-x:var(--s-button-inline-bezel-x);--s-bezel-y:var(--s-button-inline-bezel-y);--c-border:transparent;--c-background:var(--c-button-background);--c-text:var(--c-button-default);--c-text-hover:var(--c-button-hover);--c-background-hover:var(--c-button-hover-background)}.ui-button--icon{--s-bezel-x:var(--s-icon-button-bezel-x);--s-bezel-y:var(--s-icon-button-bezel-y)}.ui-button--minor{--s-bezel-x:var(--s-button-bezel-x-minor);--s-bezel-y:var(--s-button-bezel-y-minor);--s-focus-width:var(--s-outline-width-minor);--s-icon:var(--s-icon-size--s);--s-icon-stack:calc(var(--s-icon-inline-stack)*1.25);--s-expandable-bezel-x:var(--s-button-expandable-bezel-x-minor);--s-expandable-icon-bezel-x:var(--s-button-expandable-icon-bezel-x-minor)}.ui-button--hero{--s-icon:var(--s-icon-size--m)}.ui-button--primary.ui-button--disabled{--c-border:var(--c-button-disabled);--c-background:var(--c-button-disabled)}.ui-button--secondary.ui-button--disabled{--c-border:var(--c-button-disabled);--c-text:var(--c-button-disabled)}.ui-button--text.ui-button--disabled{--c-text:var(--c-button-disabled)}.ui-button--minor.ui-button--icon{--s-bezel-x:var(--s-icon-button-bezel-x-minor);--s-bezel-y:var(--s-icon-button-bezel-y-minor);--s-icon-stack:calc(var(--s-icon-inline-stack)*2)}.ui-button--icon.ui-button--expandable{--s-expandable-bezel-x:var(--s-button-expandable-icon-only-bezel-x);--s-expandable-icon-bezel-x:var(--s-button-expandable-icon-only-icon-bezel-x)}.ui-button--minor.ui-button--icon.ui-button--expandable{--s-expandable-bezel-x:var(--s-button-expandable-icon-only-bezel-x-minor);--s-expandable-icon-bezel-x:var(--s-button-expandable-icon-only-icon-bezel-x-minor)}.ui-button--hero.ui-button--icon{--s-bezel-x:var(--s-button-bezel-x-hero);--s-bezel-y:var(--s-button-bezel-x-hero);--s-icon:var(--s-icon-size--l);border-radius:50%}.ui-button:not(.ui-button--disabled):hover{background-position:50% 100%;border-color:var(--c-border-hover);color:var(--c-text-hover);transition:background-color .2s linear,background-position .21s cubic-bezier(.16,1,.3,1),border-color .1s linear 0ms}.ui-button:focus{outline:var(--s-focus-width) solid var(--c-focus);z-index:1}.ui-button__expander-icon,.ui-button__icon{height:var(--s-icon);width:var(--s-icon)}.ui-button__icon{vertical-align:middle}.ui-button__label{font-size:1.6rem;font-weight:700;line-height:1.25;vertical-align:middle}.ui-button:not(.ui-button--icon) .ui-button__icon+.ui-button__label{margin-left:var(--s-icon-stack)}.ui-button--expandable .ui-button__label,.ui-button--icon.ui-button--expandable .ui-button__label{padding-right:var(--s-expandable-bezel-x)}.ui-button__expander-icon{margin:calc(var(--s-icon)*-.5) 0;position:absolute;right:var(--s-expandable-icon-bezel-x);top:50%}.ui-button--icon.ui-button--expandable .ui-button__expander-icon{right:calc(var(--s-expandable-icon-bezel-x)*.33)}.ui-button--disabled{cursor:not-allowed}.ui-button--loading .ui-button__label{opacity:0}.ui-button__spinner{left:50%;margin:calc(var(--s-spinner)*-.5);position:absolute;top:50%}