#preview-screen{transition:opacity .3s ease-out;position:fixed;top:0;left:0;display:flex;flex-direction:column;gap:2em;width:100vw;height:100vh;align-items:center;justify-content:center;background:#0c2442;font-size:calc(10px + 2vmin);overflow:hidden;z-index:100}.logo-text-block{transition:opacity .3s ease-out;position:relative;padding:1em;margin:-1em}.lds-ripple{display:inline-block;position:relative;width:80px;height:80px}.lds-ripple div{position:absolute;border:4px solid rgba(18,182,119,.78);opacity:1;border-radius:50%;-webkit-animation:lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite;animation:lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite}.lds-ripple div:nth-child(2){-webkit-animation-delay:-.5s;animation-delay:-.5s}@-webkit-keyframes lds-ripple{0%{top:36px;left:36px;width:0;height:0;opacity:1}to{top:0px;left:0px;width:72px;height:72px;opacity:0}}@keyframes lds-ripple{0%{top:36px;left:36px;width:0;height:0;opacity:1}to{top:0px;left:0px;width:72px;height:72px;opacity:0}}@font-face{font-family:Excellence;src:url(/assets/fonts/excellence.ttf)}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{font-family:Rubik,sans-serif}.graph-page{height:100vh;display:flex;flex-direction:column}@media (prefers-reduced-motion: no-preference){.App-logo{-webkit-animation:App-logo-spin infinite 20s linear;animation:App-logo-spin infinite 20s linear}}.App-body{flex-grow:1;display:grid;grid-template-columns:25em 1fr}.sidebar{background:black;display:flex;flex-direction:column}.content{overflow:hidden}.App-header{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom:2px solid black;background:#0c2442;box-shadow:inset 0 -3em 5em #0e0213db;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);overflow:hidden}.logo-text-block{position:relative;padding:1em;margin:-1em}.logo-header-text{opacity:.8;background:linear-gradient(to right,rgb(0,150,136),rgb(255,82,82),rgb(0,150,136));background-size:200% auto;margin:0;font-family:Excellence,sans-serif;font-size:4rem;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-animation:logo-color-change 12s ease-in-out infinite,logo-rotation 20s ease-in-out 2s infinite;animation:logo-color-change 12s ease-in-out infinite,logo-rotation 20s ease-in-out 2s infinite}.logo-header-text-behind{position:absolute;-webkit-animation-delay:5s;animation-delay:5s;-webkit-animation:logo-color-change 12s ease-in-out 3s infinite,logo-rotation 20s ease-in-out infinite;animation:logo-color-change 12s ease-in-out 3s infinite,logo-rotation 20s ease-in-out infinite;color:#040f2cde;font-size:4.2rem;left:.25em;bottom:.25em}.scroller{transition:transform .05s ease-in;transform-origin:top center;background:linear-gradient(to bottom,rgb(0,150,136),rgb(255,82,82),rgb(0,150,136));background-size:auto 200%;-webkit-animation:scroller-color-change 6s ease-in-out infinite;animation:scroller-color-change 6s ease-in-out infinite}.sidebar-collection-list{background:black;position:absolute;top:0;left:0;right:0;bottom:0;overflow-y:scroll;padding:1em .5em 1em 0}.collection-item{transition:background-color .1s ease-in;padding:0 1em;border-width:2px 0 2px 0;border-color:transparent}.collection-item .image-box{margin:.25em;flex-shrink:0}.collection-item .image-box .chakra-image{background-color:#1e2634}.collection-item .item-content{flex-grow:1;padding:.25em}.collection-item .item-content .collection-id{opacity:.5;font-size:.8em;white-space:pre-wrap;word-break:break-all;text-overflow:ellipsis}.collection-item:hover{background:#142428;cursor:pointer}.collection-item.selected{background:#172f88;border-color:#ffffff61}.collection-item.selected:hover{background:#1f3db2}.collection-detail-box{width:100%;height:36%;box-shadow:0 -.5em .5em #1b0638ba;position:relative;background:linear-gradient(to bottom,rgb(36,29,59),black);display:flex;flex-direction:column}.collection-detail-box-content{display:flex;flex-direction:column;flex-grow:1;gap:1em;padding:1em;position:relative}.collection-detail-box-content .social-media-section{display:flex;align-content:center;gap:1em}.detail-collection-description-area{position:relative;flex-grow:1;font-size:.8em;white-space:pre-wrap;margin:-1em;height:100%}.detail-collection-description-area a{color:#ff9e8f}.detail-collection-description-area a:hover{color:#ff4f4f}.detail-collection-description-text{padding:1em}.abs-scrollable{position:absolute;overflow-y:auto;top:0;left:0;right:0;bottom:0}.image-sliver{flex-shrink:0;position:relative;width:100%;height:11vh;max-height:12em;border-top:3px solid white;border-bottom:2px solid rgba(84,152,255,.45);overflow:hidden}.image-sliver-text-block{z-index:2;position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:flex-end;justify-content:center}.image-sliver-text{font-weight:700;letter-spacing:.1em;font-size:1.35em;text-shadow:0 .1em .4em rgba(27,6,56,.73),0 .1em .1em rgba(27,6,56,.96)}.image-sliver:after{display:block;content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0),rgba(7,26,28,.22),rgba(8,6,17,.65)),linear-gradient(to top,rgba(255,255,255,0),rgba(255,255,255,0) 90%,rgba(255,255,255,.15));z-index:1}.collection-detail-box-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-animation:sliver-image-top-bottom-movement 13s ease-in-out alternate infinite,sliver-image-zoom 3s ease-in-out alternate infinite;animation:sliver-image-top-bottom-movement 13s ease-in-out alternate infinite,sliver-image-zoom 3s ease-in-out alternate infinite}@-webkit-keyframes sliver-image-top-bottom-movement{0%{object-position:0 25%}to{object-position:0 75%}}@keyframes sliver-image-top-bottom-movement{0%{-o-object-position:0 25%;object-position:0 25%}to{-o-object-position:0 75%;object-position:0 75%}}@-webkit-keyframes sliver-image-zoom{0%{transform:scale(1.1)}to{transform:scale(1.3)}}@keyframes sliver-image-zoom{0%{transform:scale(1.1)}to{transform:scale(1.3)}}@-webkit-keyframes logo-rotation{0%{transform:rotate(1deg) scale(.95)}30%{transform:rotate(0) scale(1)}60%{transform:rotate(-1deg) scale(1.05)}80%{transform:rotate(0) scale(1)}to{transform:rotate(1deg) scale(.95)}}@keyframes logo-rotation{0%{transform:rotate(1deg) scale(.95)}30%{transform:rotate(0) scale(1)}60%{transform:rotate(-1deg) scale(1.05)}80%{transform:rotate(0) scale(1)}to{transform:rotate(1deg) scale(.95)}}@-webkit-keyframes scroller-color-change{0%{background-position:center 0}to{background-position:center 200%}}@keyframes scroller-color-change{0%{background-position:center 0}to{background-position:center 200%}}@-webkit-keyframes logo-color-change{0%{background-position:0 center}to{background-position:200% center}}@keyframes logo-color-change{0%{background-position:0 center}to{background-position:200% center}}.App-footer{border-top:2px solid black;background:#0c2442;box-shadow:inset 0 3em 5em #0e0213db;color:#fff;padding:1em;font-size:1rem}.App-footer .header-text{font-size:12px;letter-spacing:.08em}.App-footer .content-text{font-size:10px}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}button{font-size:calc(10px + 2vmin)}
