<!--ko ifnot: isReady-->
            <h3>загрузка...</h3>
            <p class="text-center">пару секундочек</p>
        <!--/ko-->

        <div data-bind="attr: {style: isReady()?'':'display: none'}">
            <!--ko if: state() == State.HOME-->
                <!--ko with: filters.home-->
                @include('partial.filter.free')
                <!--/ko-->
            <!--/ko-->

            <!--ko if: state() == State.LEADER-->
                <!--ko with: filters.leader-->
                @include('partial.filter.leader')
                <!--/ko-->
            <!--/ko-->

            <!--ko if: state() == State.FAVORITE-->
                <!--ko with: filters.favorite-->
                @include('partial.filter.favorite')
                <!--/ko-->
            <!--/ko-->

            <!--ko if: state() == State.TAIL-->
                <!--ko with: filters.tail-->
                @include('partial.filter.tail')
                <!--/ko-->
            <!--/ko-->

            <!--ko if: state() == State.MAGIC-->
                <!--ko with: filters.magic-->
                @include('partial.filter.magic')
                <!--/ko-->
            <!--/ko-->

            <!--ko if: state() == State.MASK-->
                <!--ko with: filters.mask-->
                @include('partial.filter.mask')
                <!--/ko-->
            <!--/ko-->

            <!--ko if: state() == State.PAIR-->
                <!--ko with: filters.pair-->
                @include('partial.filter.pair')
                <!--/ko-->
            <!--/ko-->

            <!--ko if: state() == State.DATE-->
                <!--ko with: filters.date-->
                @include('partial.filter.date')
                <!--/ko-->
            <!--/ko-->

            <!--ko if: state() == State.WORD-->
                <!--ko with: filters.word-->
                @include('partial.filter.word')
                <!--/ko-->
            <!--/ko-->
        </div>