.os-button{display:inline-flex;justify-content:center;align-items:center;line-height:1;white-space:nowrap;cursor:pointer;color:var(--os-button-color);text-align:center;box-sizing:border-box;outline:none;transition:.1s;font-weight:var(--os-button-font-weight);-webkit-user-select:none;user-select:none;vertical-align:middle;-webkit-appearance:none;background-color:var(--os-button-background-color);border:1px solid;border-color:var(--os-button-border-color);padding:.6em 1em;height:2.2em;font-size:var(--os-button-font-size);border-radius:var(--os-button-border-radius)}.os-button:hover,.os-button:focus{color:var(--os-button-hover-color);border-color:var(--os-button-hover-border-color);background-color:var(--os-button-hover-background-color);outline:none}.os-button:active{color:var(--os-button-active-color);border-color:var(--os-button-active-border-color);background-color:var(--os-button-active-background-color);outline:none}.os-button:disabled{cursor:not-allowed;background-image:none;color:var(--os-button-disabled-color);border-color:var(--os-button-disabled-border-color);background-color:var(--os-button-disabled-background-color)}.os-button[round]{--os-button-border-radius: var(--os-border-radius-rounded)}.os-button[circle]{padding:.6em;--os-button-border-radius: var(--os-border-radius-circle)}.os-button[text]{border-color:transparent;background-color:transparent;--os-button-color: var(--os-color-primary);--os-button-hover-color: var(--os-color-primary);--os-button-active-color: var(--os-color-primary-lighter)}.os-button[link]{border-color:transparent;background-color:transparent;padding:0;height:auto;--os-button-color: var(--os-color-primary);--os-button-hover-color: var(--os-color-primary);--os-button-active-color: var(--os-color-primary-lighter)}.os-button[link]:hover{text-decoration:underline}.os-button>[class^=os-icon]+span{margin-left:var(--os-space-xs)}.os-button>[class^=os-icon]+span :empty{display:none}.os-button{--os-button-font-size: var(--os-heading8);--os-button-color: var(--os-color-primary);--os-button-border-color: var(--os-color-primary);--os-button-background-color: var(--os-color-neutral-0);--os-button-border-radius: var(--os-border-radius-base);--os-button-hover-color: var(--os-color-primary);--os-button-hover-background-color: var(--os-color-primary-lightest);--os-button-active-color: var(--os-color-primary-light);--os-button-active-background-color: var(--os-color-primary-lightest);--os-button-disabled-color: var(--os-color-primary-lighter);--os-button-disabled-border-color: var(--os-color-primary-lighter);--os-button-disabled-background-color: var(--os-color-neutral-0)}.os-button-large{--os-button-font-size: var(--os-heading7)}.os-button-mini{--os-button-font-size: var(--os-heading9)}.os-button.os-button-primary{--os-button-color: var(--os-color-neutral-0);--os-button-border-color: var(--os-color-primary);--os-button-background-color: var(--os-color-primary);--os-button-hover-border-color: var(--os-color-primary);--os-button-hover-color: var(--os-color-neutral-0);--os-button-hover-background-color: var(--os-color-primary-dark);--os-button-active-color: var(--os-color-primary-lightest);--os-button-active-border-color: var(--os-color-primary-dark);--os-button-active-background-color: var(--os-color-primary-dark);--os-button-disabled-color: var(--os-color-neutral-0);--os-button-disabled-border-color: var(--os-color-primary-lighter);--os-button-disabled-background-color: var(--os-color-primary-lighter)}.os-button.os-button-primary[link],.os-button.os-button-primary[text]{--os-button-color: var(--os-color-primary);--os-button-hover-color: var(--os-color-primary);--os-button-active-color: var(--os-color-primary-lighter)}.os-button.os-button-primary[plain]{--os-button-color: var(--os-color-primary);--os-button-background-color: var(--os-color-primary-lightest);--os-button-hover-color: var(--os-color-primary);--os-button-hover-background-color: var(--os-color-primary-lightest);--os-button-active-color: var(--os-color-primary);--os-button-active-background-color: var(--os-color-neutral-0);--os-button-disabled-color: var(--os-color-primary-lighter);--os-button-disabled-background-color: var(--os-color-neutral-0)}.os-button.os-button-success{--os-button-color: var(--os-color-neutral-0);--os-button-border-color: var(--os-color-success);--os-button-background-color: var(--os-color-success);--os-button-hover-border-color: var(--os-color-success);--os-button-hover-color: var(--os-color-neutral-0);--os-button-hover-background-color: var(--os-color-success-dark);--os-button-active-color: var(--os-color-success-lightest);--os-button-active-border-color: var(--os-color-success-dark);--os-button-active-background-color: var(--os-color-success-dark);--os-button-disabled-color: var(--os-color-neutral-0);--os-button-disabled-border-color: var(--os-color-success-lighter);--os-button-disabled-background-color: var(--os-color-success-lighter)}.os-button.os-button-success[link],.os-button.os-button-success[text]{--os-button-color: var(--os-color-success);--os-button-hover-color: var(--os-color-success);--os-button-active-color: var(--os-color-success-lighter)}.os-button.os-button-success[plain]{--os-button-color: var(--os-color-success);--os-button-background-color: var(--os-color-success-lightest);--os-button-hover-color: var(--os-color-success);--os-button-hover-background-color: var(--os-color-success-lightest);--os-button-active-color: var(--os-color-success);--os-button-active-background-color: var(--os-color-neutral-0);--os-button-disabled-color: var(--os-color-success-lighter);--os-button-disabled-background-color: var(--os-color-neutral-0)}.os-button.os-button-warning{--os-button-color: var(--os-color-neutral-0);--os-button-border-color: var(--os-color-warning);--os-button-background-color: var(--os-color-warning);--os-button-hover-border-color: var(--os-color-warning);--os-button-hover-color: var(--os-color-neutral-0);--os-button-hover-background-color: var(--os-color-warning-dark);--os-button-active-color: var(--os-color-warning-lightest);--os-button-active-border-color: var(--os-color-warning-dark);--os-button-active-background-color: var(--os-color-warning-dark);--os-button-disabled-color: var(--os-color-neutral-0);--os-button-disabled-border-color: var(--os-color-warning-lighter);--os-button-disabled-background-color: var(--os-color-warning-lighter)}.os-button.os-button-warning[link],.os-button.os-button-warning[text]{--os-button-color: var(--os-color-warning);--os-button-hover-color: var(--os-color-warning);--os-button-active-color: var(--os-color-warning-lighter)}.os-button.os-button-warning[plain]{--os-button-color: var(--os-color-warning);--os-button-background-color: var(--os-color-warning-lightest);--os-button-hover-color: var(--os-color-warning);--os-button-hover-background-color: var(--os-color-warning-lightest);--os-button-active-color: var(--os-color-warning);--os-button-active-background-color: var(--os-color-neutral-0);--os-button-disabled-color: var(--os-color-warning-lighter);--os-button-disabled-background-color: var(--os-color-neutral-0)}.os-button.os-button-danger{--os-button-color: var(--os-color-neutral-0);--os-button-border-color: var(--os-color-danger);--os-button-background-color: var(--os-color-danger);--os-button-hover-border-color: var(--os-color-danger);--os-button-hover-color: var(--os-color-neutral-0);--os-button-hover-background-color: var(--os-color-danger-dark);--os-button-active-color: var(--os-color-danger-lightest);--os-button-active-border-color: var(--os-color-danger-dark);--os-button-active-background-color: var(--os-color-danger-dark);--os-button-disabled-color: var(--os-color-neutral-0);--os-button-disabled-border-color: var(--os-color-danger-lighter);--os-button-disabled-background-color: var(--os-color-danger-lighter)}.os-button.os-button-danger[link],.os-button.os-button-danger[text]{--os-button-color: var(--os-color-danger);--os-button-hover-color: var(--os-color-danger);--os-button-active-color: var(--os-color-danger-lighter)}.os-button.os-button-danger[plain]{--os-button-color: var(--os-color-danger);--os-button-background-color: var(--os-color-danger-lightest);--os-button-hover-color: var(--os-color-danger);--os-button-hover-background-color: var(--os-color-danger-lightest);--os-button-active-color: var(--os-color-danger);--os-button-active-background-color: var(--os-color-neutral-0);--os-button-disabled-color: var(--os-color-danger-lighter);--os-button-disabled-background-color: var(--os-color-neutral-0)}