@opentiny/vue-theme/button/index.css

An enterprise-class UI component library, support both Vue.js 2 and Vue.js 3, as well as PC and mobile.

.tiny-button{--tv-Button-font-weight:var(--tv-font-weight-regular, 400);--tv-Button-border-width:var(--tv-border-width, 1px);--tv-Button-line-height:var(--tv-line-height-number, 1.5);--tv-Button-border-radius:var(--tv-border-radius-md, 6px);--tv-Button-border-radius-round:var(--tv-border-radius-round, 999px);--tv-Button-border-radius-circle:var(--tv-border-radius-round, 999px);--tv-Button-font-size:var(--tv-font-size-default, 14px);--tv-Button-height:var(--tv-size-height-md, 32px);--tv-Button-padding-x:24px;--tv-Button-min-width:96px;--tv-Button-size-icon-font-size:18px;--tv-Button-font-size-large:var(--tv-font-size-default, 14px);--tv-Button-height-large:var(--tv-size-height-xl, 48px);--tv-Button-padding-x-large:48px;--tv-Button-min-width-large:124px;--tv-Button-size-icon-font-size-large:28px;--tv-Button-font-size-medium:var(--tv-font-size-default, 14px);--tv-Button-height-medium:var(--tv-size-height-lg, 40px);--tv-Button-padding-x-medium:32px;--tv-Button-min-width-medium:112px;--tv-Button-size-icon-font-size-medium:24px;--tv-Button-font-size-small:var(--tv-font-size-sm, 12px);--tv-Button-height-small:var(--tv-size-height-sm, 28px);--tv-Button-padding-x-small:16px;--tv-Button-min-width-small:72px;--tv-Button-size-icon-font-size-small:16px;--tv-Button-font-size-mini:var(--tv-font-size-sm, 12px);--tv-Button-height-mini:var(--tv-size-height-xs, 24px);--tv-Button-padding-x-mini:16px;--tv-Button-min-width-mini:60px;--tv-Button-size-icon-font-size-mini:12px;--tv-Button-text-color-default:var(--tv-color-text, #191919);--tv-Button-bg-color-default:var(--tv-color-bg-secondary, #ffffff);--tv-Button-border-color-default:var(--tv-color-border-secondary, #595959);--tv-Button-icon-color-default:var(--tv-color-icon-control, #191919);--tv-Button-icon-color-default-loading:var(--tv-color-icon-control, #191919);--tv-Button-text-color-primary:var(--tv-color-act-primary-text-inverse-tint, #ffffff);--tv-Button-bg-color-primary:var(--tv-color-act-primary-bg, #191919);--tv-Button-border-color-primary:var(--tv-color-act-primary-border, #191919);--tv-Button-icon-color-primary:var(--tv-color-icon-inverse-tint, #ffffff);--tv-Button-icon-color-primary-loading:var(--tv-color-icon-inverse-tint, #ffffff);--tv-Button-text-color-success:var(--tv-color-act-success-text-white, #ffffff);--tv-Button-bg-color-success:var(--tv-color-act-success-bg, #5cb300);--tv-Button-border-color-success:var(--tv-color-act-success-border, #5cb300);--tv-Button-icon-color-success:var(--tv-color-icon-inverse, #ffffff);--tv-Button-text-color-warning:var(--tv-color-act-warning-text-white, #ffffff);--tv-Button-bg-color-warning:var(--tv-color-act-warning-bg, #ff8800);--tv-Button-border-color-warning:var(--tv-color-act-warning-border, #ff8800);--tv-Button-icon-color-warning:var(--tv-color-icon-inverse, #ffffff);--tv-Button-text-color-danger:var(--tv-color-act-danger-text-white, #ffffff);--tv-Button-bg-color-danger:var(--tv-color-act-danger-bg, #f23030);--tv-Button-border-color-danger:var(--tv-color-act-danger-border, #f23030);--tv-Button-icon-color-danger:var(--tv-color-icon-inverse, #ffffff);--tv-Button-text-color-info:var(--tv-color-act-info-text-white, #ffffff);--tv-Button-bg-color-info:var(--tv-color-act-info-bg, #1476ff);--tv-Button-border-color-info:var(--tv-color-act-info-border, #1476ff);--tv-Button-icon-color-info:var(--tv-color-icon-inverse, #ffffff);--tv-Button-text-color-plain-default:var(--tv-color-text, #191919);--tv-Button-bg-color-plain-default:var(--tv-color-bg, #f5f5f5);--tv-Button-border-color-plain-default:var(--tv-color-border, #c2c2c2);--tv-Button-text-color-plain-primary:var(--tv-color-act-primary-text, #191919);--tv-Button-bg-color-plain-primary:var(--tv-color-act-primary-bg-white, #ffffff);--tv-Button-border-color-plain-primary:var(--tv-color-act-primary-border-light, #595959);--tv-Button-text-color-plain-success:var(--tv-color-act-success-text, #5cb300);--tv-Button-bg-color-plain-success:var(--tv-color-act-success-bg-light, #edf7df);--tv-Button-border-color-plain-success:var(--tv-color-act-success-border-light, #daf2bb);--tv-Button-text-color-plain-warning:var(--tv-color-act-warning-text, #ff8800);--tv-Button-bg-color-plain-warning:var(--tv-color-act-warning-bg-light, #fff4e8);--tv-Button-border-color-plain-warning:var(--tv-color-act-warning-border-light, #ffebd1);--tv-Button-text-color-plain-danger:var(--tv-color-act-danger-text, #f23030);--tv-Button-bg-color-plain-danger:var(--tv-color-act-danger-bg-light, #fff1f0);--tv-Button-border-color-plain-danger:var(--tv-color-act-danger-border-light, #fce2e0);--tv-Button-text-color-plain-info:var(--tv-color-act-info-text, #1476ff);--tv-Button-bg-color-plain-info:var(--tv-color-act-info-bg-light, #f0f7ff);--tv-Button-border-color-plain-info:var(--tv-color-act-info-border-light, #deecff);--tv-Button-bg-color-ghost:transparent;--tv-Button-text-color-ghost-default:var(--tv-color-text-secondary, #595959);--tv-Button-border-color-ghost-default:var(--tv-color-border-ghost, #808080);--tv-Button-text-color-ghost-primary:var(--tv-color-act-primary-text, #191919);--tv-Button-border-color-ghost-primary:var(--tv-color-act-primary-border-light, #595959);--tv-Button-text-color-ghost-success:var(--tv-color-act-success-text, #5cb300);--tv-Button-border-color-ghost-success:var(--tv-color-act-success-border, #5cb300);--tv-Button-text-color-ghost-warning:var(--tv-color-act-warning-text, #ff8800);--tv-Button-border-color-ghost-warning:var(--tv-color-act-warning-border, #ff8800);--tv-Button-text-color-ghost-danger:var(--tv-color-act-danger-text, #f23030);--tv-Button-border-color-ghost-danger:var(--tv-color-act-danger-border, #f23030);--tv-Button-text-color-ghost-info:var(--tv-color-act-info-text, #1476ff);--tv-Button-border-color-ghost-info:var(--tv-color-act-info-border, #1476ff);--tv-Button-bg-color-active-default:var(--tv-color-bg-hover-secondary, #ffffff);--tv-Button-border-color-active-default:var(--tv-color-border-secondary-hover, #c2c2c2);--tv-Button-text-color-active-default:var(--tv-color-text, #191919);--tv-Button-bg-color-plain-active-default:var(--tv-color-bg, #f5f5f5);--tv-Button-border-color-plain-active-default:var(--tv-color-bg, #f5f5f5);--tv-Button-text-color-plain-active-default:var(--tv-color-plain-text-hover, #191919);--tv-Button-border-color-ghost-active-default:var(--tv-color-border-ghost-active, #dbdbdb);--tv-Button-bg-color-active-primary:var(--tv-color-act-primary-bg-hover, #595959);--tv-Button-border-color-active-primary:var(--tv-color-act-primary-border-hover, #595959);--tv-Button-text-color-active-primary:var(--tv-color-act-primary-text-inverse-tint-active, #ffffff);--tv-Button-bg-color-plain-active-primary:var(--tv-color-act-primary-bg-white-hover, #ffffff);--tv-Button-border-color-plain-active-primary:var(--tv-color-act-primary-bg-white-hover, #ffffff);--tv-Button-text-color-plain-active-primary:var(--tv-color-act-primary-plain-text-hover, #191919);--tv-Button-border-color-ghost-active-primary:var(--tv-color-act-primary-plain-text-hover, #191919);--tv-Button-bg-color-active-success:var(--tv-color-act-success-bg-hover, #7dcc29);--tv-Button-border-color-active-success:var(--tv-color-act-success-border-hover, #7dcc29);--tv-Button-text-color-active-success:var(--tv-color-act-success-text-white-active, #ffffff);--tv-Button-bg-color-plain-active-success:var(--tv-color-act-success-bg-light-hover, #edf7df);--tv-Button-border-color-plain-active-success:var(--tv-color-act-success-bg-light-hover, #edf7df);--tv-Button-text-color-plain-active-success:var(--tv-color-act-success-plain-text-hover, #5cb300);--tv-Button-border-color-ghost-active-success:var(--tv-color-act-success-border-hover-1, #daf2bb);--tv-Button-bg-color-active-warning:var(--tv-color-act-warning-bg-active, #ff9a2e);--tv-Button-border-color-active-warning:var(--tv-color-act-warning-border-hover, #ff9a2e);--tv-Button-text-color-active-warning:var(--tv-color-act-warning-text-white-active, #ffffff);--tv-Button-bg-color-plain-active-warning:var(--tv-color-act-warning-bg-light-hover, #fff4e8);--tv-Button-border-color-plain-active-warning:var(--tv-color-act-warning-bg-light-hover, #fff4e8);--tv-Button-text-color-plain-active-warning:var(--tv-color-act-warning-plain-text-hover, #ff8800);--tv-Button-border-color-ghost-active-warning:var(--tv-color-act-warning-border-active-1, #ffebd1);--tv-Button-bg-color-active-danger:var(--tv-color-act-danger-bg-hover, #f76360);--tv-Button-border-color-active-danger:var(--tv-color-act-danger-border-hover, #f76360);--tv-Button-text-color-active-danger:var(--tv-color-act-danger-text-white-active, #ffffff);--tv-Button-bg-color-plain-active-danger:var(--tv-color-act-danger-bg-light-hover, #fff1f0);--tv-Button-border-color-plain-active-danger:var(--tv-color-act-danger-bg-light-hover, #fff1f0);--tv-Button-text-color-plain-active-danger:var(--tv-color-act-danger-plain-text-hover, #f23030);--tv-Button-border-color-ghost-active-danger:var(--tv-color-act-danger-border-hover-1, #fce2e0);--tv-Button-bg-color-active-info:var(--tv-color-act-info-bg-active, #4191fa);--tv-Button-border-color-active-info:var(--tv-color-act-info-border-active, #4191fa);--tv-Button-text-color-active-info:var(--tv-color-act-info-text-white-active, #ffffff);--tv-Button-bg-color-plain-active-info:var(--tv-color-act-info-bg-light-hover, #f0f7ff);--tv-Button-border-color-plain-active-info:var(--tv-color-act-info-bg-light-active, #f0f7ff);--tv-Button-text-color-plain-active-info:var(--tv-color-act-info-plain-text-hover, #1476ff);--tv-Button-border-color-ghost-active-info:var(--tv-color-act-info-border-active-1, #deecff);--tv-Button-text-color-disabled:var(--tv-color-text-disabled, #c2c2c2);--tv-Button-bg-color-disabled:var(--tv-color-bg-disabled, #f0f0f0);--tv-Button-border-color-disabled:var(--tv-color-border-disabled, #dbdbdb);--tv-Button-border-color-ghost-disabled:var(--tv-color-border-disabled, #dbdbdb);--tv-Button-icon-color-disabled:var(--tv-color-icon-disabled, #c2c2c2);--tv-Button-border-color-only-icon-default:var(--tv-color-border, #c2c2c2);--tv-Button-color-only-icon-default:var(--tv-color-icon, #808080);--tv-Button-color-only-icon-default-hover:var(--tv-color-icon-hover, #191919);--tv-Button-border-color-only-icon-default-hover:var(--tv-color-border-hover, #191919);--tv-Button-border-radius-only-icon:var(--tv-border-radius-md, 6px);--tv-Button-border-radius-only-icon-ontext:var(--tv-border-radius-sm, 4px);--tv-Button-bg-color-only-icon-ontext:transparent;--tv-Button-bg-color-only-icon:var(--tv-color-icon, #808080);--tv-Button-bg-color-only-icon-ontext-hover:var(--tv-color-bg, #f5f5f5);--tv-Button-bg-color-only-icon-hover:var(--tv-color-icon-hover, #191919);--tv-Button-icon-color:var(--tv-color-icon, #808080);--tv-Button-disabled-color-only-icon-hover:var(--tv-color-icon, #808080);--tv-Button-text-color-ontext:var(--tv-color-text-link, #1476ff);--tv-Button-text-color-ontext-disabled:var(--tv-color-text-disabled, #c2c2c2);--tv-Button-font-size-ontext:var(--tv-font-size-default, 14px);--tv-Button-margin-right-isicon-svg:var(--tv-space-sm, 4px);--tv-Button-color-icon-svg:var(--tv-color-icon, #808080);--tv-Button-text-color-isicon-ontext:var(--tv-color-text-control, #191919);--tv-Button-text-color-isicon-ontext-disabled:var(--tv-color-text-disabled, #c2c2c2);--tv-Button-font-size-isicon-ontext:var(--tv-font-size-default, 14px);--tv-Button-margin-left-btn-to-btn-md:var(--tv-space-md, 8px);--tv-Button-margin-left-btn-to-btn-lg:var(--tv-space-xl, 16px);--tv-Button-margin-right-isloading-svg:var(--tv-space-sm, 4px);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:center;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-o-border-image:initial;border-image:initial;overflow:hidden;-webkit-transition:all .3s;transition:all .3s;outline:0;vertical-align:middle;font-weight:var(--tv-Button-font-weight);border:var(--tv-Button-border-width) solid;line-height:var(--tv-Button-line-height);border-radius:var(--tv-Button-border-radius);font-size:var(--tv-Button-font-size);height:var(--tv-Button-height);padding:0 var(--tv-Button-padding-x);min-width:var(--tv-Button-min-width)}.tiny-button.is-round{border-radius:var(--tv-Button-border-radius-round)}.tiny-button.is-circle.is-circle{border-radius:var(--tv-Button-border-radius-circle);aspect-ratio:1;min-width:initial;padding:initial}.tiny-button.is-only-icon .tiny-svg{font-size:var(--tv-Button-size-icon-font-size)}.tiny-button.tiny-button--large{font-size:var(--tv-Button-font-size-large);height:var(--tv-Button-height-large);padding:0 var(--tv-Button-padding-x-large);min-width:var(--tv-Button-min-width-large)}.tiny-button.tiny-button--large.is-only-icon .tiny-svg{font-size:var(--tv-Button-size-icon-font-size-large)}.tiny-button.tiny-button--medium{font-size:var(--tv-Button-font-size-medium);height:var(--tv-Button-height-medium);padding:0 var(--tv-Button-padding-x-medium);min-width:var(--tv-Button-min-width-medium)}.tiny-button.tiny-button--medium.is-only-icon .tiny-svg{font-size:var(--tv-Button-size-icon-font-size-medium)}.tiny-button.tiny-button--small{font-size:var(--tv-Button-font-size-small);height:var(--tv-Button-height-small);padding:0 var(--tv-Button-padding-x-small);min-width:var(--tv-Button-min-width-small)}.tiny-button.tiny-button--small.is-only-icon .tiny-svg{font-size:var(--tv-Button-size-icon-font-size-small)}.tiny-button.tiny-button--mini{font-size:var(--tv-Button-font-size-mini);height:var(--tv-Button-height-mini);padding:0 var(--tv-Button-padding-x-mini);min-width:var(--tv-Button-min-width-mini)}.tiny-button.tiny-button--mini.is-only-icon .tiny-svg{font-size:var(--tv-Button-size-icon-font-size-mini)}.tiny-button.tiny-button--default{color:var(--tv-Button-text-color-default);background-color:var(--tv-Button-bg-color-default);border-color:var(--tv-Button-border-color-default);fill:var(--tv-Button-icon-color-default)}.tiny-button.tiny-button--default.is-active,.tiny-button.tiny-button--default.is-loading.is-loading.is-loading.is-loading.is-loading,.tiny-button.tiny-button--default:active,.tiny-button.tiny-button--default:focus,.tiny-button.tiny-button--default:hover{background-color:var(--tv-Button-bg-color-active-default);border-color:var(--tv-Button-border-color-active-default);color:var(--tv-Button-text-color-active-default)}.tiny-button.tiny-button--default.is-plain{color:var(--tv-Button-text-color-plain-default);background-color:var(--tv-Button-bg-color-plain-default);border-color:var(--tv-Button-border-color-plain-default)}.tiny-button.tiny-button--default.is-plain.is-active,.tiny-button.tiny-button--default.is-plain.is-loading.is-loading.is-loading.is-loading.is-loading,.tiny-button.tiny-button--default.is-plain:active,.tiny-button.tiny-button--default.is-plain:focus,.tiny-button.tiny-button--default.is-plain:hover{background-color:var(--tv-Button-bg-color-plain-active-default);border-color:var(--tv-Button-border-color-plain-active-default);color:var(--tv-Button-text-color-plain-active-default)}.tiny-button.tiny-button--default.is-ghost{color:var(--tv-Button-text-color-ghost-default);border-color:var(--tv-Button-border-color-ghost-default)}.tiny-button.tiny-button--default.is-ghost.is-active,.tiny-button.tiny-button--default.is-ghost:active,.tiny-button.tiny-button--default.is-ghost:focus,.tiny-button.tiny-button--default.is-ghost:hover{border-color:var(--tv-Button-border-color-ghost-active-default)}.tiny-button.tiny-button--primary{color:var(--tv-Button-text-color-primary);background-color:var(--tv-Button-bg-color-primary);border-color:var(--tv-Button-border-color-primary);fill:var(--tv-Button-icon-color-primary)}.tiny-button.tiny-button--primary.is-active,.tiny-button.tiny-button--primary.is-loading.is-loading.is-loading.is-loading.is-loading,.tiny-button.tiny-button--primary:active,.tiny-button.tiny-button--primary:focus,.tiny-button.tiny-button--primary:hover{background-color:var(--tv-Button-bg-color-active-primary);border-color:var(--tv-Button-border-color-active-primary);color:var(--tv-Button-text-color-active-primary)}.tiny-button.tiny-button--primary.is-plain{color:var(--tv-Button-text-color-plain-primary);background-color:var(--tv-Button-bg-color-plain-primary);border-color:var(--tv-Button-border-color-plain-primary)}.tiny-button.tiny-button--primary.is-plain.is-active,.tiny-button.tiny-button--primary.is-plain.is-loading.is-loading.is-loading.is-loading.is-loading,.tiny-button.tiny-button--primary.is-plain:active,.tiny-button.tiny-button--primary.is-plain:focus,.tiny-button.tiny-button--primary.is-plain:hover{background-color:var(--tv-Button-bg-color-plain-active-primary);border-color:var(--tv-Button-border-color-plain-active-primary);color:var(--tv-Button-text-color-plain-active-primary)}.tiny-button.tiny-button--primary.is-ghost{color:var(--tv-Button-text-color-ghost-primary);border-color:var(--tv-Button-border-color-ghost-primary)}.tiny-button.tiny-button--primary.is-ghost.is-active,.tiny-button.tiny-button--primary.is-ghost:active,.tiny-button.tiny-button--primary.is-ghost:focus,.tiny-button.tiny-button--primary.is-ghost:hover{border-color:var(--tv-Button-border-color-ghost-active-primary)}.tiny-button.tiny-button--success{color:var(--tv-Button-text-color-success);background-color:var(--tv-Button-bg-color-success);border-color:var(--tv-Button-border-color-success);fill:var(--tv-Button-icon-color-success)}.tiny-button.tiny-button--success.is-active,.tiny-button.tiny-button--success.is-loading.is-loading.is-loading.is-loading.is-loading,.tiny-button.tiny-button--success:active,.tiny-button.tiny-button--success:focus,.tiny-button.tiny-button--success:hover{background-color:var(--tv-Button-bg-color-active-success);border-color:var(--tv-Button-border-color-active-success);color:var(--tv-Button-text-color-active-success)}.tiny-button.tiny-button--success.is-plain{color:var(--tv-Button-text-color-plain-success);background-color:var(--tv-Button-bg-color-plain-success);border-color:var(--tv-Button-border-color-plain-success)}.tiny-button.tiny-button--success.is-plain.is-active,.tiny-button.tiny-button--success.is-plain.is-loading.is-loading.is-loading.is-loading.is-loading,.tiny-button.tiny-button--success.is-plain:active,.tiny-button.tiny-button--success.is-plain:focus,.tiny-button.tiny-button--success.is-plain:hover{background-color:var(--tv-Button-bg-color-plain-active-success);border-color:var(--tv-Button-border-color-plain-active-success);color:var(--tv-Button-text-color-plain-active-success)}.tiny-button.tiny-button--success.is-ghost{color:var(--tv-Button-text-color-ghost-success);border-color:var(--tv-Button-border-color-ghost-success)}.tiny-button.tiny-button--success.is-ghost.is-active,.tiny-button.tiny-button--success.is-ghost:active,.tiny-button.tiny-button--success.is-ghost:focus,.tiny-button.tiny-button--success.is-ghost:hover{border-color:var(--tv-Button-border-color-ghost-active-success)}.tiny-button.tiny-button--warning{color:var(--tv-Button-text-color-warning);background-color:var(--tv-Button-bg-color-warning);border-color:var(--tv-Button-border-color-warning);fill:var(--tv-Button-icon-color-warning)}.tiny-button.tiny-button--warning.is-active,.tiny-button.tiny-button--warning.is-loading.is-loading.is-loading.is-loading.is-loading,.tiny-button.tiny-button--warning:active,.tiny-button.tiny-button--warning:focus,.tiny-button.tiny-button--warning:hover{background-color:var(--tv-Button-bg-color-active-warning);border-color:var(--tv-Button-border-color-active-warning);color:var(--tv-Button-text-color-active-warning)}.tiny-button.tiny-button--warning.is-plain{color:var(--tv-Button-text-color-plain-warning);background-color:var(--tv-Button-bg-color-plain-warning);border-color:var(--tv-Button-border-color-plain-warning)}.tiny-button.tiny-button--warning.is-plain.is-active,.tiny-button.tiny-button--warning.is-plain.is-loading.is-loading.is-loading.is-loading.is-loading,.tiny-button.tiny-button--warning.is-plain:active,.tiny-button.tiny-button--warning.is-plain:focus,.tiny-button.tiny-button--warning.is-plain:hover{background-color:var(--tv-Button-bg-color-plain-active-warning);border-color:var(--tv-Button-border-color-plain-active-warning);color:var(--tv-Button-text-color-plain-active-warning)}.tiny-button.tiny-button--warning.is-ghost{color:var(--tv-Button-text-color-ghost-warning);border-color:var(--tv-Button-border-color-ghost-warning)}.tiny-button.tiny-button--warning.is-ghost.is-active,.tiny-button.tiny-button--warning.is-ghost:active,.tiny-button.tiny-button--warning.is-ghost:focus,.tiny-button.tiny-button--warning.is-ghost:hover{border-color:var(--tv-Button-border-color-ghost-active-warning)}.tiny-button.tiny-button--danger{color:var(--tv-Button-text-color-danger);background-color:var(--tv-Button-bg-color-danger);border-color:var(--tv-Button-border-color-danger);fill:var(--tv-Button-icon-color-danger)}.tiny-button.tiny-button--danger.is-active,.tiny-button.tiny-button--danger.is-loading.is-loading.is-loading.is-loading.is-loading,.tiny-button.tiny-button--danger:active,.tiny-button.tiny-button--danger:focus,.tiny-button.tiny-button--danger:hover{background-color:var(--tv-Button-bg-color-active-danger);border-color:var(--tv-Button-border-color-active-danger);color:var(--tv-Button-text-color-active-danger)}.tiny-button.tiny-button--danger.is-plain{color:var(--tv-Button-text-color-plain-danger);background-color:var(--tv-Button-bg-color-plain-danger);border-color:var(--tv-Button-border-color-plain-danger)}.tiny-button.tiny-button--danger.is-plain.is-active,.tiny-button.tiny-button--danger.is-plain.is-loading.is-loading.is-loading.is-loading.is-loading,.tiny-button.tiny-button--danger.is-plain:active,.tiny-button.tiny-button--danger.is-plain:focus,.tiny-button.tiny-button--danger.is-plain:hover{background-color:var(--tv-Button-bg-color-plain-active-danger);border-color:var(--tv-Button-border-color-plain-active-danger);color:var(--tv-Button-text-color-plain-active-danger)}.tiny-button.tiny-button--danger.is-ghost{color:var(--tv-Button-text-color-ghost-danger);border-color:var(--tv-Button-border-color-ghost-danger)}.tiny-button.tiny-button--danger.is-ghost.is-active,.tiny-button.tiny-button--danger.is-ghost:active,.tiny-button.tiny-button--danger.is-ghost:focus,.tiny-button.tiny-button--danger.is-ghost:hover{border-color:var(--tv-Button-border-color-ghost-active-danger)}.tiny-button.tiny-button--info{color:var(--tv-Button-text-color-info);background-color:var(--tv-Button-bg-color-info);border-color:var(--tv-Button-border-color-info);fill:var(--tv-Button-icon-color-info)}.tiny-button.tiny-button--info.is-active,.tiny-button.tiny-button--info.is-loading.is-loading.is-loading.is-loading.is-loading,.tiny-button.tiny-button--info:active,.tiny-button.tiny-button--info:focus,.tiny-button.tiny-button--info:hover{background-color:var(--tv-Button-bg-color-active-info);border-color:var(--tv-Button-border-color-active-info);color:var(--tv-Button-text-color-active-info)}.tiny-button.tiny-button--info.is-plain{color:var(--tv-Button-text-color-plain-info);background-color:var(--tv-Button-bg-color-plain-info);border-color:var(--tv-Button-border-color-plain-info)}.tiny-button.tiny-button--info.is-plain.is-active,.tiny-button.tiny-button--info.is-plain.is-loading.is-loading.is-loading.is-loading.is-loading,.tiny-button.tiny-button--info.is-plain:active,.tiny-button.tiny-button--info.is-plain:focus,.tiny-button.tiny-button--info.is-plain:hover{background-color:var(--tv-Button-bg-color-plain-active-info);border-color:var(--tv-Button-border-color-plain-active-info);color:var(--tv-Button-text-color-plain-active-info)}.tiny-button.tiny-button--info.is-ghost{color:var(--tv-Button-text-color-ghost-info);border-color:var(--tv-Button-border-color-ghost-info)}.tiny-button.tiny-button--info.is-ghost.is-active,.tiny-button.tiny-button--info.is-ghost:active,.tiny-button.tiny-button--info.is-ghost:focus,.tiny-button.tiny-button--info.is-ghost:hover{border-color:var(--tv-Button-border-color-ghost-active-info)}.tiny-button.is-ghost.is-ghost.is-ghost.is-ghost.is-ghost.is-ghost{background-color:var(--tv-Button-bg-color-ghost)}.tiny-button.is-disabled.is-disabled.is-disabled.is-disabled.is-disabled,.tiny-button[disabled][disabled][disabled][disabled][disabled]{color:var(--tv-Button-text-color-disabled);background-color:var(--tv-Button-bg-color-disabled);border-color:var(--tv-Button-border-color-disabled);fill:var(--tv-Button-icon-color-disabled);cursor:not-allowed}.tiny-button.is-disabled.is-disabled.is-disabled.is-disabled.is-disabled.is-ghost,.tiny-button[disabled][disabled][disabled][disabled][disabled].is-ghost{border-color:var(--tv-Button-border-color-ghost-disabled)}.tiny-button.is-disabled.is-disabled.is-disabled.is-disabled.is-disabled.is-only-icon .tiny-svg,.tiny-button[disabled][disabled][disabled][disabled][disabled].is-only-icon .tiny-svg{fill:var(--tv-Button-icon-color-disabled)}.tiny-button.is-disabled.is-disabled.is-disabled.is-disabled.is-disabled.is-only-icon.tiny-button--text,.tiny-button[disabled][disabled][disabled][disabled][disabled].is-only-icon.tiny-button--text{background-color:transparent}.tiny-button.is-loading.tiny-button--default .tiny-svg{fill:var(--tv-Button-icon-color-default-loading)}.tiny-button.is-loading.tiny-button--primary .tiny-svg{fill:var(--tv-Button-icon-color-primary-loading)}.tiny-button .tiny-svg{vertical-align:text-top}.tiny-button.is-only-icon.is-only-icon{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0;width:var(--tv-Button-height);height:var(--tv-Button-height);min-width:var(--tv-Button-height);min-height:var(--tv-Button-height)}.tiny-button.is-only-icon.is-only-icon.tiny-button--default{border-color:var(--tv-Button-border-color-only-icon-default)}.tiny-button.is-only-icon.is-only-icon.tiny-button--default svg{fill:var(--tv-Button-color-only-icon-default)}.tiny-button.is-only-icon.is-only-icon.tiny-button--default.is-active,.tiny-button.is-only-icon.is-only-icon.tiny-button--default:active,.tiny-button.is-only-icon.is-only-icon.tiny-button--default:focus,.tiny-button.is-only-icon.is-only-icon.tiny-button--default:hover{border-color:var(--tv-Button-border-color-only-icon-default-hover)}.tiny-button.is-only-icon.is-only-icon.tiny-button--default.is-active svg,.tiny-button.is-only-icon.is-only-icon.tiny-button--default:active svg,.tiny-button.is-only-icon.is-only-icon.tiny-button--default:focus svg,.tiny-button.is-only-icon.is-only-icon.tiny-button--default:hover svg{fill:var(--tv-Button-color-only-icon-default-hover)}.tiny-button.is-only-icon.is-only-icon.tiny-button--large{width:var(--tv-Button-height-large);height:var(--tv-Button-height-large);min-width:var(--tv-Button-height-large);min-height:var(--tv-Button-height-large)}.tiny-button.is-only-icon.is-only-icon.tiny-button--medium{width:var(--tv-Button-height-medium);height:var(--tv-Button-height-medium);min-width:var(--tv-Button-height-medium);min-height:var(--tv-Button-height-medium)}.tiny-button.is-only-icon.is-only-icon.tiny-button--small{width:var(--tv-Button-height-small);height:var(--tv-Button-height-small);min-width:var(--tv-Button-height-small);min-height:var(--tv-Button-height-small)}.tiny-button.is-only-icon.is-only-icon.tiny-button--mini{width:var(--tv-Button-height-mini);height:var(--tv-Button-height-mini);min-width:var(--tv-Button-height-mini);min-height:var(--tv-Button-height-mini)}.tiny-button.is-only-icon.is-only-icon:not(.is-circle){border-radius:var(--tv-Button-border-radius-only-icon)}.tiny-button.is-only-icon.is-only-icon.tiny-button--text{border:none;border-radius:var(--tv-Button-border-radius-only-icon-ontext);background-color:var(--tv-Button-bg-color-only-icon-ontext);font-size:calc(var(--tv-Button-height) - 8px)}.tiny-button.is-only-icon.is-only-icon.tiny-button--text svg{fill:var(--tv-Button-bg-color-only-icon)}.tiny-button.is-only-icon.is-only-icon.tiny-button--text.is-active,.tiny-button.is-only-icon.is-only-icon.tiny-button--text:active,.tiny-button.is-only-icon.is-only-icon.tiny-button--text:focus,.tiny-button.is-only-icon.is-only-icon.tiny-button--text:hover{background-color:var(--tv-Button-bg-color-only-icon-ontext-hover)}.tiny-button.is-only-icon.is-only-icon.tiny-button--text.is-active svg,.tiny-button.is-only-icon.is-only-icon.tiny-button--text:active svg,.tiny-button.is-only-icon.is-only-icon.tiny-button--text:focus svg,.tiny-button.is-only-icon.is-only-icon.tiny-button--text:hover svg{fill:var(--tv-Button-bg-color-only-icon-hover)}.tiny-button.is-only-icon.is-only-icon.tiny-button--text.tiny-button--large{font-size:calc(var(--tv-Button-height-large) - 8px)}.tiny-button.is-only-icon.is-only-icon.tiny-button--text.tiny-button--medium{font-size:calc(var(--tv-Button-height-medium) - 8px)}.tiny-button.is-only-icon.is-only-icon.tiny-button--text.tiny-button--small{font-size:calc(var(--tv-Button-height-small) - 8px)}.tiny-button.is-only-icon.is-only-icon.tiny-button--text.tiny-button--mini{font-size:calc(var(--tv-Button-height-mini) - 8px)}.tiny-button.is-only-icon.is-only-icon.tiny-button--text .tiny-svg{fill:var(--tv-Button-icon-color);color:var(--tv-Button-icon-color)}.tiny-button.is-only-icon.is-only-icon.tiny-button--text.is-disabled:hover svg{fill:var(--tv-Button-disabled-color-only-icon-hover)}.tiny-button.tiny-button--text:not(.is-only-icon):not(.is-icon){border:none;border-radius:0;padding:0;min-width:unset;height:auto;font-size:var(--tv-Button-font-size-ontext);color:var(--tv-Button-text-color-ontext);background-color:transparent}.tiny-button.tiny-button--text:not(.is-only-icon):not(.is-icon):hover{text-decoration:underline}.tiny-button.tiny-button--text:not(.is-only-icon):not(.is-icon).is-disabled.is-disabled.is-disabled.is-disabled,.tiny-button.tiny-button--text:not(.is-only-icon):not(.is-icon).is-loading.is-loading.is-loading.is-loading,.tiny-button.tiny-button--text:not(.is-only-icon):not(.is-icon)[disabled][disabled][disabled][disabled][disabled][disabled]{color:var(--tv-Button-text-color-ontext-disabled);background-color:transparent;text-decoration:none}.tiny-button.is-icon{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-button.is-icon .tiny-svg{margin-right:var(--tv-Button-margin-right-isicon-svg);fill:var(--tv-Button-color-icon-svg)}.tiny-button.tiny-button--text.is-icon{border:none;border-radius:0;padding:0;min-width:unset;height:auto;font-size:var(--tv-Button-font-size-isicon-ontext);color:var(--tv-Button-text-color-isicon-ontext);background-color:transparent}.tiny-button.tiny-button--text.is-icon:hover{text-decoration:underline}.tiny-button.tiny-button--text.is-icon.is-disabled.is-disabled.is-disabled.is-disabled,.tiny-button.tiny-button--text.is-icon.is-loading.is-loading.is-loading.is-loading,.tiny-button.tiny-button--text.is-icon[disabled][disabled][disabled][disabled][disabled][disabled]{color:var(--tv-Button-text-color-ontext-disabled);background-color:transparent;text-decoration:none}.tiny-button>img{margin-right:4px;vertical-align:middle}.tiny-button+.tiny-button{margin-left:var(--tv-Button-margin-left-btn-to-btn-md)}.tiny-button.tiny-button--large+.tiny-button.tiny-button--large,.tiny-button.tiny-button--medium+.tiny-button.tiny-button--medium{margin-left:var(--tv-Button-margin-left-btn-to-btn-lg)}.tiny-button.is-loading>svg{margin-right:var(--tv-Button-margin-right-isloading-svg)}