body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0;-webkit-user-select:none;user-select:none}body.homepage,body.homepage #root,html.homepage{align-items:center;animation:backgroundFadeIn 1.5s ease-out;background:#f9fafb;background-image:url(/static/media/background.a00d8c7e4ac37c15ac78.png);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;height:100%;justify-content:center}@keyframes backgroundFadeIn{0%{opacity:0}to{opacity:1}}.main-wrapper{animation:backgroundFadeIn 2s ease-out;height:100%}.main-wrapper,.skync-header{align-items:center;display:flex;flex-direction:column;justify-content:center}.skync-header{margin-bottom:50px}.app-container{background:#fff;border-radius:12px;box-shadow:0 8px 20px #0000001a;max-width:800px;padding:2rem 3rem;text-align:center;width:90%}h1{color:#333;font-size:2.8rem;font-weight:700;margin-bottom:1rem}p{color:#666;font-size:1.15rem;line-height:1.6;margin-bottom:2rem}button{background:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:.75rem 2.2rem;transition:background-color .3s ease}button:hover{background:#1e40af}footer{color:#aaa;font-size:.85rem;margin-top:2rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.toolBar{background:#000000d9;border-radius:40px;bottom:20px;box-shadow:0 6px 15px #0006;gap:15px;left:50%;padding:10px 20px;position:fixed;transform:translateX(-50%);transition:height .3s ease-out;-webkit-user-select:none;user-select:none;z-index:1000}.toolBar,.toolBar button{align-items:center;display:flex}.toolBar button{background:#0000;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.6rem;justify-content:center;padding:8px;transition:background-color .3s ease}.toolBar button:hover{background:#fff3}.pen-settings-container{align-items:center;display:flex;gap:15px}.colour-options-row{align-items:center;display:flex;gap:10px}.colour-swatch{border:2px solid #fff;border-radius:50%;cursor:pointer;height:32px;outline:none;transition:transform .2s ease;width:32px}.colour-swatch.selected{border:2px solid #fff;transform:scale(1.2)}.colour-picker{align-items:center;background:#0000;border:1px solid #ccc;border-radius:50%;box-shadow:0 0 5px #0000004d;cursor:pointer;display:inline-flex;height:36px;justify-content:center;overflow:hidden;position:relative;transition:background-color .3s ease;width:36px}.colour-picker.open{border:none}.colour-input{cursor:pointer;height:24px;left:0;opacity:0;position:absolute;top:0;width:24px}.close-button{background:#0000;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.2rem;padding:4px;transition:background-color .3s ease}.close-button:hover{background:#fff3}.eraser-settings-container,.select-settings-container{align-items:center;display:flex;gap:15px}.select-settings-container{padding:0 10px}.select-settings-container .colour-picker{align-items:center;background:#0000;border:1px solid #ccc;border-radius:50%;box-shadow:0 0 5px #0000004d;cursor:pointer;display:flex;height:36px;justify-content:center;position:relative;transition:background-color .3s ease,border .3s ease;width:36px}.select-settings-container .colour-picker.open{border:none;box-shadow:none}.select-settings-container .colour-picker:hover{background:#fff3;border-color:#fff}.select-settings-container .colour-input{border-radius:50%;cursor:pointer;height:36px;left:0;opacity:0;position:absolute;top:0;width:36px}.select-settings-container button.action-button{align-items:center;background:#0000;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.6rem;justify-content:center;padding:8px;transition:background-color .3s ease}.select-settings-container button.action-button:hover{background:#fff3}.upload-button{align-items:center;background:#ffffff1a;border:2px solid #fff3;border-radius:40px;box-shadow:0 4px 10px #0000004d;color:#fff;cursor:pointer;display:inline-flex;font-size:1.5rem;gap:10px;padding:10px 20px;position:relative;transition:background-color .3s ease,box-shadow .3s ease}.image-settings-container{align-items:center;display:flex;justify-content:center;min-height:40px;min-width:190px;padding:7px}.upload-button:hover{background:#fff3}.upload-button input[type=file]{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.image-settings-container .close-button{position:relative;right:10px;z-index:10}.text-settings-container{align-items:center;display:flex;gap:15px;padding:0 10px}.add-text-button{align-items:center;background:#ffffff1a;border:2px solid #fff3!important;border-radius:40px!important;box-shadow:0 4px 10px #0000004d;color:#fff;cursor:pointer;display:inline-flex;font-size:1.5rem;gap:10px;padding:10px 20px;position:relative;transition:background-color .3s ease,box-shadow .3s ease}.add-text-button:hover{background:#fff3;box-shadow:0 6px 15px #0006}.whiteboard-page{background-color:#ccc;flex-direction:column;min-height:100vh}.canvas-wrapper,.whiteboard-page{display:flex;min-width:100vw;overflow:hidden}.canvas-wrapper{align-items:center;background:#ccc;border-top:2px solid #aaa;flex:1 1;justify-content:center;position:relative}.floating-buttons{display:flex;gap:10px;position:fixed;right:20px;top:20px;z-index:1000}.circle-btn{background:#000000bf;border:none;border-radius:50%;box-shadow:0 4px 10px #0006;color:#fff;cursor:pointer;font-size:20px;height:48px;padding:0;transition:background .2s ease;width:48px}.circle-btn:hover:not(:disabled){background:#000000e6}.circle-btn:disabled{cursor:not-allowed;opacity:.5}
/*# sourceMappingURL=main.8bc85c3b.css.map*/