.microcontroller-modal.svelte-1xiw4ko{width:95vw;height:93vh;text-align:center;background:linear-gradient(90deg,#fff 50%,#c9f1d3 50%)!important}.microcontroller-area.svelte-1xiw4ko{display:grid;grid-template-columns:50% 50%}.microcontroller-area-left.svelte-1xiw4ko{width:100%}.microcontroller-area-right.svelte-1xiw4ko{width:100%;margin-left:45px}.micocontroller-upload-list.svelte-1xiw4ko ol:where(.svelte-1xiw4ko) li:where(.svelte-1xiw4ko){text-align:left;padding-botton:10px}.microcontroller-list.svelte-1xiw4ko{max-height:90vh;overflow-y:scroll}.microcontroller-list-item.svelte-1xiw4ko{display:grid;grid-template-columns:150px 1fr;gap:10px;padding:10px;border:1px solid #ddd;border-radius:5px;cursor:pointer}.microcontroller-list-item-info.svelte-1xiw4ko{text-align:left}.microcontroller-list-item.svelte-1xiw4ko h1:where(.svelte-1xiw4ko){margin-top:0;font-size:14px;margin-bottom:15px}.microcontroller-list-item-specs.svelte-1xiw4ko{display:flex;flex-wrap:wrap;margin-top:10px}.mcu-pill.svelte-1xiw4ko{background-color:#009323;color:#fff;border-radius:5px;padding:5px;margin-right:5px;margin-bottom:5px}.microcontroller-list-item-selected.svelte-1xiw4ko{background-color:#c9f1d3}.microcontroller-list-item.svelte-1xiw4ko img:where(.svelte-1xiw4ko){width:100%}.progress-container.svelte-1xiw4ko{width:100%;background-color:#ddd;border:2px solid darkgrey;border-radius:7px;margin:20px 0}.progress-bar.svelte-1xiw4ko{height:30px;width:0%;background-color:#ff6f6f;border:1px solid #c45757;border-radius:5px;text-align:center;line-height:30px;color:#fff}.microcontroller-modal.svelte-r01j5t{width:95vw;height:93vh;text-align:center;background:linear-gradient(90deg,#fff 50%,#c9f1d3 50%)!important}.microcontroller-area.svelte-r01j5t{display:grid;grid-template-columns:50% 50%}.microcontroller-area-left.svelte-r01j5t{width:100%}.microcontroller-area-right.svelte-r01j5t{width:100%;margin-left:45px}.microcontroller-modal.svelte-h85ttm{width:95vw;height:93vh;text-align:center;background:linear-gradient(90deg,#fff 50%,#c9f1d3 50%)!important}.microcontroller-area.svelte-h85ttm{display:grid;grid-template-columns:50% 50%}.microcontroller-area-left.svelte-h85ttm{width:100%}.microcontroller-area-right.svelte-h85ttm{width:100%;margin-left:45px}.project-filter-input.svelte-h85ttm{margin-bottom:.5rem}.select-project-list.svelte-h85ttm{height:calc(90vh - 160px);overflow-y:scroll}.no-results.svelte-h85ttm{color:#888;font-style:italic}.list-group-item.svelte-h85ttm:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.list-group-item.svelte-h85ttm{display:block;padding:.75rem 1.25rem;background-color:#fff;border:1px solid rgba(0,0,0,.125)}.list-group.svelte-h85ttm{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:0}.blockuino-open-project-headline.svelte-h85ttm{font-weight:600}.blockuino-open-project-description.svelte-h85ttm{text-align:left;width:calc(100% - 100px);font-style:italic}.float-right.svelte-h85ttm{float:right}.copy-form.svelte-h85ttm{padding:15px;background:#eee}.more-blocks-area.svelte-847o4m{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px;overflow-y:scroll;flex:1;min-height:0;padding:4px}.more-blocks-modal.svelte-847o4m>h1:where(.svelte-847o4m){margin:0 0 16px;padding:0 0 12px;font-size:24px;font-weight:200;color:var(--text-primary);border-bottom:2px solid var(--border-color);letter-spacing:-.3px}.more-blocks-modal.svelte-847o4m>h1:where(.svelte-847o4m) i:where(.svelte-847o4m){margin-right:8px;font-size:22px}.more-blocks-modal.svelte-847o4m .centered-modal-close:where(.svelte-847o4m){width:fit-content;margin-left:auto}.more-blocks-modal.svelte-847o4m{width:clamp(700px,70vw,70vw);height:clamp(600px,60vh,60vh);text-align:center;display:flex;flex-direction:column;overflow:hidden}.lib-box.svelte-847o4m{width:210px;height:320px;border:1.5px solid var(--border-color);border-radius:var(--border-radius);background:var(--card-bg);box-shadow:var(--shadow);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;display:flex;flex-direction:column;overflow:hidden}.lib-box.svelte-847o4m:hover{transform:translateY(-3px);box-shadow:0 8px 20px -4px #00000026}.lib-box.active.svelte-847o4m{border-color:var(--primary-color);background:var(--primary-light-bg)}.lib-box.svelte-847o4m .lib-img:where(.svelte-847o4m){width:100%;height:150px;background:var(--main-bg);cursor:pointer;overflow:hidden}.lib-box.svelte-847o4m .lib-img:where(.svelte-847o4m) img:where(.svelte-847o4m){width:100%;height:100%;object-fit:contain;margin:0;display:block;transition:transform .2s ease}.lib-box.svelte-847o4m .lib-img:where(.svelte-847o4m):hover img:where(.svelte-847o4m){transform:scale(1.05)}.lib-box.svelte-847o4m .lib-desc:where(.svelte-847o4m){border-top:1px solid var(--border-color);padding:12px 14px;font-weight:300;flex:1}.lib-box.svelte-847o4m .lib-desc:where(.svelte-847o4m) h1:where(.svelte-847o4m){padding:0;font-size:16px;margin:0 0 4px;color:var(--text-primary);text-align:center;font-weight:600}.lib-box.svelte-847o4m .lib-desc:where(.svelte-847o4m) p:where(.svelte-847o4m){margin:0;font-size:13px;color:var(--text-secondary);line-height:1.4}.lib-box.svelte-847o4m .lib-action:where(.svelte-847o4m){border-top:1px solid var(--border-color);padding:10px;text-align:center}.lib-box.active.svelte-847o4m .lib-action:where(.svelte-847o4m){background:transparent}.microcontroller-modal.svelte-fv0fkx{width:95vw;height:93vh;text-align:center;background:linear-gradient(90deg,#fff 50%,#c9f1d3 50%)!important}.microcontroller-area.svelte-fv0fkx{display:grid;grid-template-columns:50% 50%}.microcontroller-area-left.svelte-fv0fkx{width:100%}.microcontroller-area-right.svelte-fv0fkx{width:100%;margin-left:45px}#serialMonitorModal.svelte-fv0fkx textarea:where(.svelte-fv0fkx){width:85%;height:90vh}.serial-monitor-button.svelte-fv0fkx{padding:20px;border-radius:6px;border:1px solid #3c3c3c}.active-start-icon.svelte-fv0fkx{color:#28a745;font-size:28px}.disabled-start-icon.svelte-fv0fkx{color:#8ea593;font-size:28px}.active-stop-icon.svelte-fv0fkx{color:#a72828;font-size:28px}.disabled-stop-icon.svelte-fv0fkx{color:#a58e8e;font-size:28px}.show-video-modal.svelte-w7gjqz{grid-template-columns:clamp(120px,15vw,200px) auto;width:75vw;height:75vh}.show-video-modal.svelte-w7gjqz h1:where(.svelte-w7gjqz){margin:0;padding:0;font-size:28px;text-align:center}.show-video-modal.svelte-w7gjqz img:where(.svelte-w7gjqz){max-width:100%;border-radius:15px}.show-video-modal.svelte-w7gjqz .video-label:where(.svelte-w7gjqz){width:50vw;margin-left:0vw;margin-top:25px;margin-bottom:25px;text-align:center}.show-video-modal.svelte-w7gjqz iframe:where(.svelte-w7gjqz){width:50vw;height:60vh;margin-left:2.5vw}.show-video-modal.svelte-zh6slz{grid-template-columns:clamp(120px,15vw,200px) auto;width:75vw;height:75vh}.blockuino-header-area.svelte-8acwbs{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;border-bottom:1px solid #ccc}.blockly-area-tutorial.svelte-8acwbs .blockuino-header-area:where(.svelte-8acwbs){grid-column-start:1;grid-column-end:3}.blockuinp-color-pallette-popup.svelte-8acwbs{position:absolute;display:none;border:1px solid rgb(204,204,204);z-index:999;left:497.539px;top:733.963px;padding:15px;border-radius:5px;background-color:#fefefe}.code-editor-logo.svelte-8acwbs{max-height:40px;margin:0 50px 0 25px;max-width:200px;border-radius:0}.code-editor-buttons.svelte-8acwbs{float:right;padding-right:25px}.code-editor-buttons.svelte-8acwbs .btn:where(.svelte-8acwbs){font-weight:300}.code-editor-buttons.svelte-8acwbs .fa:where(.svelte-8acwbs){font-weight:300}.code-editor-buttons.svelte-8acwbs .fa-brands:where(.svelte-8acwbs){font-weight:300}.blockly-area.svelte-8acwbs{width:100%;height:calc(100vh - 135px)}.blockly-area-inline.svelte-8acwbs .blockly-area:where(.svelte-8acwbs){height:650px}.blockly-area-tutorial.svelte-8acwbs{display:grid;grid-template-columns:1fr 205px}.blockly-code-area-tutorial{width:calc(100% - 205px)!important;float:left}.blockly-fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;z-index:101;background:#fff;padding:15px}.blockly-fullscreen.svelte-8acwbs .blockly-area:where(.svelte-8acwbs){height:calc(100vh - 40px)}.blockly-fullscreen.svelte-8acwbs .taskSteps.taskSteps-tutorial:where(.svelte-8acwbs){height:calc(100vh - 40px)}.blockly-code-area.svelte-8acwbs{position:absolute;width:0;top:155px;left:100vw;height:0;transition:.5s;background:#0000;z-index:100;display:inline}.blockly-fullscreen.svelte-8acwbs .blockly-code-area:where(.svelte-8acwbs){top:75px;height:calc(100vh - 40px)}.blockly-area-inline.svelte-8acwbs .blockly-code-area:where(.svelte-8acwbs){position:relative;top:0}.blockly-area-tutorial.svelte-8acwbs .blockly-code-area:where(.svelte-8acwbs){z-index:110}.blockly-area-tutorial.svelte-8acwbs .blockly-code-area:where(.svelte-8acwbs){grid-column-start:1;grid-column-end:3}.blockly-code-area-visible.svelte-8acwbs{top:155px;left:20%;width:80%;height:calc(100vh - 160px);background:#000000a6;display:block}.clipboard-button.svelte-8acwbs{position:absolute;top:10px;right:20px;display:none;z-index:110;transition:.5s}.blockly-code-area-visible.svelte-8acwbs .clipboard-button:where(.svelte-8acwbs){display:block}.code-microcontroller-select.svelte-8acwbs{position:absolute;top:80px;right:20px;display:none;z-index:110;transition:.5s;color:#000;background-color:#fff;border-color:#aaa;padding:10px;border:1px solid transparent;border-radius:.25rem}.blockly-code-area-visible.svelte-8acwbs .code-microcontroller-select:where(.svelte-8acwbs){display:block}.blockly-code-area.svelte-8acwbs pre:where(.svelte-8acwbs){position:absolute;top:0;left:0;width:100%;background:none;padding:10px 0 0;margin:0;border:none;color:#fff;counter-reset:line}.blockly-code-area-visible.svelte-8acwbs pre:where(.svelte-8acwbs){position:absolute;top:0;left:0;width:100%;background:none;padding:10px 0 0;margin:0;border:none;color:#fff;counter-reset:line;overflow:scroll;height:calc(100% - 35px)}.blockly-code-area-visible pre code:before{counter-increment:line;content:counter(line);display:inline-block;border-right:1px solid #ddd;padding:0 .5em;color:#faff00;min-width:50px;text-align:right}.taskSteps.svelte-8acwbs{width:200px;z-index:105;background:#fff;margin-bottom:5px;float:right;overflow-y:scroll;height:calc(100vh - 135px)}.blockly-area-inline.svelte-8acwbs .taskSteps:where(.svelte-8acwbs){height:650px}.taskSteps.taskSteps-tutorial.svelte-8acwbs{height:calc(100vh - 135px)}.blockly-area-inline.svelte-8acwbs .taskSteps.taskSteps-tutorial:where(.svelte-8acwbs){height:650px}.taskStep-clickable.svelte-8acwbs{cursor:pointer}.task-area img{max-width:100%}#blockuinoInstructionsModal .task-area{max-height:70vh;overflow-y:scroll}.blockly-area-inline.svelte-8acwbs{max-height:520px;height:520px}.taskSteps.svelte-8acwbs .taskStep:where(.svelte-8acwbs){border:1px solid #ccc;border-radius:5px;padding:12px;margin-bottom:-1px;transition:.5s}.taskSteps.svelte-8acwbs .taskStep:where(.svelte-8acwbs) .taskStep-number:where(.svelte-8acwbs){margin-right:15px;color:maroon;margin-top:-10px;margin-left:20px}.taskSteps.svelte-8acwbs .taskStep:where(.svelte-8acwbs) .taskStep-label:where(.svelte-8acwbs){color:#000;margin-bottom:-8px;margin-left:20px}.taskSteps.svelte-8acwbs .taskStep.taskStep-passed:where(.svelte-8acwbs){background:#92d9574d;height:16px;font-size:12px}.taskStep-videoIcon.svelte-8acwbs{float:left;min-width:18px;max-width:24px;font-size:15px;margin-top:-12px}.taskSteps.svelte-8acwbs .taskStep.taskStep-passed:where(.svelte-8acwbs) .taskStep-label:where(.svelte-8acwbs){display:none}.taskSteps.svelte-8acwbs .taskStep.taskStep-passed:where(.svelte-8acwbs):hover{display:block;font-size:16px;height:auto}.taskSteps.svelte-8acwbs .taskStep.taskStep-passed:where(.svelte-8acwbs):hover .taskStep-label:where(.svelte-8acwbs){display:block}.taskSteps.svelte-8acwbs h1:where(.svelte-8acwbs){font-size:18px;text-align:center;color:#8b0e0d;border-bottom:1px solid #8b0e0d;padding-bottom:4px;letter-spacing:3px;margin-top:4px}.taskStep.svelte-8acwbs .taskStepCheck:where(.svelte-8acwbs){color:maroon;float:left;min-width:18px;max-width:24px;font-size:15px;margin-top:-12px}