.auth{width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center;color:#fff;background:url(/static/media/ui-background.d11f271d.svg)}.auth .authForm{display:flex;flex-direction:column;width:500px}@media (min-width:320px) and (max-width:520px){.auth .authForm{align-items:center}}.auth .authForm .authForm-header{display:flex;flex-direction:column;margin-bottom:2rem}.auth .authForm .authForm-header .authForm-subheader{display:flex;align-items:flex-end}@media (min-width:320px) and (max-width:520px){.auth .authForm .authForm-header .authForm-subheader{flex-direction:column-reverse;align-items:center}}.auth .authForm .authForm-header .authForm-subheader .title{font-size:4.875rem;color:#ff5501}.auth .authForm .authForm-header .authForm-subheader .logoWrapper{width:100%}@media (min-width:320px) and (max-width:520px){.auth .authForm .authForm-header .authForm-subheader .logoWrapper{display:flex;justify-content:center}}.auth .authForm .authForm-header .authForm-subheader .logoWrapper img{max-width:100%;height:auto}.auth .authForm .authForm-header .description{color:#fff}@media (min-width:320px) and (max-width:520px){.auth .authForm .authForm-header .description{text-align:center}}.auth .authForm .authForm-fields{display:flex;width:100%;flex-direction:column;align-items:center}@media (min-width:320px) and (max-width:520px){.auth .authForm .authForm-fields{width:90%}}.auth .authForm .authForm-fields input{width:100%;padding:1rem 2rem;font-size:1.125rem;background:transparent;border-bottom:1px solid #ff5501;color:#fff;caret-color:#ff5501}.auth .authForm .authForm-fields>:first-child{margin:2rem 0}.auth .authForm .authForm-fields>:nth-child(2){margin-bottom:5rem}.auth .authForm .authForm-fields button{width:50%;padding:1rem 2rem;margin-bottom:2rem;font-size:1.125rem;background:transparent;border:1px solid #ff5501;color:#fff;cursor:pointer;font-weight:700;transition:all .3s ease-in-out}.auth .authForm .authForm-fields button:hover{background:#ff5501}.active{background:linear-gradient(90deg,hsla(0,0%,100%,.7),hsla(0,0%,100%,.3));border-radius:.25rem}.appbar{width:75px;min-height:100vh;display:flex;flex-direction:column;border-radius:0 .25rem .25rem 0;box-shadow:1px 0 30px rgba(8,8,8,.7);-webkit-user-select:none;-ms-user-select:none;user-select:none}@media (min-width:320px) and (max-width:840px){.appbar{flex-direction:row;width:100%;height:75px;min-height:75px}}@media (min-width:320px) and (max-width:400px){.appbar{height:50px;min-height:50px}}.appbar>div{position:relative;margin-top:20px;padding:5px;cursor:pointer}@media (min-width:320px) and (max-width:840px){.appbar>div{display:flex;justify-content:center;margin:0 5px}}.appbar>div:hover{background:linear-gradient(90deg,hsla(0,0%,100%,.7),hsla(0,0%,100%,.3));border-radius:.25rem}.appbar>div .icon-wrapper{width:50%;margin:auto}@media (min-width:320px) and (max-width:550px){.appbar>div .icon-wrapper{width:80%;margin:auto 0}}.appbar>div .icon-wrapper img{max-width:100%;height:auto}.appbar>div:after,.appbar>div:before{position:absolute;top:50%;right:-.625rem;transform:translateX(100%) translateY(-50%) scale(0);transition:transform .1s ease-in;transform-origin:left center}.appbar>div:before{width:-webkit-max-content;width:-moz-max-content;width:max-content;text-align:center;padding:.5rem;font-size:.75rem;max-width:100%;border-radius:.25rem;background-color:#ff5501;content:attr(data-tooltip)}@media (min-width:320px) and (max-width:840px){.appbar>div:before{content:none}}.appbar>div:after{content:"";border:5px solid transparent;border-right-color:#ff5501;right:-1px}@media (min-width:320px) and (max-width:840px){.appbar>div:after{content:none}}.appbar>div:hover:after,.appbar>div:hover:before{transform:translateX(100%) translateY(-50%) scale(1)}.wrapper{position:absolute;bottom:20px;right:20px;-webkit-user-select:none;-ms-user-select:none;user-select:none}.wrapper img{width:100px;height:auto}.window-wrapper{position:absolute;height:500px;min-height:500px;max-height:80%;min-width:500px;max-width:90%;display:flex;flex-direction:column;background:#2e2d2d;border-radius:.25rem;resize:both;overflow:auto;z-index:1;box-shadow:0 10px 20px rgba(0,0,0,.6)}@media (min-width:320px) and (max-width:535px){.window-wrapper{min-height:320px;min-width:320px}}.window-wrapper .window-header{height:40px;width:100%;display:flex;justify-content:space-between;margin-bottom:2rem;background:#9c1f95;background:linear-gradient(90deg,rgba(156,31,149,0),rgba(99,2,99,.7));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#9c1f95",endColorstr="#630263",GradientType=1);box-shadow:0 3px 20px rgba(0,0,0,.6);-webkit-user-select:none;-ms-user-select:none;user-select:none}.window-wrapper .window-header .closeIcon-wrapper{width:40px;height:100%;display:flex;align-items:center;padding:.75rem;border-radius:.25rem 0 0 .2rem;cursor:pointer}.window-wrapper .window-header .closeIcon-wrapper:hover{background:linear-gradient(270deg,hsla(0,0%,100%,.4),hsla(0,0%,100%,.1))}.window-wrapper .window-header .closeIcon-wrapper img{width:100%;height:auto}.window-wrapper .window-header .appIcon-wrapper{width:40px;height:100%;display:flex;align-items:center;padding:.75rem;border-radius:.25rem 0 0 .2rem}.window-wrapper .window-header .appIcon-wrapper img{width:100%;height:auto}.hintOverlay-wrapper{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;background:rgba(0,0,0,.9);z-index:2}.hintOverlay-wrapper .hintOverlayImg-wrapper{width:50px;height:50px;margin-top:20px;margin-bottom:40px}.hintOverlay-wrapper .hintOverlayImg-wrapper img{width:100%;height:auto}.hintOverlay-wrapper .hintOverlay-description{padding:0 5px;text-align:center}.hintOverlay-wrapper .button-container{width:400px;display:flex;justify-content:space-around}@media (min-width:320px) and (max-width:880px){.hintOverlay-wrapper .button-container{width:320px}}.hintOverlay-wrapper .button-container button{width:150px}@media (min-width:320px) and (max-width:880px){.hintOverlay-wrapper .button-container button{width:100px}}.createModal-wrapper{position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,.9)}.createModal-wrapper .createModal{width:320px;height:250px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;background:#2e2d2d;border-radius:.25rem}.createModal-wrapper .createModal .createModal-form{width:100%;display:flex;flex-direction:column;align-items:center}.createModal-wrapper .createModal .createModal-form .textFile-name{padding:5px;width:250px;margin-bottom:70px}.createModal-wrapper .createModal .createModal-form button{margin:0}.textFile-content{width:100%;height:80%;padding:0 1rem;border:none;resize:none;background:#2e2d2d;color:#fff}.textFile-content:focus{border:none;outline:none}.primary-button{width:100%;margin-top:30px;padding:.5rem;background:#501250;color:#fff;transition:all .3s ease-in-out;font-weight:700}.primary-button:hover{background:#ff5501}.file{display:flex;align-items:center;justify-content:space-between;padding-left:15px;margin-bottom:10px;transition:all .1s ease-out;cursor:pointer}.file:hover{background-color:rgba(0,0,0,.3)}.file:hover .file-options .dot{background:#ff5501}.file .file-details{justify-content:space-between;width:70%}.file .file-details,.file .file-details .file-name{display:flex;align-items:center}.file .file-details .file-name .file-icon-wrapper{width:25px}.file .file-details .file-name .file-icon-wrapper img{width:100%;height:auto}.file .file-details .file-name .file-text{margin-left:10px;width:70px;word-wrap:break-word}.file .file-options{display:flex;position:relative;flex-direction:column;align-items:center;width:40px}.file .file-options .dot{width:5px;height:5px;background:#858585;border-radius:50%}.file .file-options>:nth-child(2){margin:2px 0}.file .file-options .options-menu{position:absolute;width:80px;height:50px;display:flex;flex-direction:column;justify-content:space-around;align-items:center;top:20px;left:-57px;opacity:0;visibility:hidden;background:#5e5e5e;border-radius:.25rem;z-index:2;cursor:pointer;transition:all .3s ease-out}.file .file-options .options-menu>div{width:100%;text-align:center}.file .file-options .options-menu>div:hover{color:#ff5501}.file .file-options .options-menu.active{opacity:1;visibility:visible}.files-sort-options{width:70%;display:flex;justify-content:space-between;margin-bottom:20px;color:#6d6d6d;-webkit-user-select:none;-ms-user-select:none;user-select:none}.files-sort-options .sort-date,.files-sort-options .sort-name{width:90px;position:relative;display:flex;align-items:center;cursor:pointer;text-align:center;padding:5px}.files-sort-options .sort-date:hover,.files-sort-options .sort-name:hover{color:#9c9c9c}.files-sort-options .sort-date .arrows,.files-sort-options .sort-name .arrows{position:absolute;right:20px;display:flex;flex-direction:column}.files-sort-options .sort-date .arrows .date.arrow-ascend,.files-sort-options .sort-date .arrows .date.arrow-descend,.files-sort-options .sort-date .arrows .name.arrow-ascend,.files-sort-options .sort-date .arrows .name.arrow-descend,.files-sort-options .sort-name .arrows .date.arrow-ascend,.files-sort-options .sort-name .arrows .date.arrow-descend,.files-sort-options .sort-name .arrows .name.arrow-ascend,.files-sort-options .sort-name .arrows .name.arrow-descend{color:#ff5501}.files-sort-options .sort-name{margin-left:40px}.files-wrapper{width:100%;overflow-y:auto;padding-bottom:5rem}p.empty-directory{position:absolute;width:100%;top:50%;text-align:center;color:#6d6d6d}.photo-wrapper{width:100px;height:100px;cursor:pointer}.photo-wrapper img{width:100%;height:auto}.gallery-wrapper{width:100%;height:100%;display:grid;grid-template-columns:repeat(auto-fill,150px);grid-gap:50px;justify-content:center;overflow-y:auto;-webkit-user-select:none;-ms-user-select:none;user-select:none}.gallery-wrapper p.empty-directory{position:absolute;width:100%;top:50%;text-align:center;color:#6d6d6d}.comment{width:100%;margin-bottom:20px;cursor:pointer}.comment:hover .title{color:#ff5501}.comment:hover .title .line{background:#ff5501;width:50%}.comment:hover .comment-body{color:#ff5501}.comment .title{margin-bottom:20px;transition:all .3s ease-out}.comment .title .line{width:0;height:5px;background:#535353;margin-top:10px;border-radius:2rem;transition:all .3s ease-out}.comment p.comment-body{margin-bottom:60px;transition:all .3s ease-out}.rssFeed-wrapper{width:100%;height:100%;padding:0 2rem;overflow-y:auto;-webkit-user-select:none;-ms-user-select:none;user-select:none}.rssFeed-wrapper p.empty-directory{position:absolute;width:calc(100% - 4rem);top:50%;text-align:center;color:#6d6d6d}.webcam-wrapper{width:100%;height:100%;overflow-y:auto}.webcam-wrapper .video{width:99%;height:99%}.website{height:100%;width:100%}.website .website-iframe{width:100%;height:100%;border:none}.url-form{width:100%;display:flex;justify-content:center;margin-bottom:10px;padding:0 2rem}.url-form .searchbar{width:80%;margin-left:20px}.url-form .searchbar input{width:100%;padding:5px 10px}.url-form .search-button{width:70px;background:#501250;color:#fff;transition:all .3s ease-in-out;font-weight:700}.url-form .search-button:hover{background:#ff5501}.ui{position:relative;width:100%;min-height:100vh;display:flex;background:url(/static/media/ui-background.d11f271d.svg);color:#fff}@media (min-width:320px) and (max-width:840px){.ui{flex-direction:column}}.ui .windowArea{flex:1 1;display:flex;justify-content:center;align-items:center;-webkit-user-select:none;-ms-user-select:none;user-select:none}.app{width:100%;min-height:100vh;position:relative}*{margin:0;padding:0;box-sizing:border-box;font-family:"Montserrat",sans-serif;scrollbar-width:thin}* ::-webkit-scrollbar-track{box-shadow:inset 0 0 6px rgba(0,0,0,.3);border-radius:.25rem;background-color:#494949}* ::-webkit-scrollbar{width:6px;background-color:#3f3f3f}* ::-webkit-scrollbar-thumb{border-radius:.25rem;box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#747474}h1{font-family:"Uncial Antiqua",cursive}input{border:none;border-radius:5px}input:focus{outline:none}button{border:none;border-radius:5px}
/*# sourceMappingURL=main.a095fa6f.chunk.css.map */