@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";*,[data-v-e76952f0]{padding:0;margin:0;box-sizing:border-box}.login-page[data-v-e76952f0]{background-color:#f2f1f7;width:100%;height:100vh;min-height:500px;display:flex;flex-direction:column;align-items:center;justify-content:center}.login-page .content-wrapper[data-v-e76952f0]{height:400px;width:700px;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;padding:3rem;background-color:#fff;border-radius:.75rem;transform:translateY(-10%)}.login-page .content-wrapper>img[data-v-e76952f0]{width:70%;-o-object-fit:contain;object-fit:contain}.login-page .content-wrapper>h1[data-v-e76952f0]{font-size:1.75rem;text-align:center;font-family:Roboto;color:#05083f}.login-page .content-wrapper>button[data-v-e76952f0]{display:flex;align-items:center;justify-content:center;gap:3rem;font-size:1.5rem;border:none;border-radius:none;font-family:Roboto;width:100%;height:4rem;transition:.5s;color:#05083f}.login-page .content-wrapper>button[data-v-e76952f0]:hover{cursor:pointer;outline:none;background-color:#e0e0e0}.login-page .content-wrapper>button>img[data-v-e76952f0]{-o-object-fit:contain;object-fit:contain;height:2rem}[data-v-02495e6f]{padding:0;margin:0;box-sizing:border-box}.slide-fade-enter-active[data-v-02495e6f],.slide-fade-leave-active[data-v-02495e6f]{transition:all .2s}.slide-fade-enter-from[data-v-02495e6f],.slide-fade-leave-to[data-v-02495e6f]{transform:translateY(-20px);opacity:0}.side-bar[data-v-02495e6f]{position:relative;width:15rem;background-color:#f1f1ff;border-right:solid 1px white;display:flex;flex-direction:column;gap:.25rem;padding:.25rem;max-height:calc(100vh - 4rem)}.side-bar .add-button[data-v-02495e6f]{position:absolute;text-decoration:none;color:#000;bottom:0;height:3rem;background-color:#fff;width:100%;left:0;display:flex;align-items:center;justify-content:center;z-index:100;font-size:2rem;font-weight:800;background-color:#e0e0ff}.side-bar .add-button[data-v-02495e6f]:hover{cursor:pointer;background-color:#d1d1ff}.side-bar>input[data-v-02495e6f]{height:2rem;background:#f6f6ff;border:solid 1px #d1d1ff;border-radius:.375rem;padding-left:.375rem}.side-bar[data-v-02495e6f] ::placeholder{color:#05083f}.side-bar .classroom-container[data-v-02495e6f]{display:flex;flex-direction:column;background-color:#eaeaff;border-radius:.375rem}.side-bar .classroom-container .classroom-button[data-v-02495e6f]{position:relative;display:flex;align-items:center;justify-content:center;outline:unset;border:none;background-color:#e1e1ff;border-radius:.375rem;height:2rem;z-index:2}.side-bar .classroom-container .classroom-button[data-v-02495e6f]:hover{background-color:#d1d1ff;cursor:pointer}.side-bar .classroom-container .classroom-button:hover .options-button[data-v-02495e6f]{display:flex}.side-bar .classroom-container .classroom-button .options-button[data-v-02495e6f]{display:flex;align-items:center;justify-content:center;position:absolute;right:.25rem;width:1.5rem;height:1.5rem;border-radius:.375rem;z-index:15;display:none}.side-bar .classroom-container .classroom-button .options-button>img[data-v-02495e6f]{height:.8rem;object-fit:contain;transition:.2s}.side-bar .classroom-container .classroom-button .options-button>.open[data-v-02495e6f]{height:.8rem;object-fit:contain;transform:rotate(90deg);transition:.2s}.side-bar .classroom-container .dropdown[data-v-02495e6f]{display:flex;width:100%;align-items:center;background-color:#eaeaff;height:2rem;border-radius:.375rem;z-index:1}.side-bar .classroom-container .dropdown .dropdown-content[data-v-02495e6f]{display:flex;width:100%;gap:.25rem;padding:0 .25rem}.side-bar .classroom-container .dropdown .dropdown-content .dropdown-button[data-v-02495e6f]{display:flex;align-items:center;justify-content:center;outline:unset;border:none;height:1.5rem;border-radius:.375rem;z-index:15;width:100%}.side-bar .classroom-container .dropdown .dropdown-content .dropdown-button>img[data-v-02495e6f]{height:1rem;object-fit:contain}.side-bar .classroom-container .dropdown .dropdown-content .dropdown-button[data-v-02495e6f]:hover{cursor:pointer}[data-v-f48b260f]{padding:0;margin:0;box-sizing:border-box}.body[data-v-f48b260f]{width:100%;height:100vh;display:flex;flex-direction:column}.body .main-content[data-v-f48b260f]{display:flex;flex-grow:1}.body>header[data-v-f48b260f]{position:relative;top:0;left:0;flex-grow:0;width:100%;height:4rem;display:flex;align-items:center;border-bottom:1px solid white;background-color:#f8f8ff}.body>header>img[data-v-f48b260f]{max-width:15rem;padding:1.5rem;-o-object-fit:contain;object-fit:contain}.body>header .links-wrapper[data-v-f48b260f]{padding:0 2rem;display:flex;height:100%}.body>header .links-wrapper>.link[data-v-f48b260f]{font-family:roboto;text-decoration:none;color:#000;height:100%;transition:.06s;display:flex;padding:1.5rem 1rem 0}.body>header .links-wrapper>.link[data-v-f48b260f]:hover{background-color:#eef;border-bottom:solid 3px black}.body>header .logout-button[data-v-f48b260f]{position:absolute;top:50%;transform:translateY(-50%);right:2rem;height:2rem;width:fit-content;display:flex;align-items:center;border-radius:.5rem;padding:0 1rem;font-family:roboto;text-decoration:underline;color:#00008b;cursor:pointer}.body>header .logout-button[data-v-f48b260f]:hover{background-color:#d1d1ff}.body>header .active[data-v-f48b260f]{border-bottom:solid 3px black}[data-v-e5749f8c]{padding:0;margin:0;box-sizing:border-box}.ticket-window[data-v-e5749f8c]{display:flex;position:absolute;flex-direction:column;padding:1rem;left:16rem;top:5rem;width:24rem;gap:1rem;height:auto;background-color:#f1f2f6;border-radius:.25rem;border-bottom:3px solid darkblue;z-index:100}.ticket-window>h1[data-v-e5749f8c]{width:100%;font-family:Roboto;font-size:1.5rem;color:#000}.ticket-window>form[data-v-e5749f8c]{width:100%;display:flex;flex-direction:column;gap:1rem}.ticket-window>form #problem[data-v-e5749f8c]{height:2rem;padding-left:1rem;font-family:Roboto;border:none;border-radius:.25rem;border-bottom:2px solid darkblue}.ticket-window>form #problem[data-v-e5749f8c]:focus{outline:none}.ticket-window>form .selection-title[data-v-e5749f8c]{font-family:Roboto;font-size:1rem;color:#000;font-weight:400}.ticket-window>form #categories[data-v-e5749f8c]{position:relative;top:-.5rem;height:2rem;padding-left:.75rem;border:none;font-family:Roboto;border-radius:.25rem;border-bottom:2px solid darkblue}.ticket-window>form #categories[data-v-e5749f8c]:focus{outline:none}.ticket-window>form .pcid-wrapper[data-v-e5749f8c]{display:flex;gap:1rem;align-items:center}.ticket-window>form .pcid-wrapper .pcid-title[data-v-e5749f8c]{font-family:Roboto;font-size:1rem;color:#000;font-weight:400}.ticket-window>form .pcid-wrapper #pc[data-v-e5749f8c]{position:relative;height:2rem;border:none;text-align:center;width:4rem;font-family:Roboto;border-radius:.25rem;border-bottom:2px solid darkblue}.ticket-window>form .pcid-wrapper #pc[data-v-e5749f8c]:focus{outline:none}.ticket-window>form #description[data-v-e5749f8c]{height:6rem;padding:.5rem 1rem;border:none;resize:none;font-family:Roboto;border-radius:.25rem;border-bottom:2px solid darkblue}.ticket-window>form #description[data-v-e5749f8c]:focus{outline:none}.ticket-window>form .button-containter[data-v-e5749f8c]{height:2rem;display:flex;justify-content:end}.ticket-window>form .button-containter .button[data-v-e5749f8c]{display:flex;cursor:pointer;height:2rem;width:8rem;background-color:#00008b;border-radius:.25rem;align-items:center;justify-content:center;color:#fff;font-family:roboto}[data-v-b5c2728f]{padding:0;margin:0;box-sizing:border-box}.ticket-chat-window[data-v-b5c2728f]{display:flex;flex-direction:column;width:24rem;height:auto;padding:1rem;gap:1rem;position:absolute;background-color:#f1f2f6;color:#000;font-weight:400;top:5rem;left:16rem;border-radius:.25rem;border-bottom:3px darkblue solid}.ticket-chat-window .ticket-name-wrapper[data-v-b5c2728f]{display:flex;gap:.5rem}.ticket-chat-window .ticket-name-wrapper .button[data-v-b5c2728f]{display:flex;align-items:center;justify-content:center;min-width:2rem;max-width:2rem;height:2rem;border-radius:.25rem;cursor:pointer}.ticket-chat-window .ticket-name-wrapper .button>img[data-v-b5c2728f]{width:1.25rem;height:1.25rem;object-fit:contian}.ticket-chat-window .ticket-name-wrapper .delete[data-v-b5c2728f]{background-color:#e29f9f}.ticket-chat-window .ticket-name-wrapper .edit[data-v-b5c2728f]{background-color:#e2ce9f}.ticket-chat-window .ticket-name-wrapper .done[data-v-b5c2728f]{background-color:#9fe29f}.ticket-chat-window .ticket-name-wrapper .ticket-name[data-v-b5c2728f]{display:flex;align-items:center;justify-content:center;height:2rem;width:100%;background-color:#fff;border-radius:.25rem;font-family:Roboto;font-size:1.25rem;border-bottom:2px darkblue solid}.ticket-chat-window .category-pc-wrapper[data-v-b5c2728f]{display:flex;gap:.5rem}.ticket-chat-window .category-pc-wrapper .category[data-v-b5c2728f]{display:flex;font-family:roboto;border-radius:.25rem;align-items:center;justify-content:center;height:2rem;padding:0 2rem;background-color:#fff;width:100%;align-self:center;border-bottom:2px darkblue solid}.ticket-chat-window .category-pc-wrapper .pc-number[data-v-b5c2728f]{display:flex;font-family:roboto;border-radius:.25rem;align-items:center;justify-content:center;height:2rem;background-color:#fff;min-width:4.5rem;max-width:4.5rem;align-self:center;border-bottom:2px darkblue solid}.ticket-chat-window .chatarea[data-v-b5c2728f]{background-color:#fff;height:20rem;border-radius:.25rem;display:flex;flex-direction:column;padding:1rem;gap:.5rem;overflow-y:scroll;border-bottom:2px darkblue solid}.ticket-chat-window .chatarea .message-container[data-v-b5c2728f]{display:flex;flex-direction:column;gap:.125rem}.ticket-chat-window .chatarea .message-container .username[data-v-b5c2728f]{color:#9399aa;font-family:Roboto;font-size:.75rem;padding-left:.75rem}.ticket-chat-window .chatarea .message-container .message-content[data-v-b5c2728f]{width:100%;height:auto;padding:.5rem;font-size:.875rem;background-color:#eeeff2;font-family:Roboto;border-radius:.75rem}.ticket-chat-window .input-wrapper[data-v-b5c2728f]{display:flex;gap:1rem;height:2rem}.ticket-chat-window .input-wrapper>input[data-v-b5c2728f]{flex-grow:1;border:none;border-bottom:2px darkblue solid;border-radius:.25rem;font-family:Roboto;padding-left:.5rem}.ticket-chat-window .input-wrapper>input[data-v-b5c2728f]:focus{outline:none}.ticket-chat-window .input-wrapper .send-button[data-v-b5c2728f]{width:5rem;height:2rem;background-color:#00008b;color:#fff;display:flex;align-items:center;justify-content:center;border-radius:.25rem;font-family:Roboto}body[data-v-843da43c]{position:relative;margin:0;padding:0;overflow:hidden;background-color:#f8f8ff}body .legend[data-v-843da43c]{width:20rem;height:10rem;position:absolute;bottom:1rem;left:1rem;background-color:#fff;display:flex;flex-direction:column;color:#000;font-weight:500}body .legend .line[data-v-843da43c]{border:1px solid white;display:flex;height:2.5rem;width:100%}body .legend .line .color[data-v-843da43c]{width:2.5rem;border-right:solid 1px white}body .legend .line .color-name[data-v-843da43c]{display:flex;align-items:center;width:5rem;padding-left:.5rem}body .legend .line .category-name[data-v-843da43c]{display:flex;align-items:center}body .topbar[data-v-843da43c]{display:flex;position:absolute;top:0;width:100%;height:4rem;background-color:#f4f4ff;z-index:10;border-bottom:solid 1px white;align-items:center;gap:1rem}body .topbar .classroom-name[data-v-843da43c]{padding-left:1.5rem;padding-right:1.5rem;font-family:roboto;color:#000;font-weight:500}body .topbar .room-admin-wrapper[data-v-843da43c]{display:flex;flex-direction:column}body .topbar .room-admin-wrapper .headline[data-v-843da43c]{color:#000;font-weight:500;font-family:roboto;font-size:.875rem}body .topbar .room-admin-wrapper>.input[data-v-843da43c]{outline:none;border:none;border-bottom:solid 2px darkblue;height:1.5rem;min-width:15rem;width:fit-content;border-radius:.25rem;font-family:roboto;padding:0 .5rem}body .topbar .it-admin-wrapper[data-v-843da43c]{display:flex;flex-direction:column}body .topbar .it-admin-wrapper .headline[data-v-843da43c]{color:#000;font-weight:500;font-family:roboto;font-size:.875rem}body .topbar .it-admin-wrapper>.input[data-v-843da43c]{outline:none;border:none;border-bottom:solid 2px darkblue;height:1.5rem;min-width:15rem;width:fit-content;border-radius:.25rem;font-family:roboto;padding:0 .5rem}body .topbar .save-button[data-v-843da43c]{background-color:#00008b;display:flex;align-items:center;justify-content:center;width:fit-content;padding:0 1rem;height:2rem;border-radius:.25rem;color:#fff;font-family:Roboto;font-weight:400;cursor:pointer}body .toolbar[data-v-843da43c]{position:absolute;top:10%;right:2rem;width:8rem;height:auto;background-color:#fff;border-radius:.5rem;z-index:5;display:flex;flex-direction:column;padding:1rem;gap:1rem}body .toolbar .item[data-v-843da43c]{width:100%;aspect-ratio:1/1;background-color:#f0f0ff;border-radius:.5rem;display:flex;flex-direction:column;position:relative;top:0;left:0;align-items:center;cursor:pointer}body .toolbar .item[data-v-843da43c]:hover{background-color:#e0e0ff}body .toolbar .item .table[data-v-843da43c]{width:4rem;height:2rem;background-color:brown;position:absolute;top:1rem}body .toolbar .item .name[data-v-843da43c]{width:100%;text-align:center;padding:.25rem;position:absolute;bottom:0;font-weight:500;color:#000}body #container[data-v-843da43c]{position:relative;width:100%;height:100%}body #container .konvajs-content[data-v-843da43c]{width:inherit;height:inherit}[data-v-04f9e391]{padding:0;margin:0;box-sizing:border-box}.classroom-window[data-v-04f9e391]{background-color:#f8f8ff;color:#9399aa;font-weight:300;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:roboto}.classroom-window>div[data-v-04f9e391]{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.classroom-window>div>div[data-v-04f9e391]{width:100%;height:100%}.classroom-window>div>div .editor[data-v-04f9e391]{width:100%;height:100%}.classroom-window>div>div .editor>div[data-v-04f9e391]{width:100%;height:100%}