.feature ul[data-v-b380d93b]{display:grid;gap:10px;grid-template-columns:auto}.feature ul li[data-v-b380d93b]{border-radius:3px;overflow:hidden}.feature ul li .context[data-v-b380d93b]{height:145px;overflow:hidden;position:relative;width:100%}.feature ul li .context .jacket[data-v-b380d93b]{height:100%;position:relative;width:100%}.feature ul li .context .jacket img[data-v-b380d93b]{height:100%;transition:transform .3s ease-in-out;width:100%}.feature ul li .context .jacket p[data-v-b380d93b]{background:#0000004d;bottom:0;box-sizing:border-box;color:#fefefe;font-weight:700;left:0;overflow:hidden;padding:5px 10px;position:absolute;text-overflow:ellipsis;white-space:nowrap;width:100%}.feature ul li .context .play[data-v-b380d93b]{height:50px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:50px}.feature ul li .context time[data-v-b380d93b]{color:#b1b3b8;font-weight:700;left:5px;position:absolute;top:5px}.feature ul li .context time.accurate[data-v-b380d93b]{bottom:35px;left:unset;right:5px;top:unset}.feature ul li:hover .jacket img[data-v-b380d93b]{transform:scale(1.05)}@media screen and (max-width:768px){.feature ul[data-v-b380d93b]{gap:.2rem;grid-template-columns:repeat(2,1fr)}.feature ul li[data-v-b380d93b]{border-radius:.04rem}.feature ul li .context[data-v-b380d93b]{height:2.6666666667rem}.feature ul li .context .jacket p[data-v-b380d93b]{font-size:.2933333333rem;padding:.1333333333rem}.feature ul li .context .play[data-v-b380d93b]{height:1.0666666667rem;width:1.0666666667rem}.feature ul li .context time[data-v-b380d93b]{left:.0666666667rem;top:.0666666667rem}.feature ul li .context time.accurate[data-v-b380d93b]{bottom:.7333333333rem;right:.0666666667rem}}