@import url(https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;600;700&display=swap);:root{--color-main:#fff;--color-secondary:#f6f7f8;--color-tertiary:#ccc;--color-primary:#187cff;--color-border:#2e2e3b;--color-spot:#1ed760;--text-light:#fff;--text-dark:#2e2e3b;--box-shadow:0 10px 20px rgba(0,0,0,.2);--box-shadow-sm:0 10px 20px rgba(0,0,0,.1);--transition-duration:.3s;--border-radius:14px;--border-radius-sm:4px;--color-warning:#ffc956;--color-danger:#ff5e59;--color-success:#55f16c}*{margin:0;padding:0}::-webkit-scrollbar{display:none}body{-webkit-font-smoothing:antialiased;background-color:pink;background-image:radial-gradient(circle,#000 1px,transparent 0);background-size:40px 40px;font-family:Rubik,sans-serif;font-weight:400;margin:0;min-height:100vh}main{min-height:100vh;padding:0 20px}.container,main{align-items:center;display:flex;flex-direction:column;justify-content:center}.container{max-width:900px;width:100%}.controls{align-items:center;background:#2e2e3b;background:var(--color-border);border-bottom:1px solid #f6f7f8;border-bottom:1px solid var(--color-secondary);display:flex;gap:10px;height:30px;justify-content:flex-end;padding:15px}.color-picker input{border-radius:4px;border-radius:var(--border-radius-sm);height:29px}.width-picker input{border:none;border-radius:4px;border-radius:var(--border-radius-sm);font-size:18px;padding:4px;text-align:center;width:36px}.width-picker input::-webkit-inner-spin-button{-webkit-appearance:none}.canvas-wrapper{background-color:#fff;background-color:var(--color-main);box-shadow:0 10px 20px rgba(0,0,0,.1);box-shadow:var(--box-shadow-sm);height:500px;overflow:hidden}#canvas,.canvas-wrapper{border-radius:14px;border-radius:var(--border-radius);width:100%}#canvas{background-image:linear-gradient(90deg,#f6f7f8 1px,transparent 0),linear-gradient(180deg,#f6f7f8 1px,transparent 0);background-image:linear-gradient(to right,var(--color-secondary) 1px,transparent 1px),linear-gradient(to bottom,var(--color-secondary) 1px,transparent 1px);background-size:40px 40px;cursor:crosshair;height:440px}.btn{fill:#fff;align-items:center;background-color:#fff;border:1px solid #fff;border-radius:4px;border-radius:var(--border-radius-sm);color:#2e2e3b;color:var(--text-dark);cursor:pointer;display:flex;font-weight:600;gap:8px;padding:6px 8px;transition-duration:.3s;transition-duration:var(--transition-duration);-webkit-user-select:none;user-select:none}.btn:hover{background-color:#2e2e3b;background-color:var(--text-dark);color:#fff}.btn:active{background-color:#fff;color:#2e2e3b;color:var(--text-dark)}
/*# sourceMappingURL=main.45d48dd2.css.map*/