@import url(https://fonts.googleapis.com/css2?family=Varela+Round&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Dongle:wght@700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.topbar{align-items:top;animation:slideDown .5s ease-in-out forwards;background:linear-gradient(180deg,#000,#0000);box-sizing:border-box;display:flex;height:120px;justify-content:space-between;left:0;padding:16px 4vw;position:absolute;right:0;top:0;width:100%;z-index:9999}.topbar-section{align-items:center;display:flex;flex-direction:column;justify-content:center;position:relative;width:50vw}.logo{width:50px}.left{align-items:center;flex-grow:0;justify-content:flex-start}h2{color:#fff;font-family:Inter;font-size:1.8vw;font-weight:300;font-weight:700;margin:0;text-align:center;text-shadow:.2em .2em #000}.truncate{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;max-width:100%;overflow:hidden;text-overflow:ellipsis}.topheader{font-family:Inter;font-size:min(1.8vw,18px);font-weight:700;line-height:1.3;margin:0 0 10px;padding:5px 0;text-shadow:.1em .1em #000;width:90%}.center,.topheader{color:#fff;text-align:center}.center{flex-direction:column;left:50%;position:absolute;transform:translateX(-50%)}.center h1{font-size:1.6em;font-weight:100;margin-bottom:2px;text-shadow:.06em .06em #000}.center h2{font-family:sans-serif;font-size:1em;line-height:1;margin:0;text-shadow:.02em .02em #000}.right{flex-grow:0;justify-content:flex-end;padding-right:1vw}.center-logo{width:240px}.icon{color:#000;font-size:2em;margin:10px;transition:color 1s}.icon.active{color:#fff}@media (max-width:768px){.topbar{height:60px;padding:5px 10px}.center-logo{width:80px}.center h1{font-size:1.2em}.center h2{font-size:.7em}.icon{font-size:1.2em;margin:5px}.topheader{font-size:14px;margin-bottom:8px}}@media (max-width:480px){.center h1{font-size:1em}.center h2{font-size:.6em}.icon{font-size:1em;margin:3px}}.progress-container{margin-top:5px;text-align:center;width:30vw}.progress-container progress{-webkit-appearance:none;appearance:none;height:10px;width:100%}.progress-container progress::-webkit-progress-bar{background-color:#000000e6;border-radius:10px}.progress-container progress::-webkit-progress-value{background:linear-gradient(120deg,#ffcb47,#00e096,#22bcef);border-radius:10px}.progress-container progress::-moz-progress-bar{background:linear-gradient(120deg,#ffcb47,#00e096,#22bcef);border-radius:10px}.progress-container progress::-ms-fill{background:linear-gradient(120deg,#ffcb47,#00e096,#22bcef);border-radius:10px}@media (max-width:768px){.progress-container{width:80%}.progress-container progress{height:8px}}.bottom-section{animation:slideUp .5s ease-in-out forwards;background:linear-gradient(180deg,#0000,#000);display:flex;flex:auto;flex-direction:column;height:100px;justify-content:flex-end;position:absolute;z-index:10}.bottom-section .option-letter{align-items:center;background-color:#000;border-radius:50%;display:flex;flex-shrink:0;height:5vmin;justify-content:center;margin-right:2vmin;width:5vmin}.bottom-section .option-letter span{color:#fff;font-size:2.5vmin}@keyframes slideUp{0%{bottom:-120px}to{bottom:0}}.bottom-section{bottom:0;left:0;padding:10px 10px 30px;position:fixed;right:0;width:100%}.center{justify-content:center}.avatar-container,.center{align-items:center;display:flex}.avatar-container{overflow-x:auto;padding:10px}.avatar-wrapper{margin:0 8px;position:relative}.answered-avatar,.correct-avatar,.inactive-avatar,.incorrect-avatar,.unanswered-avatar{align-items:center;background-color:initial;border:5px solid #fff;border-radius:50%;display:flex;height:80px;justify-content:center;position:relative;width:80px}.inactive-avatar{background-color:#0000001a;border:5px solid #ffffff4d}.unanswered-avatar{border:5px solid #fff;opacity:.7}.answered-avatar{border:5px solid #fff;box-shadow:0 0 10px (255,255,255,.3)}.correct-avatar{background:#00e096;box-shadow:0 4px 6px #0000001a}.correct-avatar .avatar-initials{color:#000}.incorrect-avatar{background:#eb5e55;box-shadow:0 4px 6px #0000001a}.incorrect-avatar .avatar-initials{color:#000}.inactive-avatar .avatar-initials{color:#ffffff4d}.avatar-initials{color:#fff;font-size:24px;font-weight:700}.answer-badge{animation:popIn .3s cubic-bezier(.34,1.56,.64,1) forwards;background-color:#fff;box-shadow:0 2px 4px #0003;font-size:14px;height:64px;right:-8px;top:-8px;width:64px}.answer-badge,.streak-badge{align-items:center;border-radius:50%;color:#000;display:flex;font-weight:700;justify-content:center;position:absolute}.streak-badge{background-color:initial;font-size:20px;font-size:3em;height:48px;right:-16px;top:-16px;width:48px}.animated-emoji{height:64px;width:64px}.a-badge,.animated-emoji{align-items:center;display:flex;justify-content:center}.a-badge{background-color:initial;color:#000;font-size:1.6em;font-weight:700;height:48px;right:-16px;top:-16px;width:48px}.a-badge,.checkmark-icon{border-radius:50%;position:absolute}.checkmark-icon{background-color:#00e096;bottom:-4px;color:#fff;font-size:12px;padding:2px;right:-4px}.avatar-name{font-size:.6em}@keyframes slideIn{0%{opacity:.3}to{opacity:1}}@keyframes slideOut{0%{opacity:.3}to{opacity:0}}@keyframes rotateColors{0%{border-color:#ffcb47}25%{border-color:#00e096}50%{border-color:#22bcef}75%{border-color:#fff}to{border-color:#ffcb47}}.new-player{animation:slideIn .5s ease-in forwards}.leaving-player{animation:slideOut .5s ease-out forwards}.rotating-border{animation:rotateColors 2s linear infinite;aspect-ratio:1;overflow:hidden;position:relative}.rotating-border:before{animation:a 5s linear infinite;border:1em solid;border-image:conic-gradient(from var(--a),#ffcb47,#00e096,#22bcef,#fff) 1;content:"";filter:blur(.5em);inset:-.5em;position:absolute;z-index:-1}.swyble-intro{background-color:#00000080;border-radius:20px;display:flex;flex-direction:column;font-family:Arial,sans-serif;height:auto;padding:32px;place-items:center;text-align:center;width:640px}.center1{color:#fff;text-align:center}.center1 h1{font-size:3em;font-weight:100;font-weight:700;margin-bottom:2px;text-shadow:.1em .1em #000000e6}.center1 h2{font-family:sans-serif;font-size:2em;font-weight:400;line-height:1;margin:16px 0 0;text-shadow:.01em .01em #000}.swyble-intro img{height:auto;max-width:100%}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(120deg,#fff,#ffcb47);-moz-background-clip:text;-webkit-background-clip:text;color:#0000}.poster{gap:16px}.poster,.qr .column{align-items:center;display:flex;flex-direction:column;justify-content:center}.qr .column{background-color:#000c;border-radius:32px;color:#fff;height:calc(100vh - 160px);padding:1vw;width:45vw}.h1,.h2,.h3,.section-title{margin:0}.code{font-family:Georgia,Times New Roman,Times,serif}.h1{font-size:5vw;text-shadow:.1em .1em #000}.h2{font-size:4vw}.h3{font-size:clamp(54px,calc(1vw + .5vh),18px);text-shadow:.2em .2em #000}.section-title{font-size:3vw}.subtitle{font-size:2.5vw}.body-text{font-size:1.8vw}.logo{width:20vw}.textbox{border:2px solid #fff;border-radius:10px;letter-spacing:.2em;padding:20px}.white{color:#fff}.column{animation:fadeIn .5s ease-in forwards;opacity:0}.column:nth-child(2){animation-delay:.25s}@property --glow{syntax:"<angle>";initial-value:0deg;inherits:false}.card{aspect-ratio:3/2;background:#000c;border:4px solid #0000;border-radius:1em;padding:.75em;position:relative}.card:after,.card:before{--full:conic-gradient(red 0 0);animation:glow 4s linear infinite;background:conic-gradient(from var(--glow),#ffcb47,#00e096,#22bcef,#fff) border-box;border:inherit;border-radius:inherit;box-shadow:0 0 8em rgba(0,0,0,.001);content:"";inset:-8px;-webkit-mask:var(--full) no-clip,var(--full) padding-box;-webkit-mask-composite:source-out;mask:var(--full) no-clip subtract,var(--full) padding-box;pointer-events:none;position:absolute}.card:after{filter:blur(2em)}.answered-avatar{animation:rotate 4s linear infinite;background:conic-gradient(from var(--angle),#ffcb47,#00e096,#22bcef,#fff);position:relative}@keyframes rotate{to{--angle:360deg}}@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@keyframes glow{to{--glow:1turn}}@keyframes moveInCircle{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}to{transform:rotate(1turn)}}@keyframes moveVertical{0%{transform:translateY(-50%)}50%{transform:translateY(50%)}to{transform:translateY(-50%)}}@keyframes moveHorizontal{0%{transform:translateX(-50%) translateY(-10%)}50%{transform:translateX(50%) translateY(10%)}to{transform:translateX(-50%) translateY(-10%)}}.gradient-bg{background:linear-gradient(40deg,var(--color-bg1),var(--color-bg2));height:100vh;left:0;overflow:hidden;position:relative;top:0;width:100vw;svg{height:0;left:0;position:fixed;top:0;width:0}.gradients-container{filter:url(#goo) blur(40px);height:100%;width:100%}.g1{animation:moveVertical 30s ease infinite;background:radial-gradient(circle at center,rgba(var(--color1),.8) 0,rgba(var(--color1),0) 50%) no-repeat;transform-origin:center center}.g1,.g2{height:var(--circle-size);left:calc(50% - var(--circle-size)/2);mix-blend-mode:var(--blending);opacity:1;position:absolute;top:calc(50% - var(--circle-size)/2);width:var(--circle-size)}.g2{animation:moveInCircle 20s infinite reverse;background:radial-gradient(circle at center,rgba(var(--color2),.8) 0,rgba(var(--color2),0) 50%) no-repeat;transform-origin:calc(50% - 400px)}.g3{animation:moveInCircle 40s linear infinite;background:radial-gradient(circle at center,rgba(var(--color3),.8) 0,rgba(var(--color3),0) 50%) no-repeat;left:calc(50% - var(--circle-size)/2 - 500px);opacity:1;top:calc(50% - var(--circle-size)/2 + 200px);transform-origin:calc(50% + 400px)}.g3,.g4{height:var(--circle-size);mix-blend-mode:var(--blending);position:absolute;width:var(--circle-size)}.g4{animation:moveHorizontal 40s ease infinite;background:radial-gradient(circle at center,rgba(var(--color4),.8) 0,rgba(var(--color4),0) 50%) no-repeat;left:calc(50% - var(--circle-size)/2);opacity:.7;top:calc(50% - var(--circle-size)/2);transform-origin:calc(50% - 200px)}.g5{animation:moveInCircle 20s ease infinite;background:radial-gradient(circle at center,rgba(var(--color5),.8) 0,rgba(var(--color5),0) 50%) no-repeat;height:calc(var(--circle-size)*2);left:calc(50% - var(--circle-size));opacity:1;top:calc(50% - var(--circle-size));transform-origin:calc(50% - 800px) calc(50% + 200px);width:calc(var(--circle-size)*2)}.g5,.interactive{mix-blend-mode:var(--blending);position:absolute}.interactive{background:radial-gradient(circle at center,rgba(var(--color-interactive),.8) 0,rgba(var(--color-interactive),0) 50%) no-repeat;height:100%;left:-50%;opacity:.7;top:-50%;width:100%}}.qr-fullscreen{flex-direction:row;left:0;position:fixed;top:0;width:100vw}.qr-column,.qr-fullscreen{display:flex;height:100vh;margin:0;padding:0}.qr-column{align-items:center;color:#fff;flex-direction:column;justify-content:center;width:50vw}.qr-left{border:none}.qr-left,.qr-right{background-color:#000c;border-radius:0}.qr{align-items:center;display:flex;flex-direction:row;gap:16px;height:calc(100vh - 160px);justify-content:center;width:90vw}:root{--primary-font-size:3vw;--option-font-size:2vw;--max-content-width:100vw}body{font-family:Arial,sans-serif;margin:0;padding:0}.content-container{background-color:initial;flex-direction:row;height:calc(100vh - 250px);width:100vw;width:var(--max-content-width)}.content-container,.tag-container{display:flex;max-width:100vw;max-width:var(--max-content-width)}.tag-container{flex-wrap:wrap;justify-content:center;margin:0 auto;width:100%}.tag{align-items:center;background-color:#0000001a;background-color:var(--tag-background-color);border-radius:10px;cursor:pointer;font-size:2vmin;margin:2vmin;padding:2vmin;width:auto}.question-component{align-items:center;flex-direction:column;min-height:0}.question-component,.question-text{box-sizing:border-box;display:flex;width:100%}.question-text{background-color:#000000b3;background-color:var(--question-background-color);border-radius:10px;height:auto;min-height:100px;opacity:0;padding:3vmin;position:relative;will-change:opacity}.question-text,.question-text h2{align-items:flex-start;justify-content:center}.question-text h2{word-wrap:break-word;color:#fff;color:var(--question-text-color);display:flex;font-family:Inter;font-weight:300;font-weight:700;height:100%;margin:0;overflow-wrap:break-word;text-align:center;text-shadow:.1em .1em #000;width:100%}.options{box-sizing:border-box;display:flex;flex-direction:column;gap:8px;height:calc(100vh - 200px);margin:0 16px 16px;width:100%}.option{background-color:#000000e6;background-color:var(--option-background-color);border:5px solid #000c;border-radius:16px;font-family:Inter;font-weight:700;opacity:0;padding:2vmin;position:relative;transition:background-color .5s;will-change:opacity}.option,.option-letter{align-items:center;display:flex}.option-letter{background-color:#fff;border-radius:50%;flex-shrink:0;height:5vmin;justify-content:center;margin-right:2vmin;width:5vmin}.option-letter span{font-size:2vmin}.option.correct .option-letter{background-color:#000}.option.correct .option-letter span{color:#fff}.option-text{flex-grow:1}.option-text span{color:#fff;color:var(--option-text-color);font-size:2vw;font-size:var(--option-font-size);text-shadow:.03em .03em #000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.option.fade-in{animation:fadeIn .3s ease forwards}.option.fade-out{animation:fadeOut .3s ease forwards}.option.correct{background:#00e096;color:#000;opacity:1;text-shadow:none}.option.correct span{color:#000;text-shadow:.03em .03em #0003}.option.wrong{animation:none;opacity:.1}.question-text.fade-in{animation:fadeIn .5s ease forwards}.question-text.fade-out{animation:fadeOut .5s ease forwards}progress{border-radius:0;margin:2vmin;width:50px}#root,.App,body,html{display:flex;flex:1 1;height:100%}body,html{background-color:#000;font-style:normal;overflow:hidden}.App-logo{height:40vmin;pointer-events:none}.main-content{align-items:center;display:flex;flex-direction:column;height:calc(100vh - 80px);overflow:hidden;padding-top:120px;width:100%}@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)}}@property --a{syntax:"<angle>";initial-value:0deg;inherits:false}.bling{text-wrap:balance;aspect-ratio:1;border-radius:.5em;border-radius:5px;color:#ededed;overflow:hidden;padding:.5em;place-content:center;place-self:center;position:relative;text-align:center}.bling:before{animation:a 5s linear infinite;border:2em solid;border-image:conic-gradient(from var(--a),#ffcb47,#00e096,#22bcef,#00e096,#ffcb47) 1;border-radius:5px;content:"";filter:blur(0);inset:-1em;position:absolute;z-index:-1}@keyframes a{to{--a:1turn}}:root{--question-background-color:#000000b3;--question-text-color:#fff;--option-background-color:#000000e6;--option-hover-background-color:#000000b3;--option-text-color:#fff;--primary-font-size:2vw;--username-font-size:1.3vw;--rank-font-size:2vw;--max-content-width:90vw;--tag-background-color:#0000001a}.leaderboard-container{grid-gap:4px;background-color:initial;border:0;border-radius:12px;box-sizing:border-box;display:grid;gap:4px;grid-template-columns:repeat(2,1fr);height:auto;overflow-y:auto;width:auto}.leaderboard-item{align-items:center;background-color:#000c;border-radius:16px;display:flex;margin:6px auto;padding:4px}.leaderboard-item[data-current-user=true]{background-color:#ffcb471a;border:2px solid #ffcb4780}.rank-container{text-align:center;width:20px}.rank-text{color:#fff3;font-size:2vw;font-size:var(--rank-font-size);font-weight:700;margin:8;padding:8}.user-info{align-items:center;display:flex;flex:1 1;margin-left:12px}.avatar-container{margin-right:0}.avatar{align-items:center;background-color:#000;border:1px solid #fffc;border-radius:50%;display:flex;height:32px;justify-content:center;overflow:hidden;width:32px}.avatar-image{height:100%;object-fit:cover;object-position:center;width:100%}.avatar span{color:#fffc;font-size:12px}.username{color:#fff;font-size:1.3vw;font-size:var(--username-font-size);font-weight:500;margin-right:20px}.score{background-color:"transparent";border-radius:4px;color:#fff;font-size:32px;margin-left:auto;padding:4px 8px}
/*# sourceMappingURL=main.5f50bfb9.css.map*/