body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{width:100%;margin:25px auto;text-align:center}.main-top-container{display:flex;justify-content:space-evenly}.equipments-container{margin:5px auto;border:1px black solid;border-radius:5px;background-color:#dcdcdc}.item-button{width:110px;height:110px;border:1px black solid;border-radius:5px;position:relative}.item-img{width:40px;height:40px;object-fit:none}.item-parts-type{margin:0}.item-name{text-align:center;font-size:12px}.red-layer{background-color:#8b0000;opacity:.7;position:absolute;top:0;left:0;width:100%;height:100%}.light-gray-layer{background-color:#d3d3d3;opacity:.5;position:absolute;top:0;left:0;width:100%;height:100%}.setting-ui-container{width:650px;border:1px black solid;border-radius:5px;position:absolute;background-color:#fff}.top-bar{display:flex;justify-content:space-between}.select-buttons-container{display:flex;flex-wrap:wrap}.setting-ui-parts-type{margin:10px}.close-button{width:30px;height:30px;margin:10px}.item-selector-container{display:flex;width:49%;margin:3px;border-radius:5px;padding:3px 3px 5px;position:relative;align-items:center}.select-button-img{width:40px;height:40px;margin:3px;vertical-align:bottom;object-fit:none}.select-button-text{margin:3px;color:#fff;text-shadow:-1px 0 black,0 1px black,1px 0 black,0 -1px black;text-align:left}.select-button-text p{margin:0}.gray-layer{background-color:gray;opacity:.8;position:absolute;top:0;left:0;width:100%;height:100%}.check-mark{margin:auto 10px;position:absolute;right:0;font-size:30px;color:#90ee90;z-index:1}.result-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start}.set-container{width:290px;margin:15px;border:3px double White;border-radius:10px;background-color:#222;font-size:13px;color:#cf0;text-align:left}.set-name{margin:5px;text-align:center}.set-container p{margin:0}.set-inner-container{margin:10px}.set-parts{display:flex;justify-content:space-between}.parts-type{float:right;height:auto}.how-much-set-effect{margin:3px 0}.lucky-applied-set{color:orange}.applied-set{color:#fff}.not-applied-set{color:gray}