.tiny-filter-box{--tv-FilterBox-btn-height:var(--tv-size-height-xs, 24px);--tv-FilterBox-btn-bg-color:var(--tv-color-bg, #f5f5f5);--tv-FilterBox-btn-hover-bg-color:var(--tv-color-bg-hover-3, #deecff);--tv-FilterBox-btn-padding-x:var(--tv-space-md, 8px);--tv-FilterBox-btn-text-color:var(--tv-color-text-weaken, #808080);--tv-FilterBox-btn-text-color-placeholder:var(--tv-color-text-placeholder, #808080);--tv-FilterBox-btn-active-text-color:var(--tv-color-text, #191919);--tv-FilterBox-btn-disabled-text-color:var(--tv-color-text-disabled, #c2c2c2);--tv-FilterBox-btn-font-size:var(--tv-font-size-sm, 12px);--tv-FilterBox-btn-title-line-height:var(--tv-line-height-number, 1.5);--tv-FilterBox-help-btn-margin-right:var(--tv-space-sm, 4px);--tv-FilterBox-help-btn-position-top:var(--tv-space-sm, 4px);--tv-FilterBox-icon-color:var(--tv-color-icon, #808080);--tv-FilterBox-icon-color-hover:var(--tv-color-icon-hover, #191919);--tv-FilterBox-icon-color-disabled:var(--tv-color-icon-disabled, #c2c2c2);--tv-FilterBox-icon-size:var(--tv-icon-size, 16px);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:var(--tv-FilterBox-btn-height);line-height:var(--tv-FilterBox-btn-height);border-radius:4px;background:var(--tv-FilterBox-btn-bg-color);color:var(--tv-FilterBox-btn-text-color);padding:4px var(--tv-FilterBox-btn-padding-x);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:var(--tv-FilterBox-btn-font-size)}.tiny-filter-box.disabled{cursor:not-allowed}.tiny-filter-box.disabled .title label{color:var(--tv-FilterBox-btn-disabled-text-color);cursor:not-allowed}.tiny-filter-box.disabled .value{color:var(--tv-FilterBox-btn-disabled-text-color)}.tiny-filter-box.disabled svg.filter-box-icon{fill:var(--tv-FilterBox-icon-color-disabled);cursor:not-allowed}.tiny-filter-box .title{height:inherit;line-height:var(--tv-FilterBox-btn-title-line-height);font-size:var(--tv-FilterBox-btn-font-size);margin-right:0}.tiny-filter-box .title label{display:inline-block;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--tv-FilterBox-btn-text-color);margin-right:8px;margin-top:3px}.tiny-filter-box .title.active label{color:var(--tv-FilterBox-btn-active-text-color)}.tiny-filter-box .title svg{width:var(--tv-FilterBox-icon-size);height:var(--tv-FilterBox-icon-size);margin-right:var(--tv-FilterBox-help-btn-margin-right);fill:var(--tv-FilterBox-icon-color);position:relative;top:var(--tv-FilterBox-help-btn-position-top);vertical-align:super}.tiny-filter-box .title svg:hover{fill:var(--tv-FilterBox-icon-color-hover)}.tiny-filter-box .value{max-width:100px;height:inherit;margin-right:4px;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--tv-FilterBox-btn-font-size);color:var(--tv-color-text)}.tiny-filter-box .value.placeholder{color:var(--tv-FilterBox-btn-text-color-placeholder)}.tiny-filter-box .filter-box-icon{width:var(--tv-FilterBox-icon-size);height:var(--tv-FilterBox-icon-size);cursor:pointer;fill:var(--tv-FilterBox-icon-color);-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.tiny-filter-box .filter-box-icon.is-reverse{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.tiny-filter-box .filter-icon-close{width:var(--tv-FilterBox-icon-size);height:var(--tv-FilterBox-icon-size);cursor:pointer;fill:var(--tv-FilterBox-icon-color)}.tiny-filter-box .filter-icon-close:hover{fill:var(--tv-FilterBox-icon-color-hover)}.tiny-filter-box:not(.disabled):hover{background:var(--tv-FilterBox-btn-hover-bg-color)}.tiny-filter-box:not(.disabled):hover .filter-box-icon{fill:var(--tv-FilterBox-icon-color-hover)}.tiny-filter-box.is-blank{background-color:transparent}