.tiny-button-group{--tv-ButtonGroup-border-radius: var(--tv-border-radius-md, 6px);--tv-ButtonGroup-line-height-number: var(--tv-line-height-number, 1.5);--tv-ButtonGroup-item-bg-color: var(--tv-color-bg, #f5f5f5);--tv-ButtonGroup-item-btn-text-color: var(--tv-color-text-secondary, #595959);--tv-ButtonGroup-empty-text-color: var(--tv-color-text-weaken, #808080);--tv-ButtonGroup-item-btn-height: var(--tv-size-height-md, 32px);--tv-ButtonGroup-item-btn-font-size: var(--tv-font-size-default, 14px);--tv-ButtonGroup-item-btn-disabled-bg-color: var(--tv-color-bg-disabled, #f0f0f0);--tv-ButtonGroup-item-disabled-text-color: var(--tv-color-text-disabled, #c2c2c2);--tv-ButtonGroup-item-btn-hover-bg-color: var(--tv-color-bg-hover-1, #deecff);--tv-ButtonGroup-item-btn-hover-text-color: var(--tv-color-text, #191919);--tv-ButtonGroup-item-btn-plain-text-color: var(--tv-color-text-active, #1476ff);--tv-ButtonGroup-plain-border-color: var(--tv-color-border, #c2c2c2);--tv-ButtonGroup-item-btn-plain-bg-color: var(--tv-color-bg-hover-1, #deecff);--tv-ButtonGroup-item-btn-plain-border-color: var(--tv-color-border-active-control, #1476ff);--tv-ButtonGroup-item-active-bg-color: var(--tv-color-bg-active-control, #1476ff);--tv-ButtonGroup-item-active-disabled-bg-color: var(--tv-color-bg-disabled-control-checked, #dbdbdb);--tv-ButtonGroup-item-active-text-color: var(--tv-color-text-inverse-active, #ffffff);--tv-ButtonGroup-btn-padding-x: 24px;--tv-ButtonGroup-item-sup-height: 18px;--tv-ButtonGroup-mini-border-radius: var(--tv-border-radius-sm, 4px);--tv-ButtonGroup-item-sup-font-color: var(--tv-color-text-inverse, #ffffff);--tv-ButtonGroup-item-sup-font-size: var(--tv-font-size-default, 14px);--tv-ButtonGroup-medium-size: var(--tv-size-height-lg, 40px);--tv-ButtonGroup-small-size: var(--tv-size-height-sm, 28px);--tv-ButtonGroup-mini-size: var(--tv-size-height-xs, 24px);--tv-ButtonGroup-mini-font-size: var(--tv-font-size-sm, 12px);--tv-ButtonGroup-mini-padding-x: 16px;--tv-ButtonGroup-more-item-bg-color-hover: var(--tv-color-bg-hover, #f5f5f5);display:inline-block;vertical-align:middle}.tiny-button-group:after,.tiny-button-group:before{content:"";display:table}.tiny-button-group:after{clear:both}.tiny-button-group--empty{color:var(--tv-ButtonGroup-empty-text-color)}.tiny-button-group .tiny-group-item{display:inline-block;vertical-align:middle}.tiny-button-group .tiny-group-item li{line-height:var(--tv-ButtonGroup-line-height-number);float:left;position:relative}.tiny-button-group .tiny-group-item li button{border:none;display:block;text-align:center;color:var(--tv-ButtonGroup-item-btn-text-color);background:var(--tv-ButtonGroup-item-bg-color);min-width:auto;height:var(--tv-ButtonGroup-item-btn-height);padding:0 var(--tv-ButtonGroup-btn-padding-x);text-decoration:none;font-size:var(--tv-ButtonGroup-item-btn-font-size);cursor:pointer;transition:background ease-in .3s,border ease-in .3s;border-radius:var(--tv-ButtonGroup-border-radius)}.tiny-button-group .tiny-group-item li button:focus-visible{outline:2px solid var(--tv-ButtonGroup-item-active-bg-color)}.tiny-button-group .tiny-group-item li button.disabled,.tiny-button-group .tiny-group-item li button[disabled]{background:var(--tv-ButtonGroup-item-btn-disabled-bg-color);border-color:var(--tv-ButtonGroup-item-btn-disabled-border-color);color:var(--tv-ButtonGroup-item-disabled-text-color);cursor:not-allowed;outline:none}.tiny-button-group .tiny-group-item li button.plain{border:1px solid var(--tv-ButtonGroup-plain-border-color)}.tiny-button-group .tiny-group-item li:hover button:not(.disabled){background:var(--tv-ButtonGroup-item-btn-hover-bg-color);color:var(--tv-ButtonGroup-item-btn-hover-text-color)}.tiny-button-group .tiny-group-item li:hover button:not(.disabled).plain{color:var(--tv-ButtonGroup-item-btn-plain-text-color);background-color:var(--tv-ButtonGroup-item-btn-plain-bg-color);border-color:var(--tv-ButtonGroup-item-btn-plain-border-color)}.tiny-button-group .tiny-group-item li.active:hover button:not(.disabled).plain{color:var(--tv-ButtonGroup-item-btn-plain-text-color);background-color:var(--tv-ButtonGroup-item-btn-plain-bg-color);border-color:var(--tv-ButtonGroup-item-btn-plain-border-color)}.tiny-button-group .tiny-group-item li.active button.disabled{background:var(--tv-ButtonGroup-item-active-disabled-bg-color)}.tiny-button-group .tiny-group-item li.active button:not(.disabled){background:var(--tv-ButtonGroup-item-active-bg-color);color:var(--tv-ButtonGroup-item-active-text-color)}.tiny-button-group .tiny-group-item li.active button:not(.disabled).plain{color:var(--tv-ButtonGroup-item-btn-plain-text-color);background-color:var(--tv-ButtonGroup-item-btn-plain-bg-color);border-color:var(--tv-ButtonGroup-item-btn-plain-border-color)}.tiny-button-group .tiny-group-item li:not(:last-child){margin-right:2px;margin-bottom:2px}.tiny-button-group .tiny-group-item__sup{position:absolute;min-width:var(--tv-ButtonGroup-item-sup-height);height:var(--tv-ButtonGroup-item-sup-height);top:0;color:var(--tv-ButtonGroup-item-sup-font-color);right:0;font-size:var(--tv-ButtonGroup-item-btn-font-size);line-height:var(--tv-ButtonGroup-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-group-item .sup-tag{background-color:unset}.tiny-button-group.tiny-button-group--medium ul li button{height:var(--tv-ButtonGroup-medium-size)}.tiny-button-group.tiny-button-group--small ul li button{height:var(--tv-ButtonGroup-small-size)}.tiny-button-group.tiny-button-group--mini li button{font-size:var(--tv-ButtonGroup-mini-font-size);padding:0 var(--tv-ButtonGroup-mini-padding-x);height:var(--tv-ButtonGroup-mini-size);border-radius:var(--tv-ButtonGroup-mini-border-radius)}.tiny-group-item__more-popover{--tv-ButtonGroup-border-radius: var(--tv-border-radius-md, 6px);--tv-ButtonGroup-line-height-number: var(--tv-line-height-number, 1.5);--tv-ButtonGroup-item-bg-color: var(--tv-color-bg, #f5f5f5);--tv-ButtonGroup-item-btn-text-color: var(--tv-color-text-secondary, #595959);--tv-ButtonGroup-empty-text-color: var(--tv-color-text-weaken, #808080);--tv-ButtonGroup-item-btn-height: var(--tv-size-height-md, 32px);--tv-ButtonGroup-item-btn-font-size: var(--tv-font-size-default, 14px);--tv-ButtonGroup-item-btn-disabled-bg-color: var(--tv-color-bg-disabled, #f0f0f0);--tv-ButtonGroup-item-disabled-text-color: var(--tv-color-text-disabled, #c2c2c2);--tv-ButtonGroup-item-btn-hover-bg-color: var(--tv-color-bg-hover-1, #deecff);--tv-ButtonGroup-item-btn-hover-text-color: var(--tv-color-text, #191919);--tv-ButtonGroup-item-btn-plain-text-color: var(--tv-color-text-active, #1476ff);--tv-ButtonGroup-plain-border-color: var(--tv-color-border, #c2c2c2);--tv-ButtonGroup-item-btn-plain-bg-color: var(--tv-color-bg-hover-1, #deecff);--tv-ButtonGroup-item-btn-plain-border-color: var(--tv-color-border-active-control, #1476ff);--tv-ButtonGroup-item-active-bg-color: var(--tv-color-bg-active-control, #1476ff);--tv-ButtonGroup-item-active-disabled-bg-color: var(--tv-color-bg-disabled-control-checked, #dbdbdb);--tv-ButtonGroup-item-active-text-color: var(--tv-color-text-inverse-active, #ffffff);--tv-ButtonGroup-btn-padding-x: 24px;--tv-ButtonGroup-item-sup-height: 18px;--tv-ButtonGroup-mini-border-radius: var(--tv-border-radius-sm, 4px);--tv-ButtonGroup-item-sup-font-color: var(--tv-color-text-inverse, #ffffff);--tv-ButtonGroup-item-sup-font-size: var(--tv-font-size-default, 14px);--tv-ButtonGroup-medium-size: var(--tv-size-height-lg, 40px);--tv-ButtonGroup-small-size: var(--tv-size-height-sm, 28px);--tv-ButtonGroup-mini-size: var(--tv-size-height-xs, 24px);--tv-ButtonGroup-mini-font-size: var(--tv-font-size-sm, 12px);--tv-ButtonGroup-mini-padding-x: 16px;--tv-ButtonGroup-more-item-bg-color-hover: var(--tv-color-bg-hover, #f5f5f5)}.tiny-group-item__more-popover.tiny-popper{padding:6px 0}.tiny-group-item__more-popover .more-list .more-item{padding:6px 16px;cursor:pointer}.tiny-group-item__more-popover .more-list .more-item:hover{background:var(--tv-ButtonGroup-more-item-bg-color-hover)}