.build-container[data-v-811f2b8d]{max-width:1080px;min-width:1080px}.build-top[data-v-811f2b8d]{display:flex}.build-trait[data-v-811f2b8d]{background-color:var(--colorContainer);border:2px solid var(--colorBackgroud);border-radius:5px;max-height:365px;overflow:auto;padding:10px;text-align:center;width:20%}.build-tool[data-v-811f2b8d]{border-radius:5px;margin-left:50px;width:60%}.build-item[data-v-811f2b8d]{border:2px solid var(--colorBackgroud);border-radius:5px;max-height:365px;overflow:auto;padding:10px;text-align:center;width:20%}.build-item[data-v-811f2b8d],.build-material-tab[data-v-811f2b8d]{background-color:var(--colorContainer)}.build-material-tab[data-v-811f2b8d]{border:1px solid var(--colorBorder);cursor:pointer;padding:5px 50px}.build-tab-active[data-v-811f2b8d]{background-color:var(--colorPoint);border:1px solid var(--colorPoint)}.build-tab-container[data-v-811f2b8d]{background-color:var(--colorContainer);border:2px solid var(--colorBackgroud);border-radius:5px;margin-top:20px;padding:18px}.hexagon[data-v-811f2b8d]{background-color:var(--hexagon);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);height:80px;width:69px}.hexagon-row[data-v-811f2b8d]{display:flex;flex-wrap:wrap;width:630px}.hexagon-wrap[data-v-811f2b8d]{position:relative}.hexagon-row .hexagon-wrap[data-v-811f2b8d]:nth-child(14n+8){margin-left:6.4%}.hexagon-img[data-v-811f2b8d]{background-size:cover;height:100%;width:100%}.hexagon-item[data-v-811f2b8d]{height:100%;padding:1px;width:21px}.hexagon-item-wrap[data-v-811f2b8d]{display:flex;height:21px;justify-content:center;position:absolute;right:5px;top:55px;width:100%;z-index:99}.dropzone-hover[data-v-811f2b8d]{background-color:var(--colorPoint)}.build-tool-guide[data-v-811f2b8d]{color:#757575;font-size:12px;margin-top:15px;text-align:left}.build-tool-item-recipe[data-v-811f2b8d]{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.build-tool-item-name[data-v-811f2b8d]{font-size:12px;text-align:left;width:auto}.build-tool-no-item[data-v-811f2b8d]{color:#757575;font-size:12px;margin-top:130px;padding:0 5px}.build-trait-wrap[data-v-811f2b8d]{align-items:center;display:flex;margin-bottom:10px}.build-trait-icon[data-v-811f2b8d]{align-items:center;border-radius:5px;display:flex;padding:5px}.build-trait-info[data-v-811f2b8d]{font-size:12px;margin-left:10px;text-align:left}@media (max-width:1024px){.build-container[data-v-811f2b8d]{min-width:auto;width:100%}.build-top[data-v-811f2b8d]{display:block}.build-trait[data-v-811f2b8d]{display:flex;flex-flow:wrap;overflow:auto;width:auto}.build-trait-wrap[data-v-811f2b8d]{margin-right:10px}.build-tool[data-v-811f2b8d]{margin-left:0;margin-top:20px;width:auto}.build-tool-no-item[data-v-811f2b8d]{margin:auto}.build-item[data-v-811f2b8d]{display:none}.hexagon-row[data-v-811f2b8d]{margin:auto;width:450px}.hexagon[data-v-811f2b8d]{background-color:var(--colorBuild);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);height:54px;width:50px}.hexagon-item[data-v-811f2b8d]{height:100%;padding:1px;width:13px}.hexagon-item-wrap[data-v-811f2b8d]{display:flex;height:13px;justify-content:center;position:absolute;right:5px;top:35px;width:100%;z-index:99}}@media (max-width:550px){.hexagon[data-v-811f2b8d]{background-color:var(--colorBuild);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);height:38px;width:34px}.hexagon-row[data-v-811f2b8d]{width:335px}.hexagon-item[data-v-811f2b8d]{height:100%;padding:1px;width:13px}.hexagon-item-wrap[data-v-811f2b8d]{display:flex;height:13px;justify-content:center;position:absolute;right:5px;top:25px;width:100%;z-index:99}}