body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app-header{background-color:#333;color:#fff;padding:1rem 0;position:relative}.app-header .container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px}.app-header .logo{align-items:center;color:#fff;display:flex;font-size:2rem;font-weight:700;text-decoration:none}.app-header .logo img{height:2rem;margin-right:.5rem}.hamburger-icon{color:#fff;cursor:pointer;display:none;font-size:24px;margin-right:30px}.nav-item{border-radius:4px;color:#fff;padding:.5rem 1rem;text-decoration:none;transition:background-color .3s}.active{background-color:#fff3}.nav-closed{display:none}@media (max-width:1126px){.hamburger-icon{display:block}.nav-open{background-color:#3f3f3f;display:flex;flex-direction:column;position:absolute;right:20px;top:100%;width:200px;z-index:0}.nav-item{text-align:center}}.guide-character{align-items:center;display:flex;gap:20px}.guide-character img{height:auto;width:150px}.message-box{background-color:#fffc;border-radius:10px;max-width:60%;padding:10px 20px;text-align:center}.guide-character p{color:#333;font-size:16px;margin:0;padding:0}.progress-bar-container{background-color:#e0e0e0;border-radius:5px;width:100%}.progress-bar{background-color:#4caf50;border-radius:5px;height:20px}.buttons-container{align-items:center;display:flex;flex-direction:column;gap:10px}.mint-success-message{margin-top:10px;text-align:center}button{background-color:#4caf50;border:none;border-radius:12px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;margin:4px 2px;padding:12px 24px;text-align:center;text-decoration:none;transition:background-color .3s}button:hover{background-color:#45a049}button:disabled{background-color:#ccc;cursor:not-allowed}.component-container{gap:20px;justify-content:center;min-height:80vh;padding-top:10vh}.component-container,.wallet-and-buttons{align-items:center;display:flex;flex-direction:column}.wallet-and-buttons{gap:10px}.reload-button{align-items:center;display:flex;justify-content:center}.nft-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:20px}.nft-item{border:1px solid #ccc;padding:10px;text-align:center}.nft-item img{height:auto;max-width:100%}.nft-image-downloader{text-align:center}.connect-wallet-prompt{margin-bottom:20px}.reload-button-container{display:flex;justify-content:center;margin-bottom:20px}.reload-button{background:none;background-color:initial;border:none;color:#000;cursor:pointer;margin-top:10px;padding:5px;padding:10px;transition:background-color .3s,color .3s,transform .3s}.reload-button:hover{background-color:#4caf50;color:#fff;transform:scale(1.1)}.faRedo{color:#6c6c6c;font-size:20px}.reload-button:hover .faRedo{color:#fff}.slider{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:500px;padding:0 40px}.image-container img{max-height:200px;max-width:200px;transition:transform .5s ease}.slider-button{background:none;border:none;color:#d3d3d3;cursor:pointer;font-size:24px;margin:0 20px;transition:color .3s ease}.slider-button:hover{color:#fff}.download-button-container{margin-bottom:20px}.download-button{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px}@media (max-width:768px){.nft-grid{grid-template-columns:repeat(2,1fr)}}.App{background-color:#f4f4f4;display:flex;flex-direction:column;font-family:Arial,sans-serif;line-height:1.6;min-height:100vh;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}main{flex:1 1;padding:20px}.main-component-container{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:80vh;padding-top:10vh}.App main{display:flex;flex-direction:column;flex-grow:1;margin:auto}.App main>*{margin:0 auto;max-width:600px;padding:20px;text-align:left;width:100%}