@font-face{font-family:"graphik";src:url(/static/media/Graphik-Regular.13c6337c.woff2) format("woff2"),url(/static/media/Graphik-Regular.475fb1f8.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:"mono";font-style:normal;src:url(/static/media/roboto-mono-v12-latin-regular.d8ab6e6b.woff2) format("woff2"),url(/static/media/roboto-mono-v12-latin-regular.d8ab6e6b.woff2) format("woff"),}@font-face{font-family:"roboto-regular";src:url(/static/media/roboto-regular-webfont.8c007b37.woff2) format("woff2"),url(/static/media/roboto-regular-webfont.9efdd1d7.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:"pacifico";src:url(/static/media/pacifico-regular-webfont.00740272.woff2) format("woff2"),url(/static/media/pacifico-regular-webfont.bc3d084a.woff) format("woff");font-weight:400;font-style:normal}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}a{color:#fff;text-decoration:none}button{font-family:"graphik",sans-serif}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-button{width:5px;height:5px}::-webkit-scrollbar-thumb{background:#828282;border:0 #fff;border-radius:0}::-webkit-scrollbar-thumb:hover{background:#757575}::-webkit-scrollbar-thumb:active{background:#ababab}::-webkit-scrollbar-corner{background:transparent}button{color:#fff;width:130px;height:34px;font-size:14px;border:none;border-radius:.3em}button:focus{outline:1px solid #fff}button.invite,button.primary{background-image:linear-gradient(90deg,#8e15d9,#e711b8)}button.invite{color:#fff;width:inherit;height:43px;font-size:14px;border:none;border-radius:.3em;padding:0}button:disabled{background-image:none;color:#909090;background-color:#2f2f2f}path{stroke:none;fill-rule:nonzero;fill:#fff;fill-opacity:1}input{font-size:14px;font-family:graphik,sans-serif;color:#fff;background-color:#323030;border-radius:.45em;border:none;padding:1em}input:focus{outline:1px solid #e711b8}.spinner-container{display:flex;justify-content:center}.spinner-container>svg{-webkit-animation:svg-animation 2s linear infinite;animation:svg-animation 2s linear infinite}.spinner-container>svg>circle{stroke:#e711b8;stroke-width:5;stroke-dasharray:100px;stroke-dashoffset:99px;stroke-linecap:round;transform-origin:50% 50%;-webkit-animation:offset-animation 1.4s ease-in-out infinite both;animation:offset-animation 1.4s ease-in-out infinite both}@-webkit-keyframes offset-animation{0%,25%{stroke-dashoffset:97.5;transform:rotate(0)}50%,75%{stroke-dashoffset:18.75;transform:rotate(45deg)}to{stroke-dashoffset:97.5;transform:rotate(1turn)}}@keyframes offset-animation{0%,25%{stroke-dashoffset:97.5;transform:rotate(0)}50%,75%{stroke-dashoffset:18.75;transform:rotate(45deg)}to{stroke-dashoffset:97.5;transform:rotate(1turn)}}@-webkit-keyframes svg-animation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes svg-animation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.input-section select{width:300px;font-size:16px}@media only screen and (max-width:340px){.input-section select{width:250px;font-size:12px}}.register-container{display:flex;flex-direction:column;align-items:center;margin:12px}.register-form-container{width:350px}.stage-heading{text-align:center;margin-bottom:48px}.progress-meter{display:flex;justify-content:center}.progress-meter img{width:50px;margin-right:10px}.register-fields{display:flex;flex-direction:column;align-items:center}.register-fields .register-field{width:90%;margin:6px}.register-fields .nickname-hint{font-size:16px;line-height:20px;text-align:center;color:#a09595;margin-bottom:12px}.first-stage div{margin:24px 0}.second-stage .timezone-selector-container{margin:20px;display:flex;justify-content:center}.third-stage .register-fields{margin-bottom:8px}.third-stage .register-requirements{display:flex;flex-direction:column;align-items:center}.register-buttons,.third-stage .register-requirements div{display:flex;flex-direction:column}.register-buttons{align-items:center}.register-buttons *{margin:6px}.register-back-button{font-size:16px;margin-top:.5em;text-align:center;color:#716e6e;transition:.2s}.register-back-button:hover{cursor:pointer;color:#fff;transition:.2s}@media only screen and (max-height:600px){.register-form-container{width:300px}.stage-heading{margin:10px;font-size:20px}.progress-meter img{width:40px}.register-fields .register-field{width:80%;margin:4px}.register-fields .nickname-hint{font-size:14px}}@media only screen and (max-width:380px){.register-fields .register-field{width:80%;margin:4px}.register-fields .nickname-hint{font-size:14px}}.meter-container{display:flex;align-items:center;justify-content:center}.meter-container svg,.meter-container svg rect{height:10px}.meter-container svg .bar-one{fill:#494646}.meter-container svg .bar-two{fill:#e711b8;transition:.4s ease-out}.activation-container{height:100vh;display:flex;justify-content:center;align-content:center;align-self:center;flex-direction:column;padding-bottom:36px}.activation-container .logo-container{margin-bottom:12px}.activation-container .loading-spinner{width:64px;height:64px;align-self:center}.activation-container .activation-form .fields{width:325px;display:flex;flex-direction:column;align-items:center}@media only screen and (max-width:340px){.activation-container .activation-form .fields{width:275px}}.activation-container .activation-form .fields input{width:90%;margin:6px}.activation-container .activation-form .status-message{height:24px;display:flex;align-items:center;justify-content:center;margin:16px}.activation-container .activation-form .activate-button{margin-bottom:24px}.activation-container .activation-form>.activate-button,.activation-container .login-link,.login-container{display:flex;justify-content:center}.login-container{height:100vh;align-content:center;align-self:center;flex-direction:column;padding-bottom:36px}.login-container .logo-container{margin-bottom:12px}.login-container .loading-spinner{width:64px;height:64px;align-self:center}.login-container .login-form .fields{width:325px;display:flex;flex-direction:column;align-items:center}@media only screen and (max-width:340px){.login-container .login-form .fields{width:275px}}.login-container .login-form .fields input{width:90%;margin:6px}.login-container .login-form .status-message{height:24px;display:flex;align-items:center;justify-content:center;margin:16px}.login-container .login-form .login-button{margin-bottom:24px}.login-container .activation-link,.login-container .login-form>.login-button{display:flex;justify-content:center}.docs-container{padding:12px 20px 0}.docs-container .heading{margin-bottom:12px;display:flex;flex-wrap:wrap}.docs-container .heading h2{margin:16px 0}.docs-container .heading input{width:100%}.docs-container .doc-tabs{height:35px;margin-bottom:.4em;display:flex;align-items:center}.docs-container .tab{padding:.3em;display:flex;flex-basis:50%;align-items:center;justify-content:center;background-color:#323030;border-radius:.35em}.docs-container .tab span{font-size:14px;margin-left:6px}.docs-container .tab:first-child{margin-right:10px}.docs-container .tab:hover{cursor:pointer}.docs-container .tab-active{background-color:#e711b8}.docs-container .listing-container{max-height:72vh;overflow-y:auto}.docs-container .subsection{margin-bottom:12px}.docs-container .subsection .subsection-heading{display:flex;align-items:center;justify-content:space-between}.docs-container .subsection .subsection-heading span{color:#696363}.docs-container .shared-with-height{height:28px}.docs-container .doc-list-item{display:flex;align-items:center;margin-bottom:4px}.docs-container .doc-list-item img{margin-right:4px}.docs-container .doc-list-item span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.docs-container .add-box{height:24px;width:24px;padding:2px;border-radius:6px}.docs-container .add-box:hover{cursor:pointer}.docs-container .active-add-box{background-color:#e711b8}.docs-container .modal-option .modal-line{display:flex;width:98%;margin:auto;height:2px;background-color:#4a4a4a}.docs-container .modal-option-detail{padding:.6em}.docs-container .modal-option-detail span{font-size:16px}.invite-heading{color:#696363;margin-bottom:4px}.invite-row form{display:flex;align-items:center;margin-bottom:.2em}.invite-row input{margin-right:.7em;width:80%}.invite-row button{width:80px}.invited-listing{padding:.3em;max-height:150px;overflow-y:auto;border-radius:.3em}.invited-user{padding:.3em;justify-content:space-between}.actions,.invited-user{display:flex;align-items:center}.actions select{margin-right:1em}.user-info{display:flex;align-items:center}.user-info span{margin:0 6px}.user-info .placeholder{width:40px;height:40px;background-color:#3c3c3c;border-radius:100%}.user-info .username{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.no-invites{text-align:center}.custom-select{margin-right:1em}.custom-select .current{width:30px;height:30px;background-color:#323030;border-radius:4px;padding:.25em}.custom-select .options{position:absolute;margin-top:-2px;padding-top:.3em;background-color:#3c3c3c;border-radius:0 0 4px 4px}.custom-select .options img{width:30px;height:30px;padding:.25em;display:block;margin-bottom:.2em}.select-container{position:relative}.select-container .current-selection{display:flex;align-items:center;font-size:16px;background-color:#323030;padding:.6em .8em;margin-bottom:8px;border-radius:.45em}.select-container .current-selection:hover{outline:1px solid #e711b8}.select-container .current-selection img{margin-right:6px}.select-container .select-options{position:absolute;top:42px;left:0;right:0;background-color:#454343;border-radius:0 0 4px 4px}.select-container .select-options .select-option{padding:3px 8px}.select-container .select-options .select-option:hover{background-color:#e711b8}.new-container{padding:12px}.new-container .new-form{padding:0 12px}.new-container .new-form .new-heading{display:flex;align-items:center;justify-content:center;margin-bottom:8px}.new-container .new-form .new-heading img{margin-right:8px}.new-container .new-form .new-body{display:flex;flex-direction:column}.new-container .new-form .new-body .name-field{margin-bottom:12px}.new-container .new-form .new-body .submit-box{display:flex;flex-direction:column;align-self:center}.new-container .new-form .new-body .submit-box .loading-spinner{width:64px;height:64px;align-self:center;margin-bottom:12px}.directory-header{width:100%;display:flex;align-items:center;justify-content:space-between}.directory-header .name{max-width:70%}.directory-header .name h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.icons{display:flex}.icons .icon-circle{width:24px;height:24px;padding:8px;border-radius:100%;background-color:#323030}.icons .icon-circle:not(:last-child){margin-right:6px}.directory-container{padding:12px 20px;overflow:hidden}.directory-container .directory-content{height:80%}.directory-container .directory-content .list-container{max-height:100%;overflow-y:auto}@media only screen and (max-height:600px){.directory-container .directory-content .list-container{max-height:95%}}.directory-container .directory-content .list-container .dir-list-item{display:flex;align-items:center;margin-bottom:4px}.directory-container .directory-content .list-container .dir-list-item img{margin-right:4px}.directory-container .directory-content .list-container .dir-list-item span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.directory-container .directory-content .list-container .no-files{text-align:center}.directory-container .modal-option .modal-line{display:flex;width:98%;margin:auto;height:2px;background-color:#4a4a4a}.directory-container .modal-option-detail{padding:.6em}.directory-container .modal-option-detail span{font-size:16px}.editorTabs{display:flex;justify-content:center;align-items:center;height:35px}.editorTabs button{border:none;background-color:#1d1d1d;width:50%;height:100%;font-weight:700;font-size:16px;color:#fff;outline:none;cursor:pointer;border-radius:0!important}.editorTabs button:focus{outline:none}.documentHeader{display:flex;justify-content:center;align-items:center;height:50px;background-color:#1d1d1d}.documentHeader h1{font-size:20px}.documentHeader img{padding-left:5px}.title{width:90%}.icon-left,.icon-right,.title{display:flex;align-items:center;justify-content:center}.icon-left,.icon-right{padding:5px;width:5%}.icon-wrapper-close{display:block;margin-right:auto}.icon-wrapper-more{display:block;margin-left:auto}.onlineUsers{display:flex;height:40px;align-items:center;margin:10px 0 0 10px}.onlineUsers div{border-radius:3px;background-color:#1d1d1d;margin-left:3px;margin-right:3px;padding:3px}.onlineUsers div p{padding:0;margin:0 3px;color:#d3d3d3;font-weight:500;font-size:12px;text-transform:uppercase}.previewTab{margin:10px;word-wrap:break-word}.preivewContent{overflow-y:scroll;height:100%}.previewTab a{color:#ff69b4;font-weight:700}.writeTab textarea{border:none;resize:none;font-family:"mono",monospace}textarea:focus{outline:1px solid green}.textEdit:focus,textarea{outline:none!important}.errorBanner{background-color:red;color:#fff}.viewOnlyBanner{display:flex;align-items:center;height:32px;background-color:#525151}.viewOnlyBanner p{font-weight:700;text-transform:uppercase;margin-left:10px;font-size:11px}.viewOnlyBanner img{margin-left:20px}.editor{background-color:#313131}
/*# sourceMappingURL=main.1439c811.chunk.css.map */