@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");.playground-ide_fakeIdeContainer__D2Xxg{margin-bottom:32px}.playground-ide_ideWindow__mFH_7{font-family:Inter,sans-serif!important;border-radius:10px;width:100%;overflow:hidden;color:#fff;font-size:13px;background-color:#2c2d30;height:600px;display:flex;flex-flow:column nowrap;min-height:0;box-shadow:0 4px 30px 0 #00000040}.playground-ide_ideMainContent__DZMDC{width:100%;display:flex;flex-flow:row nowrap;flex-grow:1;min-height:0}.playground-ide_ideActionButton__lcvk_{height:30px;width:30px;border-radius:6px;border:none;padding:8px 0;cursor:pointer}.playground-ide_defaultIcon__9V5Em{width:12px!important;height:12px!important}.playground-ide_mediumIcon__JZwUX{width:16px!important;height:16px!important}.playground-ide_transparentButton__M4jzu{background-color:transparent;border:none;cursor:pointer;width:28px;height:28px;box-sizing:border-box;border-radius:4px;display:flex;align-items:center;justify-content:center;padding:0}.playground-ide_transparentButton__M4jzu:hover{background-color:#43454a}.playground-ide_error__d3ZY6{color:#db5c5c}.playground-ide_inlineButton__wKuEW{color:#6b9bfa;background-color:transparent;border:none;cursor:pointer;font-weight:500;font-size:12px;line-height:16px;padding:0}.playground-ide_toadHolder__mn936{width:100%;box-sizing:border-box;padding-left:min(900px,calc(72% - 194.4px) + 8px)}.playground-ide_ideHeaderPanel__6vEP2{width:100%;height:40px;display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;border-bottom:1px solid #1e1f22}.playground-ide_projectNamePanel__SKGcs{width:100%;max-width:500px;height:100%;background:linear-gradient(90deg,rgba(69,80,56,0) 0,#455038 50%,rgba(69,80,56,0));display:flex;flex-flow:row nowrap;align-items:center;padding-left:16px}.playground-ide_projectName__fF397{line-height:40px}.playground-ide_projectNameBadge__ueWEi{box-sizing:border-box;display:inline-block;width:20px;height:20px;font-weight:500;font-size:12px;letter-spacing:0;text-align:center;line-height:22px;font-family:monospace;background-color:#8aa959;border-radius:4px;margin-right:6px}.playground-ide_ideFakeButtonsContainer__RaNVK{display:flex;flex-flow:row nowrap;align-items:center;gap:8px;margin-right:26px}.playground-ide_ideFakeButton__m2NV5{width:12px;height:12px;border:1px solid #5a5d6b;border-radius:50%}.playground-ide_ideHeaderActionButtonsContainer__yn6xO{margin-right:6px}.playground-ide_ideHeaderActionButtonGreen__hG2EB{background-color:#599e5e}.playground-ide_ideHeaderActionButtonGreen__hG2EB:hover{background-color:#508453}.playground-ide_ideHeaderActionButtonRed__seSfH{background-color:#c94f4f}.playground-ide_ideHeaderActionButtonRed__seSfH:hover{background-color:#b04a4a}.playground-ide_ideHeaderActionButtonImage__GwbI9{height:14px;width:14px;margin:auto}.playground-ide_ideLeftSidePanel__boD44{width:40px;border-right:1px solid #1e1f22;padding:5px;box-sizing:border-box;flex-shrink:0}.playground-ide_ideLeftSidePanelActionButtonsContainer__prFT0{display:flex;flex-flow:column nowrap;gap:5px;align-items:center}.playground-ide_ideLeftSidePanelActionButton__fN05Y{background-color:transparent}.playground-ide_ideLeftSidePanelActionButton__fN05Y:hover{background-color:#393b40}.playground-ide_ideLeftSidePanelActionButton__fN05Y.playground-ide_selected__fp0oz{background-color:#467ff2}.playground-ide_ideLeftSidePanelActionButton__fN05Y.playground-ide_selected__fp0oz:hover{background-color:#3574f0}.playground-ide_horizontalSeparator__Li2tu{height:1px;width:24px;background-color:#43454a;margin:5px 0}.playground-ide_courseOverviewPanel__kYlCZ{height:100%;width:256px;font-weight:500;border-right:1px solid #1e1f22;flex-shrink:0}.playground-ide_courseOverviewTitle__96EiT{height:40px;line-height:40px;font-weight:600;padding:0 12px}.playground-ide_courseProgressBar__hhWso{height:4px;width:100%;background-color:#43454a;margin-bottom:4px}.playground-ide_courseProgressBarGreenLine__KV1Sl{height:100%;background-color:#57965c}.playground-ide_courseOverviewTasksListTitle__ZFjn5{padding-left:20px;height:24px;line-height:24px;display:flex;flex-flow:row nowrap;align-items:center;gap:8px}.playground-ide_courseOverviewTasksList__kgJNQ{display:flex;flex-flow:column nowrap;align-items:stretch}.playground-ide_courseOverviewTask__19Zyl{margin:0 12px;border:0;background-color:transparent;color:#fff;display:flex;flex-flow:row nowrap;align-items:center;gap:8px;padding:4px 22px;border-radius:4px;cursor:pointer;font-family:Inter,sans-serif;white-space:nowrap}.playground-ide_courseOverviewTaskTitle__NvaH9{flex-grow:1;text-align:left;line-height:16px}.playground-ide_courseOverviewTask__19Zyl.playground-ide_selected__fp0oz,.playground-ide_courseOverviewTask__19Zyl:hover{background-color:#2e436e}.playground-ide_ideEditorArea__UGM_r{flex-grow:1;flex-shrink:0;min-width:0;background-color:#1e1e1e}.playground-ide_ideEditorHeader__qEBqN{height:40px;line-height:40px;display:flex;flex-flow:row nowrap;gap:4px;align-items:center;color:#dfe1e5;padding:0 12px;border-bottom:1px solid #383a42}.playground-ide_ideEditor__AdLSy{height:calc(100% - 40px);background-color:#1e1e1e;padding:2px 0;box-sizing:border-box;min-width:0}.playground-ide_ideRightPanel__gu7c0{width:420px;border-left:1px solid #1e1f22;display:flex;flex-flow:column nowrap;flex-shrink:0;min-height:0}.playground-ide_ideRightPanelTitle__35SMC{height:40px;line-height:40px;font-weight:600;border-bottom:1px solid #1e1f22;padding:0 16px}.playground-ide_ideRightPanelTaskSwitchButtonsContainer__yehJ8{padding:12px 16px;display:flex;flex-flow:row nowrap;gap:8px;width:100%}.playground-ide_ideRightPanelTaskSwitchButton__hrnld{box-sizing:border-box;height:28px;width:28px;border:1px solid #4e5157;background-color:transparent;text-align:center;font-size:16px;font-weight:600;color:#fff;border-radius:4px;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;font-family:Inter,sans-serif}.playground-ide_ideRightPanelTaskSwitchButton__hrnld:hover{background-color:#393b40}.playground-ide_ideRightPanelTaskSwitchButton__hrnld.playground-ide_completed__tWpiR{border:1px solid #5fad65}.playground-ide_ideRightPanelTaskSwitchButton__hrnld.playground-ide_selected__fp0oz{border:2px solid #3574f0}.playground-ide_ideRightPanelTaskTitle__EtmCC{font-size:22px;font-weight:700;line-height:24px;margin:16px 0}.playground-ide_ideRightPanelContentArea__ofvKT{padding:0 16px;overflow-y:auto;flex-grow:1}.playground-ide_ideRightPanelContent__FwYhH{font-size:14px;line-height:21px;color:#bababa;margin-bottom:16px}.playground-ide_ideRightPanelContent__FwYhH strong{font-weight:600}.playground-ide_ideRightPanelContent__FwYhH i{font-style:italic}.playground-ide_ideRightPanelContent__FwYhH code{font-family:JetBrains Mono,monospace;font-weight:500;background-color:hsla(44,6%,50%,.15);padding:2px 4px;border-radius:4px;color:#eb5757}.playground-ide_ideRightPanelCollapsePanelLabel__5d1bN{font-weight:600;cursor:pointer;color:#366acf}.playground-ide_ideRightPanelContentCodeBlock__MZMYu{background-color:#1e1e1e;padding:4px;border-radius:4px;margin-bottom:8px}.playground-ide_ideRightPanelContentSubtitle__jGPU_{margin-bottom:6px;font-weight:600;font-size:16px;line-height:20px}.playground-ide_checkStatusMessageContainer__DaOk7{padding:0 16px}.playground-ide_checkStatusMessage__y2exh{border-top:1px solid #393b40;padding-top:13px;display:flex;flex-flow:row nowrap;align-items:flex-start;gap:4px;line-height:16px}.playground-ide_checkStatusMessageDescription__m_ntA{margin-top:16px;line-height:16px}.playground-ide_ideRightPanelButtonsContainer__GJybC{padding:16px;display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center}.playground-ide_ideRightPanelMainButtonsContainer__EXbr1{display:flex;flex-flow:row nowrap;gap:6px}.playground-ide_ideRightPanelButton__8TDVM{height:28px;min-width:72px;border-radius:4px;color:#fff;text-align:center;font-weight:500;line-height:16px;cursor:pointer;background-color:transparent;border:1px solid #4e5157;font-family:Inter,sans-serif}.playground-ide_primary__GgK2P{background-color:#3574f0;border:none}.playground-ide_ideRightPanelButton__8TDVM:hover:not([disabled]){border-color:#6f737a}.playground-ide_ideRightPanelButton__8TDVM.playground-ide_primary__GgK2P:hover:not([disabled]){background-color:#366acf}.playground-ide_ideRightPanelButton__8TDVM.playground-ide_primary__GgK2P:active:not([disabled]){background-color:#375fad}.playground-ide_ideRightPanelButton__8TDVM:focus{outline:2px solid #3574f0;border:1px solid #2c2d30}.playground-ide_ideRightPanelButton__8TDVM[disabled]{cursor:unset;color:#5a5d63;background-color:transparent;border:1px solid #43454a}.playground-ide_ideBottomPanel__W0jGp{border-top:1px solid #1e1f22;flex-shrink:0;height:200px}.playground-ide_ideBottomPanelHeader__0ru0W{height:40px;line-height:40px;display:flex;flex-flow:row nowrap;justify-content:space-between;gap:4px;align-items:center;color:#dfe1e5;padding:0 12px;border-bottom:1px solid #383a42;font-weight:600}.playground-ide_ideBottomPanelHeaderFilename__eOmaC{font-weight:500;display:inline-flex;flex-flow:row nowrap;gap:4px;align-items:center;margin-left:28px}.playground-ide_ideBottomPanelContent__iOlqD{display:block;height:calc(100% - 40px);overflow-y:auto;background-color:#1e1f22;padding:12px 0 0 12px;font-weight:500;font-size:13px;line-height:22px;font-family:JetBrains Mono,monospace}.playground-ide_ideBottomPanelContent__iOlqD.playground-ide_error__d3ZY6{color:#fa5c4a}.playground-ide_ideBottomPanelCloseButton__lSIxI{color:#fff}.animated-tab{overflow:hidden}.animated-tab,.animated-tab__indicator{position:absolute;top:0;left:0;width:100%;height:100%}.animated-tab__indicator{background-color:var(--rs-color-white-20);transition:transform 0ms linear;transform:translateX(-101%)}.animated-tab--active .animated-tab__indicator{transform:translateX(0)}:root{--slideshow-tab-width:480px;--slideshow-tab-lg-width:240px}.slideshow{position:relative;display:flex;border-radius:8px;gap:16px}@mediascreen and (max-width: 640px){.slideshow{flex-direction:column}}.slideshow__slides{position:relative;flex:1 1 auto;width:calc(100% - 480px);width:calc(100% - var(--slideshow-tab-width))}@mediascreen and (max-width: 1200px){.slideshow__slides{width:calc(100% - 240px);width:calc(100% - var(--slideshow-tab-lg-width))}}@mediascreen and (max-width: 640px){.slideshow__slides{width:100%}}.slideshow__slide{top:0;right:0;bottom:0;left:0;width:100%;height:100%}.slideshow__slide_visible{position:relative;opacity:1;visibility:visible;transition:opacity .5s linear 0s,visibility 0s linear 0s}.slideshow__slide_hidden{position:absolute;opacity:0;visibility:hidden;transition:opacity .5s linear 0s,visibility 0s linear .5s}.slideshow__slides-panel{display:flex;flex-direction:column;align-items:stretch;width:480px;width:var(--slideshow-tab-width);min-height:-moz-fit-content;min-height:fit-content;padding:18px 0;background-color:rgba(25,25,28,.05);background-color:var(--rs-color-black-t5)}@mediascreen and (max-width: 1200px){.slideshow__slides-panel{width:240px;width:var(--slideshow-tab-lg-width);padding:12px 0}}@mediascreen and (max-width: 640px){.slideshow__slides-panel{width:100%}}.slideshow__slides-switcher{position:relative;overflow-y:auto;flex-shrink:1;flex-grow:1;box-sizing:border-box;width:100%;padding:0 16px}@mediascreen and (max-width: 1200px){.slideshow__slides-switcher{padding:0 10px}}@mediascreen and (max-width: 640px){.slideshow__slides-switcher{padding:12px 0 0}}.slideshow__tab{position:relative;overflow:hidden;flex:0 0 auto;max-width:100%;padding:16px;border-radius:12px;cursor:pointer;text-align:left;background-color:var(--rs-color-white-20);-webkit-mask-image:-webkit-radial-gradient(#fff,#000)}@mediascreen and (max-width: 1200px){.slideshow__tab{padding:4px 10px}}.slideshow__tab:focus{outline:none}.slideshow__tab:focus[data-focus-method=key]{box-shadow:var(--rs-color-primary-light-theme-80) 0 0 0 4px}.slideshow__tab:hover,.slideshow__tab_active{background-color:#fff;background-color:var(--rs-color-white)}.slideshow__tab__description,.slideshow__tab__title{position:relative}.slideshow__learn-more{flex-shrink:0;padding:0 16px}@mediascreen and (max-width: 1200px){.slideshow__learn-more{padding:0 10px}}.slideshow__learn-more_btn{width:100%}.slideshow_panel-left{flex-direction:row-reverse}@mediascreen and (max-width: 640px){.slideshow_panel-left{flex-direction:column}}.slideshow_panel-top{flex-direction:column-reverse}.slideshow_panel-top .slideshow__slides-panel{padding:0;width:100%}.slideshow_panel-top .slideshow__slides-switcher{display:flex;gap:4px;padding:0}.slideshow_panel-top .slideshow__slides{width:100%}.slide{position:relative;height:100%;border-radius:16px;overflow:hidden}.slide img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top left;object-position:top left;cursor:pointer}.slide_panel-left img{border-radius:16px}.zoomControl{position:absolute;z-index:1;bottom:0;left:0;display:flex;content:"Zoom";color:#fff;color:var(--rs-color-white)}.zoomControlIcon,.zoomControlText{padding:8px;background-color:rgba(25,25,28,.8);background-color:var(--rs-color-black-t80)}.zoomControlText{opacity:0;padding-left:0;transition:opacity .2s ease-in-out}.zoomControl:hover .zoomControlText{opacity:1}:root{--slide-img-width:1100px;--slide-img-height:620px}.features-slideshow{background:none}.slideshow__slides-panel{border-radius:24px}.slideshow__slides-switcher{padding-left:16px;padding-right:16px}.slideshow__tab{background:none;margin-bottom:8px}.slideshow__tab__title{letter-spacing:normal;font-family:JetBrains Sans,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Droid Sans,Helvetica Neue,Arial,sans-serif;font-family:var(--rs-font-family-ui,var(--rs-font-family-jb-sans,"JetBrains Sans",Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Droid Sans","Helvetica Neue",Arial,sans-serif));font-feature-settings:"kern","liga","calt";font-size:20px;font-size:var(--rs-h3-font-size,20px);font-weight:530;font-weight:var(--rs-font-weight-semi-bold,530);line-height:28px;line-height:var(--rs-h3-line-height,28px);color:#19191c;color:var(--rs-typography-color-hard,#19191c);color:rgba(25,25,28,.7);color:var(--rs-color-black-t70)}.slideshow__tab__title svg{margin-right:8px;vertical-align:text-bottom}.slideshow__tab__description{letter-spacing:.0015em;font-family:JetBrains Sans,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Droid Sans,Helvetica Neue,Arial,sans-serif;font-family:var(--rs-font-family-ui,var(--rs-font-family-jb-sans,"JetBrains Sans",Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Droid Sans","Helvetica Neue",Arial,sans-serif));font-feature-settings:"kern","liga","calt";font-size:16px;font-size:var(--rs-text-2-font-size,16px);font-weight:400;line-height:24px;line-height:var(--rs-text-2-line-height,24px);.rs-reset-letter-spacing &{letter-spacing:normal}color:rgba(25,25,28,.7);color:var(--rs-typography-color-average,rgba(25,25,28,.7));margin-top:10px}@media screen and (max-width:1200px){.slideshow__tab__description{letter-spacing:.0045em;font-family:JetBrains Sans,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Droid Sans,Helvetica Neue,Arial,sans-serif;font-family:var(--rs-font-family-ui,var(--rs-font-family-jb-sans,"JetBrains Sans",Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Droid Sans","Helvetica Neue",Arial,sans-serif));font-feature-settings:"kern","liga","calt";font-size:13px;font-size:var(--rs-text-3-font-size,13px);line-height:20px;line-height:var(--rs-text-3-line-height,20px);.rs-reset-letter-spacing &{letter-spacing:normal}color:rgba(25,25,28,.7);color:var(--rs-typography-color-average,rgba(25,25,28,.7))}}.slideshow__tab_active,.slideshow__tab_active:active,.slideshow__tab_active:hover,.slideshow__tab_progress,.slideshow__tab_progress:active,.slideshow__tab_progress:hover{background-color:#4734d6}.slideshow__tab_active .slideshow__tab__title,.slideshow__tab_progress .slideshow__tab__title{color:#fff;color:var(--rs-typography-color-hard,#fff)}.slideshow__tab_active .slideshow__tab__description,.slideshow__tab_progress .slideshow__tab__description{letter-spacing:.0015em;font-family:JetBrains Sans,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Droid Sans,Helvetica Neue,Arial,sans-serif;font-family:var(--rs-font-family-ui,var(--rs-font-family-jb-sans,"JetBrains Sans",Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Droid Sans","Helvetica Neue",Arial,sans-serif));font-feature-settings:"kern","liga","calt";font-size:16px;font-size:var(--rs-text-2-font-size,16px);font-weight:400;line-height:24px;line-height:var(--rs-text-2-line-height,24px);.rs-reset-letter-spacing &{letter-spacing:normal}color:rgba(25,25,28,.7);color:var(--rs-typography-color-average,rgba(25,25,28,.7));color:#fff;color:var(--rs-typography-color-hard,#fff)}@media screen and (max-width:1200px){.slideshow__tab_active .slideshow__tab__description,.slideshow__tab_progress .slideshow__tab__description{letter-spacing:.0045em;font-family:JetBrains Sans,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Droid Sans,Helvetica Neue,Arial,sans-serif;font-family:var(--rs-font-family-ui,var(--rs-font-family-jb-sans,"JetBrains Sans",Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Droid Sans","Helvetica Neue",Arial,sans-serif));font-feature-settings:"kern","liga","calt";font-size:13px;font-size:var(--rs-text-3-font-size,13px);line-height:20px;line-height:var(--rs-text-3-line-height,20px);.rs-reset-letter-spacing &{letter-spacing:normal}color:rgba(25,25,28,.7);color:var(--rs-typography-color-average,rgba(25,25,28,.7));color:#fff;color:var(--rs-typography-color-hard,#fff)}}.animated-tab__indicator{z-index:-1;background-color:#6b57ff}.animated-tab__indicator--active:before{content:"";position:absolute;top:0;width:100%;height:100%;left:100%;right:0;background-color:rgba(37,37,37,.8)}.slide img{display:inline-block}.learn-in-ide_module__sxjRs{padding:96px 0 16px}@media screen and (max-width:640px){.learn-in-ide_module__sxjRs{padding:24px 0}}.learn-in-ide_title__04Zpt{margin-bottom:48px}.learn-in-ide_carousel__uADQn{display:flex;flex-direction:column-reverse;padding:24px;border-radius:24px;background-color:#6b57ff;background-color:var(--rs-color-primary-light-theme)}@media screen and (max-width:640px){.learn-in-ide_carousel__uADQn{margin-bottom:104px;padding:16px}}.learn-in-ide_carouselControls__uBop6{top:24px;right:24px;background-color:inherit}@media screen and (max-width:640px){.learn-in-ide_carouselControls__uBop6{top:auto;right:auto;bottom:-66px;left:50%;background-color:initial;transform:translateX(-50%)}}.learn-in-ide_description__hltHA{display:flex;flex-flow:row nowrap;justify-content:space-between;gap:270px;margin-bottom:64px}.learn-in-ide_descriptionMain__mPY1b{flex:80 1 auto;font-size:20px;line-height:28px}.learn-in-ide_descriptionSecondary__DMcdI{flex:43 1 auto;color:rgba(25,25,28,.7);color:var(--rs-color-black-t70);font-size:16px;line-height:24px}.learn-next_learnNext__PBmkj{padding:96px 0 48px;border-top:1px solid rgba(25,25,28,.2);border-top:1px solid var(--rs-color-black-t20)}.learn-next_cards__ItHvS{margin:42px 0}.learn-next_title__1kK5G{margin-bottom:48px}@media screen and (max-width:1000px){.learn-next_learnNext__PBmkj{padding:48px 0 12px}.learn-next_title__1kK5G{margin-bottom:32px}}@media screen and (max-width:640px){.learn-next_cards__ItHvS{margin:32px 0}}