body{background:#000;color:#eee;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:13px;line-height:1.2;margin:0;overflow:hidden}:root{--active-component-keyColor:#72ffbd;--hover-component-keyColor:#1d91d4}.App{height:100vh;overflow:hidden;width:100vw}code{font-family:ui-monospace,\.SF Mono,Menlo,Consolas}.tabular-nums{-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";font-variant:tabular-nums}button:disabled,input:disabled,select:disabled{cursor:not-allowed;opacity:.5}input[type=text],select{background:#111;border:2px solid #000;border-radius:.2em;color:#eee;font:inherit;line-height:1.2em;margin-right:.3em;padding:.3em}input[type=text]:hover,select:hover{border-color:#1d91d4;border-color:var(--hover-component-keyColor)}select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg fill=%27white%27 height=%2724%27 viewBox=%270 0 24 24%27 width=%2724%27 xmlns=%27http://www.w3.org/2000/svg%27><path d=%27M7 10l5 5 5-5z%27/><path d=%27M0 0h24v24H0z%27 fill=%27none%27/></svg>");background-position-x:100%;background-position-y:50%;background-repeat:no-repeat;cursor:pointer;padding-right:1.7em}.button-like,button{background:#383838;border:2px solid #272727;border-radius:.2em;color:#eee;cursor:pointer;font:inherit;line-height:1.2em;margin-right:.3em;padding:.3em .45em}.button-like:disabled,button:disabled{border-color:#383838}.button-like:hover,button:hover{border-color:#1d91d4;border-color:var(--hover-component-keyColor)}.button-like:focus,button:focus{border-color:#72ffbd;border-color:var(--active-component-keyColor)}input[type=radio],select[type=radio]{-webkit-appearance:none;appearance:none;background:#000;border:4px solid #707070;border-radius:50%;cursor:pointer;height:20px;margin:0;transition:border .05s ease;width:20px}input[type=radio]:hover,select[type=radio]:hover{border-color:#1d91d4;border-color:var(--hover-component-keyColor)}input[type=radio].is-selected,select[type=radio].is-selected{-webkit-appearance:none;appearance:none;border:7.5px solid #72ffbd;border:7.5px solid var(--active-component-keyColor)}input[type=radio]+label,select[type=radio]+label{cursor:pointer;line-height:20px;margin:0 .4em 0 .33em;vertical-align:top}input[type=radio]+label:hover,select[type=radio]+label:hover{text-decoration:underline}input[type=range],select[type=range]{cursor:grab}input[type=range]:active,select[type=range]:active{cursor:grabbing}details summary{border-radius:2px;cursor:pointer;padding:.3em .2em}details summary:hover{background:hsla(0,0%,100%,.2)}.tap-clap-button{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='48' viewport='0 0 100 100' style='fill:black;font-size:24px;'><text y='50%'>👐</text></svg>") 16 0,auto}.tap-clap-button:active{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='48' viewport='0 0 100 100' style='fill:black;font-size:24px;'><text y='50%'>👏</text></svg>") 16 0,auto}.no-controllers{display:none}.controllers{display:inline-block;max-height:90vh;max-width:600px;opacity:.5;overflow:scroll;padding:16px;text-shadow:0 0 .7em rgba(0,0,0,.5);transition:all .15s ease 0s;-webkit-user-select:none;-ms-user-select:none;user-select:none}@media(max-width:480px){.controllers{max-height:80vh}}.controllers:hover{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:rgba(0,0,0,.4);opacity:1;text-shadow:none}.controller-section .controller-section__title{align-items:center;display:flex;font-size:1em;margin:1em 0 .6em}.controller-section .controller-section__title:after{background-color:hsla(0,0%,100%,.6);content:"";flex:1 1;height:1px;margin-left:.5em;margin-top:.07em}.controller-section:first-child .controller-section__title{margin-top:0}.controller-section .controller-section{border-left:2px solid hsla(0,0%,100%,.4);margin-left:.2em;padding-left:.8em;position:relative}.controller-section .controller-section .controller-section__title{font-size:.9em;margin:.9em 0 .7em}.controller-section .controller-section .controller-section__title:after{background:transparent}.images-list{list-style-type:none;margin:0;padding:0}.images-list li{border-bottom:4px solid transparent;display:inline-block;height:40px;margin-bottom:8px;width:71px}.images-list li.selected{-webkit-animation:indicatorBlink .5s ease-out .4s infinite;animation:indicatorBlink .5s ease-out .4s infinite;border-bottom:4px solid #72ffbd;border-bottom:4px solid var(--active-component-keyColor)}@-webkit-keyframes indicatorBlink{0%{border-bottom:4px solid #72ffbd;border-bottom:4px solid var(--active-component-keyColor)}to{border-bottom:4px solid transparent}}@keyframes indicatorBlink{0%{border-bottom:4px solid #72ffbd;border-bottom:4px solid var(--active-component-keyColor)}to{border-bottom:4px solid transparent}}.images-list li:nth-child(4n){margin-right:8px}.switching-strategy-selector{margin:.4em 0 0}.switching-strategy-selector .switching-strategy-selector__strategy{margin-right:.6em}.switcher{margin-top:.4em}.switcher__interval .switcher__interval__value-label{margin:0 .3em}.tenor-adder{margin:0 0 .4em}.tenor-adder .tenor-search-results{margin-top:.4em}.tenor-adder details{margin:.3em .1em}.tenor-adder details span{margin-right:.6em}a{border-radius:.2em;color:#72ffbd;color:var(--active-component-keyColor);padding:.3em;text-decoration:none}a:hover{background:hsla(0,0%,100%,.2);text-decoration:underline}.youtube-overlay .youtube-overlay__current-state .youtube-overlay__getset{line-height:1.2em;margin-top:.4em}.youtube-overlay .youtube-overlay__current-state .youtube-overlay__thumbnail{margin-top:.4em}.youtube-overlay .youtube-overlay__current-state .youtube-overlay__thumbnail img{height:45px;object-fit:cover;width:80px}.arbitary-iframe-overlay .arbitary-iframe-overlay__getset{margin-top:.4em}.overlay-mixer{margin:.4em 0}.thumbnail-with-action{display:inline-block;position:relative}.thumbnail-with-action img{height:40px;object-fit:cover;width:71px}.thumbnail-with-action__button{bottom:2px;box-sizing:border-box;height:20px;margin:.2em;min-width:20px;opacity:.6;padding:0 .2em;position:absolute;right:0;vertical-align:middle}.thumbnail-with-action__button:hover{opacity:1}.arena__content{background:#000;height:100vh;left:0;object-fit:cover;pointer-events:none;position:absolute;top:0;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:100vw;z-index:-2}.arena__content__overlay-wrapper{z-index:-1}.arena__overlay__arbitary-iframe,.arena__overlay__youtubeEmbed{background:#000;height:100vh;left:0;object-fit:cover;pointer-events:none;position:absolute;top:0;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:100vw;z-index:inherit}.arena__overlay__arbitary-iframe{border:none}.sync-indicator{border:6px solid #5cc731;border-radius:50%;height:0;mix-blend-mode:hard-light;position:absolute;right:8px;top:8px;width:0}.sync-indicator.sync-indicator__fresh{border-color:#ff0}.sync-indicator.sync-indicator__disconnected{-webkit-animation:disconnectedIndicator .6s ease 0s infinite;animation:disconnectedIndicator .6s ease 0s infinite;border-color:#ff3223}@-webkit-keyframes disconnectedIndicator{0%{border-color:#ff3223;opacity:1!important}50%{border-color:#ff0;opacity:.6!important}to{border-color:#ff3223;opacity:1!important}}@keyframes disconnectedIndicator{0%{border-color:#ff3223;opacity:1!important}50%{border-color:#ff0;opacity:.6!important}to{border-color:#ff3223;opacity:1!important}}.ping-value{bottom:8px;font-size:.8em;mix-blend-mode:normal;opacity:.4;position:absolute;right:8px;text-align:right;text-shadow:0 0 3px rgba(0,0,0,.4)}.ping-value,.splash-screen{pointer-events:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splash-screen{margin-top:40vh;text-align:center;-webkit-transform-origin:center;transform-origin:center}.splash-screen .splash-screen__title{-webkit-animation:splashScreenLaunch 2s ease 0s 1;animation:splashScreenLaunch 2s ease 0s 1;font-size:3em;font-weight:900;letter-spacing:.014em;opacity:.4}@-webkit-keyframes splashScreenLaunch{0%{opacity:0;-webkit-transform:scale(.83);transform:scale(.83)}to{opacity:.4;-webkit-transform:scale(1);transform:scale(1)}}@keyframes splashScreenLaunch{0%{opacity:0;-webkit-transform:scale(.83);transform:scale(.83)}to{opacity:.4;-webkit-transform:scale(1);transform:scale(1)}}.splash-screen .splash-screen__error{-webkit-animation:splashScreenError .85s ease-out 0s infinite;animation:splashScreenError .85s ease-out 0s infinite;color:#ff0;font-size:1rem;font-weight:400;line-height:1.34em;margin-top:.2em;opacity:.8}.splash-screen .splash-screen__error code{pointer-events:all;-webkit-user-select:text;-ms-user-select:text;user-select:text}@-webkit-keyframes splashScreenError{0%{color:red}}@keyframes splashScreenError{0%{color:red}}.page__home{font-size:2em;line-height:1.3;padding:3em 2em 0;text-align:center}@media(max-width:480px){.page__home{font-size:1.1em;padding:3em .3em}.page__home input,.page__home select{display:block;margin:.2em auto}}.page__home .logo{-webkit-animation:beat .7s ease-out 1.4s infinite;animation:beat .7s ease-out 1.4s infinite;max-width:60vw;width:300px}@-webkit-keyframes beat{0%{-webkit-transform:scale(1);transform:scale(1)}12%{-webkit-transform:scale(1.01);transform:scale(1.01)}26%{-webkit-transform:scale(.95);transform:scale(.95)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes beat{0%{-webkit-transform:scale(1);transform:scale(1)}12%{-webkit-transform:scale(1.01);transform:scale(1.01)}26%{-webkit-transform:scale(.95);transform:scale(.95)}to{-webkit-transform:scale(1);transform:scale(1)}}.page__home h1{font-weight:900}.page__home h1,.page__home input,.page__home select{margin-bottom:0}.page__home .start-session{display:inline-block;margin:1em auto 0;text-decoration:none}.page__home .start-session.invalid{opacity:.8;pointer-events:none}.page__home p{font-size:.7em;opacity:.8;padding:0 1em}.page__home p a{color:aqua}
/*# sourceMappingURL=main.b126c41b.css.map*/