@import"https://fonts.googleapis.com/css2?family=Work+Sans:ital@0;1&display=swap";*{box-sizing:border-box;margin:0}:root{--comp-col-01:#222323;--comp-col-02:#f0f6f0;--comp-col-03:#b5e877;--comp-col-04:#5252ff;--comp-col-05:#121313;--comp-hoverlay:linear-gradient(to bottom, rgba(0,0,0,.2), rgba(0,0,0,.2))}::selection{color:var(--comp-col-03);background-color:var(--comp-col-04)}body,#root{background-color:var(--comp-col-05);min-height:100vh;font-family:Work Sans,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ModalWrapper{width:100%;height:100%;z-index:6;color:var(--comp-col-02);display:flex;align-items:center;justify-content:center}.ModalBox{min-width:80vw;min-height:80vh;margin:auto;padding:1vw 1.25vw;display:flex;flex-direction:column;justify-content:center;gap:2rem;align-items:center;background-color:var(--comp-col-01);border-radius:4px;z-index:7}.ModalOverlay{position:fixed;inset:0;background-color:#2b2e384d;z-index:6}#modal-page-wrapper{height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:0 1.25vw;flex-grow:1}a{color:var(--comp-col-04)}a:hover{color:var(--comp-col-03);background-color:var(--comp-col-04)}#modal-title-wrapper{width:100%}#modal-title{font-size:3rem}#modal-text-wrapper{overflow:hidden;flex-grow:1;padding:1.5vw 0;overflow:auto}#modal-text{font-size:1.25rem;min-height:100%;display:flex;flex-direction:column;justify-content:space-between;gap:1rem}#modal-text p{max-width:80vw}.ModalTextSmall{font-size:1rem;text-align:center}#aoc-text{font-size:1.75rem}#modal-continue-button{background-color:var(--comp-col-01);padding:0 1rem;font-size:2.5rem;-webkit-user-select:none;user-select:none}#modal-continue-button:hover{color:#5252ff;background-color:#202121}#modal-throbber{margin-top:1rem;width:3rem;height:3rem}#root{display:flex;align-items:center;justify-content:center}#logo-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:space-around}#text-logo{color:var(--comp-col-02);padding:1vw auto}#pre-logo-wrapper{font-size:1vw;margin:0;white-space:pre-wrap}.text-gradient-1{color:#b5e877}.text-gradient-2{color:#65e285}.text-gradient-3{color:#00daa1}.text-gradient-4{color:#00cec7}.text-gradient-5{color:#00c0ee}.text-gradient-6{color:#00afff}.text-gradient-7{color:#09f}.text-gradient-8{color:#007dff}.text-gradient-9{color:#5252ff}#logo-line-1{animation:.4s ease-out 1 slideIn1}@keyframes slideIn1{0%{transform:translate(-1%)}to{transform:translate(0)}}#logo-line-2{animation:.4s ease-out 1 slideIn2}@keyframes slideIn2{0%{transform:translate(.5%)}to{transform:translate(0)}}#logo-line-3{animation:.4s ease-out 1 slideIn3}@keyframes slideIn3{0%{transform:translate(-2%)}to{transform:translate(0)}}#logo-line-4{animation:.4s ease-out 1 slideIn4}@keyframes slideIn4{0%{transform:translate(.75%)}to{transform:translate(0)}}#logo-line-5{animation:.4s ease-out 1 slideIn5}@keyframes slideIn5{0%{transform:translate(-.25%)}to{transform:translate(0)}}#logo-line-6{animation:.4s ease-out 1 slideIn6}@keyframes slideIn6{0%{transform:translate(.5%)}to{transform:translate(0)}}#logo-line-7{animation:.4s ease-out 1 slideIn7}@keyframes slideIn7{0%{transform:translate(-1%)}to{transform:translate(0)}}#logo-line-8{animation:.4s ease-out 1 slideIn8}@keyframes slideIn8{0%{transform:translate(1%)}to{transform:translate(0)}}#logo-line-9{animation:.4s ease-out 1 slideIn9}@keyframes slideIn9{0%{transform:translate(-.25%)}to{transform:translate(0)}}.declarationText{font-size:1.25rem}nav{display:flex;gap:2rem}nav a{font-size:2rem;cursor:pointer;color:var(--comp-col-04)}nav a:hover{color:var(--comp-col-03);background-color:var(--comp-col-04)}button{color:var(--comp-col-02);cursor:pointer;border:2px solid #e3e3e3;border-bottom-color:#979797;border-right-color:#979797}#global-wrapper{width:100vw;height:100vh;overflow:hidden;background-color:#000}#async-desktop-wrapper{width:100%;height:100%;display:flex;align-items:center;flex-direction:column}#async-desktop-wrapper #bg-vis-wrapper{position:absolute;width:100%;height:100%;left:0%;top:0%;background:#000;z-index:1;overflow:hidden}#async-desktop-wrapper .gl-container{position:absolute;top:0%;left:0%;z-index:99}#async-desktop-wrapper #response-wrapper{position:absolute;width:100%;height:100%;left:0%;top:0%;z-index:2;pointer-events:none}#async-desktop-wrapper .TextResponseBox{position:absolute;max-width:20vw;margin:0;font-size:max(1vw,.8em);color:var(--comp-col-02);text-shadow:-1px 0 black,0 1px black,1px 0 black,0 -1px black;opacity:0}#async-desktop-wrapper .ImageResponseBox{position:absolute;width:20vw;opacity:0}#async-desktop-wrapper #settings-menu-wrapper{position:absolute;left:0%;top:0%;z-index:3}#async-desktop-wrapper .SettingsMenuButton{min-width:fit-content;padding:0 1rem;background-color:var(--comp-col-01);font-size:1.25rem;color:var(--comp-col-02);-webkit-user-select:none;user-select:none}#async-desktop-wrapper .SettingsMenuButton:hover{background-color:var(--comp-col-02);color:var(--comp-col-01)}#async-desktop-wrapper .SettingsMenuButton.Active{color:var(--comp-col-04)}#async-desktop-wrapper #graphics-dropdown-wrapper{display:inline-flex;flex-direction:column}#async-desktop-wrapper #graphics-dropdown{display:none;flex-direction:column}#async-desktop-wrapper #settings-focus-button.Active{filter:invert()}#async-desktop-wrapper #current-prompt-wrapper{position:absolute;left:25%;bottom:70%;width:50%;z-index:3;display:flex;justify-content:center}#async-desktop-wrapper #current-prompt{background-color:#1f211c;max-width:100%;font-size:1.25vw;color:var(--comp-col-02);-webkit-user-select:none;user-select:none;text-align:center;padding:0 1vw}#async-desktop-wrapper #ready-submission-button{position:relative;top:45%;background-color:var(--comp-col-01);padding:.5rem 1rem;margin:0 auto;font-size:1.5rem;color:var(--comp-col-02);-webkit-user-select:none;user-select:none;display:inline;z-index:2;animation:buttonFade 3s ease-in 1}#async-desktop-wrapper #ready-submission-button:hover{background-image:var(--comp-hoverlay)}@keyframes buttonFade{0%{opacity:0}to{opacity:1}}#async-desktop-wrapper #input-wrapper{position:absolute;left:25%;top:45%;width:50%;z-index:3}#async-desktop-wrapper #input-select-wrapper{width:100%;display:flex;justify-content:center}#async-desktop-wrapper #input-select{background-color:var(--comp-col-01);width:100%;font-size:1.5vw;color:var(--comp-col-02);-webkit-user-select:none;user-select:none;text-align:center;padding:0 1vw}#async-desktop-wrapper .InputSelectButton{background-color:var(--comp-col-01);color:var(--comp-col-02);font-size:max(1vw,.8em);margin:2px 0}#async-desktop-wrapper .ActiveInputButton{background-color:var(--comp-col-02);color:var(--comp-col-01)}#async-desktop-wrapper .InputSelectButton:hover{background-image:var(--comp-hoverlay)}#async-desktop-wrapper #input-area{width:100%;height:25vh}#async-desktop-wrapper #input-area:after{content:" ";position:absolute;height:calc(25vh - 12px);left:4px;right:4px;bottom:4px;border:2px solid var(--comp-col-01);z-index:6;pointer-events:none}#async-desktop-wrapper #drawing-canvas-wrapper{position:absolute;bottom:0%;width:100%;height:25vh;background-color:#fff;z-index:4}#async-desktop-wrapper #drawing-canvas{width:100%;height:100%;cursor:pointer}#async-desktop-wrapper #text-input{position:relative;width:100%;height:25vh;margin:0;padding:8px;resize:none;border:0;z-index:5;font-size:1.25vw;color:var(--comp-col-01)}#async-desktop-wrapper #drawing-buttons-wrapper{position:absolute;width:15vh;height:25vh;left:0vh;bottom:0%;display:flex;flex-direction:column;transition:left .4s ease-out}#async-desktop-wrapper .DrawingUIButton{width:100%;height:20%;display:flex;align-items:center;justify-content:space-between;padding-right:0%;background-color:var(--comp-col-02);color:var(--comp-col-01);font-size:min(1.5vw,2vh)}#async-desktop-wrapper .DrawingUIButton:active{filter:invert()}#async-desktop-wrapper #brush-up-icon{height:5vh;width:5vh;background:no-repeat center/50vh url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2024.2.3,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20612%20792'%20style='enable-background:new%200%200%20612%20792;'%20xml:space='preserve'%20strokeWidth='6'%3e%3cimage%20style='overflow:visible;'%20width='32'%20height='32'%20xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAtElEQVRYhe2X2w6AIAhAofX/v0yz%20qSHzgpnTnOcpXTU84A2JCLQgYvAyEaH64wiICEfLD77gVEZ6j1zKevrTJpi1qO3hBv6RglpksVrI%20FJ3Fp2NNA2aE7JkifZ41DfDpxvIOsWnYKwWc7Gq5bBF6SnvN3AZSe4DD9Wv2hBRzGiiNXNJiYvYa%206B/APg9kU1BzYAWx7mvZKVAFYNRyvbLdPYCe7AB2AMFCJC8UstJL7TeMNQAAF5ebN2n/YaCoAAAA%20AElFTkSuQmCC'%20transform='matrix(1%200%200%201%20290%20380)'%3e%3c/image%3e%3c/svg%3e")}#async-desktop-wrapper #brush-down-icon{height:5vh;width:5vh;background:no-repeat center/50vh url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2024.2.3,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20612%20792'%20style='enable-background:new%200%200%20612%20792;'%20xml:space='preserve'%3e%3cimage%20style='overflow:visible;'%20width='32'%20height='32'%20xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAArElEQVRYhe2XUQ6AIAxDV+P9rzyj%20BpSJMEACEt4foKZ0DUMwM2kB4DzMzFC/7AEALSUf+IJVqfTYuTTrms93orkD/yhBKjKsHmz4x3Rg%203yGd4XwuwM3rmA6EDje5NmwGLPea+5ypLiDWa/ouwVsPMJj5kp7QpwOxnUtKnOg9A/UFzPtAsAQp%20F1bydDoNswQqAbu1d3vluLqAmkwBU4BzEMkfCpn02DiHtg4Q0QY60TdjArm5QgAAAABJRU5ErkJg%20gg=='%20transform='matrix(1%200%200%201%20290%20380)'%3e%3c/image%3e%3c/svg%3e")}#async-desktop-wrapper #erase-brush-button.Active{filter:invert()}#async-desktop-wrapper #eraser-icon{height:5vh;width:5vh;background:no-repeat center/50vh url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2024.2.3,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20612%20792'%20style='enable-background:new%200%200%20612%20792;'%20xml:space='preserve'%3e%3cimage%20style='overflow:visible;'%20width='32'%20height='32'%20xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAm0lEQVRYhe2X4Q6AIAiEofX+r0xb%2066aStUinmH3/YAO5mzplEaGeLF1Xn34AFwOspQ2Y2bSLRYTjeFwHoDwcYwi7j6O6PTGeA++V5/uN%2040CpcpRpJ/w7UEv5FX4dqK085L3fhK2UAz8O6Ds6oLdxGjPTUUc6T/l+KeO/BzRPlYPvOGBVDro7%20cPqYWN94wKoc+HOgNf/HZPIBiGgDtWpZSiJ6+tsAAAAASUVORK5CYII='%20transform='matrix(1%200%200%201%20290%20380)'%3e%3c/image%3e%3c/svg%3e")}#async-desktop-wrapper #undo-icon{height:5vh;width:5vh;background:no-repeat center/50vh url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2024.2.3,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20612%20792'%20style='enable-background:new%200%200%20612%20792;'%20xml:space='preserve'%3e%3cimage%20style='overflow:visible;'%20width='32'%20height='32'%20xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAvUlEQVRYhe2W0Q6AIAhFofn/v0yz1sYQ1BzwkN3XFI6XBGF74WMAEaleICIREXobhXiHPAaLdCpHmQAZyatUgKzkKkBm8qoyk3wFavbH5YtCTm6BNLcg4qrBhHtNH9A2rMDJODKG2Qe8nKhxeCzLCfUaepZjBGE2oiyIbiuOguAaDiNPidNfubsOZOgH+AH2BOA9IQ3g1SyIlOyIKQC9N0GxPkQk1ubBFIDHQ9UaRikl6E3V0BJEvTM/JAA4AR9KWzdCr/MFAAAAAElFTkSuQmCC'%20transform='matrix(1%200%200%201%20290%20380)'%3e%3c/image%3e%3c/svg%3e")}#async-desktop-wrapper #redo-icon{height:5vh;width:5vh;background:no-repeat center/50vh url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2024.2.3,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20612%20792'%20style='enable-background:new%200%200%20612%20792;'%20xml:space='preserve'%3e%3cimage%20style='overflow:visible;'%20width='32'%20height='32'%20xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAuklEQVRYhe2W0QrAIAhFc+z/f9nRYOAqFVreBnUf2oPUPWmu0vKiJwHMPDwXRMTMTErs/h7RFcgQVjwcwIOAAFgQMAAN4vwyuRdCHky3C0YZt5bOg1mCKHOZAbUEpbnWz5ZaGyjXaQLIiT3GmlprVSVAmlcAaPMKAG2eJYMhu1eNUZeRpw2wAf4DgGg9E0Aq8Aq2AWZkQT0DqCxUAK/nEhFHg6hPshHGVknduwB1Hsz/QIaY1Z6LKKV0AfnhXDdq2ODVAAAAAElFTkSuQmCC'%20transform='matrix(1%200%200%201%20290%20380)'%3e%3c/image%3e%3c/svg%3e")}#async-desktop-wrapper #drawing-tools-wrapper{width:25vh;height:25vh;position:absolute;display:grid;grid-template-columns:5% repeat(11,1fr) 5%;grid-template-rows:10% repeat(11,1fr);right:0vh;bottom:0%;background-color:var(--comp-col-02);transition:right .4s ease-out}#async-desktop-wrapper #col-swap-button{grid-row:9/12;grid-column:6/9;z-index:4;background:none;stroke:var(--comp-col-01);fill:var(--comp-col-01)}#async-desktop-wrapper #col-swap-button:hover{background-image:var(--comp-hoverlay)}#async-desktop-wrapper #word-change{grid-row:9/12;grid-column:1/6;justify-self:end;align-self:center;margin-right:.75vh;pointer-events:none;font-size:min(1.5vw,2vh);color:var(--comp-col-01)}#async-desktop-wrapper #word-colour{grid-row:9/12;grid-column:9/14;justify-self:start;align-self:center;margin-left:.75vh;pointer-events:none;font-size:min(1.5vw,2vh);color:var(--comp-col-01)}#async-desktop-wrapper #col-select-wrapper{position:absolute;left:5%;top:5%;width:90%;height:60%}#async-desktop-wrapper .col-select{position:absolute;border-style:ridge;border-width:2px;padding:2px;border-color:#222323}#async-desktop-wrapper .col-select.first{top:35%;left:30.2%;width:39.6%;height:60%;z-index:3}#async-desktop-wrapper .col-select.second{top:0%;left:60.4%;width:39.6%;height:60%;z-index:2}#async-desktop-wrapper .col-select.third{top:0%;left:0%;width:39.6%;height:60%;z-index:1}#async-desktop-wrapper #response-submit-button{position:relative;top:75%;background-color:var(--comp-col-01);padding:.5rem 1rem;margin:0 auto;font-size:1.5rem;color:var(--comp-col-02);-webkit-user-select:none;user-select:none;display:inline;opacity:1;transition:3s;z-index:2}#async-desktop-wrapper #response-submit-button:hover{background-image:var(--comp-hoverlay)}#async-desktop-wrapper #audio-player-wrapper{position:absolute;top:35%;left:25%;width:50%;height:5%;z-index:4;display:flex}#async-desktop-wrapper .AudioPlayerButton{width:5vh;height:5vh;background-color:var(--comp-col-03);padding:0%}#async-desktop-wrapper .AudioPlayerButton:hover{background-image:var(--comp-hoverlay)}#async-desktop-wrapper #volume-wrapper{width:5vh;height:20vh;background-color:#222323;border:2px solid var(--comp-col-01);position:absolute;bottom:100%;right:0%;transform-origin:bottom;transform:scaleY(0%);transition:transform ease-out .2s;display:flex;flex-direction:column}#async-desktop-wrapper #volume-section-wrapper:hover #volume-wrapper{transform:scaleY(1)}#async-desktop-wrapper #timeline{flex-grow:1;background-color:#222323}#async-desktop-wrapper .timelineloading{background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(204,204,204,.377) 10px,rgba(204,204,204,.377) 20px),#222323;animation:loading-anim 10s linear infinite;background-size:200%}@keyframes loading-anim{0%{background-position:left}to{background-position:right}}#async-desktop-wrapper #playhead{height:100%;width:0%;background-color:var(--comp-col-04)}#async-desktop-wrapper #audio-control-wrapper{background-color:var(--comp-col-04);grid-column:5/6;grid-row:1/6}#async-desktop-wrapper #mute-speaker{fill:var(--comp-col-01)}#async-desktop-wrapper .AudioPlayerIcon{fill:var(--comp-col-01);stroke:var(--comp-col-01)}#async-desktop-wrapper .MuteLines{opacity:.5;transition:.5s}#async-desktop-wrapper .MuteLines.active{opacity:1}#async-desktop-wrapper .VolumeNotch{width:100%;border:0;background-color:var(--comp-col-03);opacity:.5;border-radius:3px}#async-desktop-wrapper .VolumeActive{opacity:.9}#async-desktop-wrapper .VolumeNotch:hover{opacity:1}#async-desktop-wrapper #volume-wrapper:active{border:4px solid var(--comp-col-01)}#async-desktop-wrapper #volume-wrapper:active .VolumeHover{opacity:.7}#async-desktop-wrapper #mobile-wrapper{display:flex;align-items:center;justify-content:center;padding:16rem;height:100%}#async-desktop-wrapper #mobile-text{font-size:6rem;color:var(--comp-col-02);-webkit-user-select:none;user-select:none;position:absolute;z-index:1;pointer-events:none;text-align:center;white-space:pre-line;margin:auto 0}#sync-desktop-wrapper{width:100%;height:100vh;display:flex;flex-direction:row}#sync-desktop-wrapper #room2-wrapper{width:75%;display:flex;flex-direction:column}#sync-desktop-wrapper #chat{height:100%;width:25%;background:radial-gradient(#cfe8de,#447863);display:flex;align-items:center;justify-content:center;color:var(--comp-col-01)}#sync-desktop-wrapper #banner-wrapper{width:100%;height:10%;display:flex}#sync-desktop-wrapper #banner-logo-wrapper{height:100%;width:10vh;border:2px white solid;background-color:var(--comp-col-01);display:flex;flex-direction:column;justify-content:space-between;align-items:center}#sync-desktop-wrapper .BannerLogo{width:100%;padding:.1rem}#sync-desktop-wrapper .MarqueeText{position:relative;animation:scroll linear 60s infinite}@keyframes scroll{0%{left:0%}to{left:-50%}}#sync-desktop-wrapper #vis-wrapper{width:100%;height:10%;background:linear-gradient(90deg,#b5e877,#5252ff);flex-grow:1;position:relative;z-index:2;display:grid;grid-template-columns:100%;grid-template-rows:100%;overflow:hidden}#sync-desktop-wrapper #bg-shader-wrapper,#sync-desktop-wrapper #bg-response-wrapper{grid-column:1/2;grid-row:1/2}#sync-desktop-wrapper #menu-prompt-wrapper{position:absolute;width:100%;height:100%;top:0%;left:0%;display:flex;flex-direction:column;align-items:center;justify-content:space-between}#sync-desktop-wrapper #settings-menu-wrapper{align-self:start;display:flex;flex-direction:column}#sync-desktop-wrapper #settings-dropdown{display:none;flex-direction:column}#sync-desktop-wrapper .SettingsMenuButton{min-width:fit-content;padding:0 1rem;background-color:var(--comp-col-01);font-size:1.25rem;color:var(--comp-col-02);-webkit-user-select:none;user-select:none}#sync-desktop-wrapper .SettingsMenuButton:hover{background-color:var(--comp-col-02);color:var(--comp-col-01)}#sync-desktop-wrapper .SettingsMenuButton.Active{color:var(--comp-col-04)}#sync-desktop-wrapper #graphics-dropdown-wrapper{display:inline-flex;flex-direction:column}#sync-desktop-wrapper #graphics-dropdown{display:none;flex-direction:column}#sync-desktop-wrapper #settings-focus-button.Active{filter:invert()}#sync-desktop-wrapper #current-prompt-wrapper{width:50%;font-size:1rem;background-color:#1f211c;color:#fff;-webkit-user-select:none;user-select:none;text-align:center;display:flex;flex-direction:column}#sync-desktop-wrapper #prompt-end-timer-wrapper{display:grid}#sync-desktop-wrapper #prompt-end-timer{grid-column:1;grid-row:1}#sync-desktop-wrapper #prompt-end-timer-overlay{grid-column:1;grid-row:1;background-color:#fff;mix-blend-mode:difference;width:0%}#sync-desktop-wrapper .PromptEndTimerOverlayFull{width:100%}#sync-desktop-wrapper #input-select-wrapper{width:100%;display:flex;justify-content:center}#sync-desktop-wrapper #input-select{width:100%;font-size:1rem;-webkit-user-select:none;user-select:none;text-align:center;padding:0 1vw}#sync-desktop-wrapper .InputSelectButton{background-color:#1f211c;color:var(--comp-col-02);font-size:1.2rem;margin:2px 0}#sync-desktop-wrapper .ActiveInputButton{border-width:2px;border-color:#5252ff}#sync-desktop-wrapper #interface-wrapper{position:relative;z-index:1;height:25%;display:flex}#sync-desktop-wrapper #drawing-buttons-wrapper{width:20vh;height:100%;background-color:var(--comp-col-02);display:flex;flex-direction:column}#sync-desktop-wrapper .DrawingUIButton{font-family:Work Sans;font-weight:700;width:100%;height:20%;display:flex;align-items:center;justify-content:space-between;font-size:1.25rem;border-color:rgb(227,227,227) rgb(151,151,151) rgb(151,151,151) rgb(227,227,227);border-style:solid;border-width:2px}#sync-desktop-wrapper #brush-up-icon,#sync-desktop-wrapper #brush-down-icon,#sync-desktop-wrapper #eraser-icon{height:5vh;width:5vh}#sync-desktop-wrapper #erase-brush-button.Active{filter:invert()}#sync-desktop-wrapper #undo-icon,#sync-desktop-wrapper #redo-icon{height:5vh;width:5vh}#sync-desktop-wrapper #input-wrapper{position:relative;background-color:var(--comp-col-03);top:0%;height:200%;width:calc(75vw - 45vh);overflow:hidden;display:flex;flex-direction:column;z-index:1}#sync-desktop-wrapper #input-wrapper:after{content:"";position:absolute;top:4px;left:4px;width:calc(100% - 12px);height:calc(50% - 12px);border:2px solid var(--comp-col-01);z-index:6;pointer-events:none}#sync-desktop-wrapper #drawing-canvas-wrapper{width:100%;height:50%;background-color:#fff;z-index:4;transition:1s}#sync-desktop-wrapper #drawing-canvas{width:100%;height:100%;cursor:pointer}#sync-desktop-wrapper #text-input{position:relative;width:100%;height:50%;margin:0;padding:8px;resize:none;border:0;z-index:3}#sync-desktop-wrapper #right-ui-wrapper{width:25vh;height:100%;background-color:var(--comp-col-03);display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr);padding:4px}#sync-desktop-wrapper #col-pick-wrapper{grid-column:1/5;grid-row:1/5;padding-right:4px;padding-bottom:4px;position:relative;display:flex;flex-direction:column}#sync-desktop-wrapper #col-select-wrapper{width:100%;height:60%;position:relative}#sync-desktop-wrapper .col-select{position:absolute;border-style:ridge;border-width:2px;padding:2px;border-color:#222323}#sync-desktop-wrapper .col-select.first{top:34%;left:30.2%;width:39.6%;height:66%;z-index:3}#sync-desktop-wrapper .col-select.second{top:0%;left:60.4%;width:39.6%;height:66%;z-index:2}#sync-desktop-wrapper .col-select.third{top:0%;left:0%;width:39.6%;height:66%;z-index:1}#sync-desktop-wrapper #col-swap-wrapper{width:100%;height:40%;display:flex;justify-content:center;align-items:center;gap:4px}#sync-desktop-wrapper #col-swap-button{height:60%;aspect-ratio:1;background:none;stroke:var(--comp-col-01);fill:var(--comp-col-01);padding:4px}#sync-desktop-wrapper #word-change,#sync-desktop-wrapper #word-colour{pointer-events:none;font-size:.7rem;color:var(--comp-col-01)}#sync-desktop-wrapper #response-submit-button{font-family:Work Sans;font-weight:700;position:relative;grid-column:1/5;grid-row:5/6;border:none;background-color:var(--comp-col-03);font-size:.8rem;color:var(--comp-col-01)}#sync-desktop-wrapper #response-submit-button:after{content:" ";position:absolute;top:4px;left:4px;width:calc(100% - 8px);height:calc(100% - 8px);border:2px var(--comp-col-01);border-style:dotted solid;border-radius:6px 0;transition:.2s;background:#22232311}#sync-desktop-wrapper #response-submit-button:hover:after{border-radius:12px 0;background:transparent}#sync-desktop-wrapper #response-submit-button:active:after{background:#22232344}#sync-desktop-wrapper #audio-control-wrapper{background-color:var(--comp-col-02);grid-column:5/6;grid-row:1/6}#sync-desktop-wrapper #mute-button{position:relative;grid-column:5/6;grid-row:5/6;border:none;background-color:var(--comp-col-03)}#sync-desktop-wrapper #mute-button:after{content:" ";position:absolute;bottom:4px;left:6px;width:calc(100% - 16px);height:calc(100% - 4px);border:2px var(--comp-col-01);border-style:none solid;transition:.2s;background:#22232311}#sync-desktop-wrapper #mute-button:hover:after{border-radius:0 8px;height:calc(100% - 12px);border-style:solid;background:transparent}#sync-desktop-wrapper #mute-button:active:after{background:#22232344}#sync-desktop-wrapper #mute-speaker{fill:var(--comp-col-01)}#sync-desktop-wrapper .MuteLines{opacity:.5;transition:.5s;stroke:var(--comp-col-01)}#sync-desktop-wrapper .MuteLines.active{opacity:1}#sync-desktop-wrapper #volume-wrapper{position:relative;grid-column:5/6;grid-row:1/5;background-color:#222323;border:2px solid var(--comp-col-01);display:flex;flex-direction:column}#sync-desktop-wrapper #volume-wrapper:after{content:" ";position:absolute;left:4px;width:calc(100% - 12px);height:100%;border:2px var(--comp-col-01);border-style:none solid;transition:.2s;background:#22232311;pointer-events:none}#sync-desktop-wrapper #volume-wrapper:hover:after{background:transparent}#sync-desktop-wrapper .VolumeNotch{width:100%;background-color:var(--comp-col-03);opacity:.5;border-radius:3px;border:0}#sync-desktop-wrapper .VolumeActive{opacity:.9}#sync-desktop-wrapper .VolumeNotch:hover{opacity:1}#sync-desktop-wrapper #volume-wrapper:active{border:4px solid var(--comp-col-01)}#volume-wrapper:active .VolumeHover{opacity:.7}