.material-container[data-v-78ca8c9c]{width:100%;height:70vh;padding:0;margin:0}.material-container .box-header[data-v-78ca8c9c]{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:10px;padding:10px}.material-container .box-header>.el-input[data-v-78ca8c9c]{margin-right:10px}.material-container .box-container[data-v-78ca8c9c]{height:calc(100% - 76px);overflow:auto;background-color:#1d1d24}.material-container .box-container .material-main[data-v-78ca8c9c]{display:flex;flex-direction:row;justify-content:space-around;align-items:center;flex-wrap:wrap;width:100%}.material-container .box-container .material-main .material-elem[data-v-78ca8c9c]{position:relative;width:76px;height:unset;padding:0;margin:0;margin-bottom:10px;cursor:pointer;transition:all .3s ease}.material-container .box-container .material-main .material-elem[data-v-78ca8c9c]:hover{background-color:#2876c1}.material-container .box-container .material-main .material-elem[data-v-78ca8c9c]:active{transition-duration:.1s}.material-container .box-container .material-main .material-elem:hover .operate-box[data-v-78ca8c9c]{opacity:1}.material-container .box-container .material-main .material-elem>.render-box[data-v-78ca8c9c]{position:relative;width:100%;height:55px;padding:0;margin:0;background:#292a2d;margin-bottom:10px;display:flex;flex-direction:row;justify-content:center;align-items:center}.material-container .box-container .material-main .material-elem .operate-box[data-v-78ca8c9c]{opacity:0;padding:3.33333333px;position:absolute;top:0;right:0;bottom:unset;left:unset;z-index:1;background:rgba(0,0,0,.6);transition:all .3s ease;z-index:11}.material-container .box-container .material-main .material-elem .operate-box[data-v-78ca8c9c]:active{transition-duration:.1s}.material-container .box-container .material-main .material-elem>.element-title[data-v-78ca8c9c]{text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.material-container .box-container .material-main .material-elem .active[data-v-78ca8c9c]:after{content:"";width:100%;height:100%;padding:0;margin:0;box-shadow:inset 0 0 0 2px #2876c1;position:absolute;top:0;right:unset;bottom:unset;left:0;z-index:1;z-index:10}