.table-filter__item.table-filter__item{height:0;padding:0;border:0;overflow:hidden;-webkit-transition:height .3s;transition:height .3s}.table-filter__item__inner{position:relative;z-index:5;height:100%}.table-filter__item.active{height:109px}.table-filter__item.active .table-filter__background,.table-filter__item.active .table-filter__mask{visibility:visible;opacity:1}.table-filter__trigger{-webkit-transition:color .3s;transition:color .3s}.table-filter__trigger.table-filter__trigger{position:relative;cursor:pointer;padding-right:60px}.table-filter__trigger.active{color:#f24040;background-color:#efefef;z-index:10}.table-filter__trigger.selected .table-filter__indicator{display:block}.table-filter__trigger:hover .table-filter__indicator,.table-filter__trigger:hover .table-filter__sorting{opacity:1}.table-filter__sorting{position:absolute;top:0;right:0;padding:19px 15px 19px 5px;font-size:9px;line-height:10px;opacity:.4;-webkit-transition:opacity .2s,color .2s;transition:opacity .2s,color .2s}.table-filter__sorting .icon{font-size:5px}.table-filter__sorting.asc,.table-filter__sorting.desc{opacity:1}.table-filter__sorting.desc .icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.table-filter__indicator{display:none;position:absolute;top:0;right:30px;padding:19px 10px;line-height:10px;font-size:9px;opacity:.4;-webkit-transition:opacity .2s,color .2s;transition:opacity .2s,color .2s}.table-filter__background{position:fixed;height:100%;background-color:transparent}.table-filter__background,.table-filter__mask{left:0;top:0;width:100%;visibility:hidden;opacity:0;cursor:default;-webkit-transition:visibility .3s,opacity .3s;transition:visibility .3s,opacity .3s}.table-filter__mask{position:absolute;z-index:10;padding:17px 27px;background-color:#414141}.table-filter__mask__radio{display:inline-block;margin:0 20px;padding:15px 0;font-size:28px;color:#fff;vertical-align:middle}.table-filter__mask__radio>*{vertical-align:middle}.table-filter__mask__radio__input{margin-right:5px}.table-filter__mask__icon{display:inline-block;margin-right:18px;font-size:50px;vertical-align:middle;color:#fff}.table-filter__mask__input{border:0;border-radius:0;width:60%;vertical-align:middle;background-color:#414141;color:#fff;font-size:28px;font-weight:300}.table-filter__mask__input:focus{outline:none}.table-filter__mask__input::-webkit-input-placeholder{color:#fff}.table-filter__mask__input::-ms-input-placeholder{color:#fff}.table-filter__mask__input::placeholder{color:#fff}.slide-down-fade-enter,.slide-down-fade-leave-to{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}