.dota2-filter-bar[data-v-3fdcdcd0]{background-color:#151f2c;border:1px solid #0f3356;color:#fff;padding:20px}.dota2-filter-bar .filter-conditions[data-v-3fdcdcd0]{display:flex;justify-content:space-between}.dota2-filter-bar .filter-conditions .conditions-wrap[data-v-3fdcdcd0]{max-width:130px}.dota2-filter-bar .filter-conditions .conditions-wrap .caption[data-v-3fdcdcd0]{align-items:center;display:flex;height:35px}.dota2-filter-bar .filter-conditions .conditions-wrap .caption i.icon[data-v-3fdcdcd0]{margin-right:10px}.dota2-filter-bar .filter-conditions .conditions-wrap .detail[data-v-3fdcdcd0]{align-content:space-between;cursor:pointer;display:flex;flex-wrap:wrap;font-size:12px;height:79px;justify-content:space-between;margin-top:5px;position:relative}.dota2-filter-bar .filter-conditions .conditions-wrap .detail img[data-v-3fdcdcd0]{align-self:center;border:1px solid #0f3356}.dota2-filter-bar .filter-conditions .conditions-wrap .detail>div[data-v-3fdcdcd0]:not(.icon-conditions):not(.conditions){align-items:center;background:#151f2c;border:1px solid #0f3356;display:flex;flex:0 0 120px;height:35px;justify-content:center;width:80px}.dota2-filter-bar .filter-conditions .conditions-wrap .detail:hover .icon-conditions[data-v-3fdcdcd0]{opacity:1;visibility:visible}.dota2-filter-bar .filter-conditions .conditions-wrap .detail:hover .icon-conditions .condition[data-v-3fdcdcd0]{pointer-events:auto}.dota2-filter-bar .filter-conditions .conditions-wrap .detail:hover .conditions[data-v-3fdcdcd0]{opacity:1;pointer-events:auto;visibility:visible}.dota2-filter-bar .filter-conditions .conditions-wrap .detail .icon-conditions[data-v-3fdcdcd0]{display:flex;flex-wrap:wrap;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .12s;visibility:hidden;width:244px;z-index:1}.dota2-filter-bar .filter-conditions .conditions-wrap .detail .icon-conditions .condition[data-v-3fdcdcd0]{border:1px solid #000;height:35px;transition:transform .12s,border-color .12s;width:61px}.dota2-filter-bar .filter-conditions .conditions-wrap .detail .icon-conditions .condition.active[data-v-3fdcdcd0],.dota2-filter-bar .filter-conditions .conditions-wrap .detail .icon-conditions .condition[data-v-3fdcdcd0]:hover{border-color:#fff;position:relative;transform:scale(1.1);z-index:1}.dota2-filter-bar .filter-conditions .conditions-wrap .detail .icon-conditions .condition img[data-v-3fdcdcd0]{height:100%;width:100%}.dota2-filter-bar .filter-conditions .conditions-wrap .detail .conditions[data-v-3fdcdcd0]{align-content:flex-start;background-color:#454954;display:flex;flex-wrap:wrap;justify-content:space-between;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .12s;visibility:hidden;width:168px;z-index:2}.dota2-filter-bar .filter-conditions .conditions-wrap .detail .conditions a[data-v-3fdcdcd0]{border:1px solid #000;color:#fff;display:inline-block;height:35px;line-height:33px;margin-bottom:9px;overflow:hidden;padding:0 3px;text-align:center;text-overflow:ellipsis;transition:color .12s,border-color .12s;white-space:nowrap;width:80px}.dota2-filter-bar .filter-conditions .conditions-wrap .detail .conditions a.active[data-v-3fdcdcd0],.dota2-filter-bar .filter-conditions .conditions-wrap .detail .conditions a[data-v-3fdcdcd0]:hover{border-color:#fff;color:#0b84d3}.dota2-filter-bar .filter-conditions .conditions-wrap .detail .conditions a[data-v-3fdcdcd0]:nth-child(2n):last-child,.dota2-filter-bar .filter-conditions .conditions-wrap .detail .conditions a[data-v-3fdcdcd0]:nth-child(odd):last-child,.dota2-filter-bar .filter-conditions .conditions-wrap .detail .conditions a[data-v-3fdcdcd0]:nth-child(odd):nth-last-of-type(2){margin-bottom:0}.dota2-filter-bar .recommend-conditions[data-v-3fdcdcd0]{display:flex;font-size:12px;margin-top:10px}.dota2-filter-bar .recommend-conditions .caption[data-v-3fdcdcd0]{flex:none;padding-top:5px;width:40px}.dota2-filter-bar .recommend-conditions .conditions[data-v-3fdcdcd0]{display:flex;flex-wrap:wrap}.dota2-filter-bar .recommend-conditions .conditions a[data-v-3fdcdcd0]{align-items:center;color:#fff;display:flex;margin:5px 20px 5px 0;padding:0 5px;position:relative;transition:color .12s}.dota2-filter-bar .recommend-conditions .conditions a.active[data-v-3fdcdcd0],.dota2-filter-bar .recommend-conditions .conditions a[data-v-3fdcdcd0]:hover{color:#184c86}.dota2-filter-bar .recommend-conditions .conditions a[new][data-v-3fdcdcd0]:after{background:transparent url(../../static/csgo/img/suit/new.gif) 0 0 no-repeat;bottom:100%;content:"";display:flex;height:23px;left:calc(100% - 5px);position:absolute;width:40px}