@import"https://api.fontshare.com/v2/css?f[]=general-sans@400,500&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{height:100%}html,body,#root{min-height:100%!important;height:100%}body{background:#0a090d;color:#fff;font-weight:400;font-family:General Sans,sans-serif}.App{position:relative;height:100%;display:grid;place-items:center}h2{color:#c9c4d4}nav.header{position:absolute;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;font-weight:500}.Link__Container{display:flex;align-items:center;gap:1rem}.Link{color:#bcb6c999;text-decoration:none;transition:color .2s}.Link:hover{color:#f2f0f499}.Link--active{text-decoration:none;color:#f2f0f4}.Link--pending{text-decoration:none;color:#9f9ca5}footer{position:absolute;bottom:0;left:0;width:100%;display:flex;align-items:center;justify-content:center;padding:1rem 1.25rem;font-weight:500}.FullWidth{width:100%!important}.FullWidth:hover{transform:none!important}.Image__Container{padding:0}.Image__Container img{border-radius:.5rem;box-shadow:#0000001a 0 20px 25px -5px,#0000000a 0 10px 10px -5px}.Logo__Container{display:flex;align-items:center;gap:.5rem}.Logo__Container span{color:#555;font-size:.75rem;font-weight:400}.Logo{height:1.5rem;opacity:.5}.NFT__Container{width:clamp(30px,33%,400px);margin:0 auto;display:flex;flex-direction:column;gap:1rem;border:2px solid hsla(260,5%,100%,.1);border-radius:.75rem;padding:1rem;background:hsla(255,18%,7%,.75);box-shadow:#0000001a 0 20px 25px -5px,#0000000a 0 10px 10px -5px}.Gallery__Wrapper{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:2rem;max-height:500px;overflow-y:scroll}.Gallery__Wrapper .Gallery__Container{margin:0!important;width:clamp(200px,33%,300px)}.Gallery__Container{width:clamp(300px,33%,400px);margin:0 auto;display:flex;flex-direction:column;border:2px solid hsla(260,5%,100%,.1);border-radius:.75rem;background:hsl(260,15%,16%);box-shadow:#0000001a 0 20px 25px -5px,#0000000a 0 10px 10px -5px;overflow:hidden;transition:border .2s,box-shadow .2s}.Gallery__Container:hover{border-color:#ffffff26;box-shadow:#0000001a 0 20px 25px -5px,#0000000a 0 10px 10px -5px}.Gallery__Container:hover .Divider{background:hsla(260,5%,100%,.06)}.Gallery__Container .Divider{width:100%;height:2px;background:hsla(260,5%,100%,.03);margin:0!important;transition:background .2s}.Gallery__Container .Info__Container,.Gallery__Container .Btn__Container{padding:1rem;background:hsla(255,18%,7%,.75);display:flex;align-items:center;justify-content:space-between;gap:.25rem}.Gallery__Container .Info__Container h2{color:#fff}.Gallery__Container .Info__Container p{color:#bcb6c9bf}.Info__Container--meta{display:flex;flex-direction:column;gap:.25rem}.Gallery__Container .File__Container{padding:1.25rem 1rem}.Gallery__Container .File__Container img{border-radius:.5rem;box-shadow:#0000001a 0 20px 25px -5px,#0000000a 0 10px 10px -5px}.File__Container{display:flex;flex-direction:column}.File__Container img{max-width:100%;object-fit:cover;border-radius:.5rem .5rem 0 0}.External__Container{display:flex;align-items:flex-end;gap:.5rem}.Link--External{display:flex;align-items:center;gap:.375rem;font-size:.75rem;font-weight:500}.Image__Container{display:flex;flex-direction:column}.Image__Container img{max-width:100%;object-fit:cover}.File__Metadata{padding:.5rem;display:flex;align-items:center;justify-content:space-between;color:#bcb6c9;font-size:.875rem;background:hsl(260,15%,16%);border-radius:0 0 .5rem .5rem;font-weight:500}.File__Metadata label{color:#bcb6c9d9;font-weight:400}.container{font-weight:400;color:#c3bbd3;width:100%;display:grid;place-items:center}.btn{all:unset;cursor:pointer;padding:.5rem 1rem;border-radius:.5rem;background:hsl(262,75%,59%);color:#eee;font-weight:500;margin-left:auto;opacity:1;display:grid;place-items:center;transition:all .2s ease;min-width:6rem}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:not(:disabled):hover{background:hsl(262,75%,69%);color:#fff;transform:translateY(-2px)}.Buttons__Container{display:flex;align-items:center;justify-content:space-between}.Buttons__Container p{font-size:.875rem;color:#bcb6c9bf}.Buttons__Container p>b{color:#bcb6c9}input::file-selector-button{border:solid 2px hsla(260,5%,100%,.1);margin-right:.75rem;background:transparent;color:#e5e4e7a8;padding:.5rem 1rem;font-size:1rem;border-radius:.75rem;cursor:pointer;font-weight:400}.Input__Container{display:block}.Input__Container label{display:block;color:#e5e4e780;font-size:.875rem;font-weight:500;margin-bottom:.5rem;text-transform:uppercase}.Input__Container input[type=text]{border:solid 2px hsla(260,5%,100%,.1);background:transparent;color:#e5e4e7;padding:.5rem 1rem;font-size:1rem;border-radius:.5rem;font-weight:400;width:100%}.Input__Container input[type=text]:focus-visible{border:2px solid hsl(262,75%,59%);outline:none}.Input__Container input[type=text]::placeholder{color:#e5e4e754}.Input__Container:not(:last-child){margin-bottom:.5rem}.Input__Wrapper{display:block}.Divider{width:calc(100% + 2rem);height:2px;background:hsla(260,5%,100%,.03);margin-left:-1rem}
