.trending[data-v-ba9b5b88]{background:#2c3033;box-sizing:border-box;height:-moz-fit-content;height:fit-content;margin-top:20px;padding:15px;width:100%}@media screen and (max-width:768px){.trending[data-v-ba9b5b88]{padding:.2rem}}.trending .toutine ul[data-v-ba9b5b88]{display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.trending .toutine ul li[data-v-ba9b5b88]{width:100%}.trending .toutine ul li a[data-v-ba9b5b88]{display:flex;flex-direction:column;gap:10px}.trending .toutine ul li a .enclosure[data-v-ba9b5b88]{height:180px;position:relative;width:100%}.trending .toutine ul li a .enclosure .exterior[data-v-ba9b5b88],.trending .toutine ul li a .enclosure .exterior img[data-v-ba9b5b88]{height:100%;width:100%}.trending .toutine ul li a .enclosure .play[data-v-ba9b5b88]{border-radius:50%;height:50px;left:50%;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,-50%);width:50px}.trending .toutine ul li a .enclosure .play img[data-v-ba9b5b88]{height:100%;width:100%}.trending .toutine ul li a .enclosure time[data-v-ba9b5b88]{bottom:10px;color:#fff;font-size:14px;font-weight:700;position:absolute;right:10px}.trending .toutine ul li a .enclosure time.release[data-v-ba9b5b88]{bottom:unset;left:10px;right:unset;top:10px}.trending .toutine ul li a p[data-v-ba9b5b88]{display:-webkit-box;font-weight:700;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}@media screen and (max-width:768px){.trending .toutine ul[data-v-ba9b5b88]{gap:.2666666667rem}.trending .toutine ul li a[data-v-ba9b5b88]{gap:.1333333333rem}.trending .toutine ul li a .enclosure[data-v-ba9b5b88]{height:2.8rem}.trending .toutine ul li a .enclosure .play[data-v-ba9b5b88]{height:1.0666666667rem;width:1.0666666667rem}.trending .toutine ul li a .enclosure time[data-v-ba9b5b88]{bottom:.1333333333rem;font-size:.32rem;right:.1333333333rem}.trending .toutine ul li a .enclosure time.release[data-v-ba9b5b88]{left:.1333333333rem;top:.1333333333rem}.trending .toutine ul li a p[data-v-ba9b5b88]{font-size:.32rem}}