.button{----background:var(--color--light);----background--hover:var(--color--light-55);----background--active:var(--color--light-60);----border-top-color:var(--color--light-55);----border-right-color:var(--color--light-55);----border-bottom-color:var(--color--light-55);----border-left-color:var(--color--light-55);----border-color:var(----border-top-color) var(----border-right-color) var(----border-bottom-color) var(----border-left-color);----border-color--hover:var(----border-top-color) var(----border-right-color) var(----border-bottom-color) var(----border-left-color);----border-style:var(--border-style);----border-top-width:var(--border-top-width);----border-right-width:var(--border-right-width);----border-bottom-width:var(--border-bottom-width);----border-left-width:var(--border-left-width);----border-width:var(----border-top-width) var(----border-right-width) var(----border-bottom-width) var(----border-left-width);----border-top-left-radius:var(--border-top-left-radius);----border-top-right-radius:var(--border-top-right-radius);----border-bottom-right-radius:var(--border-bottom-right-radius);----border-bottom-left-radius:var(--border-bottom-left-radius);----border-radius:var(----border-top-left-radius) var(----border-top-right-radius) var(----border-bottom-right-radius) var(----border-bottom-left-radius);----box-shadow-offset-x:var(--box-shadow-offset-x);----box-shadow-offset-y:var(--box-shadow-offset-y);----box-shadow-blur-radius:var(--box-shadow-blur-radius);----box-shadow-spread-radius:var(--box-shadow-spread-radius);----box-shadow-color:var(--box-shadow-color);----box-shadow:var(----box-shadow-offset-x) var(----box-shadow-offset-y) var(----box-shadow-blur-radius) var(----box-shadow-spread-radius) var(----box-shadow-color);----color:var(--contrast-color-for-light-background);----font-size:var(--font-size);----font-weight:var(--font-weight--normal);----line-height:var(--line-height);----padding-top:calc(var(--padding-top)/2);----padding-right:var(--padding-right);----padding-bottom:calc(var(--padding-bottom)/2);----padding-left:var(--padding-left);----padding:var(----padding-top) var(----padding-right) var(----padding-bottom) var(----padding-left);----block--margin:var(--spacing);----circle--size:42px;----link--color:var(--color--light);----link--color--active:var(--color--light-55)}.button.-primary{----background:var(--color--primary);----background--hover:var(--color--primary-55);----background--active:var(--color--primary-60);----border-top-color:var(--color--primary-55);----border-right-color:var(--color--primary-55);----border-bottom-color:var(--color--primary-55);----border-left-color:var(--color--primary-55);----color:var(--contrast-color-for-dark-background);----link--color:var(--color--primary);----link--color--active:var(--color--primary-55)}.button.-secondary{----background:var(--color--secondary);----background--hover:var(--color--secondary-55);----background--active:var(--color--secondary-60);----border-top-color:var(--color--secondary-55);----border-right-color:var(--color--secondary-55);----border-bottom-color:var(--color--secondary-55);----border-left-color:var(--color--secondary-55);----color:var(--contrast-color-for-dark-background);----link--color:var(--color--secondary);----link--color--active:var(--color--secondary-55)}.button.-light{----background:var(--color--light);----background--hover:var(--color--light-55);----background--active:var(--color--light-60);----border-top-color:var(--color--light-55);----border-right-color:var(--color--light-55);----border-bottom-color:var(--color--light-55);----border-left-color:var(--color--light-55);----color:var(--contrast-color-for-light-background);----link--color:var(--color--light);----link--color--active:var(--color--light-55)}.button.-dark{----background:var(--color--dark);----background--hover:var(--color--dark-45);----background--active:var(--color--dark-40);----border-top-color:var(--color--dark-45);----border-right-color:var(--color--dark-45);----border-bottom-color:var(--color--dark-45);----border-left-color:var(--color--dark-45);----color:var(--contrast-color-for-dark-background);----link--color:var(--color--dark);----link--color--active:var(--color--dark-45)}.button.-info{----background:var(--color--info);----background--hover:var(--color--info-55);----background--active:var(--color--info-60);----border-top-color:var(--color--info-55);----border-right-color:var(--color--info-55);----border-bottom-color:var(--color--info-55);----border-left-color:var(--color--info-55);----color:var(--contrast-color-for-dark-background);----link--color:var(--color--info);----link--color--active:var(--color--info-55)}.button.-success{----background:var(--color--success);----background--hover:var(--color--success-55);----background--active:var(--color--success-60);----border-top-color:var(--color--success-55);----border-right-color:var(--color--success-55);----border-bottom-color:var(--color--success-55);----border-left-color:var(--color--success-55);----color:var(--contrast-color-for-dark-background);----link--color:var(--color--success);----link--color--active:var(--color--success-55)}.button.-warning{----background:var(--color--warning);----background--hover:var(--color--warning-55);----background--active:var(--color--warning-60);----border-top-color:var(--color--warning-55);----border-right-color:var(--color--warning-55);----border-bottom-color:var(--color--warning-55);----border-left-color:var(--color--warning-55);----color:var(--contrast-color-for-light-background);----link--color:var(--color--warning);----link--color--active:var(--color--warning-55)}.button.-danger{----background:var(--color--danger);----background--hover:var(--color--danger-55);----background--active:var(--color--danger-60);----border-top-color:var(--color--danger-55);----border-right-color:var(--color--danger-55);----border-bottom-color:var(--color--danger-55);----border-left-color:var(--color--danger-55);----color:var(--contrast-color-for-dark-background);----link--color:var(--color--danger);----link--color--active:var(--color--danger-55)}.button.-facebook{----background:var(--color--facebook);----background--hover:var(--color--facebook-55);----background--active:var(--color--facebook-60);----border-top-color:var(--color--facebook-55);----border-right-color:var(--color--facebook-55);----border-bottom-color:var(--color--facebook-55);----border-left-color:var(--color--facebook-55);----color:var(--contrast-color-for-dark-background);----link--color:var(--color--facebook);----link--color--active:var(--color--facebook-55)}.button.-google{----background:var(--color--google);----background--hover:var(--color--google-55);----background--active:var(--color--google-60);----border-top-color:var(--color--google-55);----border-right-color:var(--color--google-55);----border-bottom-color:var(--color--google-55);----border-left-color:var(--color--google-55);----color:var(--contrast-color-for-dark-background);----link--color:var(--color--google);----link--color--active:var(--color--google-55)}.button.-twitter{----background:var(--color--twitter);----background--hover:var(--color--twitter-55);----background--active:var(--color--twitter-60);----border-top-color:var(--color--twitter-55);----border-right-color:var(--color--twitter-55);----border-bottom-color:var(--color--twitter-55);----border-left-color:var(--color--twitter-55);----color:var(--contrast-color-for-dark-background);----link--color:var(--color--twitter);----link--color--active:var(--color--twitter-55)}.button.-github{----background:var(--color--github);----background--hover:var(--color--github-55);----background--active:var(--color--github-60);----border-top-color:var(--color--github-55);----border-right-color:var(--color--github-55);----border-bottom-color:var(--color--github-55);----border-left-color:var(--color--github-55);----color:var(--contrast-color-for-dark-background);----link--color:var(--color--github);----link--color--active:var(--color--github-55)}.button.-sm{----border-top-left-radius:calc(var(--border-top-left-radius)*var(--size-multiplier--sm));----border-top-right-radius:calc(var(--border-top-right-radius)*var(--size-multiplier--sm));----border-bottom-right-radius:calc(var(--border-bottom-right-radius)*var(--size-multiplier--sm));----border-bottom-left-radius:calc(var(--border-bottom-left-radius)*var(--size-multiplier--sm));----font-size:calc(var(--font-size)*var(--size-multiplier--sm));----padding-top:calc(var(--padding-top)/2*var(--size-multiplier--sm));----padding-right:calc(var(--padding-right)*var(--size-multiplier--sm));----padding-bottom:calc(var(--padding-bottom)/2*var(--size-multiplier--sm));----padding-left:calc(var(--padding-left)*var(--size-multiplier--sm));----circle--size:calc(34px*var(--size-multiplier--sm))}.button.-md{----border-top-left-radius:calc(var(--border-top-left-radius)*var(--size-multiplier--md));----border-top-right-radius:calc(var(--border-top-right-radius)*var(--size-multiplier--md));----border-bottom-right-radius:calc(var(--border-bottom-right-radius)*var(--size-multiplier--md));----border-bottom-left-radius:calc(var(--border-bottom-left-radius)*var(--size-multiplier--md));----font-size:calc(var(--font-size)*var(--size-multiplier--md));----padding-top:calc(var(--padding-top)/2*var(--size-multiplier--md));----padding-right:calc(var(--padding-right)*var(--size-multiplier--md));----padding-bottom:calc(var(--padding-bottom)/2*var(--size-multiplier--md));----padding-left:calc(var(--padding-left)*var(--size-multiplier--md));----circle--size:calc(42px*var(--size-multiplier--md))}.button.-lg{----border-top-left-radius:calc(var(--border-top-left-radius)*var(--size-multiplier--lg));----border-top-right-radius:calc(var(--border-top-right-radius)*var(--size-multiplier--lg));----border-bottom-right-radius:calc(var(--border-bottom-right-radius)*var(--size-multiplier--lg));----border-bottom-left-radius:calc(var(--border-bottom-left-radius)*var(--size-multiplier--lg));----font-size:calc(var(--font-size)*var(--size-multiplier--lg));----padding-top:calc(var(--padding-top)/2*var(--size-multiplier--lg));----padding-right:calc(var(--padding-right)*var(--size-multiplier--lg));----padding-bottom:calc(var(--padding-bottom)/2*var(--size-multiplier--lg));----padding-left:calc(var(--padding-left)*var(--size-multiplier--lg));----circle--size:calc(49px*var(--size-multiplier--lg))}.button{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(----background);border-color:var(----border-color);border-radius:var(----border-radius);border-style:var(----border-style);border-width:var(----border-width);-webkit-box-shadow:var(----box-shadow);box-shadow:var(----box-shadow);color:var(----color);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:var(----font-size);font-weight:var(----font-weight);justify-content:center;line-height:var(----line-height);padding:var(----padding);text-align:center;-webkit-transition-duration:var(--transition-duration);transition-duration:var(--transition-duration);-webkit-transition-property:background-color,border-color,color;transition-property:background-color,border-color,color;-webkit-transition-timing-function:var(--transition-easing);transition-timing-function:var(--transition-easing);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.button:not(:disabled):not(.-disabled){cursor:pointer}.button:not(:disabled):not(.-disabled).-focused,.button:not(:disabled):not(.-disabled).-hovered,.button:not(:disabled):not(.-disabled):focus,.button:not(:disabled):not(.-disabled):hover{----background:var(----background--hover);----border-color:var(----border-color--hover);color:var(----color);outline:0;text-decoration:none}.button:not(:disabled):not(.-disabled).-active,.button:not(:disabled):not(.-disabled):active{----background:var(----background--active)}.button.-disabled,.button:disabled{-webkit-box-shadow:none;box-shadow:none;opacity:var(----opacity--disabled)}.button.-block{display:block;width:100%}.button.-block+.button.-block{margin-left:0;margin-top:var(----block--margin)}.button.-link{----color:var(----link--color);background-color:transparent;border-color:transparent;-webkit-box-shadow:none;box-shadow:none}.button.-link:not(:disabled):not(.-disabled).-active,.button.-link:not(:disabled):not(.-disabled).-focused,.button.-link:not(:disabled):not(.-disabled).-hovered,.button.-link:not(:disabled):not(.-disabled):active,.button.-link:not(:disabled):not(.-disabled):focus,.button.-link:not(:disabled):not(.-disabled):hover{----color:var(----link--color--active);background-color:transparent;border-color:transparent;-webkit-box-shadow:none;box-shadow:none;text-decoration:underline}.button.-link.-disabled,.button.-link:disabled{pointer-events:none}.button.-outline{----box-shadow:none;background:transparent;border-color:var(----background);color:var(----background)}.button.-outline:not(:disabled):not(.-disabled).-active,.button.-outline:not(:disabled):not(.-disabled).-focused,.button.-outline:not(:disabled):not(.-disabled).-hovered,.button.-outline:not(:disabled):not(.-disabled):active,.button.-outline:not(:disabled):not(.-disabled):focus,.button.-outline:not(:disabled):not(.-disabled):hover{----border-color:var(----border-color--hover);background:var(----background);color:var(----color)}.button.-circle{----border-radius:100%;height:var(----circle--size);padding:0;width:var(----circle--size)}.button .loader{height:var(----font-size);margin-bottom:calc(var(--spacing)*1/4);margin-top:calc(var(--spacing)*1/4);width:var(----font-size)}.button .loader>svg>circle{stroke:var(----color)!important}.button-group:not(.-vertical)>.button:not(:first-child){----border-left-color:var(----background--hover)}.button-group.-vertical>.button:not(:first-child){----border-top-color:var(----background--hover)}:disabled a.button,a.button.-disabled{pointer-events:none}input[type=button].-block,input[type=reset].-block,input[type=submit].-block{width:100%}
