@import"https://fonts.googleapis.com/css2?family=Chakra+Petch:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}*{margin:0;padding:0}.main{width:100vw;height:100vh}.stage{background:#e1cadf;height:100%!important;width:100%!important}.tools{position:absolute;z-index:1}.controls-helper{position:absolute;width:2.5rem;height:2.5rem;font-size:1.75rem;font-weight:700;bottom:1rem;right:1rem;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:6px;box-shadow:0 0 1px 1px #00000026;cursor:pointer;transition:background .25s linear}.controls-helper:hover{background:#ffffff80}nav{display:flex;justify-content:space-between;padding:1rem 2rem;align-items:center;font-family:Chakra Petch,monospace}nav .options-desktop{display:flex;align-items:center;gap:1.5rem}nav .options-desktop .option{display:flex;flex-direction:column;color:#1c1c1c;text-decoration:none;transition-duration:.3s;border-radius:.25rem;cursor:pointer}nav .options-desktop .option:after{display:block;content:"";border-bottom:solid 3px #000;transform:scaleX(0);transition:transform .25s ease-in-out;transform-origin:100% 50%}nav .options-desktop .option:hover{opacity:.5}nav .options-desktop .option:hover:after{transform:scaleX(1);transform-origin:0 50%}nav .options-desktop .post_a_message{color:#1c1c1c;padding:.25rem 1rem;border:2px solid black;transition:all .25s linear;cursor:pointer}nav .options-desktop .post_a_message:hover{background:#000;color:#fff}nav .options-mobile{display:none;flex-direction:column;gap:.4rem}nav .options-mobile .ham{width:2rem;border:1px solid black;background:#000;transition:all .15s linear}nav .options-mobile .ham2{transition-delay:.15s}nav .options-mobile.options-shown .ham1{transform:translateY(calc(.4rem + 2px)) rotate(45deg)}nav .options-mobile.options-shown .ham2{transform:rotate(225deg);opacity:0}nav .options-mobile.options-shown .ham3{transform:translateY(calc(-.4rem - 2px)) rotate(-45deg)}.icon{display:flex;align-items:center;line-height:1;font-weight:700}.icon img{height:3rem;margin-right:.25rem}.mobile-menu-wrapper{position:absolute;top:0;width:100vw;height:100vh;opacity:0;transition:opacity .3s linear;visibility:hidden;z-index:10;background-color:#00000059}.mobile-menu-wrapper .mobile-menu-content{background-color:#fff;height:100%;width:100%;max-width:15rem;transform:translate(-100%);transition:all .3s linear;display:flex;flex-direction:column;align-items:center;padding:2rem 1rem;gap:1.5rem;text-align:center;box-sizing:border-box}.mobile-menu-wrapper .mobile-menu-content .icon{margin-bottom:4rem}.mobile-menu-wrapper .mobile-menu-content .post_a_message{border:1px solid black;padding:.75rem 2rem}.mobile-menu-wrapper.mobile-menu-shown{opacity:1;visibility:visible}.mobile-menu-wrapper.mobile-menu-shown .mobile-menu-content{transform:translate(0)}@media screen and (max-width: 600px){nav .options-desktop{display:none}nav .options-mobile{display:flex}}.modal_wrapper{width:100%;height:100vh;position:absolute;z-index:10;display:flex;justify-content:center;align-items:center;visibility:hidden;transition:all .3s linear;opacity:0;top:0;background-color:#00000080}.modal_wrapper.show{visibility:visible;opacity:1}.modal_wrapper .modal_container{width:40vw;min-width:20rem;max-width:100vw;height:fit-content;max-height:calc(100vh - 2rem);background:#fff;border-radius:4px;box-shadow:0 2px 4px 2px #00000040;overflow-y:auto;position:absolute}.modal_wrapper .modal_container .modal_title{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;border-bottom:1px solid black;position:sticky;top:0;background:#fff}.modal_wrapper .modal_container .modal_title .title{font-weight:bolder}.modal_wrapper .modal_container .modal_title .close_icon{cursor:pointer}.modal_wrapper .modal_container .modal_content{padding:.5rem 1rem;display:flex;flex-direction:column;gap:1rem;font-size:.9rem}.new_message_modal .emoji_options{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;gap:4px;margin-top:3px}.new_message_modal .emoji_options .emoji_icon{font-size:1.5rem;cursor:pointer;border-radius:4px}.new_message_modal .emoji_options .selected_emoji{border:2px solid black}.new_message_modal .input .input_field{width:100%;border:none;resize:none;padding-bottom:.5rem;border-bottom:2px solid #daa1da}.new_message_modal .input .input_field:focus{outline:none}.new_message_modal .submit{display:flex;justify-content:center;margin-bottom:1rem}.new_message_modal .submit button{cursor:pointer;padding:.5rem 2rem;background:#d8c4d8;font-weight:700;border:none;box-shadow:3px 4px #00000040;transition:all .15s linear}.new_message_modal .submit button:hover{background:#daa1da;box-shadow:5px 8px #00000040;transform:translateY(-4px)}.new_message_modal .submit button:active{box-shadow:none;transform:translateY(2px)}.aboutmodal{font-size:.9rem}.aboutmodal a{color:#b53a2f;transition:all .25s linear;text-decoration:none}.aboutmodal a:visited,.aboutmodal a:hover{text-decoration:underline}.about_emoji{gap:.25rem!important}.about_emoji div{padding:0 .5rem;display:flex;align-items:center;gap:.5rem;border-radius:8px;transition:background .3s;cursor:pointer;font-size:.9rem}.about_emoji div:hover{background-color:unset!important}.about_emoji div span{font-size:1.5rem}.controls-modal table{width:100%;align-items:center}.controls-modal table tr{text-align:center}.controls-modal table tr td{padding-bottom:1rem}.controls-modal table tr td:first-child{font-weight:700}.loader_wrapper{width:100vw;height:100vh;position:absolute;background:#fff;top:0;left:0;display:flex;align-items:center;justify-content:center}.beaker_container{position:relative;width:5rem;height:9.375rem;background:url(/TheUnspokenProject/beaker.svg) no-repeat center;background-size:contain}.water_container{position:absolute;bottom:7px;left:6px;width:calc(5rem - 11px);height:calc(5rem - 11px);border-radius:50%;overflow:hidden}.wave{position:absolute;width:200%;height:100%;bottom:-100%;left:-50%;border-radius:45%;animation:waveRise 2s ease-out forwards,waveMove 4s linear infinite;background:#0095ff99}@keyframes waveMove{0%{transform:translate(25%)}50%{transform:translate(-25%)}to{transform:translate(25%)}}@keyframes waveRise{0%{bottom:-100%}70%{bottom:-25%}to{bottom:-50%}}.droplet{position:absolute;width:10px;height:10px;background-color:#0af;border-radius:50%;animation:drop 3s infinite ease-in-out;opacity:.7}.droplet1{animation-delay:0s;left:calc(50% - 5px);top:-1rem}.droplet2{animation-delay:2s;left:calc(45% - 5px);top:-1.5rem}.droplet3{animation-delay:1s;left:calc(55% - 5px);top:-2rem}@keyframes drop{0%{opacity:.8}70%{top:70%;opacity:1}to{top:80%;opacity:0}}