#block_container.svelte-j7hly1{position:absolute;top:0;left:0;right:0;bottom:0;background-color:white}#bottom_logo.svelte-j7hly1{position:absolute;bottom:0;left:0;width:100px;height:40px;display:flex;justify-content:center;align-items:center;background-color:rgb(244, 244, 244);border:0;z-index:1000}#robomation.svelte-j7hly1{position:absolute;bottom:15px;width:100px;height:15px;cursor:pointer}.dongle_not_connected::before{content:url(./icons/preview/dongle_status_x.svg)}.dongle_connected::before{content:url(./icons/preview/dongle_status_o.svg)}.blocklyTreeRowContentContainer{display:flex;flex-direction:column;align-items:center;padding:5px 0;cursor:pointer}.blocklyTreeRow{padding:0;margin:0;height:initial}.blocklyTreeLabel{width:100px;text-align:center;font-size:0.8em;color:black;margin:0;padding:0;white-space:normal}.blocklyToolboxDiv{padding:0;height:calc(100% - 40px) !important;color:black}.blocklyToolboxDiv::-webkit-scrollbar{display:none !important}.blocklyToolboxContents{width:100px;cursor:pointer;font-size:14px}.customRobotIcon{color:white;width:40px;height:40px;border-radius:10px;margin-bottom:5px}.toolbox_seperator{height:2px;background:#ddd;margin:3px 0}.blocklyFlyout{top:5px}.blocklyFlyoutScrollbar{display:none !important}.blocklyFlyoutLabelText{fill:#444 !important;font-size:1em !important;font-weight:bold !important}.customIcon{color:white;width:22px;height:22px;border-radius:16px;margin-bottom:5px}.blocklyText.others_blocks{fill:#000 !important}.blocklyMultiselect > image{opacity:0.25}.blocklyMultiselect > image:hover{opacity:0.4}
.robot_sensory.svelte-8p2jwe.svelte-8p2jwe{position:relative;top:10px;left:0px;right:0px;bottom:10px;width:100%;height:calc(100% - 20px);display:grid;justify-content:center;background:inherit;overflow-y:auto}.select_sensory.svelte-8p2jwe.svelte-8p2jwe{position:relative;top:0;left:10px;width:calc(100% - 15px);height:30px;display:flex;justify-content:space-between}select.svelte-8p2jwe.svelte-8p2jwe{width:190px;height:100%;font-size:12px;font-weight:400;border:1px solid #DBDDE0;border-radius:5px;color:#808991;margin:0}select.svelte-8p2jwe.svelte-8p2jwe:focus{outline:none}#time_svg.svelte-8p2jwe.svelte-8p2jwe,.button_sensory.svelte-8p2jwe.svelte-8p2jwe{position:relative;top:5px;left:10px;width:400px;height:40px}.button_sensory.svelte-8p2jwe.svelte-8p2jwe{display:flex;justify-content:space-between;align-items:center}.robot_button_wrapper.svelte-8p2jwe.svelte-8p2jwe{pointer-events:auto}.robot_button.svelte-8p2jwe.svelte-8p2jwe{position:relative;width:124px;height:32px;display:flex;justify-content:center;align-items:center;border:0;border-radius:6px;background:#EFEFEF;margin:0;padding:0;cursor:pointer}.robot_button.svelte-8p2jwe.svelte-8p2jwe:disabled{opacity:0.5;cursor:not-allowed}.robot_button.svelte-8p2jwe.svelte-8p2jwe:not(:disabled):hover{background:#DADADA}.robot_button.svelte-8p2jwe>img.svelte-8p2jwe{height:24px;pointer-events:none}#tooltip.svelte-8p2jwe.svelte-8p2jwe{position:absolute;top:0;left:0;width:100%;height:380px;pointer-events:none}
#connected_robot_container.svelte-1q8ozki{position:absolute;top:10px;left:10px;right:10px;bottom:0}#dongle_connection.svelte-1q8ozki{position:absolute;top:10px;left:10px;right:10px;text-align:center;font-size:1em;font-weight:600;color:gray}#robot_connection.svelte-1q8ozki{position:relative;top:50px;left:0px;right:0px;font-size:1em;font-weight:500;color:gray}.robot_container.svelte-1q8ozki{position:relative;display:grid;width:100%;height:auto;margin-bottom:10px}.robot_div.svelte-1q8ozki{position:relative;display:flex;width:100%;height:105px;border:0;border-top-left-radius:5px;border-top-right-radius:5px;background:rgba(0,0,0,0.05)}.img_div.svelte-1q8ozki{position:relative;top:calc(50% - 88px / 2);left:10px;width:88px;height:88px;display:flex;justify-content:center;align-items:center;border:0;border-radius:8px;background:white}#robot_img.svelte-1q8ozki{width:70px;height:70px}#find_btn.svelte-1q8ozki{position:relative;top:calc(50% - 32px / 2);left:20px;width:32px;height:32px;border:0;background:url(./icons/preview/robot_find.svg);cursor:pointer}#find_btn.svelte-1q8ozki:active{background:url(./icons/preview/robot_find_active.svg)}.info_div.svelte-1q8ozki{position:relative;top:10px;left:30px;width:calc(100% - 200px);height:100px;border:0;line-height:24px}#menu_btn.svelte-1q8ozki{position:absolute;top:calc(50% - 88px / 2);right:10px;width:36px;height:36px;border:0;cursor:pointer}#menu_btn.svelte-1q8ozki:hover{opacity:0.5}#menu_list.svelte-1q8ozki{position:absolute;top:50px;right:10px;min-width:150px;max-width:180px;min-height:30px;border:1px solid gray;visibility:hidden;z-index:1000}.robot_menu.svelte-1q8ozki{width:100%;height:30px;font-size:12px;text-align:center;background:white;border:0;margin:0;cursor:pointer}.robot_menu.svelte-1q8ozki:hover{background:rgb(245, 245, 245)}#update_btn.svelte-1q8ozki{position:absolute;top:60px;right:8px;width:40px;height:40px;cursor:pointer}#update_btn.svelte-1q8ozki:hover{opacity:0.5}#update_info.svelte-1q8ozki{position:absolute;top:100px;right:8px;padding:10px;text-align:left;font-size:13px;border:1px solid gray;background:white;z-index:999;visibility:hidden}.sensor_div.svelte-1q8ozki{position:relative;width:100%;height:auto;display:grid}.sensor_info.svelte-1q8ozki{position:relative;width:100%;height:400px;display:grid;background:#fafafa}.sensor_info.hide.svelte-1q8ozki{display:none}.sensor_btn.svelte-1q8ozki{position:relative;width:100%;height:25px;display:flex;justify-content:center;align-items:center;border:0;border-bottom-left-radius:5px;border-bottom-right-radius:5px;background:#DADADA;color:#333;font-size:0.8em;cursor:pointer}.sensor_btn.svelte-1q8ozki:hover{background:#EFEFEF}
#camera_container.svelte-16b5ay0{position:absolute;top:10px;left:10px;right:10px;bottom:0}#camera_connection.svelte-16b5ay0{position:absolute;top:10px;left:0;right:0;text-align:center;font-size:1em;font-weight:600;color:gray}#camera_help.svelte-16b5ay0{position:relative;width:calc(100% - 10px * 2);top:50px;left:0;right:0;font-size:1em;font-weight:500;color:gray;word-break:keep-all}.camera_layer.svelte-16b5ay0{position:relative;top:10px;left:calc(50% - 480px / 2);width:480px;height:calc(360px + 40px);margin-bottom:10px;border:1px solid gray}.camera_label.svelte-16b5ay0{position:absolute;top:0;left:0;width:calc(100% - 20px);height:40px;display:flex;justify-content:start;align-items:center;padding:0 10px;border-bottom:1px solid gray;background-color:#e0e0e0}.camera_select.svelte-16b5ay0{position:relative;top:4px;height:30px;font-size:0.85em;font-weight:600;background:#f0f0f0;cursor:pointer}.camera_select.svelte-16b5ay0:hover,.camera_select.svelte-16b5ay0:focus-visible{outline:none}.camera_power.svelte-16b5ay0,.camera_setting.svelte-16b5ay0{position:absolute;right:10px;top:8px;width:auto;height:24px;font-size:0.85em;font-weight:600;line-height:24px;padding:0 10px;border:1px solid lightgray;border-radius:4px;background:#ccc;cursor:pointer}.camera_setting.svelte-16b5ay0{right:70px;width:28px;font-size:20px;padding:0;display:flex;justify-content:center;align-items:center}.camera_power.svelte-16b5ay0:hover,.camera_setting.svelte-16b5ay0:hover{background:#eee}.camera_setting_popup.svelte-16b5ay0{position:absolute;right:70px;top:36px;width:190px;padding:10px;border:1px solid gray;border-radius:4px;background:#f5f5f5;z-index:10;box-shadow:0 2px 8px rgba(0, 0, 0, 0.2)}.setting_title.svelte-16b5ay0{margin-bottom:6px;font-size:0.85em;font-weight:700}.resolution_select.svelte-16b5ay0{width:100%;height:28px;font-size:0.8em;font-weight:600;background:#fff;cursor:pointer}video.camera.svelte-16b5ay0{position:absolute;top:40px;left:0;width:480px;height:360px;padding:0;display:none;will-change:transform;transform:translateZ(0)}
#log_container.svelte-147aruk{position:absolute;top:0px;left:0px;right:0px;bottom:0}
#scope_container.svelte-1vkfkwx.svelte-1vkfkwx{position:absolute;inset:0;overflow:auto;padding:20px 0;display:flex;flex-direction:column;align-items:center;gap:28px;box-sizing:border-box}.scope-card.svelte-1vkfkwx.svelte-1vkfkwx{width:484px;flex:none;box-sizing:border-box;background:#FFFFFF;border:1px solid #DCDFE4;border-radius:5px;box-shadow:0 1px 0 rgba(20,22,26,0.04);overflow:hidden;display:flex;flex-direction:column}.scope-header.svelte-1vkfkwx.svelte-1vkfkwx{height:44px;flex:none;box-sizing:border-box;display:flex;align-items:center;gap:10px;padding:0 16px}.scope-chip.svelte-1vkfkwx.svelte-1vkfkwx{width:20px;height:20px;flex:none;border-radius:6px;background:#E8F7FF;color:#007FC2;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;font-variant-numeric:tabular-nums}.scope-divider.svelte-1vkfkwx.svelte-1vkfkwx{width:1px;height:14px;flex:none;background:#ECEEF1}.scope-title.svelte-1vkfkwx.svelte-1vkfkwx{flex:1;min-width:0;font-size:15px;font-weight:600;color:#808991;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scope-legend.svelte-1vkfkwx.svelte-1vkfkwx{flex:none;min-height:30px;box-sizing:border-box;padding:4px 26px 4px 56px;display:flex;flex-wrap:wrap;align-items:center;gap:4px 18px}.legend-item.svelte-1vkfkwx.svelte-1vkfkwx{display:inline-flex;align-items:center;gap:11px;white-space:nowrap;line-height:22px}.legend-dot.svelte-1vkfkwx.svelte-1vkfkwx{width:6px;height:6px;border-radius:999px;flex:none}.legend-value.svelte-1vkfkwx.svelte-1vkfkwx{font-size:12px;font-weight:600;color:#808991;font-variant-numeric:tabular-nums}.scope-plot.svelte-1vkfkwx.svelte-1vkfkwx{display:block;flex:none}.scope-footer.svelte-1vkfkwx.svelte-1vkfkwx{height:56px;flex:none;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:12px}.robot_button.svelte-1vkfkwx.svelte-1vkfkwx{position:relative;width:124px;height:32px;display:flex;align-items:center;justify-content:center;border:0;border-radius:6px;background:#EFEFEF;margin:0;padding:0;cursor:pointer}.robot_button.svelte-1vkfkwx.svelte-1vkfkwx:hover{background:#DADADA}.robot_button.svelte-1vkfkwx>img.svelte-1vkfkwx{height:24px;pointer-events:none}.scope-tooltip.svelte-1vkfkwx.svelte-1vkfkwx{position:fixed;transform:translate(-50%, -100%);z-index:9999;background:#FFFFFF;color:#7A828C;border:1px solid #DCDFE4;border-radius:4px;padding:10px;font-size:12px;line-height:18px;min-width:100px;max-width:250px;box-sizing:border-box;word-break:keep-all;white-space:normal;text-align:left;pointer-events:none;box-shadow:0 2px 8px rgba(20,22,26,0.10)}
#console.svelte-1yx1dkj,#log-view.svelte-1yx1dkj,#scope-view.svelte-1yx1dkj{position:absolute;top:0px;left:0px;right:0px;bottom:0px;padding:0px}
#python_code_container.svelte-3asipp{position:absolute;top:0;left:0;right:0;bottom:0}
#python-view.svelte-tur746{position:absolute;top:0px;left:0px;right:0px;bottom:0px;padding:0px}
#block-composer.svelte-3fvz53,#block-container.svelte-3fvz53{position:absolute;top:0px;left:0px;right:0px;bottom:0px;padding:0px}.layout-toggle.svelte-3fvz53{position:absolute;top:28px;right:0;width:20px;height:40px;border:0;border-top-left-radius:8px;border-bottom-left-radius:8px;background:#BBB;font-size:0;display:flex;justify-content:center;align-items:center;cursor:pointer;padding:0;margin:0;z-index:1000}.layout-toggle.svelte-3fvz53:hover{background:#ccc}#editor-filter.svelte-3fvz53{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(128, 128, 128, 0.3);color:white;font-size:2.5em;display:none;justify-content:center;align-items:center;text-align:center;z-index:999999}#connect-view.svelte-3fvz53,#camera-view.svelte-3fvz53,#console-view.svelte-3fvz53{position:absolute;top:0px;left:0px;right:0px;bottom:0px;padding:0px}
#organizer_view.svelte-i6bz22{position:absolute;width:calc(100% - 1px);height:calc(100% - 40px);padding:0px;border:0px solid lightgray;overflow-y:auto}#bottom_logo.svelte-i6bz22{position:absolute;bottom:0;left:0;width:100px;height:40px;display:flex;justify-content:center;align-items:center;background-color:inherit;border:0;z-index:1000}#robomation.svelte-i6bz22{position:absolute;bottom:15px;width:100px;height:15px;cursor:pointer}
.signature-hint.svelte-1mq1opp{position:absolute;display:none;z-index:10000;background:#eee;color:black;padding:4px 8px;border-radius:4px;font-family:Menlo, Consolas, monospace;font-size:12px;line-height:1.4;pointer-events:none;white-space:pre-wrap;max-width:80ch;word-break:break-word;box-shadow:0 2px 8px rgba(0, 0, 0, 0.3)}
#ace_editor.svelte-1bh3psl{position:absolute;top:0;left:0;right:0;bottom:0;border-bottom:1px solid lightgray}.ace_gutter{min-width:63px !important}.ace_gutter-layer{min-width:63px !important}
#script-composer.svelte-ef7d4u,#code-explorer.svelte-ef7d4u,#script-container.svelte-ef7d4u{position:absolute;top:0px;left:0px;right:0px;bottom:0px;padding:0px}.layout-toggle.svelte-ef7d4u{position:absolute;top:0px;width:20px;height:40px;border:0;background:#BBB;font-size:0;display:flex;justify-content:center;align-items:center;cursor:pointer;padding:0;margin:0;z-index:1000}.layout-toggle.svelte-ef7d4u:hover{background:#ccc}#toggle-left.svelte-ef7d4u{left:0;border-top-right-radius:8px;border-bottom-right-radius:8px}#toggle-right.svelte-ef7d4u{right:0;border-top-left-radius:8px;border-bottom-left-radius:8px}#editor-filter.svelte-ef7d4u{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(128, 128, 128, 0.3);color:white;font-size:2.5em;display:none;justify-content:center;align-items:center;text-align:center;z-index:999999}#connect-view.svelte-ef7d4u,#camera-view.svelte-ef7d4u,#console-view.svelte-ef7d4u{position:absolute;top:0px;left:0px;right:0px;bottom:0px;padding:0px}
#soundList_container.svelte-x9oxv6{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:white;z-index:999;display:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#layer_container.svelte-x9oxv6{position:fixed;top:0;left:0;width:100%;height:50px;background:#5CE8CC;display:block;margin:0;padding:0}#layer_back.svelte-x9oxv6{position:absolute;top:calc(50% - 1em / 2);left:30px;background:none;border:0;color:white;font-size:1em;padding:0;margin:0;display:flex;justify-content:center;align-items:center;cursor:pointer}#layer_title.svelte-x9oxv6{position:absolute;top:0;left:calc(50% - 200px / 2);width:200px;height:100%;color:white;font-size:1em;display:flex;justify-content:center;align-items:center}#category_container.svelte-x9oxv6{position:fixed;top:50px;left:0;width:100%;height:75px;background:#D3FEE7;display:block;margin:0;padding:0}#category_search.svelte-x9oxv6{position:absolute;top:calc(50% - 40px / 2);left:30px;width:280px;height:40px;border:0;border-radius:20px;background:white;display:flex;margin:0}#category_search.svelte-x9oxv6:focus-within{box-shadow:0 0 0 4px rgba(92, 232, 204, 0.5)}#category_search_icon.svelte-x9oxv6{position:relative;width:24px;height:24px;left:12px;top:calc(50% - 24px / 2)}#category_search_input.svelte-x9oxv6{position:relative;width:calc(100% - 60px);height:40px;left:20px;top:0;border:0}#category_search_input.svelte-x9oxv6:focus{outline:none}#category_area.svelte-x9oxv6{position:absolute;top:calc(50% - 40px / 2);left:330px;width:calc(100% - 330px);height:40px;border-left:1px solid white;padding-left:10px;overflow:hidden}.category_button.svelte-x9oxv6,.category_button.svelte-x9oxv6:active{position:relative;height:40px;font-size:1em;font-weight:600;color:white;background:#B588FF;border:0;border-radius:20px;margin:0 10px;padding:0 20px;cursor:pointer}.category_selected.svelte-x9oxv6{background:#FEA176}#sound_container.svelte-x9oxv6{position:fixed;top:125px;left:140px;width:calc(100% - 140px - 20px * 2);height:calc(100% - 125px - 20px * 2);background:rgba(191,239,255,0.2);padding:20px;display:grid;grid-template-columns:repeat(auto-fill, minmax(192px, auto));grid-template-rows:repeat(auto-fill, minmax(192px, 192px));overflow-y:auto}.sound.svelte-x9oxv6{position:relative;width:180px;height:180px;border:1px solid rgba(191,239,255,0.3);border-radius:10px;padding:0;margin:10px;background:white;cursor:pointer}.sound.svelte-x9oxv6:hover{box-shadow:0 0 10px rgba(0,0,0,0.1)}.sound_image.svelte-x9oxv6{position:absolute;top:50px;left:calc(50% - 50px / 2);width:50px;height:50px;opacity:0.6}.sound_title.svelte-x9oxv6{position:absolute;top:140px;width:100%;height:40px;color:gray;font-size:1em;font-weight:600;text-align:center}.soundBtn.svelte-x9oxv6{position:absolute;width:40px;height:40px;border:0;border-radius:20px;font-size:0;cursor:pointer}.selected_soundBtn.svelte-x9oxv6{position:absolute;width:30px;height:30px;border:0;border-radius:30px;background-size:contain;background-repeat:no-repeat;background-position:center;font-size:0;cursor:pointer;visibility:hidden}#selected_container.svelte-x9oxv6{position:fixed;top:125px;left:0;width:140px;height:calc(100% - 125px - 20px);background:#5CE8CC;padding-top:10px;display:grid;align-content:start;overflow:visible;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(0, 0, 0, 0.3) transparent}#selected_container.svelte-x9oxv6::-webkit-scrollbar{width:8px}#selected_container.svelte-x9oxv6::-webkit-scrollbar-track{background:transparent}#selected_container.svelte-x9oxv6::-webkit-scrollbar-thumb{background:rgba(0, 0, 0, 0.3);border-radius:4px}#selected_container.svelte-x9oxv6::-webkit-scrollbar-thumb:hover{background:rgba(0, 0, 0, 0.45)}#selected_container.svelte-x9oxv6::after{content:"";height:95px}#selected_fade.svelte-x9oxv6{position:fixed;left:0;bottom:0;width:140px;height:100px;background:linear-gradient(to bottom,
        rgba(92, 232, 204, 0) 0%,
        rgba(92, 232, 204, 0.12) 45%,
        rgba(92, 232, 204, 0.4) 75%,
        rgba(92, 232, 204, 0.8) 100%);pointer-events:none;z-index:1}.selected_sound.svelte-x9oxv6{position:relative;left:calc(50% - 95px / 2);width:90px;height:90px;border:1.5px solid rgba(191, 239, 255, 0.3);border-radius:10px;padding:0;margin:10px 0;background:white;overflow:visible;cursor:pointer}.selected_sound.svelte-x9oxv6:hover,.selected_sound.svelte-x9oxv6:focus{border:2px solid #B588FF;box-shadow:0 0 20px hsla(29, 85%, 59%, 0.3)}.selected_sound_image.svelte-x9oxv6{position:absolute;top:20px;left:calc(50% - 27px / 2);width:27px;height:27px;opacity:0.6}.selected_sound_title.svelte-x9oxv6{position:absolute;bottom:0;left:0;width:72px;min-height:30px;height:auto;padding:0 9px;border-radius:0 0 8px 8px;display:flex;justify-content:center;align-items:center;text-align:center;color:gray;font-size:10.5px;font-weight:600;text-overflow:ellipsis;white-space:normal;word-break:break-word}#more_container.svelte-x9oxv6{position:relative;display:grid}#moreBtn.svelte-x9oxv6{position:fixed;bottom:20px;left:45px;width:50px;height:50px;border:0;border-radius:25px;box-shadow:0 0 0 3px #D6BDFF;color:white;background:#B588FF;cursor:pointer;z-index:1000}#moreBtn.svelte-x9oxv6:hover{transition:0.2s ease-in;background:#FEA176;box-shadow:0 0 0 5px #D6BDFF}#option_container.svelte-x9oxv6{position:absolute;bottom:40px;left:55px;width:40px;padding:0;padding-bottom:40px;border:0;border-radius:20px;background:#B588FF;visibility:hidden;overflow-y:hidden;overflow-x:visible;z-index:999}.option.svelte-x9oxv6{width:100%;height:40px;background:#B588FF;border:0;margin:0;padding:0;cursor:pointer}.option.svelte-x9oxv6:hover{background:#FEA176}#option_desc.svelte-x9oxv6{position:absolute;height:40px;display:flex;align-items:center;border:0;border-radius:5px;background:#FEA176;color:white;font-size:0.8em;font-weight:600;padding:0 20px;margin:0;visibility:hidden}#option_desc.svelte-x9oxv6::after{content:"";position:absolute;top:20px;left:-5px;border-right:5px solid #FEA176;border-top:3px solid transparent;border-bottom:3px solid transparent}.play{background:url(./icons/sound/play.svg)}.stop{background:url(./icons/sound/stop.svg)}.selected_play{background-image:url(./icons/sound/play_selected.svg)}.selected_stop{background-image:url(./icons/sound/stop_selected.svg)}.selected_trash{background-image:url(./icons/sound/trash.svg)}
#examples_container.svelte-iv5dcz{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:white;z-index:999;display:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#layer_container.svelte-iv5dcz{position:fixed;top:0;left:0;width:100%;height:50px;background:#5CE8CC;display:block;margin:0;padding:0}#layer_back.svelte-iv5dcz{position:absolute;top:calc(50% - 1em / 2);left:30px;background:none;border:0;color:white;font-size:1em;padding:0;margin:0;display:flex;justify-content:center;align-items:center;cursor:pointer}#layer_title.svelte-iv5dcz{position:absolute;top:0;left:calc(50% - 200px / 2);width:200px;height:100%;color:white;font-size:1em;display:flex;justify-content:center;align-items:center}#category_container.svelte-iv5dcz{position:fixed;top:50px;left:0;width:100%;height:75px;background:#D3FEE7;display:block;margin:0;padding:0}#category_search.svelte-iv5dcz{position:absolute;top:calc(50% - 40px / 2);left:30px;width:280px;height:40px;border-radius:20px;background:white;display:flex;margin:0}#category_search.svelte-iv5dcz:focus-within{box-shadow:0 0 0 4px rgba(92, 232, 204, 0.5)}#category_search_icon.svelte-iv5dcz{position:relative;width:24px;height:24px;left:12px;top:calc(50% - 24px / 2)}#category_search_input.svelte-iv5dcz{position:relative;width:calc(100% - 60px);height:40px;left:20px;top:0;border:0}#category_search_input.svelte-iv5dcz:focus{outline:none}#category_area.svelte-iv5dcz{position:absolute;top:calc(50% - 40px / 2);left:330px;width:calc(100% - 330px);height:40px;border-left:1px solid white;padding-left:10px;overflow:hidden}.category_button.svelte-iv5dcz,.category_button.svelte-iv5dcz:active{position:relative;height:40px;font-size:1em;font-weight:600;color:white;background:#B588FF;border:0;border-radius:20px;margin:0 10px;padding:0 20px;cursor:pointer}.category_selected.svelte-iv5dcz{background:#FEA176}#example_container.svelte-iv5dcz{position:fixed;top:125px;left:0;width:calc(100% - 20px * 2);height:calc(100% - 125px - 20px * 2);background:rgba(191,239,255,0.2);padding:20px;display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, auto));grid-template-rows:repeat(auto-fill, minmax(210px, 210px));overflow-y:auto}.example.svelte-iv5dcz{position:relative;width:300px;height:200px;border:1px solid rgba(191,239,255,0.3);border-radius:10px;padding:0;margin:10px;background:white;cursor:pointer}.example.svelte-iv5dcz:hover{box-shadow:0 0 10px rgba(0,0,0,0.1)}.example_image.svelte-iv5dcz{position:absolute;border-radius:10px 10px 0 0 ;width:100%;height:calc(100% - 40px)}.example_title.svelte-iv5dcz{position:absolute;bottom:0;width:100%;height:30px;color:gray;font-size:0.9em;font-weight:600;text-align:center}
input[type='checkbox'].svelte-xx36t3{width:20px;height:20px;border:1px solid black;border-radius:4px;cursor:pointer}#extension_container.svelte-xx36t3{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:white;z-index:999;display:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#layer_container.svelte-xx36t3{position:fixed;top:0;left:0;width:100%;height:50px;background:#5CE8CC;display:block;margin:0;padding:0}#layer_back.svelte-xx36t3{position:absolute;top:calc(50% - 1em / 2);left:30px;background:none;border:0;color:white;font-size:1em;padding:0;margin:0;display:flex;justify-content:center;align-items:center;cursor:pointer}#layer_title.svelte-xx36t3{position:absolute;top:0;left:25%;width:50%;height:100%;color:white;font-size:1em;display:flex;justify-content:center;align-items:center}#category_container.svelte-xx36t3{position:fixed;top:50px;left:0;width:100%;height:75px;background:#D3FEE7;display:block;margin:0;padding:0}#category_search.svelte-xx36t3{position:absolute;top:calc(50% - 40px / 2);left:30px;width:280px;height:40px;border:0;border-radius:20px;background:white;display:flex;margin:0}#category_search.svelte-xx36t3:focus-within{box-shadow:0 0 0 4px rgba(92, 232, 204, 0.5)}#category_search_icon.svelte-xx36t3{position:relative;width:24px;height:24px;left:12px;top:calc(50% - 24px / 2)}#category_search_input.svelte-xx36t3{position:relative;width:calc(100% - 60px);height:40px;left:20px;top:0;border:0}#category_search_input.svelte-xx36t3:focus{outline:none}#category_area.svelte-xx36t3{position:absolute;top:calc(50% - 40px / 2);left:330px;width:calc(100% - 330px);height:40px;border-left:1px solid white;padding-left:10px;overflow:hidden}.category_button.svelte-xx36t3,.category_button.svelte-xx36t3:active{position:relative;height:40px;font-size:1em;font-weight:600;color:white;background:#B588FF;border:0;border-radius:20px;margin:0 10px;padding:0 20px;cursor:pointer}.category_button.svelte-xx36t3:hover,.category_selected.svelte-xx36t3{background:#FEA176}.category_button.svelte-xx36t3:disabled{cursor:block;opacity:0.5;pointer-events:none}#multiselect_area.svelte-xx36t3{position:absolute;top:calc(50% - 40px / 2);right:30px;width:50%;height:40px;display:flex;justify-content:end;align-items:center}#module_container.svelte-xx36t3{position:fixed;top:125px;left:0;width:calc(100% - 20px * 2);height:calc(100% - 125px - 20px * 2);background:rgba(191,239,255,0.2);padding:20px;display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, auto));grid-template-rows:repeat(auto-fill, minmax(210px, 210px));overflow-y:auto}.module.svelte-xx36t3{position:relative;width:300px;height:200px;border:1px solid rgba(191,239,255,0.3);border-radius:10px;padding:0;margin:10px;background:white;cursor:pointer}.module.svelte-xx36t3:hover{box-shadow:0 0 10px rgba(0,0,0,0.1)}.module_image.svelte-xx36t3{position:absolute;border-radius:10px 10px 0 0 ;width:100%;height:calc(100% - 40px)}.module_name.svelte-xx36t3{position:absolute;bottom:0;width:100%;height:30px;color:gray;font-size:1em;font-weight:600;text-align:center}.module_select.svelte-xx36t3{position:absolute;top:10px;right:10px;pointer-events:none;z-index:999}
button.svelte-1a2dhyn.svelte-1a2dhyn{margin:0}.chatbot-panel.svelte-1a2dhyn.svelte-1a2dhyn{position:fixed;right:10px;bottom:28px;min-width:480px;background:#fff;z-index:998;border-radius:10px;box-shadow:0 6px 28px rgba(0,0,0,0.25);overflow:hidden;display:flex;flex-direction:column}.chatbot-resizer.svelte-1a2dhyn.svelte-1a2dhyn{position:absolute;left:0;top:0;width:6px;height:100%;cursor:ew-resize;z-index:3}.chatbot-resizer-t.svelte-1a2dhyn.svelte-1a2dhyn{position:absolute;left:6px;right:0;top:0;height:6px;cursor:ns-resize;z-index:3}.chatbot-header.svelte-1a2dhyn.svelte-1a2dhyn{box-sizing:border-box;position:relative;height:60px;background:#ffffff;border-bottom:1px solid #ECEEF1;flex:0 0 auto;display:flex;align-items:center;gap:10px;padding:0 14px}.cb-brand.svelte-1a2dhyn.svelte-1a2dhyn{display:flex;align-items:center;gap:10px;min-width:0}.cb-logo.svelte-1a2dhyn.svelte-1a2dhyn{width:38px;height:38px;border-radius:12px;background:#1FB5FF;display:flex;align-items:center;justify-content:center;flex:none}.cb-logo.svelte-1a2dhyn img.svelte-1a2dhyn{width:30px;height:30px;border-radius:8px;display:block}.cb-meta.svelte-1a2dhyn.svelte-1a2dhyn{position:relative;top:2px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;min-width:0}.cb-title.svelte-1a2dhyn.svelte-1a2dhyn{font-size:16px;font-weight:700;letter-spacing:-0.02em;color:#1B1F24}.cb-status.svelte-1a2dhyn.svelte-1a2dhyn{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:500;color:#4A5159}.cb-dot.svelte-1a2dhyn.svelte-1a2dhyn{width:7px;height:7px;border-radius:999px;background:#2BAE5F;display:inline-block;flex:none}.cb-dot.offline.svelte-1a2dhyn.svelte-1a2dhyn{background:#E5484D}.chatbot-close.svelte-1a2dhyn.svelte-1a2dhyn{position:absolute;right:14px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:none;cursor:pointer;transition:background 0.15s}.chatbot-close.svelte-1a2dhyn img.svelte-1a2dhyn{display:block}.chatbot-close.svelte-1a2dhyn.svelte-1a2dhyn:hover{background:#F4F5F7}.chatbot-body.svelte-1a2dhyn.svelte-1a2dhyn{position:relative;flex:1}main.svelte-1a2dhyn.svelte-1a2dhyn{padding:1em;max-width:1280px;margin:0 auto}.chat-wrapper.svelte-1a2dhyn.svelte-1a2dhyn{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;background:#FAFAFA}.new-chat.svelte-1a2dhyn.svelte-1a2dhyn{position:absolute;right:54px;top:50%;transform:translateY(-50%);box-sizing:border-box;display:inline-flex;align-items:center;gap:5px;height:32px;padding:0 14px;border:1px solid #C9EBFF;border-radius:999px;background:#E8F7FF;color:#007FC2;font-size:13px;font-weight:600;line-height:1;cursor:pointer;transition:background 0.15s}.new-chat.svelte-1a2dhyn.svelte-1a2dhyn::before{content:"+";font-size:15px;font-weight:700;line-height:1}.new-chat.svelte-1a2dhyn.svelte-1a2dhyn:hover{background:#C9EBFF}.chat-container.svelte-1a2dhyn.svelte-1a2dhyn{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;background:#FAFAFA}.chat-messages.svelte-1a2dhyn.svelte-1a2dhyn{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:12px}.message-wrapper.svelte-1a2dhyn.svelte-1a2dhyn{display:flex;width:100%}.message-wrapper.user.svelte-1a2dhyn.svelte-1a2dhyn{justify-content:flex-end}.message-wrapper.model.svelte-1a2dhyn.svelte-1a2dhyn{justify-content:flex-start;align-items:flex-start;gap:8px}.msg-avatar.svelte-1a2dhyn.svelte-1a2dhyn{width:30px;height:30px;border-radius:8px;flex:none;margin-top:2px}.message-bubble.svelte-1a2dhyn.svelte-1a2dhyn{padding:12px 14px;word-wrap:break-word;position:relative;box-shadow:0 2px 4px rgba(20,22,26,0.06)}.message-bubble.user.svelte-1a2dhyn.svelte-1a2dhyn{max-width:82%;background:#1FB5FF;color:#fff;border-radius:16px 4px 16px 16px}.message-bubble.model.svelte-1a2dhyn.svelte-1a2dhyn{max-width:82%;background:#fff;color:#1B1F24;border:1px solid #ECEEF1;border-radius:4px 16px 16px 16px}.message-bubble.loading.svelte-1a2dhyn.svelte-1a2dhyn{background:#fff;border:1px solid #ECEEF1}.message-text.svelte-1a2dhyn.svelte-1a2dhyn{position:relative;white-space:normal;font-size:15px;line-height:1.45}.message-text p{margin:0 0 0.7em;padding:0}.message-text h1, .message-text h2, .message-text h3, .message-text h4{margin:0.6em 0 0.35em;font-weight:600}.message-text > :last-child{margin-bottom:0}.message-text ul, .message-text ol{margin:0.4em 0 0.7em;padding:0 0 0 1.4em}.message-text li{margin:0.15em 0;padding:0}.code-wrapper{position:relative;background:#fff;color:#24292f;padding:0 12px;margin:0.7em 0;border:1px solid #ECEEF1;border-radius:10px;font-size:13px;overflow:hidden}.code-wrapper pre{position:relative;padding:0 0 12px 0;overflow-x:auto;tab-size:3;-moz-tab-size:3}.code-wrapper pre code{word-break:break-all;color:#24292f;font-family:Consolas, Menlo, 'D2Coding', monospace}.code-layer{position:relative;height:32px;display:flex;align-items:center;border-bottom:1px solid #ECEEF1;color:#4A5159;font-size:12px}.code-layer .copy-btn{position:absolute;top:50%;right:0;transform:translateY(-50%);width:auto;height:auto;background:inherit;color:#007FC2;border:none;padding:0;font-size:12px;line-height:1;cursor:pointer;display:inline-flex;align-items:center}.code-layer .copy-btn span{display:inline-block;width:16px;height:16px;margin-right:8px;pointer-events:none;background-size:cover}.code-layer .copy-btn span.code-copy,.code-layer .copy-btn span.code-copied{background-color:currentColor;-webkit-mask:no-repeat center / contain;mask:no-repeat center / contain}.apply-code-bar{display:flex;align-items:center;justify-content:center;gap:8px;width:calc(100% + 24px);margin:0 -12px;padding:11px;border:none;border-top:1px solid #ECEEF1;font-family:inherit;font-size:13px;font-weight:600;line-height:1;background:#1FB5FF;color:#fff;cursor:pointer;transition:background 0.15s}.apply-code-bar .bar-ico{width:15px;height:15px;flex:none;background-color:currentColor;-webkit-mask:no-repeat center / contain;mask:no-repeat center / contain}.apply-code-bar .ico-apply{-webkit-mask-image:url('../icons/chatbot/apply.svg');mask-image:url('../icons/chatbot/apply.svg')}.apply-code-bar .ico-check{-webkit-mask-image:url('../icons/chatbot/check.svg');mask-image:url('../icons/chatbot/check.svg')}.apply-code-bar:hover:not(:disabled){background:#0E9CE6}.apply-code-bar.applying,.apply-code-bar.disabled{background:#F0F1F3;color:#9AA0A6;border-top-color:#ECEEF1;cursor:default}.apply-code-bar.applied{background:#EAF7EE;color:#2BAE5F;border-top-color:#CDE9D6;cursor:default}.code-tabs.svelte-1a2dhyn.svelte-1a2dhyn{margin:10px 0;border:1px solid #ECEEF1;border-radius:10px;overflow:hidden;background:#fff;font-size:13px}.code-tabs-head.svelte-1a2dhyn.svelte-1a2dhyn{display:flex;align-items:center;height:36px;padding:0 6px;border-bottom:1px solid #ECEEF1}.code-tabs-tabs.svelte-1a2dhyn.svelte-1a2dhyn{flex:1;display:flex;gap:2px;min-width:0}.code-tabs.svelte-1a2dhyn .tab.svelte-1a2dhyn{border:none;background:none;padding:6px 12px;font-size:12.5px;font-weight:600;line-height:1;color:#8A9099;border-radius:7px;cursor:pointer;transition:background 0.15s, color 0.15s}.code-tabs.svelte-1a2dhyn .tab.svelte-1a2dhyn:hover:not(.active){color:#4A5159}.code-tabs.svelte-1a2dhyn .tab.active.svelte-1a2dhyn{color:#007FC2;background:#E8F7FF}.code-tabs-copy.svelte-1a2dhyn.svelte-1a2dhyn{flex:none;border:none;background:none;padding:0 8px;font-size:12px;font-weight:600;line-height:1;color:#007FC2;cursor:pointer}.code-tabs-body.svelte-1a2dhyn.svelte-1a2dhyn{margin:0;padding:10px 12px;overflow-x:auto;tab-size:3;-moz-tab-size:3}.code-tabs-body.svelte-1a2dhyn code.svelte-1a2dhyn{font-family:Consolas, Menlo, 'D2Coding', monospace;color:#24292f;white-space:pre}.code-tabs.svelte-1a2dhyn .apply-code-bar{width:100%;margin:0}.loading-indicator.svelte-1a2dhyn.svelte-1a2dhyn{display:flex;gap:4px;margin-top:8px;justify-content:center}.loading-indicator.svelte-1a2dhyn span.svelte-1a2dhyn{width:6px;height:6px;border-radius:50%;background:#999;animation:svelte-1a2dhyn-bounce 1.4s infinite ease-in-out both}.loading-indicator.svelte-1a2dhyn span.svelte-1a2dhyn:nth-child(1){animation-delay:-0.32s}.loading-indicator.svelte-1a2dhyn span.svelte-1a2dhyn:nth-child(2){animation-delay:-0.16s}@keyframes svelte-1a2dhyn-bounce{0%,80%,100%{transform:scale(0)}40%{transform:scale(1)}}.suggestions.svelte-1a2dhyn.svelte-1a2dhyn{display:flex;flex-direction:column;align-items:flex-end;gap:8px;padding:0}.suggestion-btn.svelte-1a2dhyn.svelte-1a2dhyn{flex:0 0 auto;padding:7px 12px;border:1px solid #FFE259;border-radius:999px;background:#FFF4B8;color:#1B1F24;font-size:12.5px;font-weight:600;cursor:pointer;transition:background 0.15s;white-space:nowrap}.suggestion-btn.svelte-1a2dhyn.svelte-1a2dhyn:hover:not(:disabled){background:#FFE259}.suggestion-btn.selected.svelte-1a2dhyn.svelte-1a2dhyn{background:#FFE259;opacity:0.65;cursor:default}.chat-input-container.svelte-1a2dhyn.svelte-1a2dhyn{padding:10px 14px 14px;background:#fff}.chat-input-box.svelte-1a2dhyn.svelte-1a2dhyn{display:flex;align-items:center;gap:8px;padding:10px 10px 10px 14px;border:1px solid #DCDFE4;border-radius:14px;background:#fff;transition:border-color 0.15s}.chat-input-box.svelte-1a2dhyn.svelte-1a2dhyn:focus-within{border-color:#1FB5FF}.chat-input-box.multiline.svelte-1a2dhyn.svelte-1a2dhyn{flex-direction:column;align-items:stretch}.chat-input-box.multiline.svelte-1a2dhyn .send-button.svelte-1a2dhyn{align-self:flex-end}.chat-input.svelte-1a2dhyn.svelte-1a2dhyn{flex:1;box-sizing:border-box;min-height:30px;max-height:120px;padding:4px 0;margin:0;border:0;background:transparent;resize:none;font-family:inherit;font-size:14px;line-height:1.5;overflow-y:hidden}.chat-input-box.multiline.svelte-1a2dhyn .chat-input.svelte-1a2dhyn{flex:none;width:100%}.chat-input.svelte-1a2dhyn.svelte-1a2dhyn:focus{outline:none}.chat-input.svelte-1a2dhyn.svelte-1a2dhyn:disabled{background:transparent;cursor:not-allowed}.send-button.svelte-1a2dhyn.svelte-1a2dhyn{flex:none;box-sizing:border-box;height:32px;padding:0 14px;background:#1FB5FF;color:white;border:none;border-radius:999px;font-size:13px;font-weight:600;line-height:1;cursor:pointer;transition:background 0.15s, transform 0.05s, box-shadow 0.05s;min-width:56px;box-shadow:0 2px 0 rgba(0,0,0,0.18)}.send-button.svelte-1a2dhyn.svelte-1a2dhyn:hover:not(:disabled){background:#0E9CE6}.send-button.svelte-1a2dhyn.svelte-1a2dhyn:active:not(:disabled){transform:translateY(2px);box-shadow:none}.send-button.svelte-1a2dhyn.svelte-1a2dhyn:disabled{background:#ccc;cursor:not-allowed;box-shadow:none}.chat-messages.svelte-1a2dhyn.svelte-1a2dhyn::-webkit-scrollbar{width:8px;height:8px}.chat-messages.svelte-1a2dhyn.svelte-1a2dhyn::-webkit-scrollbar-track{background:#f1f1f1}.chat-messages.svelte-1a2dhyn.svelte-1a2dhyn::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.chat-messages.svelte-1a2dhyn.svelte-1a2dhyn::-webkit-scrollbar-thumb:hover{background:#555}
.help-panel.svelte-1akmh5q{position:fixed;right:10px;bottom:28px;min-width:480px;background:#fff;z-index:998;border-radius:10px;box-shadow:0 6px 28px rgba(0,0,0,0.25);overflow:hidden;display:flex;flex-direction:column}.help-resizer.svelte-1akmh5q{position:absolute;left:0;top:0;width:6px;height:100%;cursor:ew-resize;z-index:3}.help-resizer-t.svelte-1akmh5q{position:absolute;left:6px;right:0;top:0;height:6px;cursor:ns-resize;z-index:3}.help-header.svelte-1akmh5q{position:relative;box-sizing:border-box;height:52px;background:#ffffff;border-bottom:1px solid #ECEEF1;display:flex;align-items:center;padding:0 16px}.help-title.svelte-1akmh5q{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);font-size:16px;font-weight:700;letter-spacing:-0.02em;color:#1B1F24;pointer-events:none}.help-navbtn.svelte-1akmh5q,.help-extlink.svelte-1akmh5q,.help-close.svelte-1akmh5q{position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;background:transparent;border-radius:50%;cursor:pointer;color:#4A5159;transition:background 0.15s;z-index:1}.help-back.svelte-1akmh5q{left:12px}.help-fwd.svelte-1akmh5q{left:48px}.help-extlink.svelte-1akmh5q{right:48px}.help-close.svelte-1akmh5q{right:12px}.help-navbtn.svelte-1akmh5q:hover:not(:disabled){background:#E8F7FF}.help-extlink.svelte-1akmh5q:hover,.help-close.svelte-1akmh5q:hover{background:#F4F5F7}.help-navbtn.svelte-1akmh5q:disabled{opacity:0.38;cursor:default}.help-navbtn.svelte-1akmh5q img,.help-close.svelte-1akmh5q img{display:block;pointer-events:none}.help-content.svelte-1akmh5q{flex:1;overflow-y:auto;overflow-x:hidden;padding:18px 22px 40px;font-size:14px;line-height:1.7;color:#24292f;word-break:break-word}.help-status.svelte-1akmh5q{padding:24px 4px;color:#888;font-size:13px;word-break:break-all}.help-content.svelte-1akmh5q h1{font-size:1.6em;margin:0.6em 0 0.4em;padding-bottom:.2em;border-bottom:1px solid #eaecef}.help-content.svelte-1akmh5q h2{font-size:1.3em;margin:1.2em 0 0.4em;padding-bottom:.2em;border-bottom:1px solid #eaecef}.help-content.svelte-1akmh5q h3{font-size:1.1em;margin:1em 0 0.3em}.help-content.svelte-1akmh5q h4{font-size:1em;margin:1em 0 0.3em}.help-content.svelte-1akmh5q p{margin:0.6em 0}.help-content.svelte-1akmh5q ul,.help-content.svelte-1akmh5q ol{margin:0.5em 0;padding-left:1.4em}.help-content.svelte-1akmh5q li{margin:0.2em 0}.help-content.svelte-1akmh5q a{color:#0969da;text-decoration:none}.help-content.svelte-1akmh5q a:hover{text-decoration:underline}.help-content.svelte-1akmh5q img{max-width:100%;height:auto}.help-content.svelte-1akmh5q .help-block-image{display:block;margin:0.6rem 0;max-width:100%;height:auto}.help-content.svelte-1akmh5q .help-block-image-row{display:inline-block;margin:0.6rem 6px 0.6rem 0;max-width:100%;height:auto;vertical-align:top}.help-content.svelte-1akmh5q .help-block-image-inline{display:inline-block;height:1.2em;vertical-align:-0.2em;margin:0 2px}.help-content.svelte-1akmh5q code{background:#f0f2f5;padding:.15em .35em;border-radius:4px;font-size:0.9em;font-family:monospace}.help-content.svelte-1akmh5q pre{background:#f6f8fa;padding:12px 14px;border-radius:8px;overflow-x:auto}.help-content.svelte-1akmh5q pre code{background:transparent;padding:0}.help-content.svelte-1akmh5q table{border-collapse:collapse;margin:0.8em 0;display:block;overflow-x:auto;max-width:100%}.help-content.svelte-1akmh5q th,.help-content.svelte-1akmh5q td{border:1px solid #d0d7de;padding:6px 12px;text-align:left}.help-content.svelte-1akmh5q th{background:#f6f8fa}.help-content.svelte-1akmh5q blockquote{margin:0.6em 0;padding:0 1em;color:#57606a;border-left:3px solid #d0d7de}
/* customized css for Tutorial */

.shepherd-button{
    width: 50vw;
    height: 50px;
    background: white; /* #3288e6; */
    border-top: 2px solid black;
    /*border-radius:3px;*/
    color: black; /* hsla(0,0%,100%,.75); */
    font-weight: 600;
    cursor:pointer;
    margin: 0; /* margin-right:.5rem;
    padding: 0; padding:.5rem 1.5rem; */
    transition:all .5s ease
    
}
 .shepherd-button:not(:disabled):hover{
    background: #FFE072; /* #196fcc; */
    color: black; /* hsla(0,0%,100%,.75) */
}
 .shepherd-button.shepherd-button-secondary{
    background:#f1f2f3;
    color:rgba(0,0,0,.75);
    border-right: 2px solid black;
}
 .shepherd-button.shepherd-button-secondary:not(:disabled):hover{
    background:#d6d9db;
    color:rgba(0,0,0,.75)
}
 .shepherd-button:disabled{
    cursor:not-allowed
}
 .shepherd-footer{
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
    display:flex;
    justify-content:flex-end;
    padding:0;  /*.75rem .75rem*/
    margin:0;
}
 .shepherd-footer .shepherd-button:last-child{
    margin-right:0
}
 .shepherd-cancel-icon{
    background:transparent;
    border:none;
    color: rgba(0,0,0,0.5); /*hsla(0,0%,50%,.75);*/
    cursor:pointer;
    font-size:1.5em;
    font-weight:600;
    margin:0;
    padding:0;
    transition:color .5s ease
}
 .shepherd-cancel-icon:hover{
    color:rgba(0,0,0,.75)
}
 .shepherd-has-title .shepherd-content .shepherd-cancel-icon{
    color:hsla(0,0%,50%,.75)
}
 .shepherd-has-title .shepherd-content .shepherd-cancel-icon:hover{
    color:rgba(0,0,0,.75)
}
 .shepherd-title{
    color:rgba(0,0,0,.75);
    display:flex;
    flex:1 0 auto;
    font-size:1rem;
    font-weight:600;
    margin:0;
    padding:0
}
 .shepherd-header{
    align-items:center;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    display:flex;
    justify-content:flex-end;
    line-height:2em;
    padding:.75rem .75rem 0;
}
 .shepherd-has-title .shepherd-content .shepherd-header{
    /*background: #e6e6e6;*/
    padding:1em;
}
 .shepherd-text{
    color:rgba(0,0,0,.75);
    font-size:1rem;
    line-height:1.3em;
    padding: 0 1em 1.5em 1em; /*.75em*/
    word-break: keep-all;
}
 .shepherd-text p{
    margin-top:0
}
 .shepherd-text p:last-child{
    margin-bottom:0
}
 .shepherd-content{
    border-radius:5px;
    outline:none;
    padding:0;
    margin: 0;
}
 .shepherd-element{
    background:#fff;
    pointer-events: auto;  /*added*/
    /* border: 0; */
    /* border-radius:5px; */
    box-shadow:0 1px 4px rgba(0,0,0,.2);
    padding: 0;
    margin:0;
    max-width:400px;
    opacity:0;
    outline:none;
    transition:opacity .3s,visibility .3s;
    visibility:hidden;
    width:100%;
    z-index:9999
}
 .shepherd-enabled.shepherd-element{
    opacity:1;
    visibility:visible;
}
 .shepherd-element[data-popper-reference-hidden]:not(.shepherd-centered){
    opacity:0;
    pointer-events:none;
    visibility:hidden
}
 .shepherd-element,.shepherd-element *,.shepherd-element :after,.shepherd-element :before{
    box-sizing:border-box
}
 .shepherd-arrow,.shepherd-arrow:before{
    height:16px;
    position:absolute;
    width:16px;
    z-index:-1
}
 .shepherd-arrow:before{
    background:#fff;
    content:"";
    transform:rotate(45deg)
}
 .shepherd-element[data-popper-placement^=top]>.shepherd-arrow{
    bottom:-16px
}
 .shepherd-element[data-popper-placement^=bottom]>.shepherd-arrow{
    top:-8px
}
 .shepherd-element[data-popper-placement^=left]>.shepherd-arrow{
    right:-8px
}
 .shepherd-element[data-popper-placement^=right]>.shepherd-arrow{
    left:-8px
}
 .shepherd-element.shepherd-centered>.shepherd-arrow{
    opacity:0
}
 .shepherd-element.shepherd-has-title[data-popper-placement^=bottom]>.shepherd-arrow:before{
    background-color: black /*#e6e6e6;*/
}
 .shepherd-target-click-disabled.shepherd-enabled.shepherd-target,.shepherd-target-click-disabled.shepherd-enabled.shepherd-target *{
    pointer-events:all;
    background: transparent;
    clip-path: inset(0 0 0 0)
}
 .shepherd-modal-overlay-container{
    height:0;
    left:0;
    opacity:0;
    overflow:hidden;
    pointer-events:none;
    position:fixed;
    top:0;
    transition:all .3s ease-out,height 0s .3s,opacity .3s 0s;
    width:100vw;
    z-index:9997;
}
 .shepherd-modal-overlay-container.shepherd-modal-is-visible{
    height:100vh;
    opacity:.3;
    transform:translateZ(0);
    transition:all .3s ease-out,height 0s 0s,opacity .3s 0s;
}
 .shepherd-modal-overlay-container.shepherd-modal-is-visible path{
    pointer-events:all;
    backdrop-filter: blur(5px); /*added*/
}

#block-layout.svelte-w8kq9b{position:absolute;top:0px;left:0px;right:0px;bottom:0px;padding:0px}#block-toolbar.svelte-w8kq9b{height:72px;display:grid;align-items:center}#project_filename{width:180px;height:34px;box-sizing:border-box;margin:0px 4px;padding:0px 12px;border:1px solid rgba(0, 0, 0, 0.1);border-radius:8px;background:rgba(255, 255, 255, 0.55);color:#333;font-family:inherit;font-size:14px;font-weight:600;outline:none;transition:background 0.15s, border-color 0.15s}#project_filename:hover{background:rgba(255, 255, 255, 0.8)}#project_filename:focus{background:#fff;border-color:rgba(0, 0, 0, 0.25)}#example-view.svelte-w8kq9b,#sound-view.svelte-w8kq9b,#extension-view.svelte-w8kq9b{position:absolute;top:0px;left:0px;right:0px;bottom:0px;padding:0px}.pairing_disconnected::before{content:url(./icons/menu/pairing_disconnected.svg)}.pairing_connected::before{content:url(./icons/menu/pairing_connected.svg)}.robot::before{content:url(./icons/menu/robot.svg)}.extension::before{content:url(./icons/menu/extension.svg)}.file::before{content:url(./icons/menu/file.svg)}.edit::before{content:url(./icons/menu/edit.svg)}.sounds::before{content:url(./icons/menu/sound.svg)}.examples::before{content:url(./icons/menu/example.svg)}.update::before{content:url(./icons/menu/update.svg)}.run::before{content:url(./icons/menu/play.svg)}.run_stop::before{content:url(./icons/menu/stop.svg)}.copy::before{content:url(./icons/menu/copy.svg)}.gpt_ai::before{content:url(./icons/menu/gpt_ai.svg)}.gpt_error::before{content:url(./icons/menu/gpt_error.svg)}.block::before{content:url(./icons/menu/block.svg)}.javascript::before{content:url(./icons/menu/javascript.svg)}.python::before{content:url(./icons/menu/python.svg)}.setting::before{content:url(./icons/menu/setting.svg)}.support::before{content:url(./icons/menu/help.svg)}.rescan::before{content:url(./icons/menu/rescan.svg)}.toggle_left::before,.toggle_right::before{content:"";width:100%;height:100%;background:center / 32px 32px no-repeat}.toggle_left::before{background-image:url(./icons/menu/toggle_left.svg)}.toggle_right::before{background-image:url(./icons/menu/toggle_right.svg)}.w2ui-icon-check::before{content:"\f00c";font-family:"Font Awesome 5 Free";font-size:12px;font-weight:900}