#subject_list_default{min-height:100px}#subject_list_default.loading{background:url(/images/icons/puff.svg) center/32px 32px no-repeat}#subject_list_default .item .item_inner{position:relative;display:block;margin:auto;overflow:hidden;background-size:cover;background-position:center;height:263px;background-color:var(--secondary-colour);-webkit-transition:background-color ease-in-out .2s;transition:background-color ease-in-out .2s;border-radius:25px 0}#subject_list_default .item .item_inner .title{z-index:2;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;position:absolute;width:100%;bottom:25px;color:var(--text-over-primary);text-align:center;padding:0 25px;margin:0;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;display:-webkit-box}#subject_list_default .item .item_inner:after,#subject_list_default .item .item_inner:before{content:'';top:0;left:0;width:100%;height:100%;position:absolute;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;z-index:1;opacity:0}#subject_list_default .item .item_inner:after{background:var(--secondary-colour)}#subject_list_default .item .item_inner:before{opacity:.55;background:-webkit-gradient(linear,left top, left bottom,color-stop(0, rgba(0,0,0,.0001)),to(#000));background:linear-gradient(180deg,rgba(0,0,0,.0001) 0,#000 100%)}#subject_list_default .item .item_inner:hover .title{bottom:50%;-webkit-transform:translateY(50%);-ms-transform:translateY(50%);transform:translateY(50%)}#subject_list_default .item .item_inner:hover:before{opacity:0}#subject_list_default .item .item_inner:hover:after{opacity:.85}body:not(.is_mouse) #subject_list_default .item .item_inner:focus .title{bottom:50%;-webkit-transform:translateY(50%);-ms-transform:translateY(50%);transform:translateY(50%)}body:not(.is_mouse) #subject_list_default .item .item_inner:focus:before{opacity:0}body:not(.is_mouse) #subject_list_default .item .item_inner:focus:after{opacity:.85}