.material-controls[data-v-b33d9752]{width:100%;margin:0 3px .3px 0;padding:8px 16px;background-color:#fff;-ms-flex-line-pack:justify;align-content:space-between;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column wrap;flex-flow:column wrap;color:#2d3139;overflow:hidden;border-bottom:1px solid #d1d4d7}.material-controls .right[data-v-b33d9752],.material-controls[data-v-b33d9752]{height:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.material-controls .left[data-v-b33d9752]{max-width:60%;min-width:240px;margin-right:15px}.iPad .material-controls .left[data-v-b33d9752]{max-width:48%;min-width:220px}.material-controls .rank[data-v-b33d9752]{margin-bottom:2px;font-weight:400}.material-controls .lesson[data-v-b33d9752],.material-controls .rank[data-v-b33d9752]{font-family:NotoSansJP;font-stretch:normal;font-style:normal;line-height:1.43;letter-spacing:normal;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.material-controls .lesson[data-v-b33d9752]{margin:2px 0 0;font-weight:700}.material-controls .el-button[data-v-b33d9752]{border-radius:20px;border:1px solid #2d3139;color:#2d3139;background-color:#fff;height:36px;padding:0 16px;font-size:13px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:NotoSansJP;cursor:pointer}.material-controls .el-button.is-disabled[data-v-b33d9752]{cursor:not-allowed}.material-controls .el-button+.el-button[data-v-b33d9752]{margin-left:16px}.material-controls .el-button[data-v-b33d9752]:focus,.material-controls .el-button[data-v-b33d9752]:hover{color:#2d3139}.material-controls .el-button img[data-v-b33d9752]{width:12px;height:7.5px;margin-left:8px}.zoom-wrapper[data-v-b33d9752]{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#fff;top:16px;right:16px;z-index:99;font-size:14px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.zoom-wrapper .zoom-percent[data-v-b33d9752]{margin:auto 4px;font-weight:400;font-stretch:normal;font-style:normal;letter-spacing:normal}.zoom-wrapper .zoom-percent[data-v-b33d9752]:after{content:"%"}.zoom[data-v-b33d9752]{margin:0;display:block;cursor:pointer;padding:6px 8px}.zoom img[data-v-b33d9752]{height:24px;width:24px}.zoom-disabled[data-v-b33d9752]{cursor:not-allowed}.controls-wrapper[data-v-b33d9752]{border:1px solid #d1d4d7;overflow:hidden;padding:0 30px}.controls[data-v-b33d9752]{display:-webkit-box;display:-ms-flexbox;display:flex;margin:16px 0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;font-family:NotoSansJP}.controls div[data-v-b33d9752]{-webkit-box-flex:1;-ms-flex:1;flex:1}.controls div[data-v-b33d9752]:nth-child(2){font-size:15px;white-space:nowrap;margin:0 5px}.controls .btn[data-v-b33d9752]{padding:9px 18px;border-radius:20px;background-color:#fff;color:#1287cd;border:none;font-size:13px;width:108px;height:36px}.controls .btn i[data-v-b33d9752]{font-weight:bolder!important;font-size:14px}.dark .controls-wrapper[data-v-b33d9752],.dark .material-controls[data-v-b33d9752]{background-color:#2d3139;color:#fff;border-color:#54575f}.dark .material-controls .el-button[data-v-b33d9752]{border:.5px solid #fff;background-color:transparent;color:#fff}.dark .controls .btn[data-v-b33d9752]{background-color:#54575f;color:#fff}.dark .controls .btn i[data-v-b33d9752]{color:#1287cd}.dark .zoom-percent[data-v-b33d9752]{color:#2d3139}@media screen and (max-width:959px){.zoom-wrapper[data-v-b33d9752]{display:none}}