@import"https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Exile&display=swap";body{margin:0;padding:0;font-family:Noto Sans,sans-serif}#app{position:absolute;height:0px;width:0px;background-color:#111;visibility:hidden;overflow:hidden}#loader{text-align:center}textarea{border:none;overflow:auto;outline:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;resize:none}#font_size,#line_height,#font_family{width:100%}#project_bar{background-color:#222}#attributes_bar,#tool_bar{background-color:#333;padding-top:20px}#footer_bar{background-color:#111}#edit_bar_wrapper{pointer-events:none;position:absolute}#edit_bar{position:absolute;pointer-events:all;display:inline-flex;height:40px;border:1px solid #333;border-radius:5px;overflow:hidden}.edit_bar_button{float:left;height:40px;width:40px;padding:3px;border-radius:0;background-color:#fff;fill:#333;outline:none;border:none;margin:0}.edit_bar_button_selected{float:left;height:40px;width:40px;padding:3px;border-radius:0;background-color:#333;fill:#fff;outline:none;border:none;margin:0}.edit_bar_button:hover{cursor:pointer;background-color:#333;fill:#fff}select{padding:8px}.close_button{float:right;margin:10px;height:36px;width:36px;border-radius:25px;outline:none;border:none;background-color:#111;color:#fff}.close_button:hover{background-color:#fff;color:#111;outline:1px solid #111;cursor:pointer}.text_pane_button{padding:5px;height:30px;width:30px}#browse_photos{font-size:16px;background-color:#111;color:#fff;border:none;outline:none;padding:10px;border-radius:5px}#browse_photos:hover{cursor:pointer;background-color:#fff;color:#111;outline:1px solid #111}.layout_div,.shape_div,.sticker_div{text-align:center;width:123px;height:108px;margin:10px;float:left;background-color:#eee;padding-left:5px;padding-right:5px;padding-top:20px}.layout_div:hover,.shape_div:hover,.sticker_div:hover{cursor:pointer;background-color:#bbb}.layout_div svg,.shape_div svg{margin-bottom:5px}.layout_div label,.shape_div label,.sticker_div label{background-color:#333;border-radius:5px;color:#fff;padding:3px 5px;font-size:10px}.resizing_button{border-radius:10px;width:20px;height:20px;background-color:#bbb;border:1px solid #DDD;position:absolute;box-sizing:border-box;pointer-events:auto}.resizing_photo_button{border-radius:10px;width:20px;height:20px;background-color:#900;border:1px solid #DDD;position:absolute;box-sizing:border-box;pointer-events:auto}.rotation_button{width:36px;height:36px;background-color:#333;position:absolute;border-radius:20px;margin-top:-60px;pointer-events:auto}.bar{background-color:#fff}.ruler{background-color:#111}.ruler_unit{display:flex;align-items:center;text-align:center;justify-content:center;color:#fff;font-size:9px;float:left;width:100%;height:100%}.ruler_unit:hover{color:#fff;cursor:pointer;font-size:12px;font-weight:900}.guideline{background-color:#6200b3}.guideline_wrapper:hover{cursor:pointer}.bleed{border:1px solid #e85d75}.pane{border-radius:0;background-color:#ddd;position:absolute;right:60px;top:0;z-index:-1}.pane_body{padding:0 10px 10px}.pane_footer{padding:10px}.pane_body ul{float:left;list-style-type:none;margin:0 -10px 10px;padding:0}.pane_body ul li{float:left;padding-left:5px;padding-right:5px;height:50px;width:250px}.pane_body ul li .thumbnail_container{padding:5px;width:40px;height:40px;float:left;display:flex;align-items:center;justify-content:center}.pane_body ul li .thumbnail{float:left}.pane_body ul li .description{height:35px;padding-top:15px;float:left}.pane_body ul li .order{float:right}.pane_body ul li .lock{float:left;margin-left:10px}.pane_body ul li label,.pane_body ul li button{float:left}.pane_body ul li:hover,.pane_body ul li label:hover{cursor:pointer;background-color:#bbb}#edit_mode_buttons{margin-bottom:10px}.edit_mode_button{height:40px;width:40px;padding:2px;background-color:#fff;border:1px solid #BBB;border-radius:5px}.edit_mode_button:hover{cursor:pointer;background-color:#333;fill:#fff}.form-group{margin-bottom:10px;float:left;height:60px;width:100%}.pane label{font-size:14px;color:#222}.pane h3{font-size:14px;font-weight:700;color:#222;box-sizing:border-box;width:100%;padding:8px;margin:0;background-color:#ddd}#photos_modal{visibility:hidden}.photos_modal_body h2{padding-left:10px;padding-right:10px}.modal,.modal_body{padding:10px}.modal label{font-size:18px;float:left;margin-bottom:10px}#project_synced_status{color:#fff;font-weight:500}.flag_wrapper{float:left;height:60px;width:60px;padding:0;background-color:transparent;outline:none;border:none}.flag_wrapper:hover{cursor:pointer;background-color:#111}.account_wrapper{float:left}.icon_wrapper{height:60px;width:60px;padding:0;background-color:transparent;outline:none;border:none}.icon_wrapper .icon{fill:#777}.icon_wrapper:hover{cursor:pointer}.icon_wrapper:hover .icon{fill:#ddd}.icon_wrapper_big{height:80px;width:80px;padding:0;background-color:transparent;outline:none;border:none}.icon_wrapper_big .icon{fill:#777}.icon_wrapper_big:hover{cursor:pointer}.icon_wrapper_big:hover .icon{fill:#ddd}.icon_wrapper_small{height:50px;width:20px;padding:0;background-color:transparent;outline:none;border:none}.icon_wrapper_small .icon{fill:#aaa}.icon_wrapper_small:hover{cursor:pointer}.icon_wrapper_small:hover .icon{fill:#333}#logo_wrapper{float:left;padding:0;height:80px;width:100px}#logo{height:50px;margin-left:15px;margin-top:5px}#project_synced_status{float:left}.identity_buttons{float:right}.loader_element{width:48px;height:48px;border-radius:50%;position:relative;animation:rotate 1s linear infinite}.loader_element:before{content:"";box-sizing:border-box;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:5px solid #333;animation:prixClipFix 2s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes prixClipFix{0%{clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}25%{clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}50%{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}75%{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)}to{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)}}.photo_container{display:flex;background-color:#eee;float:left;position:relative;align-items:center;justify-content:center;text-align:center}.photo_container:hover{cursor:pointer;background-color:#bbb}.error_container{background-color:#eee;float:left;position:relative;text-align:center}.delete_photo_button{position:absolute;top:5px;right:5px;height:26px;width:26px;padding:3px;border-radius:25px;background-color:#111;fill:#fff;outline:none;border:none}.delete_photo_button:hover{background-color:#fff;fill:#111;cursor:pointer}.photo_counter{position:absolute;top:5px;left:5px;height:20px;width:30px;font-size:14px;text-align:center;color:#fff;border-radius:6px;background-color:#111}.error_container h6{margin-top:10px;margin-bottom:0;font-size:12px}.error_container p{font-size:12px;margin:0}.error_container ul{width:100%;list-style-type:none;margin:0;padding:0}.error_container ul li{margin-top:10px}@keyframes shake-it{0%{opacity:0;transform:scale(.95)}33%{opacity:1;transform:scale(1.02)}66%{opacity:1;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.shake{animation-name:shake-it;animation-duration:.3s;animation-fill-mode:forwards}.tooltip{visibility:hidden;float:left;text-align:right;width:200px;height:60px;margin-left:-210px;z-index:2147483647}.tooltip span{background-color:#111;color:#fff;padding:8px;border-radius:4px;margin-top:12px;float:right;z-index:2147483647}.tooltip_container{height:60px;width:200px;z-index:2147483647}.tooltip_container:hover .tooltip{visibility:visible;z-index:2147483647}.tooltip_container_horizontal{display:inline-block;height:60px;width:60px;text-align:center}.tooltip_container_horizontal:hover .tooltip_horizontal{visibility:visible;z-index:2147483647}.tooltip_horizontal{visibility:hidden;margin-top:-40px;margin-bottom:20px;margin-left:-50px;width:160px;text-align:center;float:left}.tooltip_horizontal span{padding:8px;background-color:#111;color:#fff;border-radius:4px}#commands_wrapper{text-align:center}#preview_wrapper{text-align:right}#preview_wrapper .zoom{width:60px;float:right;padding-top:12px;padding-left:12px;padding-right:24px}#preview_wrapper button{float:right}.artboard_thumbnail_container{background-color:#333;height:90px;display:inline-flex;float:left;margin-top:10px;padding:10px}.artboard_thumbnail_container button{position:absolute;float:right;margin-top:-10px;margin-left:170px;height:26px;width:26px;padding:3px;border-radius:25px;background-color:#111;fill:#fff;outline:none;border:none}.artboard_thumbnail_container button:hover{cursor:pointer;background-color:#fff;fill:#111}.artboard_thumbnail_container:hover{cursor:pointer;background-color:#111}.add_artboard_element{padding-top:25px;height:95px;width:28px;float:left;text-align:center;margin:5px}.add_artboard_element button{color:#fff;background-color:#111;fill:#fff;border:none;font-size:16px;text-align:center;margin-top:5px;width:28px;height:28px;border-radius:25px}.add_artboard_element button:hover{color:#111;background-color:#fff;fill:#111;cursor:pointer;border:none;font-size:18px;width:28px;height:28px;border-radius:25px}.index_label_container{width:180px;text-align:center;position:absolute;margin-top:-14px}.index_label_container label{width:100px;padding:3px 10px;font-size:14px;font-weight:700;background-color:#111;color:#fff;border-radius:25px}.artboard_placeholder{float:left;height:90px;width:0px;background-color:orange}.artboard_thumbnail{float:left;height:90px;width:180px}#loader_wrapper{background-image:linear-gradient(#fff,#eee)}#loader_container{width:500px;height:260px;border-radius:5px;text-align:center;position:absolute}#loader_text{background-color:#111;padding:8px;color:#fff;border-radius:5px}.loader{margin-top:20px;margin-left:190px;margin-bottom:60px;width:100px;aspect-ratio:1;border-radius:50%;border:8px solid #0000;border-right-color:#111;position:relative;animation:l24 1s infinite linear}.loader:before,.loader:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%;border:inherit;animation:inherit;animation-duration:2s}.loader:after{animation-duration:4s}@keyframes l24{to{transform:rotate(1turn)}}#font_select_options{width:240px;background-color:#fff;height:260px;overflow-y:scroll;overflow-x:hidden;position:absolute;margin-top:0}#font_select_selected{display:flex;align-items:center;width:240px;height:40px;background-color:#fff}.font_select_option{display:flex;align-items:center;padding-left:8px;height:40px;font-size:18px;width:100%;background-color:#fff}.font_select_option:hover{cursor:pointer;background-color:#ccc}#font_select{outline:1px solid #AAA;border-radius:5px;overflow:hidden;width:240px;height:300px;position:absolute}.select_box_arrow{float:right;width:24px;height:24px;text-align:center}#font_select_selected_font{font-size:18px;width:208px;margin-left:8px}.input_wrapper{float:left;width:115px;height:40px}.input_container{position:absolute;height:36px;width:115px;border:1px solid #BBB;border-radius:5px;overflow:hidden}.input_container input{width:85px;height:36px;padding:5px;border:none;position:absolute;color:#333;font-size:14px;box-sizing:border-box;font-family:Noto Sans,sans-serif;outline:none}.input_container label{position:absolute;right:0;width:30px;height:26px;padding-top:10px;text-align:center;background-color:#fff;color:#333;top:0;font-size:12px;font-family:Noto Sans,sans-serif}#font_size_container{width:115px;float:left;margin-right:8px;z-index:99999}#font_size_wrapper{position:absolute;width:115px;overflow:hidden;height:36px;border:1px solid #bbb;border-radius:5px}#font_size_input{position:absolute;overflow:hidden;height:36px;width:115px;border-radius:3px;border:none}#font_size_input input{width:115px;height:36px;padding:5px;border:none;color:#333;font-size:14px;box-sizing:border-box;font-family:Noto Sans,sans-serif;outline:none}#font_size_input label{position:absolute;right:0;width:30px;height:26px;padding-top:10px;text-align:center;background-color:#fff;color:#333;top:0;font-size:12px;font-family:Noto Sans,sans-serif}#font_size_options{width:115px;height:178px;overflow-y:scroll;position:absolute;margin-top:36px;z-index:99999;background-color:#fff;display:none}.font_size_option{font-size:14px;font-family:Noto Sans,sans-serif;padding:5px}.font_size_option:hover{cursor:pointer;background-color:#bbb}#line_height_container{width:115px;float:left;z-index:99999}#line_height_wrapper{position:absolute;width:115px;overflow:hidden;height:36px;border:1px solid #bbb;border-radius:5px}#line_height_input{position:absolute;overflow:hidden;height:36px;width:115px;border-radius:3px;border:none}#line_height_input input{width:115px;height:36px;padding:5px;border:none;color:#333;font-size:14px;box-sizing:border-box;font-family:Noto Sans,sans-serif;outline:none}#line_height_input label{position:absolute;right:0;width:30px;height:26px;padding-top:10px;text-align:center;background-color:#fff;color:#333;top:0;font-size:12px;font-family:Noto Sans,sans-serif}#line_height_options{width:115px;height:178px;overflow-y:scroll;position:absolute;margin-top:36px;z-index:99999;background-color:#fff}.line_height_option{font-size:14px;font-family:Noto Sans,sans-serif;padding:5px}.line_height_option:hover{cursor:pointer;background-color:#bbb}.project_bar_button{float:left;margin-top:14px;margin-right:12px;padding:8px;outline:none;background-color:#555;color:#fff;border:none;border-radius:5px}.project_bar_button:hover{cursor:pointer;background-color:#111}.rectangle{height:60px;width:60px;margin-left:30px;margin-bottom:10px;background-color:#fff;border:1px solid #aaa}.sticker{height:60px;width:60px;margin-left:30px;margin-bottom:10px}#project_name_modal label{float:left;margin-bottom:6px;margin-top:25px;font-family:Noto Sans,sans-serif;font-size:16px}#project_name_modal input[type=text]{padding:5px;width:465px;font-size:16px;float:left;font-family:Noto Sans,sans-serif;margin-bottom:16px}#project_name_modal input[type=submit]{font-size:16px;background-color:#111;color:#fff;border:none;outline:none;padding:10px;border-radius:5px;float:left}#project_name_modal input[type=submit]:hover{cursor:pointer;background-color:#fff;color:#111;outline:1px solid #111}.close_modal_button{float:right;margin:0;height:36px;width:36px;border-radius:25px;outline:none;border:none;background-color:#111;color:#fff}.close_modal_button:hover{background-color:#fff;color:#111;outline:1px solid #111;cursor:pointer}