@import "base.less";
@import "view.less";
@import "loading.less";
@import "list.less";

.touch-invisible .touch-link:active{
    background: none;
}

.touch-link{
    position: relative;

    .icon-tv{
        position: absolute;
        right: 0px;
        top: 0px;
        background-repeat: no-repeat;
        background-size: 10px;
        height: 10px;
        width: 10px;
    }

    .downloading{
        background-image: url('img/wait_list.svg');
    }

    .downloaded{
        background-image: url('img/done_list.svg');
    }

    @media screen and (min-width: 768px){

        .icon-tv{
            background-size: 15px;
            height: 15px;
            width: 15px;
        }
        
    }
    .summary{
        position: relative;
        .icon-show{
            position: absolute;
            right: 0;
            bottom: 0;
            background-repeat: no-repeat;
            background-size: 10px;
            background-position: center left;
            height: 16px;
            width: auto;
            font-size: 0.9em;
            padding-left: 12px; 
            line-height: 16px;

        }

        @media screen and (min-width: 375px){
            
        }

        @media screen and (min-width: 414px){

            
        }

        @media screen and (min-width: 768px){
            .icon-show{
                height: 16px;
                font-size: 0.9em;
                padding-left: 12px; 
                line-height: 16px;
            }
            
        }
    }
}