@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+Mono:wght@100..900&family=Play:wght@400;700&family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap);header{background:#1a1a1a;height:50px;justify-content:center}header,header .content{align-items:center;display:flex;width:100%}header .content{box-sizing:border-box;height:100%;justify-content:space-between;max-width:1200px;padding:0 30px}header .content .user-info{align-items:center;color:#636363;display:flex;gap:5px}header .content .user-info svg{color:#fc6002}header .content .user-info span{color:#fff}header .content .leave{background:#f14b4c;border:none;border-radius:6px;box-sizing:border-box;color:#fff;cursor:pointer;padding:10px 20px;transition:.3s}header .content .leave:hover{background:#9f2e2e}.chat-container{border:2px solid #fff;border-radius:16px;height:calc(100% - 4px);overflow:hidden;position:relative;width:calc(100% - 4px)}.chat-container,.chat-content{display:flex;flex-direction:column}.chat-content{background:var(--secondary-bg-color);box-sizing:border-box;gap:10px;height:80%;overflow-y:auto;padding:80px 20px 20px;width:100%}.chat-content .chat-message{display:flex;width:100%}.chat-content .chat-message-wrapper{display:flex;flex-direction:column;gap:5px;width:100%}.chat-content .chat-message-content{word-wrap:break-word;background-color:#fc6002;border-radius:6px;box-sizing:border-box;max-width:400px;padding:10px;width:-webkit-max-content;width:max-content}.chat-content .chat-message-content img{height:100%;max-height:400px;max-width:400px;width:100%}.chat-content .chat-message-content *{color:#000!important}.chat-content .chat-message.sender{justify-content:flex-end}.chat-content .chat-message.sender .chat-message-wrapper{align-items:flex-end;display:flex}.chat-content .chat-message.sender .chat-message-content,.chat-content .chat-message.sender .chat-message-wrapper .time{text-align:end}.chat-responses{align-items:center;box-sizing:border-box;display:flex;gap:25px;height:45px;padding:10px;width:100%}.chat-responses .response{background:#0000;border:1px solid #fc6002;border-radius:6px;box-sizing:border-box;cursor:pointer;flex-shrink:0;max-width:350px;overflow:hidden;padding:5px;text-overflow:ellipsis;transition:.3s;white-space:nowrap}.chat-responses .response:active,.chat-responses .response:hover{background-color:#fc6002}.chat-bottom{background:var(--primary-bg-color);box-sizing:border-box;display:flex;height:20%;justify-content:space-between;padding:20px;width:100%}.chat-bottom .buttons{align-items:center;display:flex;gap:10px}.chat-bottom .buttons button{align-items:center;aspect-ratio:1/1;background-color:#1a1a1a;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;height:45px;justify-content:center;transition:.3s;width:45px}.chat-bottom .buttons button:disabled{cursor:not-allowed;opacity:.5}.chat-bottom .buttons button:not(:disabled).active,.chat-bottom .buttons button:not(:disabled):hover{background-color:#fc6002}.chat-bottom textarea{background:#0000;border:2px solid #fff;border-radius:8px;box-sizing:border-box;color:#fff;outline:none;padding:10px;transition:.3s}.chat-bottom textarea:focus{border-color:#fc6002}.chat-input{height:100%;resize:none;width:50%}.return-button{align-items:center;background-color:#fc6002;border:2px solid #000;border-radius:50%;box-sizing:border-box;color:#000;cursor:pointer;display:flex;height:50px;justify-content:center;left:20px;padding:10px;position:absolute;top:20px;transition:.3s;width:50px;z-index:100}.return-button svg{color:#000;width:100%}.return-button svg *{color:#000}.return-button:active{background-color:#c74c00}.detailed-image-wrapper{align-items:center;background-color:hsla(0,0%,68%,.243);box-sizing:border-box;display:flex;height:100vh;justify-content:center;left:0;padding:50px;position:fixed;top:0;width:100vw;z-index:10005}.detailed-image-wrapper-cross{height:30px;position:absolute;right:10px;top:10px;width:30px}.detailed-image-wrapper-cross svg{color:#fff;cursor:pointer;height:100%;transition:.3s;width:100%}.detailed-image-wrapper-cross svg:hover,.detailed-image-wrapper-cross svg:hover *{color:#fc6002}.detailed-image-wrapper img{max-height:100%;max-width:100%}.list-wrapper{gap:20px}.list-wrapper,.list-wrapper .items{display:flex;flex-direction:column;width:100%}.list-wrapper .items{gap:10px}.list-wrapper .items-category{align-items:center;background:#1a1a1a;border-radius:6px;border-right:1px solid #e86314;box-sizing:border-box;display:flex;height:50px;padding:20px;width:100%}.list-wrapper .items-empty{align-items:center;display:flex;justify-content:center;margin:0 0 20px;opacity:.5;text-align:center;width:100%}.list-wrapper .items .item{align-items:center;background:#1a1a1a;border-radius:6px;box-sizing:border-box;display:flex;height:50px;justify-content:space-between;padding:0 20px;width:100%}.list-wrapper .items .item-category{align-items:center;box-sizing:border-box;color:#fff;display:flex;flex:1 1;font-size:14px;gap:10px;justify-content:flex-start;padding:5px;text-align:center}.list-wrapper .items .item-category span{width:50%}.list-wrapper .items .change-item-container{align-items:center;display:flex;gap:10px;justify-content:flex-end}.list-wrapper .items .change-item{background:#e86314;border:none;border-radius:4px;box-shadow:0 0 5px #e86314;cursor:pointer;display:grid;height:30px;place-content:center;width:30px}.list-wrapper .items .change-item svg{color:#fff;width:15px}.list-wrapper .pagination{align-items:center;display:flex;gap:10px}.list-wrapper .pagination button{background-color:#fc6002;border:none;border-radius:4px;color:#fff;cursor:pointer;height:25px;min-width:25px;transition:.3s;-webkit-user-select:none;user-select:none}.list-wrapper .pagination button:hover{background-color:#c74c00}.list-wrapper .pagination button:disabled{opacity:.5}.list-wrapper .pagination button.active{background-color:#fff;color:#000}@media(max-width:1200px){.list-wrapper{min-width:-webkit-max-content;min-width:max-content}}.modal{background:#252525;border-radius:6px;box-sizing:border-box;flex-direction:column;max-width:350px;padding:10px;position:relative}.modal,.modal-wrapper{display:flex;width:100%}.modal-wrapper{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.118);height:100%;justify-content:center;left:0;position:fixed;top:0;transform:translateY(-100%);transition:.7s}.modal-wrapper.opened{transform:translateY(0)}.modal-content{display:flex;flex-direction:column;height:100%;max-height:90vh;overflow-y:auto;width:100%}.modal .cross{background:#111;border-radius:4px;box-sizing:border-box;color:#f86108;cursor:pointer;padding:5px 10px;position:absolute;right:10px;top:10px}.modal .category{display:flex;flex-direction:column;width:100%}.modal .category .title{border-bottom:1px solid hsla(0,0%,100%,.369);box-sizing:border-box;padding-bottom:10px;width:100%}.modal .category .buttons{display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between}.modal .category .buttons button{background:#f14b4c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:Play,sans-serif;height:40px;transition:.3s;width:45%}.modal .category .buttons button:hover{background:#9f2e2e}.modal .category .buttons button.success{background:#28c86b}.modal .category .buttons button.success:hover{background:#13ae54}.modal input,.modal select{background:#0000;border:1px solid hsla(0,0%,100%,.369);border-radius:4px;box-sizing:border-box;color:#ffffff9e;font-size:14px;height:35px;margin-bottom:15px;outline:none;padding:0 10px;transition:.3s}.modal input:focus,.modal select:focus{border-color:#fc6002;color:#fff}.modal button{background-color:#fc6002;border:none;border-radius:6px;box-sizing:border-box;color:#fff;cursor:pointer;margin:0 auto;max-width:150px;padding:10px;transition:.3s;width:100%}.modal button:hover{background-color:#c74c00}.page{box-sizing:border-box;display:flex;gap:25px;justify-content:space-between;max-width:1200px;padding:30px;width:100%}.page-content{max-width:900px;width:100%}.page nav{background:#1a1a1a;height:-webkit-fit-content;height:fit-content;max-width:200px;width:100%}.page nav span{align-items:center;box-sizing:border-box;display:flex;gap:10px;padding:20px 10px;width:100%}.page nav span:not(.title){cursor:pointer}.page nav span:not(.title):hover{background:#232323}.page nav .title{border-bottom:1px solid #636264;color:#636264;text-transform:uppercase}.auth-page{align-items:center;display:flex;flex-direction:column;gap:25px;height:100%;justify-content:center;width:100%}.auth-page input{background:#0000;border:1px solid #636264;border-radius:6px;max-width:300px;outline:none}.auth-page button,.auth-page input{box-sizing:border-box;color:#fff;padding:10px;width:100%}.auth-page button{background:#fc6002;border:none;border-radius:6px;cursor:pointer;max-width:150px}@media(max-width:1200px){.page{flex-direction:column}.page-content{max-width:100%;overflow-y:auto}}@media(max-width:780px){.page nav{max-width:100%}}#root,.App,body,html{height:100%;margin:0;overflow-x:hidden;padding:0;width:100%}body{background:#0e0e0e;font-family:Play,sans-serif}.App{align-items:center;color:#fff;display:flex;flex-direction:column}.button{background-color:#fc6002;border:none;border-radius:6px;box-sizing:border-box;color:#fff;cursor:pointer;max-width:150px;padding:10px;transition:.3s;width:100%}.button:hover{background-color:#c74c00}.button.centered{margin:0 auto}
/*# sourceMappingURL=main.f176b0ca.css.map*/