.q-page.material video{width:100%;max-height:70vh;max-height:70dvh}.q-page.material .time-codes-container{border-radius:16px;border:1px solid rgba(0,0,0,.1);padding:8px;height:100%}.q-page.material .time-codes-container .header{padding:8px 8px 0 12px}.q-page.material .time-codes-container .item{border-radius:8px;padding:8px 8px 8px 12px;background-color:transparent;transition:background-color .25s;position:relative;cursor:pointer}.q-page.material .time-codes-container .item .line{display:block;position:absolute;left:0;top:0;bottom:0;width:4px;background-color:transparent;transition:background-color .25s;border-radius:4px}.q-page.material .time-codes-container .item .title{margin-bottom:4px}.q-page.material .time-codes-container .item .label{background-color:#eafced;padding:4px 8px;border-radius:20px}.q-page.material .time-codes-container .item:hover{background-color:#0000000d}.q-page.material .time-codes-container .item:hover .line{background-color:#003008}.q-page.material .detail-text h1,.q-page.material .detail-text h2,.q-page.material .detail-text h3,.q-page.material .detail-text h4,.q-page.material .detail-text h5,.q-page.material .detail-text h6{margin-bottom:24px}