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}body{background:#fff;background-image:none}.App{text-align:center}.App-header{background-color:#282c34;flex-direction:column;font-size:calc(10px + 2vmin)}.App-header,.login-body{align-items:center;color:#fff;display:flex;justify-content:center;min-height:100vh}.login-body{background:radial-gradient(circle at top,#22162c 0,#050507 48%,#000 100%);box-sizing:border-box;padding:24px}.login-panel{background:#16161cf0;border:1px solid #ffffff1a;border-radius:18px;box-shadow:0 20px 60px #00000085;padding:28px;text-align:center;width:min(92vw,420px)}.login-logo{display:block;margin:0 auto 12px;max-width:50%;width:130px}.login-name{display:block;margin:0 auto 16px;max-width:88%;width:230px}.login-copy{color:#e9e6f0;line-height:1.45}.login-error{color:#ff8e8e;line-height:1.4}.login-button{background:linear-gradient(135deg,#5865f2,#9b59ff);border:0;border-radius:999px;box-shadow:0 10px 28px #5865f259;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;margin-top:14px;padding:12px 22px}.login-button:hover{filter:brightness(1.08)}:focus{outline:0}.vizbot-empty-carousel{background:radial-gradient(circle at top,#1b1d35 0,#050506 65%);border:1px solid #262a44;border-radius:12px;box-shadow:0 0 28px #5466ff24;color:#f4f4f4;max-width:750px;min-height:260px;padding:42px}.vizbot-card-placeholder{background:linear-gradient(160deg,#111421,#050506 55%,#211126);border:1px solid #7b87ff8c;border-radius:12px;box-shadow:inset 0 0 32px #ffffff0a,0 0 28px #794aff38;box-sizing:border-box;color:#f5f5ff;display:flex;flex-direction:column;height:320px;justify-content:space-between;padding:18px;text-align:left;width:220px}.vizbot-card-id{color:#95a6ff;font-family:monospace;font-size:18px;letter-spacing:.08em}.vizbot-card-character{font-size:22px;font-weight:800;line-height:1.1}.vizbot-card-collection{color:#c7c9d8;font-size:14px}.vizbot-card-missing{color:#ffcc7a;font-size:12px;letter-spacing:.15em;text-transform:uppercase}.UpperUpper{align-items:center;display:flex;flex-direction:column}.UpperBody{align-items:flex-start;align-self:"stretch";display:flex;justify-content:space-between;width:90vw}.FeedContainer{justify-self:"flex-start"}.FeedContainer,.FilterCard{display:"flex";flex-direction:"column"}.FilterCard{align-items:"center";justify-content:"space-evenly"}.Carousel{display:flex;margin-right:10vw;width:700px}@media(max-width:700px){.UpperBody{align-items:center;align-self:center;display:flex;flex-direction:column;justify-content:flex-start}.UpperBody :first-child{order:2}.UpperBody :nth-child(2){order:3}.UpperBody :nth-child(3){order:1}.FeedContainer{flex-direction:row;flex-wrap:wrap;margin-top:15px}.FilterBtnsContainer{align-items:center;display:flex;justify-content:center;margin-top:20px}.FilterCard{display:flex;flex-direction:column;height:auto;width:350px}.FilterTop{justify-content:space-around}.FilterBtns,.FilterTop{align-items:center;display:flex;flex-direction:row}.FilterBtns{flex-wrap:wrap;justify-content:space-evenly}}.bannerNcharacters{display:flex;flex-direction:row;justify-content:center}.topsection{flex-direction:row;justify-content:space-between}@media (max-width:700px){.topsection{align-items:center;flex-direction:column;justify-content:center}.topsection :first-child{order:1}.topsection :nth-child(2){order:3}.topsection :nth-child(3){order:2}.bannerNcharacters{flex-direction:column;justify-content:space-between}.banner{align-self:center;margin-bottom:20px;margin-top:20px;width:340px}.banner,.characters{margin-left:0;position:relative}.characters{justify-self:center;margin-right:0;padding-left:0;padding-right:0;padding-top:50px;width:320px}}.characters{padding-left:5px;padding-right:5px}