body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#212121;font-family:Freeroad;height:100vh;margin:0;max-height:100vh;max-width:100vw;width:100vw}.bold{font-weight:700}.italic{font-style:italic}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}[data-theme=rankdle-theme]{--rankdle-yellow:#fff326;--even-darker-primary-color:#182023;--darker-primary-color:#303f46;--dark-primary-color:#455a64;--light-primary-color:#cfd8dc;--lighter-primary-color:#e4e7e9;--primary-color:#607d8b;--even-darker-secondary-color:#251329;--darker-secondary-color:#4a2552;--dark-secondary-color:#6f387b;--light-secondary-color:#af78ba;--lighter-secondary-color:#e5d2e8;--secondary-color:#944aa3;--text-icons-color:#fff;--fade-text-icons-color:#fffc;--accent-color:#9e9e9e;--primary-text-color:#fff;--secondary-text-color:#000;--divider-color:#bdbdbd;--background-color:#212121;--secondary-background-color:#333;--tertiary-background-color:#c2c2bf;--input-color:#fff;--input-text-color:#000;--highlight-text-color:#83c0db;--error-color:#e34234;--dark-error-color:#4b1e1d;--success-color:#9ef36d;--dark-success-color:#009b1a;--info-color:#f4d462;--selected-color:#007bff;--winner-color:#4caf50;--loser-color:#ac240d;--blue-info-color:#6441a5;--blue-info-hover-color:#1a73e8;--youtube-color:#c4302b;--lol-color:#4fa8e0;--val-color:#af9d67;--csgo-color:#f29d00;--r6-color:#f7df26;--apex-color:#da292a;--rl-color:#fe7f1e;--chess-color:#2691d4;--ow2-color:#f99e1a;--rankdle-yellow-60:#fff42499;--dark-primary-60-color:#455a6399;--darker-primary-60-color:#455a6399;--even-darker-primary-60-color:#19212499;--light-primary-60-color:#d0d9dd99;--lighter-primary-60-color:#e3e6e899;--primary-60-color:#607c8a99;--darker-secondary-60-color:#49245199;--dark-secondary-60-color:#6e387a99;--light-secondary-60-color:#af78ba99;--lighter-secondary-60-color:#e6d3e899;--secondary-60-color:#9349a299;--accent-60-color:#9e9e9e99;--divider-60-color:#bdbdbd99;--lol-60-color:#4da8e099;--val-60-color:#b09e6999;--csgo-60-color:#f09c0099;--r6-60-color:#f7df2699;--apex-60-color:#db292999;--rl-60-color:#fe802099;--error-60-color:#e3443599;--success-60-color:#9ef36d99;--info-60-color:#f4d46299;--twitter-color:#1da1f2;--twitter-dark-color:#1a91da;--rankdle-yellow-30:#fff4244d;--darker-primary-30-color:#455a634d;--dark-primary-30-color:#455a634d;--even-darker-primary-30-color:#1921244d;--light-primary-30-color:#d0d9dd4d;--lighter-primary-30-color:#e3e6e84d;--primary-30-color:#607c8a4d;--darker-secondary-60-color:#4924514d;--dark-secondary-60-color:#6e387a4d;--light-secondary-60-color:#af78ba4d;--lighter-secondary-60-color:#e6d3e84d;--secondary-30-color:#9349a24d;--accent-30-color:#9e9e9e4d;--divider-30-color:#bdbdbd4d;--error-30-color:#e344354d;--success-30-color:#9ef36d4d;--info-30-color:#f4d4624d;--premium-gold-gradient:linear-gradient(90deg,#ae8625,#f7ef8a 40%,#d2ac47,#edc967);--premium-platinum-gradient:linear-gradient(90deg,#35858c,#7fdee8 40%,#4ab9c4,#54d3e0);--premium-gold:#d2ac47;--premium-platinum:#4ab9c4;--big-padding-1:clamp(5px,3vw,20px) clamp(10px,3vw,40px);--padding-square-1:clamp(10px,2vw,20px);--padding-square-2:clamp(5px,1vw,10px);--padding-square-3:clamp(2px,1vw,5px);--padding-square-4:clamp(1px,1vw,2px);--padding-1:clamp(5px,2vw,10px) clamp(10px,2vw,20px);--padding-2:clamp(1px,1vw,5px) clamp(5px,1vw,10px);--padding-3:clamp(2px,1vw,8px) clamp(2px,1vw,8px);--border-radius-1:min(0.8vw,5px);--border-radius-2:min(1vw,0.5rem);--border-radius-3:clamp(2px,1vw,5px);--border-radius-clip-view:min(1vw,0.5rem);--btn-height-1:clamp(20px,4vw,40px);--btn-height-2:clamp(18px,3vw,30px);--btn-radius-1:min(0.8vw,5px);--btn-padding-1:clamp(2px,1vw,10px) clamp(10px,2vw,20px);--btn-padding-2:clamp(1px,1vw,5px) clamp(2px,1vw,10px);--btn-padding-square-1:clamp(4px,2vw,20px) clamp(4px,2vw,20px);--btn-padding-square-2:clamp(2px,1vw,10px) clamp(2px,1vw,10px);--btn-transition:background-color 0.15s ease-in-out;--input-radius-1:min(1.5vw,5px);--input-padding-1:clamp(5px,2vw,10px) clamp(10px,2vw,20px);--modal-padding-square-1:clamp(2px,1vw,10px) clamp(2px,1vw,10px);--tablet-width:768px;--mobile-l-width:425px;--mobile-m-width:375px;--mobile-s-width:320px}body ::-webkit-scrollbar-track{background-color:#4e4e4e00;-webkit-box-shadow:inset 0 0 6px #0000001a}body ::-webkit-scrollbar{height:6px;width:6px}body ::-webkit-scrollbar-thumb{background-color:var(--divider-60-color);border-radius:10px}.loading-button{border-radius:clamp(2px,1vw,5px);box-sizing:border-box;height:clamp(30px,4vw,45px);margin:clamp(0px,1vw,25px) 0 0;padding:clamp(1px,1vw,6px) clamp(1px,1vw,12px);width:100%}.loading,.loading-button{background-color:var(--accent-color)}.loading{animation-duration:1.6s;animation-iteration-count:infinite;animation-name:loading}@keyframes loading{0%{opacity:1}50%{opacity:.3}to{opacity:1}}.score-star-label{fill:gold}a{color:var(--highlight-text-color);cursor:pointer;font-size:clamp(12px,4vw,1.1rem);text-decoration:underline}a:focus,a:hover{color:var(--primary-color)}a:active{color:var(--dark-primary-color)}@font-face{font-display:swap;font-family:Freeroad;font-weight:400;src:local("Freeroad"),url(/static/media/Freeroad.303722870eda5d47c662.ttf) format("truetype")}@font-face{font-display:swap;font-family:Freeroad;font-style:normal;font-weight:700;src:local("Freeroad Regular"),url(/static/media/Freeroad%20Regular.b677070c15c34477ae79.ttf) format("truetype")}@font-face{font-display:swap;font-family:Freeroad;font-style:italic;font-weight:400;src:local("Freeroad Light Italic"),url(/static/media/Freeroad%20Light%20Italic.c4341723ef37220c121b.ttf) format("truetype")}.ellipsis-text-wrapper{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}hr.style-one{background:#333;background-image:linear-gradient(to right,var(--divider-color),var(--divider-color),var(--divider-color))}hr.style-one,hr.style-two{border:0;height:1px;width:100%}hr.style-two{background-image:linear-gradient(to right,#0000,var(--divider-color),var(--divider-color),var(--divider-color),var(--divider-color),var(--divider-color),var(--divider-color),var(--divider-color),#0000)}.verified-icon{margin-left:clamp(.1rem,.1rem,.3rem)}.gold{color:var(--success-color)}.platinum{color:var(--error-color)}@property --gradient-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes rotation{0%{--gradient-angle:0deg}to{--gradient-angle:360deg}}.App{background-color:var(--background-color);height:100vh;max-height:100vh;max-width:100vw;position:fixed}.App,.page-view-container{align-content:center;align-items:center;display:flex;flex-direction:column;justify-content:flex-start;width:100vw}.page-view-container{box-sizing:border-box;height:calc(100vh - clamp(40px, 7vw, 60px));max-height:calc(100vh - clamp(40px, 7vw, 60px));position:relative}.close-banner,.close-mask{color:var(--light-primary-color)}@media (max-width:770px){.page-view-container{height:calc(100vh - clamp(40px, 7vw, 60px) - 33px - clamp(5px, 1vw, 25px));max-height:calc(100vh - clamp(40px, 7vw, 60px) - 33px - clamp(5px, 1vw, 25px))}}.page-view-wrapper{align-content:center;align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:flex-start;margin-top:clamp(10px,4vw,40px);overflow:auto;overflow:overlay;overflow-x:hidden;padding-bottom:20px;width:100%}.page-view-container .page-view-wrapper.page-view-wrapper-premium-false,.page-view-container.is-mobile-true .page-view-wrapper{padding-bottom:100px}.App .view-loader{aspect-ratio:1!important;height:40vh;max-height:100%;max-width:100%;width:40vh}.view-loader .lds-ring,.view-loader .lds-ripple,.view-loader .loader{height:20vh;left:calc(50% - 10vh);position:absolute;top:calc(50% - 10vh);width:20vh}.page-view-container.path-effected-true{height:100vh;max-height:100vh;padding-top:0}.page-view-container.path-effected-true .page-view-wrapper{margin-top:0}@media (max-width:670px){.page-view-container{margin-bottom:6rem}}.rails-wrapper{flex-grow:1;flex-shrink:0;font-family:Freeroad;width:100%}.rails-wrapper,.rails-wrapper .children-wrapper{align-content:center;align-items:center;display:flex;flex-direction:column;justify-content:flex-start}.rails-wrapper .children-wrapper{box-sizing:border-box;flex-shrink:1}.rails-wrapper .children-wrapper.disable-true{height:100%}.rails-wrapper .rail-placeholder{flex-shrink:0;position:fixed;z-index:1}.rails-wrapper .left-rail-placeholder{left:0}.rails-wrapper .right-rail-placeholder{right:0}.rails-wrapper .bottom-rail-placeholder,.rails-wrapper .corner-video-placeholder{bottom:0;flex-shrink:0;position:fixed;z-index:1}.rails-wrapper .corner-video-placeholder{border-radius:8px;right:0}#pw-oop-bottom_rail,#pw-oop-bottom_rail2{background-color:initial!important;border-top:initial!important;left:50%!important;transform:translateX(-50%)!important;width:auto!important}#pw-oop-bottom_rail a+div,#pw-oop-bottom_rail div+div,#pw-oop-bottom_rail2 a+div,#pw-oop-bottom_rail2 div+div{left:calc(100% - 25px)!important;right:auto!important;top:-5px!important}#pw-oop-bottom_rail,#pw-oop-bottom_rail2,#pw-oop-left_rail,#pw-oop-left_rail2,#pw-oop-right_rail,#pw-oop-right_rail2{z-index:1!important}.corner-ad-video,.pw-corner-ad-video{margin:0!important}.route-loader{height:inherit;width:inherit}.loading-true,.route-loader{align-content:center;align-items:center;display:flex;flex-direction:row;justify-content:center}.loading-true{height:30vh;width:30vh}.route-loader .lds-ring,.route-loader .lds-ripple,.route-loader .loader{height:30vh;position:absolute;top:calc(50% - 15vh);width:30vh}.loading-true .lds-ring,.loading-true .lds-ripple,.loading-true .loader{height:24vh;left:calc(50% - 12vh);position:absolute;top:calc(50% - 12vh);width:24vh}.modals.open.Create.Event{max-width:555px;min-width:230px;width:90%}.is-premium{align-content:center;align-items:center;display:flex;flex-direction:column;justify-content:flex-start}.is-premium .blurb{color:var(--primary-text-color);font-family:Freeroad;font-size:clamp(1.3rem,6vw,2.8rem);font-weight:700;text-align:center}.is-premium a{margin:clamp(20px,8vw,85px) 0 0}.is-premium a,.manage-btn{text-decoration:none;text-decoration:initial}.manage-btn{align-content:center;align-items:center;background-color:var(--dark-primary-color);border:none;border-radius:var(--btn-radius-1);color:var(--primary-text-color);cursor:pointer;display:flex;flex-direction:row;font-family:Freeroad;font-size:clamp(12px,4vw,1.5rem);font-weight:500;height:clamp(30px,4vw,45px);justify-content:center;padding:var(--btn-padding-1);transition:var(--btn-transition);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.manage-btn:hover{background-color:var(--darker-primary-color);border:none}.loader{animation:spin .5s linear infinite;aspect-ratio:1;border:clamp(2px,2vw,12px) solid var(--text-icons-color);border-radius:50%;border-top:clamp(2px,2vw,12px) solid var(--accent-color);box-sizing:border-box;display:inline-block;width:clamp(20px,20vw,260px)}.custom-loader{animation:spin 1000s linear infinite;border-top:1px solid var(--text-icons-color);border:1px solid var(--text-icons-color);border-radius:50%;border-top-color:var(--accent-color)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.lds-ripple{display:inline-block;height:100%;position:relative;width:100%}.lds-ripple div{animation:lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite;border:4px solid var(--dark-primary-color);border-radius:50%;bottom:0;left:0;margin:auto;opacity:1;position:absolute;right:0;top:0}.lds-ripple div:nth-child(2){animation-delay:-.5s}@keyframes lds-ripple{0%{height:0;opacity:0;width:0}4.9%{height:0;opacity:0;width:0}5%{height:0;opacity:1;width:0}to{height:calc(100% - 8px);opacity:0;width:calc(100% - 8px)}}.lds-ring{display:inline-block;height:calc(100% - 8px);position:relative;width:calc(100% - 8px)}.lds-ring div{animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border:8px solid var(--dark-primary-color);border-color:var(--dark-primary-color) #0000 #0000 #0000;border-radius:50%;box-sizing:border-box;display:block;height:100%;position:absolute;width:100%}.lds-ring div:first-child{animation-delay:-.45s}.lds-ring div:nth-child(2){animation-delay:-.3s}.lds-ring div:nth-child(3){animation-delay:-.15s}@keyframes lds-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.lds-ellipsis{display:inline-block;height:clamp(2px,2vw,16px);position:relative;width:clamp(40px,8vw,160px)}.lds-ellipsis div{animation-timing-function:cubic-bezier(0,1,1,0);background:var(--dark-primary-color);border-radius:50%;height:clamp(2px,2vw,16px);position:absolute;top:calc(50% - clamp(2px, 2vw, 16px)/2);width:clamp(2px,2vw,16px)}.lds-ellipsis div:first-child{animation:lds-ellipsis1 .6s infinite;left:0}.lds-ellipsis div:nth-child(2){animation:lds-ellipsis2 .6s infinite;left:0}.lds-ellipsis div:nth-child(3){animation:lds-ellipsis2 .6s infinite;left:calc(50% - clamp(2px, 2vw, 16px)/2)}.lds-ellipsis div:nth-child(4){animation:lds-ellipsis3 .6s infinite;right:0}@keyframes lds-ellipsis1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0)}to{transform:translate(calc(clamp(40px, 8vw, 160px)/2 - clamp(2px, 2vw, 16px)/2))}}.waiting-room{align-content:center;align-items:center;color:var(--primary-text-color);display:flex;flex-direction:column;flex-grow:0;font-family:Freeroad;height:100%;justify-content:flex-start;position:relative;width:100%}.waiting-room .lobby-desc{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;text-align:center}.waiting-room .code-content{align-items:center;display:flex;gap:5px}.waiting-room .lobby-code-copy-button{font-family:Arial!important;font-weight:700;letter-spacing:.1rem;margin:0 5px}.waiting-room .lobby-code{margin-right:clamp(.2rem,1vw,.6rem)}.waiting-room .blurred{filter:blur(5px);-webkit-user-select:none;user-select:none}.waiting-room .lobby-header{align-items:center;background-color:var(--darker-primary-color);box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;padding:20px;width:100%}.waiting-room .lobby-title{font-size:clamp(1.3rem,3vw,2rem);font-weight:600;text-align:center}.waiting-room .lobby-link{color:var(--highlight-text-color)}.waiting-room .lobby-subtitle{align-items:center;background-color:var(--primary-color);background-color:var(--chip-bg-color,var(--primary-color));border-radius:20px;box-shadow:0 2px 4px #0003;display:flex;font-size:clamp(12px,3vw,1rem);font-weight:400;justify-content:center;margin-top:1rem;overflow:hidden;padding:.5em 1em;text-align:center;text-overflow:ellipsis;white-space:nowrap}.waiting-room .lobby-desc{font-size:clamp(12px,3vw,1.3rem)}.waiting-room .host-display-name{color:var(--rankdle-yellow);font-style:italic}.waiting-room .lobby-code{background-color:var(--secondary-color);border-radius:5px;box-shadow:0 2px 4px #0003;font-family:Arial!important;margin:0 5px;padding:.2em .5em}.waiting-room .participant-count{border-radius:5px;box-shadow:inset 0 1px 3px #0000000d;display:inline-flex;gap:.5rem}.waiting-room .lobby-participants{font-size:clamp(12px,3vw,1.6rem);font-weight:500;gap:clamp(1px,2vw,8px);max-width:720px;text-align:center}.waiting-room .lobby-participants,.waiting-room .lobby-participants .video-ad-container{align-content:center;align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;width:100%}.waiting-room .lobby-participants .video-ad-container{aspect-ratio:16/9;background-color:#000;border-radius:var(--border-radius-1);overflow:hidden;position:relative}.waiting-room .waiting-for-host{align-content:center;align-items:center;display:flex;flex-direction:column;flex-shrink:0;font-size:clamp(12px,3vw,1.6rem);font-weight:500;gap:calc(clamp(.2rem, 1vw, .6rem)*2);height:calc(clamp(.6rem, 3vw, 1.6rem)*3);justify-content:flex-start;margin-top:clamp(10px,4vw,20px);width:auto}.waiting-room .host-related{background-color:var(--info-30-color);border-radius:var(--border-radius-1);flex-direction:column!important;padding:var(--padding-1)}.waiting-room .lds-ellipsis div{background-color:var(--text-icons-color)}.viewer-game-view{flex-direction:column;flex-grow:1;font-family:Freeroad;gap:clamp(10px,4vw,20px);justify-content:flex-start}.viewer-game-view,.viewer-game-view .score-header-container{align-content:center;align-items:center;display:flex;width:100%}.viewer-game-view .score-header-container{flex-direction:row;justify-content:center;margin-bottom:20px;position:relative}.viewer-game-view .stream-external-link{align-items:center;display:flex;gap:4px;margin:0 .5rem;max-width:100%;overflow:hidden;white-space:nowrap}.viewer-game-view .stream-external-link .bolded-stream-url{display:block;font-weight:700;letter-spacing:.05rem;max-width:clamp(120px,15vw,200px);overflow:hidden;text-overflow:ellipsis}.viewer-game-view .score-header-container .stream-external-link:hover{background-color:var(--hover-background-color)}.viewer-game-view .score-header-container .go-home{align-items:center;border-radius:var(--border-radius-1);display:flex;justify-content:center;position:absolute;right:calc(54% + clamp(2px, 2vw, 20px)*2);top:calc(clamp(66%, 6vw, 74%) + 10px);transition:var(--btn-transition)}.viewer-game-view .score-header-container .go-home-btn{padding:var(--padding-square-3)!important}.viewer-game-view .score-header-container .go-home-btn span{gap:clamp(5px,1vw,10px)}.viewer-game-view .score-header-container .code-copy{align-items:center;border-radius:var(--border-radius-1);display:flex;justify-content:center;left:calc(54% + clamp(2px, 2vw, 20px)*2);position:absolute;top:calc(clamp(66%, 6vw, 74%) + 10px);transition:var(--btn-transition)}.viewer-game-view .score-header-container .code-copy-btn{padding:var(--padding-square-3)!important}.viewer-game-view .score-header-container .code-copy-btn .bolded-code{font-weight:700;letter-spacing:.1rem}.viewer-game-view .score-header-container .code-copy-btn span{gap:clamp(5px,1vw,10px)}.viewer-game-view .score-header-container .code-copy-btn.copied{color:var(--primary-text-color);gap:1rem}.viewer-game-view .blurred{filter:blur(5px);-webkit-user-select:none;user-select:none}.viewer-game-view .media-container{align-items:center;aspect-ratio:16/9;background:#000;border:0;border-radius:var(--border-radius-2);display:flex;flex-shrink:1;height:calc(100% - clamp(10px, 4vw, 20px)*5 - clamp(20px, 6vw, 50px) - clamp(20px, 12vw, 90px) - clamp(30px, 13vw, 80px) - clamp(.6rem, 3vw, 1rem));justify-content:center;margin:0;max-height:70vw;max-width:100%;overflow:hidden;position:relative}.viewer-game-view .blurb{align-items:center;box-sizing:border-box;color:var(--primary-text-color);display:flex;flex-direction:row;flex-wrap:wrap;font-size:clamp(12px,3vw,1.3rem);height:auto;justify-content:center;padding:var(--padding-1);text-align:center;width:100%}.viewer-game-view .host-related{flex-direction:column!important}.viewer-game-view .host-instruction,.viewer-game-view .host-related{background-color:var(--info-30-color);border-radius:var(--border-radius-1);padding:var(--padding-1)}.viewer-game-view .select-guess,.viewer-game-view .time-out{background-color:var(--primary-color);border-radius:var(--border-radius-1)}.viewer-game-view .your-guess{background-color:none}.viewer-game-view .answerbar-container{align-content:flex-start;align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:row;height:auto;justify-content:space-between;margin-top:40px;width:100%}.viewer-game-view .btn-container{align-content:center;align-items:center;display:flex;flex-direction:column;height:clamp(68px,23vw,159px);justify-content:flex-start;min-height:-webkit-min-content;min-height:min-content;width:100%}.viewer-game-view .submit-disclaimer{color:var(--error-color);font-size:clamp(12px,2vw,1rem);font-weight:600}.viewer-game-view .btn-wrapper{align-content:center;align-items:center;box-sizing:border-box;display:flex;flex-direction:row;gap:clamp(8px,2vw,16px);height:100%;justify-content:center;width:100%}.viewer-game-view .default-button{margin-top:0}.viewer-game-view .not-clickable{color:var(--secondary-text-color)!important}.announcer-container.timed-out{align-content:center;align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:clamp(8px,2vw,16px);justify-content:flex-start;width:auto}.announcer-container.timed-out .blurb{align-items:center;animation:quake .2s ease-in-out;display:flex;flex-direction:row;gap:clamp(8px,2vw,16px);justify-content:center}.announcer-container.timed-out .timed-out-icon{color:var(--error-color);font-size:clamp(1rem,6vw,3rem)}.announcer-container.timed-out .lds-ellipsis div{background-color:var(--primary-text-color)}@keyframes quake{0%,to{transform:rotate(0deg)}25%,75%{transform:rotate(10deg)}50%{transform:rotate(-10deg)}}.host-game-view{color:var(--primary-text-color);flex-direction:column;flex-grow:1;font-family:Freeroad;gap:clamp(5px,2vw,10px);justify-content:flex-start}.host-game-view,.host-game-view .score-header-container{align-content:center;align-items:center;display:flex;width:100%}.host-game-view .score-header-container{flex-direction:row;justify-content:center;margin-bottom:20px;position:relative;z-index:1}.host-game-view .score-header-container .stream-link{align-items:center;border-radius:var(--border-radius-1);display:flex;justify-content:center;position:absolute;right:calc(54% + clamp(2px, 2vw, 20px)*2);top:calc(clamp(66%, 6vw, 74%) + 8px);transition:var(--btn-transition)}.host-game-view .score-header-container .stream-external-link{align-items:center;color:var(--primary-text-color);display:flex;max-width:100%;overflow:hidden;padding:var(--padding-square-3)!important;white-space:nowrap}.host-game-view .score-header-container .stream-external-link .bolded-stream-url{font-size:clamp(12px,2vw,18px);font-weight:700;gap:clamp(5px,1vw,10px);letter-spacing:.05rem;max-width:clamp(120px,15vw,200px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.host-game-view .score-header-container .stream-external-link:hover{background-color:var(--hover-background-color)}.host-game-view .edit-stream-icon{cursor:pointer}.host-game-view .stream-link-edit{align-items:center;border-radius:var(--border-radius-1);display:flex;gap:8px;justify-content:center;position:absolute;right:calc(54% + clamp(2px, 2vw, 20px)*2);top:calc(clamp(66%, 6vw, 74%) + 10px);transition:var(--btn-transition)}.host-game-view .stream-link-input{border-radius:var(--border-radius-1);font-size:clamp(12px,1.7vw,1.3rem);max-height:clamp(.7rem,2vw,1.5rem);max-width:clamp(110px,10vw,250px);padding:clamp(0px,1.7vw,.2rem)}.host-game-view .score-header-container .code-copy{align-items:center;border-radius:var(--border-radius-1);display:flex;justify-content:center;left:calc(54% + clamp(2px, 2vw, 20px)*2);position:absolute;top:calc(clamp(66%, 6vw, 74%) + 10px);transition:var(--btn-transition)}.host-game-view .score-header-container .code-copy-btn{padding:var(--padding-square-3)!important}.host-game-view .score-header-container .code-copy-btn .bolded-code{font-weight:700;letter-spacing:.1rem}.host-game-view .score-header-container .code-copy-btn span{gap:clamp(5px,1vw,10px)}.host-game-view .score-header-container .code-copy-btn.copied{color:var(--primary-text-color);gap:1rem}.host-game-view .blurred{filter:blur(5px);-webkit-user-select:none;user-select:none}.host-game-view .host-instruction{background-color:var(--info-30-color);border-radius:var(--border-radius-1);padding:var(--padding-1);text-align:center;z-index:2}.image-container{max-height:500px;max-width:800px;width:100%}.host-game-view .carousel-container,.image-container{aspect-ratio:16/9;border:0;border-radius:var(--border-radius-2);box-sizing:border-box;flex-shrink:1;margin:0}.host-game-view .carousel-container{background-color:#000;height:calc(100% - clamp(30px, 8.5vw, 80px) - 20px - clamp(10px, 4vw, 20px)*4 - clamp(20px, 5vw, 40px) - clamp(44px, 15vw, 104px) - clamp(8px, 2vw, 16px));max-width:calc(100% - 8px);min-height:0}.host-game-view .options-bar{align-content:flex-start;align-items:center;background-color:var(--primary-color);border-radius:var(--border-radius-1);display:flex;flex-direction:row;justify-content:space-between;padding:var(--padding-2);width:100%}.host-game-view .options-bar .guess-ammount{font-size:clamp(12px,3vw,1rem)}.host-game-view .options-bar .default-button{padding:var(--btn-padding-square-2);transition:all .4s}.host-game-view .options-bar .option-wrapper{align-content:flex-start;align-items:center;display:flex;flex-direction:row;justify-content:flex-start;position:relative;width:auto}.host-game-view .options-bar .default-button:hover .option-wrapper{gap:clamp(5px,1vw,10px)}.host-game-view .options-bar .option-wrapper .option-text{color:#0000;transform:translate(100%);transition:color 0ms;width:0}.host-game-view .options-bar .default-button:hover .option-wrapper .option-text{color:inherit;transform:translate(0);transition:all .4s;width:auto}.host-game-view .answerbar-container{align-content:flex-start;align-items:flex-start;display:flex;flex-direction:row;height:auto;justify-content:space-between;width:100%;z-index:1}.host-game-view .btn-container{align-content:center;align-items:center;display:flex;flex-direction:column;height:calc(clamp(44px, 15vw, 104px) + clamp(8px, 2vw, 16px));justify-content:flex-start;margin-bottom:clamp(10px,4vw,20px);min-height:-webkit-min-content;min-height:min-content;width:100%}.host-game-view .submit-disclaimer{color:var(--error-color);font-size:clamp(12px,2vw,1rem);font-weight:600}.host-game-view .btn-wrapper{align-content:center;align-items:center;box-sizing:border-box;display:flex;flex-direction:row;gap:clamp(8px,2vw,16px);height:100%;justify-content:center;width:100%}.host-game-view .default-button{margin-top:0}.host-game-view .not-clickable{color:var(--secondary-text-color)!important}.announcer-container{box-sizing:border-box;color:var(--primary-text-color);font-size:clamp(12px,3vw,1.5rem);font-weight:500;height:auto}.announcer-container.wait-for-host{align-content:center;align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:clamp(8px,2vw,16px);justify-content:flex-start;width:auto}.announcer-container.wait-for-host .blurb{align-items:center;animation:threesixty .3s linear;animation-fill-mode:forwards;display:flex;flex-direction:row;gap:clamp(8px,2vw,16px);justify-content:center}.announcer-container.wait-for-host .wait-for-host-icon{color:var(--success-color);font-size:clamp(1rem,6vw,3rem)}.announcer-container.wait-for-host .lds-ellipsis div{background-color:var(--primary-text-color)}.announcer-container.select-your-guess{align-content:center;align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:clamp(8px,2vw,16px);justify-content:flex-start;width:auto}.announcer-container.select-your-guess .blurb{align-content:flex-start;align-items:center;background-color:var(--primary-color);border-radius:var(--border-radius-1);box-sizing:border-box;color:var(--primary-text-color);display:flex;flex-direction:row;flex-wrap:wrap;font-size:clamp(12px,3vw,1.3rem);gap:clamp(8px,2vw,16px);height:auto;justify-content:center;padding:var(--padding-1);text-align:center;width:100%}.announcer-container.select-your-guess .select-your-guess-icon{color:var(--success-color);font-size:clamp(1rem,6vw,3rem)}.announcer-container.select-your-guess .lds-ellipsis div{background-color:var(--primary-text-color)}@keyframes threesixty{0%{transform:rotate(0deg) scale(0)}75%{transform:rotate(270deg) scale(.5)}to{transform:rotate(1turn) scale(1)}}.carousel{align-content:center;border-radius:var(--border-radius-2);box-sizing:border-box;flex-direction:column;max-height:100%;width:100%}.carousel,.carousel .carousel-media-container{align-items:center;aspect-ratio:16/9;display:flex;justify-content:center;position:relative}.carousel .carousel-media-container{border:0;border-radius:inherit;box-shadow:0 2px 4px #0000001a;flex-shrink:1;height:100%;margin:0;max-width:100%}.carousel .carousel-media-container.controls-true{margin-bottom:2px;max-height:calc(100% - clamp(8px, 16vw, 15px) - 2px)}.carousel .carousel-media-container.controls-false{max-height:100%}.carousel .carousel-media-container.disable-highlights-false:after,.carousel .carousel-media-container.disable-highlights-false:before{animation:rotation 10s linear infinite;background-image:conic-gradient(from var(--gradient-angle),var(--dark-primary-color),var(--primary-color),var(--rankdle-yellow),var(--secondary-color),var(--dark-secondary-color),var(--secondary-color),var(--rankdle-yellow),var(--primary-color),var(--dark-primary-color));border-radius:inherit;content:"";inset:-4px;position:absolute;z-index:-1}.carousel .carousel-media-container.disable-highlights-false:after{filter:blur(1rem)}.carousel .carousel-controls-container{align-items:center;border-radius:var(--border-radius-2);display:flex;flex-direction:row;gap:clamp(5px,16vw,8px);height:clamp(8px,16vw,15px);justify-content:center;width:100%}.carousel-controls-container .chevron-icon{border-radius:100%;color:var(--input-color);height:clamp(8px,16vw,15px);margin:0 clamp(2px,16vw,6px);width:clamp(8px,16vw,15px)}.carousel-controls-container .chevron-icon:hover{color:var(--light-primary-color);cursor:pointer}.carousel-controls-container .media-pip{background-color:var(--input-color);border-radius:100%;height:clamp(2px,16vw,6px);width:clamp(2px,16vw,6px)}.carousel-controls-container .media-pip.selected-true{background-color:var(--selected-color)}.carousel-controls-container .media-pip.selected-false:hover{background-color:var(--light-primary-color);cursor:pointer}.carousel .carousel-media-container .media-username{color:var(--rankdle-yellow);font-size:clamp(12px,6vw,.9rem);font-style:italic;left:5px;position:absolute;top:5px;z-index:10}.default-button{align-content:center;align-items:center;background-color:var(--dark-primary-color);border:none;border-radius:var(--btn-radius-1);color:var(--primary-text-color);display:flex;flex-direction:row;font-family:Freeroad;font-size:clamp(12px,3vw,1.5rem);font-weight:500;height:var(--btn-height-1);justify-content:center;margin:clamp(0px,1vw,25px) 0 0;min-height:clamp(.7rem,3vw,1.5rem);overflow:hidden;padding:var(--btn-padding-1);text-overflow:ellipsis;transition:var(--btn-transition);-webkit-user-select:none;user-select:none;white-space:nowrap;width:100%}.default-button:hover{background-color:var(--darker-primary-color);cursor:pointer}.default-button:disabled{background-color:var(--dark-primary-30-color)!important;cursor:not-allowed;filter:blur(60%)!important}.default-button.slim-true{font-size:clamp(12px,2vw,1.5rem);height:var(--btn-height-2);min-height:clamp(.7rem,2vw,1.5rem);padding:var(--btn-padding-2)}.default-button.square-true{padding:var(--btn-padding-square-1)}.default-button.slim-true.square-true{padding:var(--btn-padding-square-2)}.default-button.style-primary{background-color:var(--dark-primary-color)}.default-button.style-primary:hover{background-color:var(--darker-primary-color)}.default-button.style-secondary{background-color:var(--dark-secondary-color)}.default-button.style-secondary:hover{background-color:var(--darker-secondary-color)}.default-button span{align-items:center;display:flex;flex-direction:row;justify-content:center;width:inherit}.score-header{align-items:flex-start;color:var(--primary-text-color);font-family:Freeroad;font-size:clamp(12px,3vw,1.6rem);height:clamp(30px,8.5vw,80px);justify-content:flex-start;max-width:700px;width:100%}.score-header,.score-header .score-container{align-content:center;display:flex;flex-direction:row}.score-header .score-container{align-items:center;flex-grow:1;flex-shrink:1;height:clamp(66%,6vw,74%);width:100px}.score-header .left-score-container{background:var(--dark-primary-color);background:linear-gradient(-90deg,var(--dark-primary-color) 0,var(--dark-primary-color) 20%,#0000 100%);justify-content:flex-end;margin-left:auto}.score-header .right-score-container{background:var(--dark-primary-color);background:linear-gradient(90deg,var(--dark-primary-color) 0,var(--dark-primary-color) 20%,#0000 100%);justify-content:flex-start;margin-right:auto}.round-container{align-content:center;align-items:center;background-color:var(--dark-primary-color);border:1px solid var(--divider-color);border-radius:0 0 clamp(12px,3vw,21px) clamp(12px,3vw,21px);border-top:none;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:center;padding:clamp(2px,2vw,20px)}.round-container .round{font-size:clamp(12px,3vw,1.4rem)}.user-score-container{align-content:center;align-items:center;aspect-ratio:1.1/1;background-color:var(--primary-color);box-sizing:border-box;display:flex;flex-direction:row;height:100%;justify-content:center;padding:clamp(2px,3vw,10px)}.left-trangle-conatiner{flex-shrink:0;height:100%;margin-right:-1px;position:relative;width:clamp(5px,2vw,20px)}.left-trangle{background-color:var(--primary-color);-webkit-clip-path:polygon(100% 0,100% 0,100% 100%,0 100%);clip-path:polygon(100% 0,100% 0,100% 100%,0 100%)}.left-trangle,.small-left-trangle{height:100%;position:absolute;right:0;top:0;width:100%}.small-left-trangle{background-color:var(--rankdle-yellow);-webkit-clip-path:polygon(100% 0,100% 0,100% 100%,0 100%);clip-path:polygon(90% 0,100% 0,10% 100%,0 100%)}.right-trangle-conatiner{flex-shrink:0;height:100%;margin-left:-1px;position:relative;width:clamp(5px,2vw,20px)}.right-trangle{background-color:var(--primary-color);-webkit-clip-path:polygon(0 0,0 0,100% 100%,0 100%);clip-path:polygon(0 0,0 0,100% 100%,0 100%)}.right-trangle,.small-right-trangle{height:100%;left:0;position:absolute;top:0;width:100%}.small-right-trangle{background-color:var(--rankdle-yellow);-webkit-clip-path:polygon(0 0,0 0,100% 100%,0 100%);clip-path:polygon(0 0,10% 0,100% 100%,90% 100%)}.score-header .profile-pic-container{aspect-ratio:1;background-color:var(--accent-color);border-radius:100%;flex-shrink:0;height:85%;margin:0 clamp(2px,2vw,10px);overflow:hidden}.score-header .username-container{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score-header .score-loader{height:clamp(10px,6vw,50px);position:relative}.score-header .score-loader .lds-ripple,.score-header .score-loader .loader{border-color:var(--light-primary-color)!important;height:clamp(10px,6vw,50px);left:calc(50% - clamp(5px, 3vw, 25px));position:absolute;top:calc(50% - clamp(5px, 3vw, 25px));width:clamp(10px,6vw,50px)}.score-header .score-loader .lds-ripple div{border:3px solid var(--light-primary-color)!important}.score-header .score-loader .lds-ring{aspect-ratio:1;height:calc(100% - 4px);width:calc(100% - 4px)}.score-header .score-loader .lds-ring div{border:4px solid var(--light-primary-color);border-color:var(--light-primary-color) #0000 #0000 #0000}.score-header .score-loader .loader{border-top:4px solid var(--light-primary-color)!important;border:4px solid var(--light-primary-color)!important;border-top-color:var(--dark-primary-color)!important}.leaderboard-container{align-content:center;align-items:center;border-radius:var(--border-radius-2);display:flex;flex-direction:column;justify-content:center;max-width:100%;position:relative}.leaderboard-placeholder{position:absolute}.image-display{object-fit:contain}.image-display,.image-display-blur{height:100%;position:absolute;width:100%}.image-display-blur{filter:blur(2rem)}.atext-format{font-size:clamp(16px,6vw,2rem);font-weight:700}.text-container{background-color:var(--light-secondary-color);border-radius:var(--border-radius-2);justify-content:center;position:relative;z-index:1}.text-container,.text-wrapper{align-items:center;box-sizing:border-box;display:flex;height:100%;width:100%}.text-wrapper{background-color:var(--background-color);border-radius:inherit;flex-direction:column;justify-content:flex-start;overflow:auto;overflow:overlay;position:absolute}.paragraph-text-format,.short-text-format{background-color:var(--background-color);box-sizing:border-box;color:var(--primary-text-color);font-family:Freeroad;font-size:clamp(12px,3vw,1.3rem);font-weight:700;margin:auto 0;padding:calc(var(--padding-square-1) + var(--padding-square-1));white-space:pre-wrap;width:100%}.short-text-format{text-align:center}.video-player{height:100%;width:100%}.video-player video{max-height:100%;max-width:100%}.player-wrapper{align-items:center;aspect-ratio:16/9;background:#000;border:0;border-radius:var(--border-radius-2);display:flex;flex-direction:column;justify-content:center;margin:0;max-height:100%;overflow:hidden;position:relative;width:100%;z-index:1}.react-player{border-radius:var(--border-radius-2);overflow:hidden}.player-wrapper .lds-ring{aspect-ratio:1!important;height:calc(40% - 8px);max-height:100%!important;width:auto}.timer-wrapper.counting-true{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:12}.timer-wrapper.counting-false{display:inline;display:initial;height:auto;position:static;width:auto}.timer-wrapper.counting-true .timer-count-down{color:var(--primary-text-color);font-size:clamp(1rem,9vw,2rem);font-weight:500;position:absolute;top:0}.timer-wrapper.counting-false .timer-count-down{display:none}.testing-content{background-color:var(--secondary-background-color);height:100%;width:100%}
/*# sourceMappingURL=main.ccf3560e.css.map*/