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}.drillContainer{height:100%}.drillContainer,.drillWrapper{display:flex;flex-direction:row}.drillWrapper{align-items:center;background-color:#fff;box-sizing:border-box;height:100vh;justify-content:space-around;padding:50px;width:100%}@media (max-width:1500px){.drillWrapper{padding:35px}}.leftSideWrapper{width:30%}.leftSideWrapper,.rightSideWrapper{display:flex;flex-direction:column;height:100%;justify-content:space-between}.canvasWrapper{border-radius:12px;box-shadow:0 4px 12px #00000080;display:inline-block}.canvasWrapper,.context-menu{background-color:#fff;padding:10px}.context-menu{border:1px solid #000;box-shadow:2px 2px 5px #0003;position:absolute;z-index:10}.context-menu button{background-color:#f0f0f0;border:1px solid #ccc;cursor:pointer;display:block;margin:5px 0;padding:10px;text-align:center;width:100%}.context-menu button:hover{background-color:#e0e0e0}.logoContainerDrillTool{align-items:center;display:flex;justify-content:center;width:100%}.logoDrillTool{filter:drop-shadow(0 0 4px rgba(1,123,255,.3));max-width:50%;object-fit:contain}.toolbar{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #00000080;box-sizing:border-box;display:flex;flex-direction:column;gap:1rem;height:58%;justify-content:center;justify-content:space-between;padding:20px;width:100%}@media (max-width:1500px){.toolbar{height:65%;padding:12px}}.buttonContainer{align-items:stretch;display:flex;flex:1 1;gap:10px;height:10%;justify-content:space-between}.section{display:flex;flex:1 1;flex-direction:column;gap:6px;min-height:0;overflow-y:auto}.section-title{color:#333;font-size:14px;font-weight:600;margin:0;padding-left:4px}@media (max-width:1500px){.section-title{font-size:12px}}.button{align-items:center;border:2px solid #0000;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:16px;font-weight:600;height:100;justify-content:center;padding:12px 20px;transition:all .3s ease}@media (max-width:1500px){.button{font-size:12px;padding:6px 10px}}.button:hover{transform:translateY(-2px)}.button:focus{box-shadow:0 0 5px #0000001a;outline:none}.bg-blue{background-color:#007bff;color:#fff}.bg-blue:hover{background-color:#0056b3}.bg-red{background-color:#dc3545;color:#fff}.bg-red:hover{background-color:#c82333}.bg-green{color:#fff}.bg-green,.bg-green:hover{background-color:#22be3f}.bg-mode{background-color:#007bff;color:#fff}.bg-mode:hover{background-color:#0056b3}.button.active{background-color:#ffc107;border-color:#ff9800;color:#000}.button.active:hover{background-color:#ff9800}.stroke-label{align-items:stretch;border-radius:8px;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;font-size:11px;height:100%;justify-content:space-between;padding:8px}@media (max-width:1500px){.stroke-label{font-size:9px;padding:6px}}.stroke-color-picker{background:none;background-color:initial;border:none;border-radius:8px;box-shadow:0 2px 6px #0000004d;box-sizing:border-box;cursor:pointer;flex:1 1;height:100%;position:relative;width:100%}.stroke-color-picker:after{background-color:inherit;border-radius:6px;bottom:4px;box-shadow:0 2px 6px #0000001a;content:"";left:4px;position:absolute;right:4px;top:4px;transition:background-color .3s ease}.stroke-slider{accent-color:#007bff;border-radius:5px;box-shadow:0 4px 8px #0000001a;box-sizing:border-box;cursor:pointer;flex:1 1;height:14px;width:100%}.dashed-checkbox{align-items:center;border-radius:8px;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;height:100%;justify-content:space-between}.dashed-checkbox span{padding-left:1px}.checkbox-large{zoom:1.8;height:100%}@media (max-width:1500px){.checkbox-large{zoom:1.4}}.button img{max-height:100%;max-width:100%;object-fit:contain}.inputContainer{align-items:stretch;display:flex}.inputContainer,.textInput{box-sizing:border-box;flex:1 1;height:100%}.textInput{border:1px solid #a8a8a8;border-radius:8px;font-size:24px;padding:24px}@media (max-width:1500px){.textInput{font-size:12px;padding:12px}}.imageOptionsContainer{display:flex;gap:10px;height:18%;justify-content:space-between;margin-bottom:10px;margin-top:10px}.imageContainer{align-items:center;background-color:#fff;border:2px solid #0000;border-radius:8px;box-shadow:0 4px 12px #00000080;cursor:pointer;display:flex;height:100%;justify-content:center;overflow:hidden;padding:8px;position:relative;transition:all .3s ease;width:30%}.imageContainer img{border-radius:4px;height:100%;object-fit:contain;width:100%}.imageContainer.active{border-color:#007bff}.imageContainer:hover{border-color:#007bff;transform:translateY(-2px)}.imageContainer:hover:after{background-color:#0056b380;opacity:1}.imageContainer:active{box-shadow:0 2px 6px #0006;transform:scale(.98)}.container{background-color:#fff;border:1px solid #a9a9a9;border-radius:12px;box-shadow:0 4px 12px #00000080;box-sizing:border-box;font-size:16px;height:20vh;line-height:1.4;padding:20px;resize:none;width:100%}@media (max-width:1500px){.container{font-size:13px;height:15vh;padding:15px}}.noteContainer{width:100%}.collapsibleMenuWrapper{display:flex;position:relative;width:fit-content;z-index:2}.collapsibleMenu{align-items:stretch;background-color:#e6f0ff;border-right:1px solid #017bff;display:flex;flex-direction:row;margin-left:0;transition:width .3s ease}.collapsibleMenu.collapsed{overflow:hidden;width:0}.collapsibleMenu.expanded{width:250px}@media (max-width:1500px){.collapsibleMenu.expanded{width:200px}}.flap{align-items:center;background:#017bff;border-bottom-right-radius:25px;border-left:2px solid #015dcc;border-top-right-radius:25px;box-shadow:0 0 5px #017bff80;color:#fff;cursor:pointer;display:flex;font-weight:700;height:50px;justify-content:center;position:absolute;right:-20px;top:50%;transform:translateY(-50%);-webkit-user-select:none;user-select:none;width:20px}.flap:hover{background:#015dcc}.menuContent{color:#036;font-family:Segoe UI,sans-serif;font-size:20px;height:100%;padding:10px;width:100%}.logoContainer{align-items:center;border-bottom:1px solid #017bff;display:flex;justify-content:center;margin-bottom:10px;margin-top:-10px;padding:10px}@media (max-width:1500px){.logoContainer{padding:5px}}.menuLogo{filter:drop-shadow(0 0 4px rgba(1,123,255,.3));max-height:80px;object-fit:contain}.menuContent{animation:fadeIn 1s ease}.menuButton{background:none;border:none;color:#036;cursor:pointer;display:block;font-family:Segoe UI,sans-serif;font-size:20px;padding:10px;text-align:left;transition:background .2s ease,color .2s ease;width:100%}@media (max-width:1500px){.menuButton{font-size:15px;padding:7px}}.menuButton:hover{background-color:#d0e4ff;border-left:4px solid #017bff;color:#017bff;font-weight:500}.subMenu{margin-top:5px;padding-left:20px}.subButton{background-color:#c5e0fe;border-left:3px solid #0000;color:#036}.subButton:hover{background-color:#aacfff;border-left:4px solid #017bff;color:#017bff;font-weight:500}.spinner{animation:spin .8s linear infinite;border:2px solid #f3f3f3;border-radius:50%;border-top-color:#555;display:inline-block;height:16px;vertical-align:middle;width:16px}@media (max-width:1500px){.spinner{height:10px;width:10px}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.drillNameWrapper{align-items:center;display:flex;gap:10px;justify-content:center;margin-top:20px}.drillNameContainer{box-sizing:border-box;flex:1 1;font-size:25px;padding:20px;text-align:center}.drillNameContainer,.sportSelect{background-color:#fff;border:1px solid #a9a9a9;border-radius:12px;box-shadow:0 4px 12px #00000080;height:5vh}.sportSelect{cursor:pointer;font-size:20px;padding:0 10px}@media (max-width:1500px){.drillNameContainer{font-size:20px;padding:3px}.sportSelect{font-size:16px}}.notification{animation:fadeInOut 4s ease-in-out;background-color:#4caf50;border-radius:8px;box-shadow:0 4px 6px #0000001a;color:#fff;font-size:1.2rem;left:50%;opacity:0;padding:20px 30px;position:fixed;top:20px;transform:translateX(-50%);transition:opacity 1s ease-in-out;z-index:1000}@keyframes fadeInOut{0%{opacity:0;transform:translateX(-50%) translateY(-20px)}20%{opacity:1;transform:translateX(-50%) translateY(0)}80%{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(20px)}}.notification.success{background-color:#4caf50}.notification.error{background-color:#f44336;color:#260300}.landing-container{align-items:center;background-color:#fff;display:flex;height:100vh;justify-content:center;overflow:hidden;position:relative}.logo-container{opacity:0;position:absolute;transition:transform 1s ease}.fade-in{animation:fadeIn 3s forwards}.moved{transform:translateX(-15vw)}.logo{height:auto;width:1000px}@media (max-width:1500px){.logo{width:500px}}.button-group{animation:fadeInButtons 1s 2s forwards;border-left:3px solid #017bff;display:flex;flex-direction:column;gap:40px;opacity:0;padding-bottom:40px;padding-left:150px;padding-top:40px;position:absolute;right:25%}@media (max-width:1500px){.button-group{padding-bottom:30px;padding-left:100px;padding-top:30px;right:22%}}.main-button{background-color:#017bff;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:40px;padding:24px 48px;transition:background-color .3s ease}@media (max-width:1500px){.main-button{border-radius:16px;font-size:30px;padding:18px 32px}}.main-button:hover{background-color:#0064d2}@keyframes fadeIn{to{opacity:1}}@keyframes fadeInButtons{to{opacity:1}}.mainContainer{height:100%}.profileWrapper{align-items:center;background-color:#f9f9f9;box-sizing:border-box;display:flex;flex-direction:row;height:100vh;justify-content:space-around;padding:100px 50px;width:100%}@media (max-width:1500px){.profileWrapper{padding:50px 25px}}.settingsWrapper{background-color:#fff;border:1px solid #e0e0e0;border-radius:16px;box-shadow:0 6px 12px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:space-between;overflow-y:auto;padding:14px 30px;width:30%}.profile-title{border-bottom:1px solid #e0e0e0;color:#017bff;font-size:clamp(1.75rem,2.5vw,2.25rem);font-weight:600;margin-bottom:20px;padding-bottom:20px}@media (max-width:1500px){.profile-title{font-size:30px}}.profile-info{display:flex;flex-direction:column;font-size:24px;gap:80px}@media (max-width:1500px){.profile-info{font-size:14px;gap:15px}}.profile-info-item{color:#444;font-size:24px;line-height:1.5}.profile-info-item p{margin:0}@media (max-width:1500px){.profile-info-item{font-size:14px}}.profile-info-item strong{color:#222;display:inline-block;font-weight:600;width:80px}.drawingsWrapper{align-items:stretch;background-color:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 6px 12px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:flex-start;overflow:hidden;padding:clamp(16px,3vw,32px);width:clamp(500px,60%,1000px)}.sketches-title{background-color:#fff;color:#017bff;font-size:clamp(1.5rem,2vw,2rem);font-weight:700;margin:0;padding-bottom:20px;top:0}.sketches-container{display:flex;flex-direction:column;max-height:70vh;overflow-x:hidden;overflow-y:auto}.sketches-grid{grid-gap:20px;box-sizing:border-box;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-top:20px;padding:10px}.sketch-card{background-color:#fff;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 4px 6px #0000001a;height:auto;padding:clamp(8px,1.5vw,16px);transform-origin:center center;transition:transform .3s ease}.sketch-card:hover{transform:scale(1.03)}.sketch-thumbnail{border-radius:8px;box-shadow:0 4px 6px #0000001a;height:auto;object-fit:contain;width:100%}.sketch-title{color:#017bff;font-size:14px;font-weight:700;margin-top:10px}.sketch-title input{border:1px solid #ccc;border-radius:5px;color:#017bff;font-size:inherit;font-weight:inherit;padding:4px 8px;width:100%}.sketch-timestamp{color:#888;font-size:14px}.sketch-actions{display:flex;justify-content:space-between;margin-top:5px}.tags-btn{background-color:#017bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.8rem;padding:clamp(4px,.7vw,8px) clamp(8px,1.2vw,12px);transition:background-color .3s}.tags-btn:hover{background-color:#0056b3}.delete-btn{background-color:#ff4d4d;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.8rem;padding:5px 10px;transition:background-color .3s}.delete-btn:hover{background-color:#e60000}.sketch-search-input{border:1px solid #ccc;border-radius:8px;font-size:16px;height:40px;margin-bottom:15px;text-indent:10px;width:100%}.sketches-header{background-color:#fff;border-bottom:1px solid #e0e0e0;padding-bottom:10px;padding-top:20px;position:sticky;top:0;z-index:2}.tag-list{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0;max-height:100px;max-width:100%;overflow-y:auto}.user-tag{align-items:center;background-color:#e0f0ff;border-radius:12px;color:#017bff;display:inline-flex;font-size:.9rem;margin:4px;padding:4px 8px;position:relative}@media (max-width:1500px){.user-tag{font-size:14px}}.add-tag-form{display:flex;gap:10px;margin-bottom:20px;margin-top:10px}.tag-input{border:1px solid #ccc;border-radius:8px;flex:1 1;font-size:20px;padding:10px 14px}@media (max-width:1500px){.tag-input{font-size:14px;padding:6px 10px}}.add-tag-button{background-color:#017bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;font-weight:700;padding:6px 14px}@media (max-width:1500px){.add-tag-button{font-size:14px}}.add-tag-button:hover{background-color:#005ec2}.delete-tag-btn{align-items:center;background:none;border:none;color:#017bff;cursor:pointer;display:inline-flex;font-size:1rem;line-height:1;margin-left:6px;padding:0}.delete-tag-btn:hover{color:#c00}.tag-toggle-btn{background-color:#eee;border:1px solid #ccc;border-radius:10px;cursor:pointer;font-size:.85rem;margin:2px;padding:4px 10px;transition:background-color .2s}.tag-toggle-btn.active{background-color:#007bff;border-color:#007bff;color:#fff}.sketch-tags-wrapper{max-height:0;overflow:hidden;padding-bottom:0;padding-top:0;transition:max-height .4s ease-in-out,padding .4s ease-in-out}.sketch-tags-wrapper.open{max-height:100px;overflow-y:auto;padding-bottom:8px;padding-top:8px}.sketch-tags-wrapper .tag-toggle-btn{border-radius:6px;font-size:.75rem;padding:2px 6px}.sketch-tags{display:flex;flex-wrap:wrap;gap:6px}.tag-filter-btn{background-color:#e0f0ff;border:none;border-radius:10px;color:#017bff;cursor:pointer;font-size:1rem;margin:4px;padding:6px 12px;transition:all .3s ease}.tag-filter-btn.active{background-color:#017bff;border-color:#017bff;color:#fff;transform:scale(1.05)}.tag-filter-btn:not(.active):hover{background-color:#aed7f7;border-color:#0056b3}.tag-filter-btn.active:hover{background-color:#0056b3;border-color:#0056b3}.tag-filter-btn:focus{outline:none}.changePassword-form{display:flex;flex-direction:column}.changePassword-form input{border:1px solid #ccc;border-radius:10px;box-sizing:border-box;font-size:20px;margin-bottom:5px;padding:16px 14px;width:100%}@media (max-width:1500px){.changePassword-form input{font-size:14px;padding:8px 7px}}.changePassword-form button{background-color:#017bff;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:20px;font-weight:700;margin-bottom:20px;padding:16px;transition:background-color .2s ease}@media (max-width:1500px){.changePassword-form button{font-size:14px;margin-bottom:10px;padding:7px}}.changePassword-form button:hover{background-color:#0066d6}body,html{font-family:Segoe UI,sans-serif;height:100%;margin:0;overflow:hidden;padding:0}.signin-container{align-items:center;background-color:#f5faff;box-sizing:border-box;display:flex;height:100vh;justify-content:center;padding:0 20px}.card{background:#fff;border-radius:16px;box-shadow:0 8px 30px #00000026;max-width:500px;padding:30px 40px;width:100%}.card-title{color:#017bff;font-size:28px;margin-bottom:30px;text-align:center}.signin-form{display:flex;flex-direction:column}.signin-form input{border:1px solid #ccc;border-radius:10px;box-sizing:border-box;font-size:18px;margin-bottom:20px;padding:16px 14px;width:100%}.signin-form button{background-color:#017bff;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:18px;font-weight:700;margin-bottom:20px;padding:14px;transition:background-color .2s ease}.signin-form button:hover{background-color:#0066d6}.error{color:red;font-size:16px;margin-bottom:15px}.logoContainerSignIn{align-items:center;border-bottom:1px solid #017bff;display:flex;height:auto;justify-content:center;margin-bottom:20px;padding:0 20px 20px}.menuLogo{height:100px;max-height:none;max-width:100%;width:auto}.toggle-form{text-align:center}.toggle-form p{color:#555;font-size:16px}.toggle-form button{background-color:initial;border:none;color:#017bff;cursor:pointer;font-size:16px;font-weight:700;text-decoration:underline}.toggle-form button:hover{color:#0066d6}.signin-form input[type=password]:nth-of-type(2){margin-bottom:10px}.signin-form button:focus,.signin-form input:focus{border-color:#017bff;box-shadow:0 0 5px #017bff99;outline:none}.mainContainer{background-color:#f9f9f9;box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-around;min-height:100vh}.infoWrapper{background-color:#fff;border-radius:14px;box-shadow:0 6px 12px #0000001a;box-sizing:border-box;flex:1 1;font-family:Segoe UI,sans-serif;margin:4rem;padding:30px;width:60%}.aboutHeader h1{color:#017bff;font-size:2.5rem;margin:0 0 1.5rem}.aboutContent{max-width:1000px}.aboutContent p{font-size:1.1rem;line-height:1.6}
/*# sourceMappingURL=main.d5a4bbb6.css.map*/