.material-container[data-v-6deb518f]{width:100%;height:70vh;padding:0;margin:0}.material-container .box-header[data-v-6deb518f]{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-6deb518f]{margin-right:10px}.material-container .box-container[data-v-6deb518f]{height:calc(100% - 76px);overflow:auto;background-color:#1a1a1a}.material-container .box-container .material-main[data-v-6deb518f]{display:flex;flex-direction:row;justify-content:space-around;align-items:center;flex-wrap:wrap;width:100%;max-height:calc(100% - 47px);overflow:auto}.material-container .box-container .material-main .material-elem[data-v-6deb518f]{position:relative;width:76px;height:unset;padding:0;margin:0 0 10px;cursor:pointer;transition:all ease .3s}.material-container .box-container .material-main .material-elem[data-v-6deb518f]:hover{background-color:#ec417680}.material-container .box-container .material-main .material-elem[data-v-6deb518f]:active{transition-duration:.1s}.material-container .box-container .material-main .material-elem:hover .operate-box[data-v-6deb518f]{opacity:1}.material-container .box-container .material-main .material-elem>.render-box[data-v-6deb518f]{position:relative;width:100%;height:55px;padding:0;margin:0 0 10px;background:#242424;display:flex;flex-direction:row;justify-content:center;align-items:center}.material-container .box-container .material-main .material-elem .operate-box[data-v-6deb518f]{opacity:0;padding:10px / 3;position:absolute;top:0;right:0;bottom:unset;left:unset;z-index:1;background:rgba(0,0,0,.6);transition:all ease .3s;z-index:11}.material-container .box-container .material-main .material-elem .operate-box[data-v-6deb518f]:active{transition-duration:.1s}.material-container .box-container .material-main .material-elem>.element-title[data-v-6deb518f]{text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.material-container .box-container .material-main .material-elem .active[data-v-6deb518f]:after{content:"";width:100%;height:100%;padding:0;margin:0;box-shadow:0 0 0 2px #ec4176 inset;position:absolute;top:0;right:unset;bottom:unset;left:0;z-index:1;z-index:10}
