.tiny-filter-box{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:100%;height:var(--tiny-spacing-7,1.75rem);line-height:var(--tiny-lineHeight-7,1.75rem);border-radius:var(--tiny-borderRadius-DEFAULT,.25rem);background-color:var(--tiny-color-bg-2,#f5f6f8);color:var(--tiny-color-text-primary,#191919);padding-top:var(--tiny-spacing-1,.25rem);padding-bottom:var(--tiny-spacing-1,.25rem);padding-left:var(--tiny-spacing-1_5,.375rem);padding-right:var(--tiny-spacing-1_5,.375rem);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:var(--tiny-fontSize-xs,.75rem)}.tiny-filter-box:hover{background-color:var(--tiny-color-info-primary-subtler,#eef3fe)}.tiny-filter-box.disabled{cursor:not-allowed}.tiny-filter-box.disabled .title label{color:var(--tiny-color-text-disabled,#aeaeae)}.tiny-filter-box.disabled .value{color:var(--tiny-color-text-secondary,#595959)}.tiny-filter-box.disabled svg.filter-box-icon{fill:var(--tiny-color-icon-disabled,#aeaeae);cursor:not-allowed}.tiny-filter-box .title{height:inherit;font-size:var(--tiny-fontSize-xs,.75rem);line-height:inherit}.tiny-filter-box .title label{max-width:var(--tiny-spacing-28,7rem);display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--tiny-color-none-active,#939393);margin-right:var(--tiny-spacing-1,.25rem)}.tiny-filter-box .title.active label{color:var(--tiny-color-brand,#0067d1)}.tiny-filter-box .title svg{width:var(--tiny-spacing-4,1rem);height:var(--tiny-spacing-4,1rem);margin-right:var(--tiny-spacing-1,.25rem);fill:var(--tiny-color-icon-placeholder,#aeaeae);position:relative;top:calc(var(--tiny-spacing-px,.0625rem) * -1);vertical-align:super}.tiny-filter-box .title svg:hover{fill:var(--tiny-color-brand,#0067d1)}.tiny-filter-box .value{max-width:var(--tiny-spacing-28,7rem);height:inherit;margin-right:var(--tiny-spacing-1,.25rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--tiny-fontSize-xs,.75rem);line-height:inherit;color:var(--tiny-color-text-primary,#191919)}.tiny-filter-box .value.placeholder{color:var(--tiny-color-text-placeholder,#aeaeae)}.tiny-filter-box .filter-box-icon{width:var(--tiny-spacing-3,.75rem);height:var(--tiny-spacing-3,.75rem);cursor:pointer;fill:var(--tiny-color-fill-secondary,#939393);-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-duration:.3s;transition-duration:.3s}.tiny-filter-box .filter-box-icon.is-reverse{--tw-rotate:180deg;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.tiny-filter-box .filter-icon-close{width:var(--tiny-spacing-4,1rem);height:var(--tiny-spacing-4,1rem);cursor:pointer;fill:var(--tiny-color-none-hover,#c9c9c9);-ms-flex-negative:0;flex-shrink:0}.tiny-filter-box .filter-icon-close:hover{fill:var(--tiny-color-fill-secondary,#939393)}.tiny-filter-box.is-blank{background-color:transparent}