@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap);*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}body{align-items:center;background:#4a98f7;display:flex;justify-content:center;min-height:100vh}.container{display:flex;gap:10px;max-width:1050px;padding:10px;width:100%}section{background:#fff;border-radius:7px}.tools-board{padding:15px 22px 0;width:210px}.tools-board .row{margin-bottom:20px}.row .options{list-style:none;margin:10px 0 0 5px}.row .options .option{align-items:center;cursor:pointer;display:flex;margin-bottom:10px}.option:is(:hover,.active) img{-webkit-filter:invert(17%) sepia(90%) saturate(3000%) hue-rotate(900deg) brightness(100%) contrast(100%);filter:invert(17%) sepia(90%) saturate(3000%) hue-rotate(900deg) brightness(100%) contrast(100%)}.option :where(span,label){color:#5a6168;cursor:pointer;padding-left:10px}.option:is(:hover,.active) :where(span,label){color:#4a98f7}.option #fill-color{cursor:pointer;height:14px;width:14px}#fill-color:checked~label{color:#4a98f7}.option #size-slider{height:5px;margin-top:10px;width:100%}.colors .options{display:flex;justify-content:space-between}.colors .option{border-radius:50%;height:20px;margin-top:3px;position:relative;width:20px}.colors .option:first-child{background-color:#fff;border:1px solid #bfbfbf}.colors .option:nth-child(2){background-color:#000}.colors .option:nth-child(3){background-color:#e02020}.colors .option:nth-child(4){background-color:#6dd400}.colors .option:nth-child(5){background-color:#4a98f7}.colors .option.selected:before{background:inherit;border:2px solid #fff;border-radius:inherit;content:"";height:12px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:12px}.colors .option:first-child.selected:before{border-color:#ccc}.option #color-picker{cursor:pointer;opacity:0}.buttons button{background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;margin-bottom:13px;outline:none;padding:11px 0;width:100%}.buttons .clear-canvas{border:1px solid #6c757d;color:#6c757d;transition:all .3s ease}.clear-canvas:hover{background:#6c757d;color:#fff}.buttons .save-img{background:#4a98f7;border:1px solid #4a98f7}.drawing-board{flex:1 1;overflow:hidden}.drawing-board canvas{height:100%;width:100%}
/*# sourceMappingURL=main.0305e5c3.css.map*/