.tiny-button-group{--ti-button-group-border-color:var(--ti-common-color-line-normal, #adb0b8);--ti-button-group-border-weight:var(--ti-common-size-0, 0px);--ti-button-group-border-radius:var(--ti-common-border-radius-normal, 2px);--ti-button-group-mini-side-border-radius:var(--ti-common-border-radius-normal, 2px);--ti-button-group-right-border-radius:var(--ti-common-border-radius-0, 0px);--ti-button-group-mini-right-border-radius:var(--ti-button-group-mini-border-radius, 0px);--ti-button-group-middle-border-radius:var(--ti-common-border-radius-0, 0px);--ti-button-group-left-border-radius:var(--ti-common-border-radius-0, 0px);--ti-button-group-mini-left-border-radius:var(--ti-button-group-mini-border-radius, 0px);--ti-button-group-hover-border-color:var(--ti-common-color-line-active, #5e7ce0);--ti-button-group-info-border-color:var(--ti-common-color-light, #fff);--ti-button-group-disabled-text-color:var(--ti-common-color-text-disabled, #adb0b8);--ti-button-group-item-bg-color:var(--ti-common-color-bg-light-normal, #e9edfa);--ti-button-group-item-btn-text-color:var(--ti-common-color-text-primary, #252b3a);--ti-button-group-item-btn-width:var(--ti-common-size-width-normal, 80px);--ti-button-group-item-btn-height:var(--ti-common-size-height-normal, 28px);--ti-button-group-item-btn-font-size:var(--ti-common-font-size-base, 12px);--ti-button-group-item-btn-disabled-bg-color:var(--ti-common-color-bg-disabled, #f5f5f6);--ti-button-group-item-btn-disabled-border-color:var(--ti-common-color-border, #adb0b8);--ti-button-group-item-disabled-text-color:var(--ti-common-color-text-disabled, #adb0b8);--ti-button-group-item-active-disabled-text-color:var(--ti-common-color-text-disabled, #adb0b8);--ti-button-group-item-btn-hover-bg-color:var(--ti-common-color-bg-light-emphasize, #beccfa);--ti-button-group-item-btn-hover-border-color:var(--ti-common-color-primary-hover, #7693f5);--ti-button-group-item-btn-hover-text-color:var(--ti-common-color-text-primary, #252b3a);--ti-button-group-item-btn-plain-text-color:var(--ti-common-color-text-link-hover, #344899);--ti-button-group-item-btn-plain-bg-color:var(--ti-common-color-prompt-bg, #ebf6ff);--ti-button-group-item-btn-plain-border-color:var(--ti-common-color-bg-emphasize, #5e7ce0);--ti-button-group-item-active-bg-color:var(--ti-common-color-bg-emphasize, #5e7ce0);--ti-button-group-item-btn-active-hover-bg-color:var(--ti-common-color-bg-light-emphasize, #beccfa);--ti-button-group-plain-active-text-color:var(--ti-common-color-bg-emphasize, #5e7ce0);--ti-button-group-item-active-disabled-bg-color:var(--ti-common-color-bg-dark-disabled, #dfe1e6);--ti-button-group-item-active-text-color:var(--ti-common-color-light, #fff);--ti-button-group-item-li-margin-right:calc(var(--ti-common-space-base, 4px) / 2);--ti-button-group-item-li-margin-bottom:var(--ti-common-space-base, 4px);--ti-button-group-item-active-border-color:var(--ti-common-color-bg-emphasize, #5e7ce0);--ti-button-group-active-hover-border-color:var(--ti-common-color-primary-hover, #7693f5);--ti-button-group-btn-padding-horizontal:calc(var(--ti-common-space-10, 10px) * 3);--ti-button-group-margin-top:var(--ti-common-space-0, 0px);--ti-button-group-item-margin-top:var(--ti-common-space-0, 0px);--ti-button-group-mini-margin-right:calc(var(--ti-common-space-base, 4px) / 2);--ti-button-group-mini-font-size:calc(var(--ti-common-font-size-1, 14px) - 2px);--ti-button-group-no-border-hover-bg-color:var(--ti-common-color-bg-light-emphasize, #beccfa);--ti-button-group-no-border-active-hover-bg-color:var(--ti-common-color-primary-hover, #7693f5);--ti-button-group-no-border-disabled-bg-color:var(--ti-common-color-light, #ffffff);--ti-button-group-mini-padding-horizontal:var(--ti-common-space-3x, 12px);--ti-button-group-mini-border-radius:calc(var(--ti-common-border-radius-normal, 2px) - 2px);--ti-button-group-no-border-hover-border-color:var(--ti-common-color-transparent, transparent);--ti-button-group-no-border-border-color:var(--ti-common-color-transparent, transparent);--ti-button-group-item-sup-height:var(--ti-common-size-4x, 16px);--ti-button-group-item-sup-position-top:calc(-1 * var(--ti-button-group-item-sup-height) / 2);--ti-button-group-item-sup-font-color:var(--ti-common-color-text-white, #fff);--ti-button-group-item-sup-font-size:var(--ti-common-font-size-base, 12px);display:inline-block;vertical-align:middle;margin-top:var(--ti-button-group-margin-top)}.tiny-button-group:after,.tiny-button-group:before{content:'';display:table}.tiny-button-group:after{clear:both}.tiny-button-group--empty{color:var(--ti-common-color-placeholder)}.tiny-button-group .tiny-group-item{display:inline-block;vertical-align:middle}.tiny-button-group .tiny-group-item li.active button.disabled,.tiny-button-group .tiny-group-item li.active[disabled]{color:var(--ti-button-group-item-active-disabled-text-color)}.tiny-button-group .tiny-group-item li{line-height:28px;float:left;position:relative;margin-top:var(--ti-button-group-item-margin-top)}.tiny-button-group .tiny-group-item li button{border:var(--ti-button-group-border-weight) solid var(--ti-button-group-border-color);display:block;text-align:center;color:var(--ti-button-group-item-btn-text-color);background:var(--ti-button-group-item-bg-color);min-width:var(--ti-button-group-item-btn-width);height:var(--ti-button-group-item-btn-height);padding:0 var(--ti-button-group-btn-padding-horizontal);text-decoration:none;font-size:var(--ti-button-group-item-btn-font-size);outline:0;cursor:pointer;-webkit-transition:all .3s;transition:all .3s;border-radius:var(--ti-button-group-middle-border-radius)}.tiny-button-group .tiny-group-item li button.disabled,.tiny-button-group .tiny-group-item li button[disabled]{background:var(--ti-button-group-item-btn-disabled-bg-color);border-color:var(--ti-button-group-item-btn-disabled-border-color);cursor:not-allowed;color:var(--ti-button-group-item-disabled-text-color)}.tiny-button-group .tiny-group-item li button.plain,.tiny-button-group .tiny-group-item li button[plain]{background:0 0}.tiny-button-group .tiny-group-item li:hover{z-index:1}.tiny-button-group .tiny-group-item li:hover button:not(.disabled){background:var(--ti-button-group-item-btn-hover-bg-color);color:var(--ti-button-group-item-btn-hover-text-color);border-color:var(--ti-button-group-item-btn-hover-border-color);outline:0}.tiny-button-group .tiny-group-item li:hover button:not(.disabled).plain,.tiny-button-group .tiny-group-item li:hover button:not(.disabled)[plain]{color:var(--ti-button-group-item-btn-plain-text-color);background-color:var(--ti-button-group-item-btn-plain-bg-color);border-color:var(--ti-button-group-item-btn-plain-border-color)}.tiny-button-group .tiny-group-item li.active{z-index:1}.tiny-button-group .tiny-group-item li.active:hover button:not(.disabled){background:var(--ti-button-group-item-btn-active-hover-bg-color);border-color:var(--ti-button-group-active-hover-border-color)}.tiny-button-group .tiny-group-item li.active:hover button:not(.disabled).plain,.tiny-button-group .tiny-group-item li.active:hover button:not(.disabled)[plain]{background-color:var(--ti-button-group-item-btn-plain-bg-color)}.tiny-button-group .tiny-group-item li.active button.disabled{background:var(--ti-button-group-item-active-disabled-bg-color)}.tiny-button-group .tiny-group-item li.active button:not(.disabled){background:var(--ti-button-group-item-active-bg-color);color:var(--ti-button-group-item-active-text-color);border-color:var(--ti-button-group-item-active-border-color);outline:0}.tiny-button-group .tiny-group-item li.active button:not(.disabled).plain,.tiny-button-group .tiny-group-item li.active button:not(.disabled)[plain]{color:var(--ti-button-group-plain-active-text-color);background:0 0}.tiny-button-group .tiny-group-item li:first-child button{border-radius:var(--ti-button-group-border-radius) var(--ti-button-group-right-border-radius) var(--ti-button-group-right-border-radius) var(--ti-button-group-border-radius)}.tiny-button-group .tiny-group-item li:last-child button{border-radius:var(--ti-button-group-left-border-radius) var(--ti-button-group-border-radius) var(--ti-button-group-border-radius) var(--ti-button-group-left-border-radius)}.tiny-button-group .tiny-group-item li:not(:last-child){margin-right:var(--ti-button-group-item-li-margin-right);margin-bottom:var(--ti-button-group-item-li-margin-bottom)}.tiny-button-group .tiny-group-item__sup{position:absolute;min-width:var(--ti-button-group-item-sup-height);height:var(--ti-button-group-item-sup-height);top:var(--ti-button-group-item-sup-position-top);color:var(--ti-button-group-item-sup-font-color);right:0;font-size:var(--ti-button-group-item-btn-font-size);line-height:var(--ti-button-group-item-sup-height);text-align:center;background-color:#fa9841}.tiny-button-group .tiny-group-item__sup .tiny-svg{vertical-align:unset}.tiny-button-group .tiny-group-item__sup-icon{background-color:#fa9841;border-radius:2px;fill:#fff}.tiny-button-group .tiny-group-item__sup-text{background-color:#fa9841;padding:0 4px;border-top-left-radius:4px;border-bottom-right-radius:4px}.tiny-button-group>.tiny-button{float:left;position:relative}.tiny-button-group>.tiny-button+.tiny-button{margin-left:0}.tiny-button-group>.tiny-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0;border-right-color:var(--ti-button-group-info-border-color)}.tiny-button-group>.tiny-button:first-child.tiny-button--default{border-right-color:var(--ti-button-group-border-color)}.tiny-button-group>.tiny-button:first-child.tiny-button--default:active,.tiny-button-group>.tiny-button:first-child.tiny-button--default:focus,.tiny-button-group>.tiny-button:first-child.tiny-button--default:hover{border-right-color:var(--ti-button-group-hover-border-color);z-index:1}.tiny-button-group>.tiny-button:last-child{border-top-left-radius:0;border-bottom-left-radius:0;border-left-color:var(--ti-button-group-info-border-color)}.tiny-button-group>.tiny-button:last-child.tiny-button--default{border-left-color:var(--ti-button-group-border-color)}.tiny-button-group>.tiny-button:last-child.tiny-button--default:active,.tiny-button-group>.tiny-button:last-child.tiny-button--default:focus,.tiny-button-group>.tiny-button:last-child.tiny-button--default:hover{border-left-color:var(--ti-button-group-hover-border-color);z-index:1}.tiny-button-group>.tiny-button:first-child:last-child{border-radius:var(--ti-button-group-border-radius)}.tiny-button-group>.tiny-button:first-child:last-child.is-round{border-radius:calc(var(--ti-button-size-normal-height,30px)/ 2)}.tiny-button-group>.tiny-button:first-child:last-child.is-circle{border-radius:50%}.tiny-button-group>.tiny-button:not(:first-child):not(:last-child){border-radius:0;border-left-color:var(--ti-button-group-info-border-color);border-right-color:var(--ti-button-group-info-border-color)}.tiny-button-group>.tiny-button:not(:first-child):not(:last-child).tiny-button--default{border-left-color:var(--ti-button-group-border-color);border-right-color:var(--ti-button-group-border-color)}.tiny-button-group>.tiny-button:not(:first-child):not(:last-child).tiny-button--default:active,.tiny-button-group>.tiny-button:not(:first-child):not(:last-child).tiny-button--default:focus,.tiny-button-group>.tiny-button:not(:first-child):not(:last-child).tiny-button--default:hover{border-left-color:var(--ti-button-group-hover-border-color);border-right-color:var(--ti-button-group-hover-border-color);z-index:1}.tiny-button-group>.tiny-button:not(:last-child){margin-right:-1px}.tiny-button-group>.tiny-button>.tiny-dropdown>.tiny-button{border-top-left-radius:0;border-bottom-left-radius:0;border-left-color:var(--ti-button-group-info-border-color)}.tiny-button-group.tiny-button-group--mini li:first-child button{border-radius:var(--ti-button-group-mini-side-border-radius) var(--ti-button-group-mini-right-border-radius) var(--ti-button-group-mini-right-border-radius) var(--ti-button-group-mini-side-border-radius)}.tiny-button-group.tiny-button-group--mini li:last-child button{border-radius:var(--ti-button-group-mini-left-border-radius) var(--ti-button-group-mini-side-border-radius) var(--ti-button-group-mini-side-border-radius) var(--ti-button-group-mini-left-border-radius)}.tiny-button-group.tiny-button-group--mini li:not(:last-child){margin-right:var(--ti-button-group-mini-margin-right)}.tiny-button-group.tiny-button-group--mini li button{font-size:var(--ti-button-group-mini-font-size);padding:0 var(--ti-button-group-mini-padding-horizontal);border-radius:var(--ti-button-group-mini-border-radius)}.tiny-button-group.tiny-button-group--borderless .tiny-group-item li button{border:1px solid transparent;background:0 0}.tiny-button-group.tiny-button-group--borderless .tiny-group-item li:hover button:not(.disabled){background-color:var(--ti-button-group-no-border-hover-bg-color);border-color:var(--ti-button-group-no-border-hover-border-color)}.tiny-button-group.tiny-button-group--borderless .tiny-group-item li.active:hover button:not(.disabled){background-color:var(--ti-button-group-no-border-active-hover-bg-color);border-color:var(--ti-button-group-no-border-border-color)}.tiny-button-group.tiny-button-group--borderless .tiny-group-item li button.disabled{background-color:var(--ti-button-group-no-border-disabled-bg-color)}