body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--background-color:#f0f0f3;--text-color:#333;--button-background-color:#ccc;--button-text-color:#333;--button-shadow:inset 2px 2px 5px #ffffff80,inset -2px -2px 5px #0000001a;--toolbar-gradient-light:linear-gradient(145deg,#adfff1,#92eda7);--toolbar-gradient-dark:linear-gradient(145deg,#57022f,#300b6d)}.light-theme{--background-color:#fff;--text-color:#000;--button-background-color:#f0f0f0;--button-text-color:#000;--button-shadow:inset 2px 2px 5px #c8c8c880,inset -2px -2px 5px #0000001a;--backdrop-color:#f0f0f3;--theme-selector-text:#1976d2;--toolbar-gradient:var(--toolbar-gradient-light);--toolbar-gradient-hover:linear-gradient(145deg,#92eda7,#adfff1)}.dark-theme{--background-color:#121212;--text-color:#e0e0e0;--button-background-color:#1f1f1f;--button-text-color:#e0e0e0;--button-shadow:inset 2px 2px 5px #00000080,inset -2px -2px 5px #ffffff1a;--backdrop-color:#333;--theme-selector-text:#90caf9;--toolbar-gradient:var(--toolbar-gradient-dark);--toolbar-gradient-hover:linear-gradient(145deg,#300b6d,#57022f)}.user-toolbar-container{align-items:center;background:var(--toolbar-gradient);border-radius:12px;box-shadow:9px 9px 16px #0003,-9px -9px 16px #ffffff80;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:10px;padding:10px 20px;transition:background .3s,box-shadow .3s}.user-toolbar-container:hover{background:var(--toolbar-gradient-hover);box-shadow:4px 4px 8px #0000001a,-4px -4px 8px #ffffffb3}@media only screen and (max-width:600px){.user-toolbar-container{align-items:flex-start;flex-direction:row}}.toolbar-item{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:10px;margin-right:15px}.toolbar-item label{color:var(--text-color);font-size:.9em;margin-bottom:5px}.toolbar-item input[type=color],.toolbar-item select{background:linear-gradient(145deg,#f0f0f0,#e0e0e0);border:1px solid #ccc;border-radius:8px;box-shadow:inset 2px 2px 5px #0000001a,inset -2px -2px 5px #ffffff80;padding:8px;transition:box-shadow .3s,background .3s}.toolbar-item input[type=color]:hover,.toolbar-item select:hover{background:linear-gradient(145deg,#e0e0e0,#d0d0d0);box-shadow:inset 4px 4px 8px #0000001a,inset -4px -4px 8px #ffffffb3}.toolbar-item input[type=color]:focus,.toolbar-item select:focus{box-shadow:inset 2px 2px 5px #0003,inset -2px -2px 5px #fff9;outline:none}.color-picker{background:linear-gradient(145deg,#f0f0f0,#e0e0e0);border:1px solid #ccc;border-radius:8px;box-shadow:inset 2px 2px 5px #0000001a,inset -2px -2px 5px #ffffff80;padding:8px;transition:box-shadow .3s,background .3s;width:100%}.color-picker:hover{background:linear-gradient(145deg,#e0e0e0,#d0d0d0);box-shadow:inset 4px 4px 8px #0000001a,inset -4px -4px 8px #ffffffb3}.color-picker:focus{box-shadow:inset 2px 2px 5px #0003,inset -2px -2px 5px #fff9;outline:none}@media only screen and (max-width:600px){.user-toolbar-container{margin-bottom:15px;width:100%}input[type=color],select{width:100%}}@media only screen and (min-width:1700px){.user-toolbar-container{align-content:center;align-items:center;display:flex;flex-direction:column;left:0;margin:5vw;position:fixed;top:0}}.user-list{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--user-list-background-color);border-radius:10px;bottom:10px;box-shadow:var(--button-shadow);box-sizing:border-box;color:var(--user-list-text-color);display:flex;flex-direction:column;left:10px;max-height:90vh;max-width:30vw;overflow-y:auto;padding:10px;position:absolute;right:10px;z-index:1001}.user-item{align-items:center;display:flex;margin-bottom:5px}.user-item img{border-radius:50%;height:30px;margin-right:10px;width:30px}.custom-toolbar{background:var(--toolbar-gradient);box-shadow:var(--button-shadow);display:flex;justify-content:center;padding:10px 20px}.custom-toolbar label{color:var(--text-color);font-size:.9em;margin-bottom:5px}.theme-selector{align-items:center;display:flex;left:0;margin:1.5vh 3vw;position:fixed;top:0;z-index:9999}.theme-selector label{margin-right:10px}.theme-selector select{background:var(--button-background-color);border:1px solid var(--text-color);border-radius:5px;color:var(--button-text-color);padding:5px}.theme-selector label{color:var(--theme-selector-text)}.whiteboard-container{align-items:center;background:var(--backdrop-color);display:flex;flex-direction:column;height:100vh;justify-content:center}.canvas-container,.whiteboard-container{box-sizing:border-box;overflow:hidden;padding:20px;position:relative;width:100%}.canvas-container{background-color:#fff5eb;border:1rem solid var(--canvas-border-color);border-radius:10px;box-shadow:0 4px 6px #0000001a;height:auto;max-width:1280px;z-index:1000}canvas{height:auto;width:100%}.logout-button{background:#f44336;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:20px;padding:10px 20px;transition:background .3s ease}.logout-button:hover{background:#d32f2f}@media only screen and (max-width:600px){.canvas-container{border-width:.5rem;padding:10px}}@media only screen and (min-width:600px)and (max-width:768px){.canvas-container{border-width:.5rem;padding:10px}}@media only screen and (min-width:768px)and (max-width:992px){.canvas-container{border-width:.5rem;padding:10px}}@media only screen and (min-width:992px)and (max-width:1200px){.canvas-container{border-width:.5rem;padding:10px}}.neumorphic{background:#e0e0e0;border-radius:20px;box-shadow:12px 12px 24px #a3b1c699,-12px -12px 24px #fffc}.neumorphic-button{background:#ccc;color:#333}.neumorphic-button:focus,.neumorphic-button:hover{background:#bbb}.login-container{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:10px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;padding:40px}.login-title{color:#333;margin-bottom:20px}.login-input{background:#ffffff80;margin-bottom:10px;outline:none;padding:10px;width:100%}.login-button,.login-input{border:none;border-radius:5px}.login-button{background:#4caf50;color:#fff;cursor:pointer;padding:10px 20px;transition:background .3s ease}.login-button:hover{background:#45a049}.register-container{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:10px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;padding:40px}.register-title{color:#333;margin-bottom:20px}.register-input{background:#ffffff80;border:none;border-radius:5px;margin-bottom:10px;outline:none;padding:10px;width:100%}.register-button{background:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px;transition:background .3s ease}.register-button:hover{background:#45a049}.error-message{color:red;margin-bottom:10px}.link-text{color:#333}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background-color);color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0;padding:0}*{box-sizing:border-box}
/*# sourceMappingURL=main.3dfa876c.css.map*/