@import url(https://fonts.googleapis.com/css2?family=Lato:wght@300;400&display=swap);*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background-color:#f7f7f8;font-family:Lato,sans-serif;overflow:hidden}.canvas_container{align-items:center;display:flex;justify-content:center}.options_container{background-color:#fff;border-radius:10px;box-shadow:0 0 4px -4px rgba(0,0,0,.16),0 0 20px 0 rgb(0 0 0/8%);display:flex;flex-direction:column;gap:10px;left:0;padding:.5em .4em;position:absolute;top:10%;width:65px}.options_container .share_icon_container{align-items:center;background-color:#0a458e;border-radius:50%;cursor:pointer;display:flex;height:35px;justify-content:center;margin-left:auto;margin-right:auto;width:35px}.options_container .color_container{align-items:center;display:flex;flex-direction:column;height:155px}.color_container .color{cursor:pointer;height:31px;transition:all .2s ease-in;width:31px}.color_container .color:hover{height:35px;width:35px}.selected_color{height:35px!important;width:35px!important}.black{background-color:#000}.pink{background-color:#e91e63}.yellow{background-color:#ffc107}.blue{background-color:#00bcd4}.peach{background-color:#ff677d}.bg_options_container{display:flex;justify-content:center;position:relative}.bg_option_icon{cursor:pointer;height:35px;margin:5px auto;width:35px}.background_options_menu{background-color:#fff;box-shadow:0 0 4px -4px rgba(0,0,0,.16),0 0 20px 0 rgb(0 0 0/8%);cursor:default;display:none;flex-direction:column;left:60px;position:absolute;top:0;width:150px}.bg_option,.show_bg_options_menu{display:flex}.bg_option{align-items:center;cursor:pointer;height:40px;padding-left:8px;transition:all .15s ease-in}.bg_option:hover,.selected_background{background-color:#e91e63;color:#fff}.white{background-color:#fefefe}.dotted_v1{background-image:radial-gradient(#7e7eff .75px,transparent .8px),radial-gradient(#7e7eff .75px,#fefefe 0);background-position:0 0,15px 15px;background-size:30px 30px}.dotted_v2{background-image:radial-gradient(#7e7eff .75px,#fefefe .85px)}.dotted_v2,.line_v1{background-position:0 0,6px 6px;background-size:24px 24px}.line_v1{background-image:repeating-linear-gradient(0deg,#545455,#545455 .6px,#fefefe 0,#fefefe)}.line_v2{background-image:repeating-linear-gradient(90deg,#545455,#545455 .6px,#fefefe 0,#fefefe);background-position:0 0,6px 6px;background-size:24px 24px}.rectangles{background-image:linear-gradient(#545455 .6px,transparent 0),linear-gradient(90deg,#545455 .6px,#fefefe 0);background-position:0 0,15px 15px;background-size:30px 30px}.options_container .svg_icon{align-items:center;background-color:#fff;border-radius:8px;cursor:pointer;display:flex;justify-content:center}.hover_text_container{background-color:#fff;border-radius:5px;box-shadow:0 0 4px -4px rgba(0,0,0,.16),0 0 20px 0 rgb(0 0 0/8%);display:none;left:65px;padding:7px 10px;position:absolute;width:-webkit-max-content;width:max-content;z-index:5}.share_icon_container:hover .hover_text_container[id="0"]{display:block}.bg_option_icon:hover .hover_text_container[id="1"]{display:inline-block}.svg_icon.eraser:hover .hover_text_container[id="3"],.svg_icon.line:hover .hover_text_container[id="5"],.svg_icon.pen:hover .hover_text_container[id="2"],.svg_icon.rectangle:hover .hover_text_container[id="6"],.svg_icon.select:hover .hover_text_container[id="7"],.svg_icon.stroke:hover .hover_text_container[id="4"]{display:block}.stroke_menu_container{position:relative;z-index:100}.stroke_width_menu{background-color:#fff;box-shadow:0 0 4px -4px rgba(0,0,0,.16),0 0 20px 0 rgb(0 0 0/8%);display:none;height:350px;left:60px;margin:0;overflow-y:scroll;padding:0;position:absolute;scroll-behavior:smooth;top:-150px;transition:all 2s ease-in-out;width:130px;z-index:99}.stroke_width_menu::-webkit-scrollbar{display:none}.show{display:block}.stroke_menu_option{cursor:pointer;display:flex;height:35px;transition:all .15s ease-in}.selected_menu_option,.stroke_menu_option:hover{background-color:#e91e63;color:#fff}.stroke_menu_option span{margin:auto;text-indent:15px;transition:all .15s ease-in;width:100%}.options_container .svg_icon.eraser,.options_container .svg_icon.pen{padding:8px}.options_container .svg_icon.line{padding-bottom:3px;padding-top:8px}.options_container .svg_icon.rectangle{padding:5px}.options_container .svg_icon.select{padding:9px 8px 8px}.options_container .svg_icon.stroke{padding:8px}.options_container .svg_icon.click{background-color:#000}.options_container .svg_icon svg{height:30px;width:30px}.heading{background-color:#fff;font-size:1rem;left:50%;padding:.5em;top:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:120}.heading,.loading{position:fixed}.canvas{background-color:#fefefe;box-shadow:0 5px 10px hsla(240,1%,44%,.5),0 15px 40px hsla(220,1%,47%,.2);height:100vh}.canvas_options{background-color:#fff;bottom:0;display:flex;flex-direction:row;font-weight:600;gap:2.5em;justify-content:space-around;margin-right:2em;padding:5px 10px;position:fixed;right:0}.canvas_options span{cursor:pointer}
/*# sourceMappingURL=main.4f359f78.css.map*/