.inventory-list[data-v-7a4206aa]{height:87vh}.inventory-list .test[data-v-7a4206aa]{display:flex;align-items:center;justify-content:space-evenly;overflow-y:auto}.inventory-list .test .shell[data-v-7a4206aa]{width:88px;height:700px;display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:#f5f5f5;border-radius:10px;transition:.3s;overflow:hidden}.inventory-list .test .shell .box[data-v-7a4206aa]{display:block;height:30%;width:85%;margin:10px;border-radius:5px;position:relative;transition:.3s;overflow:hidden}.inventory-list .test .shell .box img[data-v-7a4206aa]{height:40px;position:absolute;margin:0 0 18px 18px}.inventory-list .test .shell .box span[data-v-7a4206aa]{position:relative;top:7px;left:80px;font:500 20px ;opacity:0;transition:.1s;white-space:nowrap;text-overflow:ellipsis}.inventory-list .test .shell .box[data-v-7a4206aa]:hover{background-color:#789;color:#f5f5f5}.inventory-list .test .shell[data-v-7a4206aa]:hover{width:180px}.inventory-list .test .shell:hover span[data-v-7a4206aa]{opacity:1}.inventory-list .test .shell:nth-child(2) .box[data-v-7a4206aa],.inventory-list .test .shell[data-v-7a4206aa]:nth-child(2){background-color:#f5f5f5}.inventory-list .test .shell:nth-child(2) .box img.img-icon[data-v-7a4206aa]:first-child{display:block}.inventory-list .test .shell:nth-child(2) .box img.img-icon[data-v-7a4206aa]:nth-child(2){display:none}.inventory-list .test .shell:nth-child(2) .box[data-v-7a4206aa]:hover{background-color:#fff}.inventory-list .test .shell:nth-child(2) .box:hover span[data-v-7a4206aa]{color:#3884ea}.inventory-list .test .shell:nth-child(2) .box:hover img.img-icon[data-v-7a4206aa]:first-child{display:none}.inventory-list .test .shell:nth-child(2) .box:hover img.img-icon[data-v-7a4206aa]:nth-child(2){display:block}.inventory-list .test .shell:nth-child(3) .box[data-v-7a4206aa],.inventory-list .test .shell[data-v-7a4206aa]:nth-child(3){background-color:#000}.inventory-list .test .shell:nth-child(3) .box[data-v-7a4206aa]:hover{background-color:#1f212c}.inventory-list .test .shell:nth-child(3) .box:hover span[data-v-7a4206aa]{color:#fff}.inventory-list .test .shell:nth-child(4) .box[data-v-7a4206aa],.inventory-list .test .shell[data-v-7a4206aa]:nth-child(4){background-color:#000}.inventory-list .test .shell:nth-child(4) .box[data-v-7a4206aa]:hover{background-color:#3b3b3b}.inventory-list .test .shell:nth-child(4) .box:hover span[data-v-7a4206aa]{color:#3884ea}