:root{--primary-color: #098C09;--primary-color-light: #16A916;--primary-color-lighter: #50C850;--primary-color-dark: #007400;--primary-color-darker: #005600;--secondary-color: #ffffff;--secondary-color-light: #ffffff;--secondary-color-lighter: #ffffff;--secondary-color-dark: #cccccc;--secondary-color-darker: #aaaaaa;--red-color: #FF0000;--red-color-light: #FF3333;--red-color-dark: #CC0000;--white-color: #eeeeee;--white-color-dark: #999999;--black-color: #000000;--black-color-light: #1C1C1C}*{box-sizing:border-box}body{margin:0;color:var(--white-color);background-color:var(--black-color);font-family:Ubuntu Mono,monospace;font-size:1rem}.center{display:flex;justify-content:center;align-items:center}.username{font-weight:700}.simple-link,.simple-link:visited{color:var(--secondary-color)}.button-primary{font-family:inherit;background-color:#000;color:var(--white-color);font-size:large;font-weight:700;padding:.2rem .8rem;margin:.5rem;border-left:var(--primary-color-light) 3px solid;border-top:var(--primary-color-light) 3px solid;border-right:var(--primary-color-dark) 3px solid;border-bottom:var(--primary-color-dark) 3px solid;cursor:pointer;transition:background-color .3s;-webkit-user-select:none;-ms-user-select:none;user-select:none}.button-primary:disabled{background-color:var(--primary-color-darker);color:var(--primary-color-dark)}.button-primary:disabled:hover{cursor:not-allowed}.button-secondary{font-family:inherit;background-color:#000;color:var(--white-color);font-size:large;font-weight:700;padding:.2rem .8rem;margin:.5rem;border-left:var(--secondary-color-light) 2px solid;border-top:var(--secondary-color-light) 2px solid;border-right:var(--secondary-color-dark) 2px solid;border-bottom:var(--secondary-color-dark) 2px solid;cursor:pointer;transition:background-color .3s;-webkit-user-select:none;-ms-user-select:none;user-select:none}.link-button:link,.link-button:visited,.link-button:hover,.link-button:active{text-decoration:none}.red-text{color:tomato}pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word}.content-container{margin:60px 20px 20px}.auth-form{background-color:var(--black-color-light);padding:8px;display:flex;flex-direction:column;max-width:600px;margin:auto}.auth-form h1{margin-top:0;color:var(--white-color)}.auth-form .alert{color:var(--primary-color-lighter);margin:auto}.auth-form form{text-align:center}.auth-form form label{flex:0 0 150px;margin-right:10px;display:block;margin-top:10px;color:var(--white-color)}.auth-form form input{background-color:var(--black-color);color:#fff;border:0;font-size:1em}.auth-form form input::placeholder{color:var(--white-color);opacity:.7}.auth-form form input:focus{outline-color:var(--primary-color);outline-style:solid}.auth-form a,.auth-form a:visited{color:var(--secondary-color)}.auth-form .validation-help-text{color:var(--secondary-color-lighter)}.home-container h1{color:var(--primary-color-light);text-align:center}.home-container h2{text-align:center;font-size:medium}.home-container .hero{display:flex;justify-content:space-evenly;align-items:center;flex-wrap:wrap}.home-container .hero .hero-text{font-size:larger;font-weight:bolder}.home-container .map{width:100%;height:100%}.home-container .hero>.hero-text{max-width:40rem}.home-container .home-action-button{min-width:300px}.home-container .quip{font-style:italic;text-align:center;color:var(--secondary-color-dark)}.home-container .online-users-counter{text-align:center;padding-top:10px;font-weight:bolder}.settings-container{background-color:var(--black-color-light)}.settings-container .color-picker-overlay{position:fixed;top:0vh;right:0vw;left:0vw;bottom:0vh;background-color:#000;display:flex;justify-content:center;align-items:center;z-index:1000}.settings-container .color-picker-popup{padding:5px;display:flex;flex-wrap:wrap}.settings-container .color-dot{display:inline-block}.settings-container .color-dot.selected{border:6px solid black}.settings-container .username{font-size:larger;cursor:pointer}.settings-container .settings-label{font-size:large;margin:.8rem}.settings-container .color-hex-input{background-color:var(--black-color);color:#fff;border:0;font-size:1em;margin:10px}.settings-container .color-hex-input:focus{outline-color:var(--primary-color);outline-style:solid}.settings-container .settings-bio-input{background-color:var(--black-color);color:#fff;border:0;font-size:1em;margin:10px;padding:10px;width:80%;min-height:90px}.settings-container .settings-bio-input:focus{outline-color:var(--primary-color);outline-style:solid}.settings-container .settings-hint{font-size:small;color:#d0d0d0;margin-left:25px}.settings-container .settings-button{font-size:medium;background-color:var(--secondary-color)}.settings-container .green-text{color:var(--primary-color-lighter);font-size:larger;font-weight:700;border:2px solid var(--primary-color);padding:3px;text-align:center}.top-row{display:flex;flex-direction:row;justify-content:space-between;align-items:center;position:fixed;top:0;right:0;left:0;z-index:1000;background-color:#000;height:40px;border-bottom:2px solid var(--white-color)}.top-row .aphantasia-title{cursor:pointer;margin-left:10px;font-size:36px;margin-right:10px;text-decoration:none}.top-row .top-row-icons-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;max-width:180px;border-left:1px solid var(--white-color);padding-left:5px}.top-row .top-row-icons-container .menu-button{cursor:pointer}.top-row .top-row-icons-container .top-row-button{color:var(--white-color);padding-right:15px}.menu{position:fixed;right:0;top:40px;height:0px;width:200px;z-index:1000;display:flex;flex-direction:column;justify-content:space-between;align-items:right;background:#000;border-right:0;border-top:0;transition:all .3s ease-in-out;overflow:hidden}.menu-long-expanded,.menu-short-expanded{height:auto;width:200px;align-items:center;border-left:2px solid var(--white-color);border-bottom:2px solid var(--white-color)}.menu .menu-link-container{width:100%;border-bottom:1px solid var(--white-color-dark);padding-left:5px;padding-top:6px;padding-bottom:6px;cursor:pointer}.menu .menu-link-container .menu-link{color:var(--white);text-decoration:none;font-size:24px;cursor:pointer}.menu .menu-link-container .menu-link-active{text-decoration:underline;color:var(--white-color-dark)}.chat-container{margin:5px;position:fixed;display:flex;flex-direction:column;height:95%;width:99%}.chat-container h1{margin:0;color:var(--primary-color-light)}.chat-container .messages-container{flex:1;overflow-y:auto;margin-bottom:1rem;padding:10px;overflow-wrap:break-word}.chat-container .chat-input-container{display:flex;align-items:flex-start}.chat-container .chat-input-container textarea{flex:5;resize:none;height:70px;margin-right:5px;word-break:break-word;color:var(--white-color);background-color:var(--black-color-light);border:none}.chat-container .chat-input-container textarea:focus{outline:none}.chat-container .chat-input-container .send-button{margin:0;padding:0;cursor:pointer;height:100%;width:90px}.chat-container .chat-input-container button:hover{background-color:var(--primary-color-dark)}.overlay{position:fixed;top:50px;left:10px;right:10px;z-index:500;max-height:1px;height:auto;max-width:800px;transition:all .3s ease-in-out}.overlay .overlay-thought-content{height:100%}.graph-stage{transition:all .3s ease-in-out}.graph-bottom-part{position:absolute;bottom:0}.stage-container{display:flex;flex-direction:vertical;justify-content:center;align-items:center}.new-thought-form{border:1px solid white;padding:8px;display:flex;flex-direction:column;min-height:90vh;margin:auto}.new-thought-form .header-and-hint{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;margin-right:20px}.new-thought-form .header-and-hint h1{margin-top:0;color:var(--white-color);font-size:larger}.new-thought-form .header-and-hint .tutorial-button{font-size:medium;margin:0}.new-thought-form .alert{color:var(--primary-color-lighter);margin:auto}.new-thought-form form{text-align:center}.new-thought-form form .character-limit-title{text-align:left;margin-top:5px}.new-thought-form form .character-limit{color:gray}.new-thought-form form .title-and-shape{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.new-thought-form form .title-and-shape .shape-select{background-color:#101010;color:#fff;border:1px solid white;padding:5px;font-size:1em;width:50px}.new-thought-form form .title-input{width:100%;background-color:#101010;color:#fff;border:1px solid white;padding:5px;font-size:1em}.new-thought-form form .content-input{width:100%;background-color:#101010;color:#fff;border:1px solid white;font-size:1em;min-height:200px;padding:5px;resize:none;text-align:left}.new-thought-form form input::placeholder{color:var(--white-color);opacity:.7}.new-thought-form form input:focus{outline-color:var(--primary-color);outline-style:none}.new-thought-form form .bottom-row-buttons{display:flex;justify-content:space-between;margin-top:10px}.new-thought-form form .button-primary-disabled{background-color:var(--black-color-light);border-color:var(--black-color);cursor:not-allowed;transition:all .3s ease-in-out}.new-thought-form a,.new-thought-form a:visited{color:var(--secondary-color)}.search-overlay{position:fixed;background-color:#000000f2;overflow:hidden;top:0;bottom:0;left:0;right:0;z-index:1000}.search-overlay .search-overlay-content{overflow-y:auto;max-height:80vh}.search-bar{background-color:var(--black-color-light);color:var(--white-color);border:0;font-size:medium;padding:5px;width:100%;margin:10px 2px;outline:none;box-shadow:none;transition:all .3s ease-in-out}.search-result-item{display:inline-block;margin:5px;background-color:var(--black-color-light);color:var(--white-color);border:0;border:1px solid;font-size:medium;padding:5px;cursor:pointer}.search-result-item-selected{background-color:var(--primary-color-light)}.referenced-thought-button{cursor:pointer;display:block;margin:5px;background-color:var(--primary-color-dark);color:var(--white-color);border:0;font-size:medium;padding:5px;text-align:left}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-5px)}to{transform:translate(0)}}.shake{animation:shake .5s;background-color:red}.thought-reference-row{display:flex;justify-content:space-between;margin-top:2px;margin-bottom:2px}.thought-reference-row .referenced-thought{display:block;margin:5px;background-color:var(--black-color);color:var(--white-color);border:1px solid;font-size:medium;padding:5px;text-align:left}.thought-reference-row .ref-row-button{margin:0;display:inline-block;background-color:#0000;color:var(--white-color);font-size:small;font-weight:700;border:none;cursor:pointer;transition:background-color .3s;-webkit-user-select:none;-ms-user-select:none;user-select:none}.thought-reference-row img{max-width:2.3em;max-height:2.3em}.references-num{font-size:large;font-weight:700;color:var(--primary-color)}.references-num-over-limit{color:red}.referenced-thought-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;background-color:#000000f2;display:flex;justify-content:center;align-items:center;flex-direction:column;justify-content:space-between}.referenced-thought-overlay .text-scroll-container{width:85%;height:100%;overflow-y:auto}.referenced-thought-overlay .text-scroll-container .text-flex-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.referenced-thought-overlay .text-scroll-container .text-flex-container p{white-space:pre-line}.tutorial-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;background-color:#000000f2;overflow:auto}.tutorial-overlay .scroll-view{max-width:600px;padding:10px;margin:auto;overflow:auto}.tutorial-overlay .scroll-view h1{color:var(--primary-color);text-align:center}.tutorial-overlay .scroll-view h2{color:var(--secondary-color)}.tutorial-overlay .scroll-view b{color:var(--primary-color)}.avoid-navbar{margin-right:70px}.about-page{color:#d0d0d0}.about-page h2{color:var(--secondary-color-light)}.log-container{margin:10px;padding:2px 5px 5px;border:2px solid var(--secondary-color-darker);background:linear-gradient(300deg,var(--black-color-light) 0%,var(--black-color) 100%);min-width:200px;width:300px}.log-container .log-container-top-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;border-bottom:1px solid white;padding:4px;flex-direction:row}.log-container .log-container-top-row .log-title{color:var(--white-color-dark);font-weight:700;font-size:25px;text-align:center}.log-container .log-container-top-row .play-button{height:25px;width:25x;-webkit-user-select:none;user-select:none;cursor:pointer;border:1px var(--white-color-dark) solid;padding:4px}.log-container .log-container-top-row .log-top-row-button{color:#000;font-size:20px;text-align:center;border:1px solid var(--white-color);padding:2px 4px;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#fff}.log-container .log{border-width:1px;border-style:solid;background-color:var(--black-color);opacity:.9;margin:5px;padding:2px 5px 5px}.log-container .log .log-thought-title{margin:5px;color:var(--white-color);text-align:center;font-weight:700}.log-container .log .log-author{font-weight:700}.log-container .log .log-bottom-row{border-top:1px solid var(--white-color-dark);display:flex;justify-content:space-between;align-items:center;flex-direction:row}.log-container .log .log-bottom-row .log-date{color:var(--white-color-dark)}.log-container .log:hover{background:var(--black-color-light);cursor:pointer}.list-container{padding:10px;margin-bottom:30px;border:2px solid var(--secondary-color-darker);background:linear-gradient(120deg,var(--black-color-light) 0%,var(--black-color) 100%)}.list-container .thought{border-width:1px;border-style:solid;background:linear-gradient(240deg,var(--black-color-light) 0%,var(--black-color) 100%);background-color:var(--black-color);opacity:.9;margin:10px;padding:10px}.list-container .thought .message{color:var(--secondary-color);font-weight:light}.list-container .thought .thought-title{margin:15px;color:var(--white-color);text-align:center;font-weight:700}.list-container .thought:hover{background:var(--black-color-light);cursor:pointer}.notifications-content-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.thought-viewer-container{background-color:#000000f2;display:flex;flex-direction:column;justify-content:space-between;width:100%;border:1px solid white}.thought-viewer-container .thought-viewer-top-row{display:flex;justify-content:space-between;align-items:top;padding:4px;background-color:#111;border-bottom:1px solid #e0e0e0}.thought-viewer-container .thought-viewer-top-row .thought-viewer-id{margin-left:8px;color:var(--white-color-dark)}.thought-viewer-container .thought-viewer-top-row .thought-viewer-title{padding-bottom:10px;cursor:pointer}.thought-viewer-container .thought-viewer-content{word-break:break-word;white-space:pre-wrap;flex:1;padding:6px;overflow-y:auto;min-height:80px;max-height:100px}.thought-viewer-container .thought-viewer-content-extended{word-break:break-word;white-space:pre-wrap;flex:1;padding:6px;overflow-y:auto;min-height:80px;max-height:50vh}.thought-viewer-container .media-container img{max-height:300px}.thought-viewer-container .in-text-thought-ref{cursor:pointer;text-decoration:underline}.thought-viewer-container .in-text-concept-ref{cursor:pointer;color:#e0e0e0}.thought-viewer-container .responses-container{padding:4px}.thought-viewer-container .thought-viewer-botom-row{display:flex;justify-content:space-between;align-items:center;padding:4px;background-color:#111;border-top:1px solid #e0e0e0;flex:0 0 none}.thought-viewer-container .thought-viewer-botom-row .thought-viewer-author{padding:4px;background-color:transparent;border:none;cursor:pointer}.thought-viewer-container .thought-viewer-botom-row .thought-viewer-date{color:var(--white-color-dark);cursor:pointer}.thought-viewer-container .responses-container{border-top:1px solid #e0e0e0;max-height:16vh;overflow:auto}.thought-viewer-controls-container{margin-top:8px;display:flex;justify-content:end;margin-left:calc(100% - 150px);align-items:end}.thought-viewer-controls-container .thought-viewer-controls{display:flex;flex-direction:row;justify-content:space-between;max-width:1200px;min-width:150px;height:30px;padding:5px;background-color:#000000e6;border:1px solid white}.thought-viewer-controls-container .thought-viewer-controls .thought-viewer-controls-button{background-color:transparent;border:none;cursor:pointer;color:#fff;width:25px;height:25px}.thought-viewer-controls-container .thought-viewer-controls .thought-viewer-controls-button img{width:20px;height:20px;color:#fff}.thought-viewer-controls-container .preview-mode{min-width:40px}.thought-viewer-controls-container .thought-viewer-controls-my-thought{display:flex;flex-direction:row;justify-content:space-between;max-width:1200px;min-width:150px;height:30px;padding:5px;background-color:#000000e6;border:1px solid white}.thought-viewer-controls-container .thought-viewer-controls-my-thought .thought-viewer-controls-button{background-color:transparent;border:none;cursor:pointer;color:#fff;width:25px;height:25px}.thought-viewer-controls-container .thought-viewer-controls-my-thought .thought-viewer-controls-button img{width:20px;height:20px;color:#fff}.graph-controls{position:fixed;bottom:0}.graph-controls .graph-controls-buttons-row{display:flex;flex-direction:row;justify-content:center}.graph-controls .graph-controls-buttons-row .graph-controls-button{background-color:#000;color:#fff;width:50px;height:50px;cursor:pointer}.graph-controls .graph-controls-buttons-row .graph-controls-button img{width:100%;height:100%}.graph-controls .graph-controls-buttons-row .graph-controls-button-active{background-color:#fff}.graph-controls .temporal-controls{display:flex;flex-direction:row;justify-content:center}.graph-controls .temporal-controls .temporal-controls-button{background-color:#000;color:#fff;width:50px;height:50px;cursor:pointer}.graph-controls .temporal-controls .temporal-controls-button img{width:100%;height:100%}.graph-controls .temporal-controls .temporal-controls-button-active{background-color:#fff}.graph-controls .settings-window{color:#fff;border:white 1px solid;background-color:#000;width:250px;z-index:2000}.graph-controls .settings-window .settings-window-top-bar{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:10px}.graph-controls .settings-window .settings-window-top-bar .settings-window-close-button{background-color:#000;color:#fff;border:1px solid white;cursor:pointer;font-weight:700;font-size:large}.graph-controls .settings-window .settings-window-top-bar .settings-window-reset-default-button{background-color:#000;color:#fff;border:1px solid white;cursor:pointer}.graph-controls .settings-window-collapsed{display:none}.graph-ui-button{padding:0;background-color:transparent;color:transparent;border:none;position:absolute;cursor:pointer;height:50px;width:50px}.graph-ui-button img{opacity:.5;width:100%;height:100%}.zoom-in-button{bottom:160px;right:10px}.zoom-out-button{bottom:110px;right:10px}.rewind-button{bottom:10px;left:10px}.play-forward-button{bottom:10px;left:70px}.time-shift-label{font-size:larger;color:#fff;opacity:.5}.profile-viewer-container{background-color:#000000f2;display:flex;flex-direction:column;justify-content:space-between;width:100%;border:1px solid white}.profile-viewer-container .profile-viewer-top-row{text-align:center;font-size:x-large;padding:4px;background-color:#111;border-bottom:1px solid #111111}.profile-viewer-container .profile-viewer-top-row .profile-viewer-id{margin-left:8px;color:var(--white-color-dark)}.profile-viewer-container .profile-viewer-top-row .profile-viewer-title{padding-bottom:10px;cursor:pointer}.profile-viewer-container .profile-viewer-content{word-break:break-word;white-space:pre-wrap;flex:1;margin:6px;overflow-y:auto}.profile-viewer-container .profile-viewer-content-extended{word-break:break-word;white-space:pre-wrap;flex:1;padding:6px;overflow-y:auto;min-height:80px;max-height:50vh}.profile-viewer-container .media-container img{max-height:300px}.profile-viewer-container .profile-viewer-botom-row{display:flex;justify-content:space-between;align-items:center;padding:4px;background-color:#111;border-top:1px solid #111111;flex:0 0 none}.profile-viewer-container .profile-viewer-botom-row .profile-viewer-author{padding:4px;background-color:transparent;border:none;cursor:pointer}.profile-viewer-container .profile-viewer-botom-row .profile-viewer-date{color:var(--white-color-dark)}.profile-viewer-container .responses-container{border-top:1px solid #111111;max-height:16vh;overflow:auto}.profile-viewer-controls-container{margin-top:8px;display:flex;justify-content:end;margin-left:calc(100% - 150px);align-items:end}.profile-viewer-controls-container .profile-viewer-controls{display:flex;flex-direction:row;justify-content:space-between;max-width:1200px;min-width:45px;height:30px;padding:5px;background-color:#000000e6;border:1px solid white}.profile-viewer-controls-container .profile-viewer-controls .profile-viewer-controls-button{background-color:transparent;border:none;cursor:pointer;color:#fff;width:25px;height:25px}.profile-viewer-controls-container .profile-viewer-controls .profile-viewer-controls-button img{width:20px;height:20px;color:#fff}
