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}*{margin:0;padding:0;box-sizing:border-box}li,ol,ul{list-style-type:none}.App{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}.btn-metal-rolling img{width:25px;height:25px}.btn-metal-rolling li{display:flex;justify-content:center;align-items:center;border-radius:5px;border:1px solid gold;background:gold;padding:5px;cursor:pointer;margin-right:10px}.btn-metal-rolling li:last-child{margin-right:0}.btn-metal-rolling{display:flex;margin-bottom:20px}.btn-metal-rolling .active{opacity:.5;border-color:#000}.selects-block{display:flex;justify-content:space-between;margin-bottom:15px}.selects-block select{width:150px;padding:5px;border-radius:5px;border:2px solid #d3d3d3;font:500 16px/1 SansSerif sans-serif}.selects-block select:hover{border:2px solid gold}.selects-block select:focus{border:2px solid #ff8c00}.main{background:grey;padding:20px;border-radius:5px}.main header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.main header button{width:30px;border-radius:5px;border:1px solid gold;background:gold;padding:5px;cursor:pointer}.main header button:hover{opacity:.5;border-color:#000}.logo{font:600 22px/1 SansSerif sans-serif}.block-metal-profile-img{min-height:265px;display:flex;flex-direction:column;align-items:center}.block-metal-profile-img h3{font:600 20px/1 SansSerif sans-serif;margin-bottom:15px}.metal-profile-img{width:100%;display:flex;justify-content:flex-end;align-items:center}.metal-profile-img img{width:250px}.details-container{width:100%;display:flex;justify-content:space-between;align-items:center}.details-container .inputValue{width:150px;padding:5px;margin:5px 0;border-radius:5px;border:2px solid #d3d3d3;font:500 16px/1 SansSerif sans-serif}.details-container .inputValue:hover{border:2px solid gold}.details-container .inputValue:focus{border:2px solid #ff8c00}.details-container p{font:600 18px/1 SansSerif sans-serif}
/*# sourceMappingURL=main.32f3649a.chunk.css.map */