body{background-color:#1a1a1a;color:#fff;font-family:Helvetica Neue,Arial,sans-serif}.slideshow{margin:0 auto;max-width:1200px;padding:20px}.title{font-size:3em;font-weight:300;letter-spacing:2px;margin-bottom:30px;text-align:center}.content-container{align-items:stretch;display:flex;gap:10px;justify-content:space-between}.image-wrapper{aspect-ratio:1/1;max-width:620px;width:54%}.right-container{display:flex;flex-direction:column;height:auto;justify-content:space-between;width:44%}.attributes-container{background-color:#ffffff0d;border-radius:8px 8px 0 0;box-shadow:0 10px 20px #0000001a;display:flex;flex-direction:column;flex-grow:1;max-height:calc(100% - 80px);overflow-y:auto;padding:20px 30px 30px;transition:opacity .5s ease-in-out}.controls-container{background-color:#ffffff08;border-radius:0 0 8px 8px;box-shadow:0 10px 20px #0000001a;margin-top:auto;padding:20px}.nft-name{border-bottom:1px solid #ffffff1a;font-size:2.8em;font-weight:300;letter-spacing:1px;margin-bottom:20px;padding-bottom:20px;text-align:center}.attribute{font-size:1.8em;letter-spacing:.5px;margin-bottom:20px}.speed-control{align-items:center;display:flex;justify-content:center}.speed-control input[type=range]{-webkit-appearance:none;background:#d3d3d3;height:2px;opacity:.7;outline:none;transition:opacity .2s;width:100%}.speed-control input[type=range]:hover{opacity:1}.controls{display:flex;gap:20px;justify-content:center}.nav-button{background-color:initial;font-weight:700;padding:10px;transition:all .3s ease}.nav-button svg{fill:#fff;height:24px;width:24px}.nav-button:hover,.nav-button:hover svg{fill:#4caf50;color:#4caf50}.play-pause-button svg{height:28px;width:28px}.speed-button{align-items:center;border:2px solid #fff;border-radius:50%;display:flex;padding:10px}.fade-in{opacity:1}.fade-out{opacity:0}.loading{font-size:24px;margin-top:50px;text-align:center}@media (max-width:768px){.slideshow-container{padding:10px}.content-wrapper{flex-direction:column}.image-container{margin-bottom:20px;margin-right:0;width:100%}.image-container img{max-height:50vh;max-width:100%;object-fit:contain;width:auto}.info-container{width:100%}.attributes{text-align:center}.controls{justify-content:center}button{margin:0 10px}.slideshow{padding:10px}.title{font-size:2em;margin-bottom:20px}.content-container{flex-direction:column;gap:20px}.image-wrapper{max-width:none}.image-wrapper,.nft-image{aspect-ratio:1/1;width:100%}.nft-image{max-width:100%;object-fit:cover}.right-container{height:auto;width:100%}.attributes-container{max-height:none;padding:15px 20px 0}.nft-name{font-size:2em;margin-bottom:15px;padding-bottom:15px}.attribute,.listing-info{font-size:1em;margin-bottom:10px}.controls-container{border-radius:0;margin-top:0;padding:15px}.controls{gap:10px}.nav-button{font-size:14px;padding:8px 16px}.attribute,.listing-info p{font-size:1em;margin-bottom:10px}}@media (max-width:480px){.title{font-size:1.6em}.nft-name{font-size:1.8em}.attribute,.listing-info p{font-size:.9em}.nav-button{font-size:12px;padding:6px 12px}}.slideshow-container{align-items:flex-start;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:20px}.image-container{flex:1 1;margin-right:20px}.image-container img{border-radius:8px;height:auto;max-width:600px;width:100%}.text-container{display:flex;flex:1 1;flex-direction:column}.navigation-buttons{display:flex;justify-content:space-between;margin-top:20px}.nav-button{border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px}.nav-button:hover{background-color:#0056b3}.nav-button:disabled{background-color:#ccc;cursor:not-allowed}@media (max-width:768px){.slideshow-container{flex-direction:column;padding:10px}.image-container{margin-bottom:20px;margin-right:0}.image-container img{aspect-ratio:1/1;box-sizing:border-box;height:100%;object-fit:cover;padding:10px;width:100%}.text-container{width:100%}.navigation-buttons{flex-direction:row;justify-content:space-between;width:100%}.nav-button{font-size:14px;padding:8px 16px}}.attributes-container,.image-wrapper{transition:opacity .5s ease-in-out}.attributes-container.transitioning,.image-wrapper.transitioning{opacity:0}.nft-image{border-radius:8px;box-shadow:0 10px 20px #0003;display:block;height:auto;object-fit:cover;transition:opacity 1s ease-in-out;width:100%}.price{color:#bb3adc;font-weight:700;margin-left:10px}
/*# sourceMappingURL=main.bf0564e9.css.map*/