.TutorialCard2XH0Nnhtx8xA{--TutorialCard-bg: var(--white);--TutorialCard-bg-unpublished: var(--gray100);--TutorialCard-shadow: 0 1px 2px rgba(black, 0.05), 0 2px 5px rgba(black, 0.02);--TutorialCard-text-color: var(--color-text-default);--TutorialCard-steps-color: var(--color-text-muted)}[data-color-mode=dark] .TutorialCard2XH0Nnhtx8xA{--TutorialCard-bg: var(--gray20);--TutorialCard-bg-unpublished: var(--gray10);--TutorialCard-shadow: 0 1px 2px rgba(black, 0.1), 0 2px 5px rgba(black, 0.1);--TutorialCard-text-color: white}@media(prefers-color-scheme: dark){[data-color-mode=auto] .TutorialCard2XH0Nnhtx8xA,[data-color-mode=system] .TutorialCard2XH0Nnhtx8xA{--TutorialCard-bg: var(--gray20);--TutorialCard-bg-unpublished: var(--gray10);--TutorialCard-shadow: 0 1px 2px rgba(black, 0.1), 0 2px 5px rgba(black, 0.1);--TutorialCard-text-color: white}}.TutorialCard2XH0Nnhtx8xA{background:var(--TutorialCard-bg);border:1px solid var(--color-border-default);border-radius:var(--border-radius-lg);-webkit-box-shadow:var(--TutorialCard-shadow);box-shadow:var(--TutorialCard-shadow);color:var(--TutorialCard-text-color);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;line-height:1.5;max-width:360px;min-width:240px;position:relative}.TutorialCard_unpublished29bfESQoG_-7{background:var(--TutorialCard-bg-unpublished)}.TutorialCard_unpublished29bfESQoG_-7 .TutorialCard-Avatar2GqJCrkbnRPc,.TutorialCard_unpublished29bfESQoG_-7 .TutorialCard-Title3uoQf4kF9mQC,.TutorialCard_unpublished29bfESQoG_-7 .TutorialCard-Description2yaRK8FfwVRG,.TutorialCard_unpublished29bfESQoG_-7 .TutorialCard-Steps2mMaj5E6nS5t{opacity:.75}.TutorialCard-Status3fMf38SYMYKV{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#384248;border-radius:25px;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:12px;font-weight:600;height:25px;padding:0 8px;position:absolute;right:10px;top:10px}.TutorialCard-Status_featured3V5303ZsGONv{background:#f7c543;color:#6a4d04}.TutorialCard-Status_noemojicuf_-hJW6Beh{margin:-10px -10px 10px auto;position:inherit}.TutorialCard-Status-Icon3_BLJqPEVdz6{margin-right:3px}.TutorialCard-TopnKen9BUvK2xm{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:20px}.TutorialCard-TopnKen9BUvK2xm+.TutorialCard-Toolbar3X9b5oTS48YN{-webkit-box-shadow:inset 0 1px 0 var(--color-border-default);box-shadow:inset 0 1px 0 var(--color-border-default)}.TutorialCard-Avatar2GqJCrkbnRPc{margin-bottom:15px}.TutorialCard-Title3uoQf4kF9mQC{font-size:16px;font-weight:600}.TutorialCard-Description2yaRK8FfwVRG{font-size:14px;margin-right:40px;margin-top:5px;word-break:break-word}.TutorialCard-Steps2mMaj5E6nS5t{color:var(--TutorialCard-steps-color);-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;font-size:14px;margin-top:10px}.TutorialCard-Button3TbA37xdNo1S{background:var(--recipe-button-color, #018ef5);margin-top:15px}.TutorialCard-Button3TbA37xdNo1S:hover{background:var(--recipe-button-color-hover, #027ff1)}.TutorialCard-Button3TbA37xdNo1S:active{background:var(--recipe-button-color-active, #0271d6)}.TutorialCard-Button3TbA37xdNo1S:focus{-webkit-box-shadow:0 0 0 3px var(--recipe-button-color-focus, rgba(17, 140, 253, 0.25));box-shadow:0 0 0 3px var(--recipe-button-color-focus, rgba(17, 140, 253, 0.25))}.TutorialCard-Button3TbA37xdNo1S:disabled{background:var(--recipe-button-color-disabled, #70bafe)}.TutorialCard-Toolbar3X9b5oTS48YN{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:0 0 var(--border-radius) var(--border-radius);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.TutorialCard-Toolbar-Wrapper3NDfE28R-0o7{overflow-x:auto;white-space:nowrap}.TutorialCard-Toolbar-Button2exWkbij-1Mw,.TutorialCard-Toolbar-Arrow2kcHB9xCpOA1{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:none;border:0;color:inherit;cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:inherit;font-weight:600;height:39px;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;padding:0 8px;position:relative;white-space:nowrap}.TutorialCard-Toolbar-Button2exWkbij-1Mw:focus,.TutorialCard-Toolbar-Arrow2kcHB9xCpOA1:focus{outline:none}.TutorialCard-Toolbar-Button2exWkbij-1Mw:disabled,.TutorialCard-Toolbar-Arrow2kcHB9xCpOA1:disabled{cursor:not-allowed;opacity:.5}.TutorialCard-Toolbar-Button2exWkbij-1Mw+.TutorialCard-Toolbar-Button2exWkbij-1Mw,.TutorialCard-Toolbar-Arrow2kcHB9xCpOA1+.TutorialCard-Toolbar-Button2exWkbij-1Mw{margin-left:4px}.TutorialCard-Toolbar-Button2exWkbij-1Mw+.TutorialCard-Toolbar-Button2exWkbij-1Mw::before,.TutorialCard-Toolbar-Arrow2kcHB9xCpOA1+.TutorialCard-Toolbar-Button2exWkbij-1Mw::before{background:#c4c4c4;border-radius:4px;content:"";display:block;height:4px;left:-4px;position:absolute;width:4px}.TutorialCard-Toolbar-Button2exWkbij-1Mw{font-size:13px;text-decoration:underline}.TutorialCard-Toolbar-Button2exWkbij-1Mw:not(:disabled):hover,.TutorialCard-Toolbar-Button2exWkbij-1Mw:not(:disabled):active,.TutorialCard-Toolbar-Button2exWkbij-1Mw:not(:disabled):focus{text-decoration:none}.TutorialCard-Toolbar-Button_red3BD6ip1Vfdc1{color:#e95f6a}.TutorialCard-Toolbar-Button_red3BD6ip1Vfdc1:disabled{color:rgba(233,95,106,.5)}.TutorialCard-Toolbar-Arrow2kcHB9xCpOA1{font-size:11px;opacity:.9;text-decoration:none}.TutorialCard-Toolbar-Arrow2kcHB9xCpOA1:not(:disabled):hover,.TutorialCard-Toolbar-Arrow2kcHB9xCpOA1:not(:disabled):active,.TutorialCard-Toolbar-Arrow2kcHB9xCpOA1:not(:disabled):focus{opacity:1}
.TutorialObstaclewjLFIF8MK2YU{background:#384248;border-radius:6px;-webkit-box-shadow:0 3px 15px rgba(0,0,0,.1);box-shadow:0 3px 15px rgba(0,0,0,.1);-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;margin:70px auto;max-width:580px;padding-top:40px;position:relative}.TutorialObstacle-ClosesEyosrZJK0jo{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:none;border:0;-webkit-box-shadow:none;box-shadow:none;color:#939eae;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:1.15em;position:absolute;right:10px;top:10px}.TutorialObstacle-ClosesEyosrZJK0jo:hover,.TutorialObstacle-ClosesEyosrZJK0jo:active,.TutorialObstacle-ClosesEyosrZJK0jo:focus{color:#f0f0f0}.TutorialObstacle-ClosesEyosrZJK0jo:focus{outline:0}.TutorialObstacle-Top2qQEk0PRh1rW{padding-left:40px;padding-right:40px}.TutorialObstacle-Title13NNBMv1y53z,.TutorialObstacle-Description1cNp9Jg9qmig{text-align:center}.TutorialObstacle-Description1cNp9Jg9qmig{line-height:1.5;max-width:400px}.TutorialObstacle-Description1cNp9Jg9qmig.TutorialObstacle-Description1cNp9Jg9qmig.TutorialObstacle-Description1cNp9Jg9qmig{margin:0 auto 20px}.TutorialObstacle-Buttons2KwaGW4r91KK{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.TutorialObstacle-Buttons2KwaGW4r91KK .Button + .Button{margin-left:10px}.TutorialObstacle-ImgeJtK1jOoJGDU{display:-webkit-box;display:-ms-flexbox;display:flex;height:190px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:30px;overflow:hidden;pointer-events:none;position:relative}.TutorialObstacle-Img-Stars32oX6bz721uy{bottom:0;position:absolute}.TutorialObstacle-Img-Stars-StarmdjFgyLtp9c5{-webkit-animation:fadeIn35yPrT5kqR5x 1s linear infinite;animation:fadeIn35yPrT5kqR5x 1s linear infinite}@-webkit-keyframes fadeIn35yPrT5kqR5x{0%,100%{opacity:.25}50%{opacity:1}}@keyframes fadeIn35yPrT5kqR5x{0%,100%{opacity:.25}50%{opacity:1}}.TutorialObstacle-Img-Stars-StarmdjFgyLtp9c5:nth-child(odd){-webkit-animation-delay:.5s;animation-delay:.5s}.TutorialObstacle-Img-Card1woS_isf6p_d{left:0;margin:auto;position:absolute;right:0}.TutorialObstaclewjLFIF8MK2YU.paused circle,.TutorialObstaclewjLFIF8MK2YU.paused g{-webkit-animation-play-state:paused;animation-play-state:paused}
.TutorialTile1EmZZwscc8UV{--TutorialTile-bg: var(--white);--TutorialTile-shadow: 0 1px 2px rgba(black, 0.05), 0 2px 5px rgba(black, 0.02);--TutorialTile-link-color: var(--color-text-minimum);--TutorialTile-text-color: var(--color-text-default)}[data-color-mode=dark] .TutorialTile1EmZZwscc8UV{--TutorialTile-bg: var(--gray20);--TutorialTile-shadow: 0 1px 2px rgba(black, 0.1), 0 2px 5px rgba(black, 0.1)}@media(prefers-color-scheme: dark){[data-color-mode=auto] .TutorialTile1EmZZwscc8UV,[data-color-mode=system] .TutorialTile1EmZZwscc8UV{--TutorialTile-bg: var(--gray20);--TutorialTile-shadow: 0 1px 2px rgba(black, 0.1), 0 2px 5px rgba(black, 0.1)}}.TutorialTile1EmZZwscc8UV{background:var(--TutorialTile-bg);border:1px solid var(--color-border-default);border-radius:var(--border-radius-lg);cursor:pointer;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-family:inherit;min-width:230px;overflow:hidden;position:relative;-webkit-transition:-webkit-box-shadow var(--transition-slow) var(--transition-timing);transition:-webkit-box-shadow var(--transition-slow) var(--transition-timing);transition:box-shadow var(--transition-slow) var(--transition-timing);transition:box-shadow var(--transition-slow) var(--transition-timing), -webkit-box-shadow var(--transition-slow) var(--transition-timing)}.TutorialTile1EmZZwscc8UV:hover{border-color:var(--color-input-border-hover)}.TutorialTile1EmZZwscc8UV:active,.TutorialTile1EmZZwscc8UV:focus{border-color:var(--color-input-border-active);-webkit-box-shadow:0 0 0 3px var(--color-input-border-focus);box-shadow:0 0 0 3px var(--color-input-border-focus)}.TutorialTile1EmZZwscc8UV::-moz-focus-inner{border:0}.TutorialTile1EmZZwscc8UV:focus{outline:none}.TutorialTile-Body1X3Rmz9bMZKI{display:-webkit-box;display:-ms-flexbox;display:flex;padding:10px}.TutorialTile-Body-AvatarPDAfW8WMgnEi{border-radius:var(--border-radius-lg, 7.5px);-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;margin-right:15px}.TutorialTile-Body-AvatarPDAfW8WMgnEi>span{font-size:30px}.TutorialTile-Body-Text3GQu19EGRxwE{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:left}.TutorialTile-Body-Text-TitleOyQYvfYa_PEo{color:var(--TutorialTile-text-color);display:-webkit-box;display:-ms-flexbox;display:flex;font-size:14px;font-weight:600;line-height:1.1}.TutorialTile-Body-Text-Action1lbXk8Bdpeol{color:var(--TutorialTile-link-color);font-size:12px}.TutorialTile-Body-Text-Action-Arrow3luK4BoOOHbE{color:inherit;margin-left:1px;position:relative;top:1px}.TutorialTile-NotificationgnmQarHB96TU{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#f8f8f8;border-top:1px solid #f0f0f0;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:13px;font-weight:600;height:40px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.TutorialTile-NotificationgnmQarHB96TU:focus{outline:none}.TutorialTile-NotificationgnmQarHB96TU .icon-eye-off{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#4f5a66;border-radius:20px;color:#fff;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:14px;height:20px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-right:5px;width:20px}.TutorialTile-Notification-Dismiss1zYCU7gfeTRh{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:none;border:0;color:#384248;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;font-family:inherit;font-size:13px;font-weight:600;margin-left:10px;padding:0 8px;position:relative}.TutorialTile-Notification-Dismiss1zYCU7gfeTRh:hover,.TutorialTile-Notification-Dismiss1zYCU7gfeTRh:active,.TutorialTile-Notification-Dismiss1zYCU7gfeTRh:focus{text-decoration:underline}.TutorialTile-Notification-Dismiss1zYCU7gfeTRh:focus{outline:none}.TutorialTile-Notification-Dismiss1zYCU7gfeTRh::before{background:#c4c4c4;border-radius:4px;content:"";display:block;height:4px;left:-4px;position:absolute;width:4px}
.TutorialEditor-Nav1-tiMlsFiog1{background:#242e34;-webkit-box-flex:0;-ms-flex:0 0 60px;flex:0 0 60px;padding-left:10px;padding-right:20px;position:relative}.TutorialEditor-Nav-Tab3f59BlirVrg6{opacity:.5}.TutorialEditor-Nav-Tab_active1vI3wMVwk6AP,.TutorialEditor-Nav-Tab3f59BlirVrg6:hover,.TutorialEditor-Nav-Tab3f59BlirVrg6:active,.TutorialEditor-Nav-Tab3f59BlirVrg6:focus{opacity:1}.TutorialEditor-Nav-PlusQl_RWFZUys4g{margin-left:0}.TutorialEditor-Nav-Plus-ClearWrapper2dzM4-hj7hWj{margin-top:-40px;min-width:201px;padding-top:40px}.TutorialEditor-Nav-Plus-ClearWrapper-BoxBXql6PHxIOL8{max-height:calc(100vh - 8.0911154714em - 130px);overflow:auto}@media(max-width: 1450px){.TutorialEditor-Nav-Plus-ClearWrapper-BoxBXql6PHxIOL8{max-height:calc(100vh - 2.645em - 130px)}}.TutorialEditor-Nav-Copy1JtRBIylFMGk{background:none;border:0;color:#fff;cursor:pointer;height:40px;opacity:.5;padding:10px;width:40px}.TutorialEditor-Nav-Copy1JtRBIylFMGk:hover,.TutorialEditor-Nav-Copy1JtRBIylFMGk:active,.TutorialEditor-Nav-Copy1JtRBIylFMGk:focus{opacity:1}.TutorialEditor-Nav-Copy1JtRBIylFMGk:focus{outline:0}.TutorialEditor-Nav-Copy1JtRBIylFMGk+.Dropdown{margin-left:0}.TutorialEditor-Nav1-tiMlsFiog1 .Dropdown-content{-webkit-transform:scale(0.97) translateY(-10px);transform:scale(0.97) translateY(-10px);-webkit-transform-origin:95% 0;transform-origin:95% 0;-webkit-transition:opacity .15s cubic-bezier(0.16, 1, 0.3, 1),-webkit-transform .3s cubic-bezier(0.16, 1, 0.3, 1);transition:opacity .15s cubic-bezier(0.16, 1, 0.3, 1),-webkit-transform .3s cubic-bezier(0.16, 1, 0.3, 1);transition:opacity .15s cubic-bezier(0.16, 1, 0.3, 1),transform .3s cubic-bezier(0.16, 1, 0.3, 1);transition:opacity .15s cubic-bezier(0.16, 1, 0.3, 1),transform .3s cubic-bezier(0.16, 1, 0.3, 1),-webkit-transform .3s cubic-bezier(0.16, 1, 0.3, 1)}.TutorialEditor-Nav1-tiMlsFiog1 .Dropdown-content_opened{-webkit-transform:none;transform:none}.TutorialEditor-Nav-Menu-List2jml_saSRxK8{background:var(--slate)}@media(max-width: 768px){.TutorialEditor-Nav-Menu-List2jml_saSRxK8{max-height:calc(100vh - 1.15em*2 - (440px))}}.TutorialEditor-Nav-Menu-List2jml_saSRxK8::before{display:none}.TutorialEditor-Nav-Menu-List_overflow2ScSERmKtd8a{overflow-y:auto}.TutorialEditor-Nav-Menu-List_onboarding3xwRsraFafQf{max-height:calc(100vh - 4.0455577357em*2 - (249px))}@media(max-width: 768px){.TutorialEditor-Nav-Menu-List_onboarding3xwRsraFafQf{max-height:calc(100vh - 1.15em*2 - (549px))}}.TutorialEditor-Nav-Menu-Method1wAZS9HAT0T3{-webkit-box-flex:0;-ms-flex:0 0 40px;flex:0 0 40px}.TutorialEditor-Nav-Menu-ReferenceGuide1RQX4fHfy3AS{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#3b4449;border:1px solid rgba(255,255,255,.15);border-radius:6px;display:-webkit-box;display:-ms-flexbox;display:flex;left:0;max-width:290px;padding:10px;position:absolute;right:0;top:calc(100% + 10px);z-index:1}.TutorialEditor-Nav-Menu-ReferenceGuide-DescriptionWPA9mb7UURDO{color:#fff;font-size:14px;margin:0}.TutorialEditor-Nav-Menu-ReferenceGuide-Description-Button2N2ybi1rHGy7{background:rgba(255,255,255,.2);border:0;border-radius:3px;color:#fff;cursor:pointer;display:block;font-size:13px;margin-top:5px;padding:3px 6px}.TutorialEditor-Nav-Menu-ReferenceGuide-Description-Button2N2ybi1rHGy7:hover,.TutorialEditor-Nav-Menu-ReferenceGuide-Description-Button2N2ybi1rHGy7:active,.TutorialEditor-Nav-Menu-ReferenceGuide-Description-Button2N2ybi1rHGy7:focus{background:rgba(255,255,255,.25)}.TutorialEditor-Nav-Menu-ReferenceGuide-Description-Button2N2ybi1rHGy7:focus{outline:0}.TutorialEditor-Nav-Menu-ReferenceGuide-AvatarXeSpCnDNeAF7{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;font-size:25px;margin-right:15px}.TutorialEditor-Nav-ButtonNUaiYDsWhLyU{max-width:275px}.TutorialEditor-Nav-Button-Link-Icon1Pe5iy5hxHTP{color:#fff;margin-left:5px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.TutorialEditor-Nav-Button-TextI5idUKB0ObHl,.TutorialEditor-Nav-Menu-TextWpbOw6yF5uJc{margin-left:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.TutorialEditor-Controls35J3W4eiVHvE{background:#242e34;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding:5px}.TutorialEditor-Controls-ControlWrapper1qFt8nQq5j-h{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#384248;border-radius:6px;color:#939eae;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:inherit;font-size:15px;height:25px;margin:5px;padding-left:8px;padding-right:5px}.TutorialEditor-Controls-ControlWrapper_select3qxqCIEE3TMV{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative}.TutorialEditor-Controls-ControlWrapper_select3qxqCIEE3TMV::after{bottom:auto;color:#939eae;content:"▼";display:block;font-size:9px;pointer-events:none;position:absolute;right:.7561436673em;top:auto}.TutorialEditor-Controls-ControlWrapper-Select128f4UhAAWsb,.TutorialEditor-Controls-ControlWrapper-InputfZBtq89YFtMW{background:inherit;border:0;color:#f0f0f0;font-size:inherit;margin-left:5px}.TutorialEditor-Controls-ControlWrapper-Select128f4UhAAWsb:focus,.TutorialEditor-Controls-ControlWrapper-InputfZBtq89YFtMW:focus{outline:0}.TutorialEditor-Controls-ControlWrapper-Select128f4UhAAWsb{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:20px}.TutorialEditor-Controls-ControlWrapper-InputfZBtq89YFtMW{width:75px}.TutorialEditor-Controls-ControlWrapper-InputfZBtq89YFtMW::-webkit-input-placeholder{color:#4f5a66}.TutorialEditor-Controls-ControlWrapper-InputfZBtq89YFtMW::-moz-placeholder{color:#4f5a66}.TutorialEditor-Controls-ControlWrapper-InputfZBtq89YFtMW:-ms-input-placeholder{color:#4f5a66}.TutorialEditor-Controls-ControlWrapper-InputfZBtq89YFtMW::-ms-input-placeholder{color:#4f5a66}.TutorialEditor-Controls-ControlWrapper-InputfZBtq89YFtMW::placeholder{color:#4f5a66}.TutorialEditor-Controls-Delete3ypW1pgQu9hT{background:none;border:0;color:#e95f6a;cursor:pointer;font-family:inherit;font-size:15px;margin:5px;white-space:nowrap}.TutorialEditor-Controls-Delete3ypW1pgQu9hT:focus{outline:0;text-decoration:underline}.TutorialEditor-Controls-Delete3ypW1pgQu9hT:disabled{color:rgba(233,95,106,.5);cursor:not-allowed}
.TutorialResponse-TooltipGxDmY1UwJ1ke{bottom:10px;color:#fff;cursor:pointer;opacity:.5;right:10px;z-index:1}.TutorialResponse-TooltipGxDmY1UwJ1ke.TutorialResponse-TooltipGxDmY1UwJ1ke[data-tooltip]:not([data-tooltip=""]){position:absolute}.TutorialResponse-TooltipGxDmY1UwJ1ke::after{font-family:var(--font-family)}.TutorialResponse-TooltipGxDmY1UwJ1ke:hover,.TutorialResponse-TooltipGxDmY1UwJ1ke:active,.TutorialResponse-TooltipGxDmY1UwJ1ke:focus{opacity:1}
.TutorialReferencePicker1mY3VUzbiIBC{--TutorialReferencePicker-bg: var(--gray90);--TutorialReferencePicker-check-color: var(--gray30);--TutorialReferencePicker-text-color: var(--gray20)}[data-color-mode=dark] .TutorialReferencePicker1mY3VUzbiIBC{--TutorialReferencePicker-bg: var(--gray20);--TutorialReferencePicker-check-color: white;--TutorialReferencePicker-text-color: white}@media(prefers-color-scheme: dark){[data-color-mode=auto] .TutorialReferencePicker1mY3VUzbiIBC,[data-color-mode=system] .TutorialReferencePicker1mY3VUzbiIBC{--TutorialReferencePicker-bg: var(--gray20);--TutorialReferencePicker-check-color: white;--TutorialReferencePicker-text-color: white}}.TutorialReferencePicker1mY3VUzbiIBC{background:var(--TutorialReferencePicker-bg);border:1px solid var(--color-input-border);border-radius:var(--border-radius);-webkit-box-shadow:none;box-shadow:none;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;max-width:none;overflow-y:auto}@media(min-width: 1029px){.TutorialReferencePicker1mY3VUzbiIBC{width:339px}}@media(max-width: 768px){.TutorialReferencePicker1mY3VUzbiIBC{max-width:calc(100vw - 101px)}}.TutorialReferencePicker-Headersbf8hlDxtmQE{-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--gray60);display:-webkit-box;display:-ms-flexbox;display:flex}.TutorialReferencePicker-Header-BackArrow2KzBizH6XV-f{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:12px;height:20px;opacity:.5;width:22px}.TutorialReferencePicker-Item2j0Eh81DuMwi{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;white-space:nowrap}.TutorialReferencePicker-Item-Name3ERjkcQXOZDS{-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--TutorialReferencePicker-text-color);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;overflow:hidden}.TutorialReferencePicker-Item-Name-Method2vuKZI2lrx6-{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;margin-right:10px}.TutorialReferencePicker-Item-Name-Text3OIje_ecKjAY{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis}.TutorialReferencePicker-Check3eqbyrZHuCKx{color:var(--TutorialReferencePicker-check-color);-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;font-size:12px;margin-right:10px;opacity:.25;-webkit-transition:opacity var(--transition-slow) var(--transition-timing);transition:opacity var(--transition-slow) var(--transition-timing)}.TutorialReferencePicker-Check_selected1GSp3VtKVtv9{color:var(--green);opacity:1}
.TutorialReview3Zo5NgX1idsE{--RecipeReview-bg: white;--RecipeReview-text-color: var(--gray20)}[data-color-mode=dark] .TutorialReview3Zo5NgX1idsE{--RecipeReview-bg: var(--gray20);--RecipeReview-text-color: white}@media(prefers-color-scheme: dark){[data-color-mode=auto] .TutorialReview3Zo5NgX1idsE,[data-color-mode=system] .TutorialReview3Zo5NgX1idsE{--RecipeReview-bg: var(--gray20);--RecipeReview-text-color: white}}.TutorialReview3Zo5NgX1idsE{background:var(--RecipeReview-bg);border-radius:var(--border-radius);color:var(--RecipeReview-text-color);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-height:100%;overflow:visible}.TutorialReview-Fieldset3TRNVwKMTe1s{border:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:0;overflow:auto;padding:10px}.TutorialReview-Fieldset_emojiPicker350xs-6kozSE{overflow:visible}.TutorialReview-Fieldset_endpointsfZfTA-_6qbfU{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.TutorialReview-Fieldset3TRNVwKMTe1s+.TutorialReview-Fieldset3TRNVwKMTe1s{border-top:1px solid var(--color-border-default)}.TutorialReview-Fieldset-Header1RE7PWmrLNNL{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.TutorialReview-Fieldset-Avatari8oPrkENkDa_{cursor:pointer}.TutorialReview-Fieldset-Avatar_emptylDKjEb8x8K6m .Avatar-Text{-webkit-transform:scale(0.5);transform:scale(0.5)}.TutorialReview-Fieldset-Avatar_nobg3rv5L1_k5e5a{border:1px solid var(--color-border-default)}.TutorialReview-Fieldset-ClearWrapperUyoyqm77LUbA{margin-top:-40px;padding-top:40px}.TutorialReview-Fieldset-BoxuYrcD3ye26q_{max-height:325px;max-width:325px;overflow-y:auto;padding:5px}.TutorialReview-Fieldset-Label25vXXt0GJ-eV{font-size:14px;font-weight:600}.TutorialReview-Fieldset-Input2_7N-L1CrCCm,.TutorialReview-Fieldset-Textarea21zF5mqu1Nzd{width:100%}.TutorialReview-Fieldset-Textarea21zF5mqu1Nzd{height:120px;line-height:1.2}
.TutorialStep17YXytyQSafK{--RecipeStep-bg: white;--RecipeStep-bg-hover: var(--gray100);--RecipeStep-bg-closed: var(--gray20);--RecipeStep-bg-hover: var(--gray30)}[data-color-mode=dark] .TutorialStep17YXytyQSafK{--RecipeStep-bg: var(--gray15)}@media(prefers-color-scheme: dark){[data-color-mode=auto] .TutorialStep17YXytyQSafK,[data-color-mode=system] .TutorialStep17YXytyQSafK{--RecipeStep-bg: var(--gray15)}}.TutorialStep17YXytyQSafK{background:var(--RecipeStep-bg);border:1px solid rgba(0,0,0,0);border-radius:var(--border-radius);-webkit-transition:-webkit-box-shadow var(--transition-slow) var(--transition-timing);transition:-webkit-box-shadow var(--transition-slow) var(--transition-timing);transition:box-shadow var(--transition-slow) var(--transition-timing);transition:box-shadow var(--transition-slow) var(--transition-timing), -webkit-box-shadow var(--transition-slow) var(--transition-timing)}.TutorialStep17YXytyQSafK:focus:not(.TutorialSteps_open33GhI_4M3EtC){border-color:var(--color-input-border-active);-webkit-box-shadow:0 0 0 3px var(--color-input-border-focus);box-shadow:0 0 0 3px var(--color-input-border-focus);outline:0}[data-color-mode=dark] .TutorialStep_openRNEPtJpzBvDt{color:var(--white)}@media(prefers-color-scheme: dark){[data-color-mode=auto] .TutorialStep_openRNEPtJpzBvDt,[data-color-mode=system] .TutorialStep_openRNEPtJpzBvDt{color:var(--white)}}.TutorialStep_close2ABl7i0Kmbz3{background:var(--RecipeStep-bg-closed);cursor:pointer}.TutorialStep_close2ABl7i0Kmbz3:hover{background:var(--RecipeStep-bg-hover)}.TutorialStep_close2ABl7i0Kmbz3:hover .TutorialStep-Header-Title1Fzo_uxQf1Mc{opacity:1}.TutorialStep_close2ABl7i0Kmbz3 .TutorialStep-HeaderzmiqW9HnBYGt{border-radius:var(--border-radius);-webkit-box-shadow:none;box-shadow:none}.TutorialStep_close2ABl7i0Kmbz3 .TutorialStep-Header-Title1Fzo_uxQf1Mc{color:var(--white);opacity:.75}.TutorialStep_close2ABl7i0Kmbz3 .TutorialStep-Body2QETIZ44z6Wr{max-height:0;opacity:0;overflow:hidden;padding-bottom:0;padding-top:0}.TutorialStep17YXytyQSafK+.TutorialStep17YXytyQSafK{margin-top:10px}.TutorialStep-HeaderzmiqW9HnBYGt,.TutorialStep-Body2QETIZ44z6Wr,.TutorialStep-LineNumbers1aYXekLJoQM6{padding:10px}.TutorialStep-HeaderzmiqW9HnBYGt{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-shadow:inset 0 -1px 0 var(--color-border-default);box-shadow:inset 0 -1px 0 var(--color-border-default);display:-webkit-box;display:-ms-flexbox;display:flex}.TutorialStep-Header-Input1QmfZWT7XY13{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;min-width:0}.TutorialStep-Header-Input1QmfZWT7XY13[readonly]{cursor:pointer;font-weight:600;overflow:hidden;text-overflow:ellipsis}.TutorialStep-Header-Input1QmfZWT7XY13+.TutorialStep-Header-Button3FIl4vpmL_Dx{margin-left:4px}.TutorialStep-Header-Title1Fzo_uxQf1Mc{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:1em;font-weight:600;line-height:1.2;margin:0;padding:10px .87em}.TutorialStep-Header-Button3FIl4vpmL_Dx{font-size:18px;width:30px}.TutorialStep-Header-Button3FIl4vpmL_Dx:disabled{display:none}.TutorialStep-Body-Description3DKcHDPCus03{line-height:1.2;overflow-wrap:break-word;padding:.8695652174em;white-space:pre-wrap;white-space:break-spaces}.TutorialStep-Body-Description3DKcHDPCus03:empty{display:none}.TutorialStep-Body-Description3DKcHDPCus03.markdown-body{white-space:unset}.TutorialStep-Body-Description3DKcHDPCus03.markdown-body ul,.TutorialStep-Body-Description3DKcHDPCus03.markdown-body ol{padding-left:1em}.TutorialStep-Body-Description3DKcHDPCus03.markdown-body .CodeTabs-inner pre{margin-bottom:0 !important}.TutorialStep-Body-Textarea20i4pww4XhFI{height:120px;line-height:1.4}.TutorialStep-LineNumbers1aYXekLJoQM6{color:var(--color-text-muted);padding-top:0}.TutorialStep-LineNumbers1aYXekLJoQM6 span{font-size:13px;white-space:nowrap}.TutorialStep-LineNumbers1aYXekLJoQM6 label{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--color-input-background);border:1px solid var(--color-input-border);border-radius:var(--border-radius);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;height:30px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%}.TutorialStep-LineNumbers1aYXekLJoQM6 label:focus-within{border-color:var(--color-input-border-active);-webkit-box-shadow:0 0 0 3px var(--color-input-border-focus);box-shadow:0 0 0 3px var(--color-input-border-focus)}.TutorialStep-LineNumbers1aYXekLJoQM6 label input{background:none;border:none;margin-left:10px;padding:0}.TutorialStep-LineNumbers1aYXekLJoQM6 label input:focus{background:none;border:none;-webkit-box-shadow:none;box-shadow:none}.TutorialStep-LineNumbers-Tooltip1PU5pIvD2tni{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#939eae;border-radius:15px;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:7px;height:15px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-right:5px;text-align:center;width:15px}.TutorialStep-LineNumbers-Tooltip1PU5pIvD2tni::after{font-family:var(--font-family)}.TutorialStep-Footer2nACNekaPE4h{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding:10px}.TutorialStep-Footer-Button1DS5BR5dtsma .fa-arrow-circle-down{margin-left:4px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.TutorialStep17YXytyQSafK [readonly]{background:rgba(0,0,0,0);border-color:rgba(0,0,0,0);color:#fff}.TutorialStep17YXytyQSafK [readonly]:focus{border-color:rgba(0,0,0,0);-webkit-box-shadow:none;box-shadow:none}#react-app-content-container header.TutorialStep-HeaderzmiqW9HnBYGt,section#content header.TutorialStep-HeaderzmiqW9HnBYGt{border-bottom:0;margin:0;padding:10px}
.TutorialStepNavjGNakQPv9ttT{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.TutorialStepNav-Button1Xnq01p2aiMD{margin-top:10px;width:100%}
.TutorialModal2DKMwaV3uY11{height:100%;max-width:1200px;width:100%}[data-color-mode=dark] .TutorialModal2DKMwaV3uY11{--md-code-background: var(--gray10)}@media(prefers-color-scheme: dark){[data-color-mode=auto] .TutorialModal2DKMwaV3uY11,[data-color-mode=system] .TutorialModal2DKMwaV3uY11{--md-code-background: var(--gray10)}}.TutorialModal2DKMwaV3uY11 *[data-tooltip]:not([data-tooltip=""]){position:relative}.TutorialModal2DKMwaV3uY11 *[data-tooltip]:not([data-tooltip=""]):hover::after,.TutorialModal2DKMwaV3uY11 *[data-tooltip]:not([data-tooltip=""]):active::after,.TutorialModal2DKMwaV3uY11 *[data-tooltip]:not([data-tooltip=""]):focus::after{opacity:1}.TutorialModal2DKMwaV3uY11 *[data-tooltip]:not([data-tooltip=""])[data-tooltip-position=top]:hover::after,.TutorialModal2DKMwaV3uY11 *[data-tooltip]:not([data-tooltip=""])[data-tooltip-position=bottom]:hover::after,.TutorialModal2DKMwaV3uY11 *[data-tooltip]:not([data-tooltip=""])[data-tooltip-position=top]:active::after,.TutorialModal2DKMwaV3uY11 *[data-tooltip]:not([data-tooltip=""])[data-tooltip-position=bottom]:active::after,.TutorialModal2DKMwaV3uY11 *[data-tooltip]:not([data-tooltip=""])[data-tooltip-position=top]:focus::after,.TutorialModal2DKMwaV3uY11 *[data-tooltip]:not([data-tooltip=""])[data-tooltip-position=bottom]:focus::after{-webkit-transform:scale(1) translateX(-50%);transform:scale(1) translateX(-50%)}.TutorialModal2DKMwaV3uY11 *[data-tooltip]:not([data-tooltip=""])[data-tooltip-position=left]:hover::after,.TutorialModal2DKMwaV3uY11 *[data-tooltip]:not([data-tooltip=""])[data-tooltip-position=right]:hover::after,.TutorialModal2DKMwaV3uY11 *[data-tooltip]:not([data-tooltip=""])[data-tooltip-position=left]:active::after,.TutorialModal2DKMwaV3uY11 *[data-tooltip]:not([data-tooltip=""])[data-tooltip-position=right]:active::after,.TutorialModal2DKMwaV3uY11 *[data-tooltip]:not([data-tooltip=""])[data-tooltip-position=left]:focus::after,.TutorialModal2DKMwaV3uY11 *[data-tooltip]:not([data-tooltip=""])[data-tooltip-position=right]:focus::after{-webkit-transform:scale(1) translateY(-50%);transform:scale(1) translateY(-50%)}.TutorialModal2DKMwaV3uY11 *[data-tooltip]:not([data-tooltip=""])::after{background:#fff;border-radius:6px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.05),0 4px 15px rgba(0,0,0,.05);box-shadow:0 2px 8px rgba(0,0,0,.05),0 4px 15px rgba(0,0,0,.05);color:#384248;content:attr(data-tooltip);font-size:13px;font-weight:400;left:50%;line-height:1.5;opacity:0;padding:5px 10px;pointer-events:none;position:absolute;text-decoration:none;top:calc(100% + 5px);-webkit-transform:scale(0.95) translateX(-50%);transform:scale(0.95) translateX(-50%);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transition:opacity .3s cubic-bezier(0.16, 1, 0.3, 1),-webkit-transform .3s cubic-bezier(0.16, 1, 0.3, 1);transition:opacity .3s cubic-bezier(0.16, 1, 0.3, 1),-webkit-transform .3s cubic-bezier(0.16, 1, 0.3, 1);transition:opacity .3s cubic-bezier(0.16, 1, 0.3, 1),transform .3s cubic-bezier(0.16, 1, 0.3, 1);transition:opacity .3s cubic-bezier(0.16, 1, 0.3, 1),transform .3s cubic-bezier(0.16, 1, 0.3, 1),-webkit-transform .3s cubic-bezier(0.16, 1, 0.3, 1);white-space:nowrap;z-index:1000}.TutorialModal2DKMwaV3uY11 *[data-tooltip]:not([data-tooltip=""])[data-tooltip-position=top]::after,.TutorialModal2DKMwaV3uY11 *[data-tooltip]:not([data-tooltip=""])[data-tooltip-position=right]::after,.TutorialModal2DKMwaV3uY11 *[data-tooltip]:not([data-tooltip=""])[data-tooltip-position=left]::after{top:auto}.TutorialModal2DKMwaV3uY11 *[data-tooltip]:not([data-tooltip=""])[data-tooltip-position=top]::after{bottom:calc(100% + 5px);-webkit-transform:scale(0.95) translateX(-50%);transform:scale(0.95) translateX(-50%);-webkit-transform-origin:50% 0;transform-origin:50% 0}.TutorialModal2DKMwaV3uY11 *[data-tooltip]:not([data-tooltip=""])[data-tooltip-position=right]::after,.TutorialModal2DKMwaV3uY11 *[data-tooltip]:not([data-tooltip=""])[data-tooltip-position=left]::after{top:50%;-webkit-transform:scale(0.95) translateY(-50%);transform:scale(0.95) translateY(-50%)}.TutorialModal2DKMwaV3uY11 *[data-tooltip]:not([data-tooltip=""])[data-tooltip-position=right]::after{left:calc(100% + 5px);-webkit-transform-origin:0 50%;transform-origin:0 50%}.TutorialModal2DKMwaV3uY11 *[data-tooltip]:not([data-tooltip=""])[data-tooltip-position=left]::after{left:auto;right:calc(100% + 5px);-webkit-transform-origin:100% 50%;transform-origin:100% 50%}.TutorialModal_created3pKBUXYa2hrf{height:auto;max-width:580px;width:auto}.TutorialModal2DKMwaV3uY11 *{-webkit-box-sizing:border-box;box-sizing:border-box}.TutorialModal-ObstacleAnBBOjsR5QV_{margin:0}.TutorialModal-Form3O-VHwzfAZ0j{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%}.TutorialModal-Row2ZUkoDS812Kj{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;overflow:hidden}@media(max-width: 1028px){.TutorialModal-Row2ZUkoDS812Kj{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.TutorialModal-Col2yWaY0Aeb_pI{background:#242e34;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow-y:auto;position:relative}.TutorialModal-Col_stepsnYpMGARR6goa{background:#242e34;border-right:1px solid rgba(255,255,255,.1);overflow-y:auto;padding:20px}@media(min-width: 1029px){.TutorialModal-Col_stepsnYpMGARR6goa{-webkit-box-flex:0;-ms-flex:0 0 400px;flex:0 0 400px}}@media(max-width: 1028px){.TutorialModal-Col_stepsnYpMGARR6goa{border-bottom:1px solid rgba(255,255,255,.1);border-right:0}}.TutorialModal-Col_review1UVumJx-eght{background:#242e34;padding:20px}.TutorialModal-Col_review1UVumJx-eght:first-child{border-right:1px solid rgba(255,255,255,.1)}@media(min-width: 1029px){.TutorialModal-Col_review1UVumJx-eght:first-child{-webkit-box-flex:0;-ms-flex:0 0 400px;flex:0 0 400px}}@media(max-width: 1028px){.TutorialModal-Col_review1UVumJx-eght:first-child{border-bottom:1px solid rgba(255,255,255,.1);border-right:0;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;min-height:430px}}.TutorialModal-Col_singleEditor7ytKhhjg1WZ9 .CodeEditor.CodeEditor.CodeEditor{border-top:0;max-height:none}.TutorialModal-Col-Input1wAc51ydctlf{--Input-background: var(--gray20);--Input-bg-focus-minimal: var(--gray30);--Input-border-hover: #60686d;color:#fff;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;margin-bottom:10px}.TutorialModal-Col-Wrapper37cCwechwJSP{background:#384248;border-radius:6px;padding:30px;pointer-events:none}.TutorialModal-Col-Wrapper37cCwechwJSP+.TutorialModal-Col-Wrapper37cCwechwJSP{margin-top:10px}.TutorialModal-Col-Wrapper-Caption3Ae31aYPqUiS{color:#939eae}.TutorialModal-Col-Wrapper-Card37wgJOEaI_rX{width:100%}.TutorialModal-Col-More31Elp_jebCyo{-ms-flex-item-align:end;align-self:flex-end;color:#fff;display:inline-block;font-weight:600;margin-top:15px;opacity:.6;text-decoration:none}.TutorialModal-Col-More31Elp_jebCyo:hover,.TutorialModal-Col-More31Elp_jebCyo:active,.TutorialModal-Col-More31Elp_jebCyo:focus{color:#fff;opacity:.75}.TutorialModal-Col-More31Elp_jebCyo:hover .TutorialModal-Col-More-Icon2CqSQXLArcqn,.TutorialModal-Col-More31Elp_jebCyo:active .TutorialModal-Col-More-Icon2CqSQXLArcqn,.TutorialModal-Col-More31Elp_jebCyo:focus .TutorialModal-Col-More-Icon2CqSQXLArcqn{opacity:.75;-webkit-transform:rotate(-45deg) translateX(2px);transform:rotate(-45deg) translateX(2px)}.TutorialModal-Col-More-Icon2CqSQXLArcqn{margin-left:5px;opacity:.5;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:opacity .3s cubic-bezier(0.16, 1, 0.3, 1),-webkit-transform .3s cubic-bezier(0.16, 1, 0.3, 1);transition:opacity .3s cubic-bezier(0.16, 1, 0.3, 1),-webkit-transform .3s cubic-bezier(0.16, 1, 0.3, 1);transition:opacity .3s cubic-bezier(0.16, 1, 0.3, 1),transform .3s cubic-bezier(0.16, 1, 0.3, 1);transition:opacity .3s cubic-bezier(0.16, 1, 0.3, 1),transform .3s cubic-bezier(0.16, 1, 0.3, 1),-webkit-transform .3s cubic-bezier(0.16, 1, 0.3, 1)}.TutorialModal-Nav35EY9eXE9xDI{background:#242e34;border-bottom:1px solid rgba(255,255,255,.1);color:#fff;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;overflow-x:auto;padding-left:20px;padding-right:10px}.TutorialModal-Nav-WrapperaCWncsmkXeB3{padding:20px 0}.TutorialModal-Nav35EY9eXE9xDI .Title{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.TutorialModal-Nav35EY9eXE9xDI.markdown-body>*{margin-bottom:0 !important;margin-top:0 !important}.TutorialModal-Nav-Avatar2c3GzxBxnqa7{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.TutorialModal-Nav-DescriptionzQ9ylPLdUVVk{color:#c6cbd3;font-size:14px}.TutorialModal-Nav-DescriptionzQ9ylPLdUVVk p{margin:0}.TutorialModal-Nav-Close21T9G69HRTTk{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:none;border:0;-webkit-box-shadow:none;box-shadow:none;color:#939eae;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:1.15em;margin-left:10px}.TutorialModal-Nav-Close21T9G69HRTTk:hover,.TutorialModal-Nav-Close21T9G69HRTTk:active,.TutorialModal-Nav-Close21T9G69HRTTk:focus{color:#f0f0f0}.TutorialModal-Nav-Close21T9G69HRTTk:focus{outline:0}.TutorialModal-Nav-Tab3QmVT9KBYPGH{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:none;border:0;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:1.15em;font-weight:600;height:59px;opacity:.5;padding:0;position:relative}@media(max-width: 520px){.TutorialModal-Nav-Tab3QmVT9KBYPGH{font-size:1em}}.TutorialModal-Nav-Tab3QmVT9KBYPGH:not(.TutorialModal-Nav-Tab_active2jbutg6iP0_O){cursor:pointer}.TutorialModal-Nav-Tab3QmVT9KBYPGH:not(.TutorialModal-Nav-Tab_active2jbutg6iP0_O):hover,.TutorialModal-Nav-Tab3QmVT9KBYPGH:not(.TutorialModal-Nav-Tab_active2jbutg6iP0_O):active,.TutorialModal-Nav-Tab3QmVT9KBYPGH:not(.TutorialModal-Nav-Tab_active2jbutg6iP0_O):focus{opacity:.75}.TutorialModal-Nav-Tab3QmVT9KBYPGH:focus{outline:0}.TutorialModal-Nav-Tab_active2jbutg6iP0_O{-webkit-box-shadow:inset 0 -3px 0 #4f5a66;box-shadow:inset 0 -3px 0 #4f5a66;opacity:1}.TutorialModal-Nav-Tab-Icon2IZc32kqwR7z{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#4f5a66;border-radius:6px;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:12px;height:20px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-right:10px;width:20px}@media(max-width: 1028px){.TutorialModal2DKMwaV3uY11{height:auto}}.TutorialModal2DKMwaV3uY11 .Dropdown-content .Dropdown-content .Menu{max-height:50vh;overflow-y:auto}.TutorialModal2DKMwaV3uY11 .CodeEditor{background:#242e34;-webkit-box-flex:1;-ms-flex:1 1 60%;flex:1 1 60%;font-size:14px;overflow:auto;white-space:pre}.TutorialModal2DKMwaV3uY11 .CodeEditor:last-child{border-top:1px solid rgba(255,255,255,.1);-webkit-box-flex:1;-ms-flex:1 1 40%;flex:1 1 40%;max-height:50%;padding-top:10px}.TutorialModal2DKMwaV3uY11 .CodeEditor .cm-s-material-palenight.CodeMirror,.TutorialModal2DKMwaV3uY11 .CodeEditor .cm-s-material-palenight .CodeMirror-gutters{background:#242e34}.TutorialModal2DKMwaV3uY11 .CodeEditor .CodeMirror{height:100%;padding-bottom:10px}.CodeEditor-Input_readonly .cm-linerow,.CodeEditor-Input_readonly:not(:hover) .cm-overlay>span,.CodeEditor-Input_readonly:not(:hover) .cm-overlay>p{-webkit-transition:none;transition:none}.CodeEditor-Input_readonly .cm-linerow.cm-overlay .cm-lineNumber{color:#bebcd7}.CodeEditor-Input_readonly .CodeMirror{overflow:visible}.CodeEditor-Input_readonly .CodeMirror .variable-underline{border-bottom:1px solid rgba(255,255,255,.2)}.CodeEditor-Input_readonly .CodeMirror .variable-underline:hover,.CodeEditor-Input_readonly .CodeMirror .variable-underline:active,.CodeEditor-Input_readonly .CodeMirror .variable-underline:focus{border-bottom-color:rgba(255,255,255,.4)}.CodeEditor-Input_readonly .CodeMirror select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(0,0,0,0);background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0iZmVhdGhlciBmZWF0aGVyLWNoZXZyb24tZG93biI+PHBvbHlsaW5lIHBvaW50cz0iNiA5IDEyIDE1IDE4IDkiPjwvcG9seWxpbmU+PC9zdmc+");background-position:100% 50%;background-repeat:no-repeat;background-size:15px;border:1px solid rgba(255,255,255,.2);border-radius:5px;position:relative;-webkit-transition:-webkit-box-shadow .15s cubic-bezier(0.16, 1, 0.3, 1);transition:-webkit-box-shadow .15s cubic-bezier(0.16, 1, 0.3, 1);transition:box-shadow .15s cubic-bezier(0.16, 1, 0.3, 1);transition:box-shadow .15s cubic-bezier(0.16, 1, 0.3, 1), -webkit-box-shadow .15s cubic-bezier(0.16, 1, 0.3, 1)}.CodeEditor-Input_readonly .CodeMirror select:hover,.CodeEditor-Input_readonly .CodeMirror select:active,.CodeEditor-Input_readonly .CodeMirror select:focus{border-bottom-color:rgba(255,255,255,.4)}.CodeEditor-Input_readonly .CodeMirror select:focus{outline:0}.TutorialEditor-Nav+.CodeEditor:not(.CodeEditor-Input_readonly) .CodeMirror-focused .CodeMirror-code>div:first-child .CodeMirror-line>span::after{opacity:0}.TutorialEditor-Nav+.CodeEditor:not(.CodeEditor-Input_readonly) .CodeMirror-line,.TutorialEditor-Nav+.CodeEditor:not(.CodeEditor-Input_readonly) .CodeMirror-code>div{position:static !important}.TutorialEditor-Nav+.CodeEditor:not(.CodeEditor-Input_readonly) .CodeMirror-code{position:relative}.TutorialEditor-Nav+.CodeEditor:not(.CodeEditor-Input_readonly) .CodeMirror-code>div:first-child .CodeMirror-line>span::after{background:rgba(36,46,52,.5);content:"";display:block;height:100%;inset:0;pointer-events:none;position:absolute;-webkit-transition:opacity .15s cubic-bezier(0.16, 1, 0.3, 1);transition:opacity .15s cubic-bezier(0.16, 1, 0.3, 1);width:100%}.TutorialEditor-Nav+.CodeEditor:not(.CodeEditor-Input_readonly) .CodeEditor-Highlight{position:relative;z-index:1}
/* BASICS */

.CodeMirror {
  /* Set height, width, borders, and global font properties here */
  font-family: monospace;
  height: 300px;
  color: black;
  direction: ltr;
}

/* PADDING */

.CodeMirror-lines {
  padding: 4px 0; /* Vertical padding around content */
}
.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
  padding: 0 4px; /* Horizontal padding of content */
}

.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  background-color: white; /* The little square between H and V scrollbars */
}

/* GUTTER */

.CodeMirror-gutters {
  border-right: 1px solid #ddd;
  background-color: #f7f7f7;
  white-space: nowrap;
}
.CodeMirror-linenumbers {}
.CodeMirror-linenumber {
  padding: 0 3px 0 5px;
  min-width: 20px;
  text-align: right;
  color: #999;
  white-space: nowrap;
}

.CodeMirror-guttermarker { color: black; }
.CodeMirror-guttermarker-subtle { color: #999; }

/* CURSOR */

.CodeMirror-cursor {
  border-left: 1px solid black;
  border-right: none;
  width: 0;
}
/* Shown when moving in bi-directional text */
.CodeMirror div.CodeMirror-secondarycursor {
  border-left: 1px solid silver;
}
.cm-fat-cursor .CodeMirror-cursor {
  width: auto;
  border: 0 !important;
  background: #7e7;
}
.cm-fat-cursor div.CodeMirror-cursors {
  z-index: 1;
}
.cm-fat-cursor-mark {
  background-color: rgba(20, 255, 20, 0.5);
  -webkit-animation: blink 1.06s steps(1) infinite;
  animation: blink 1.06s steps(1) infinite;
}
.cm-animate-fat-cursor {
  width: auto;
  border: 0;
  -webkit-animation: blink 1.06s steps(1) infinite;
  animation: blink 1.06s steps(1) infinite;
  background-color: #7e7;
}
@-webkit-keyframes blink {
  0% {}
  50% { background-color: transparent; }
  100% {}
}
@keyframes blink {
  0% {}
  50% { background-color: transparent; }
  100% {}
}

/* Can style cursor different in overwrite (non-insert) mode */
.CodeMirror-overwrite .CodeMirror-cursor {}

.cm-tab { display: inline-block; text-decoration: inherit; }

.CodeMirror-rulers {
  position: absolute;
  left: 0; right: 0; top: -50px; bottom: 0;
  overflow: hidden;
}
.CodeMirror-ruler {
  border-left: 1px solid #ccc;
  top: 0; bottom: 0;
  position: absolute;
}

/* DEFAULT THEME */

.cm-s-default .cm-header {color: blue;}
.cm-s-default .cm-quote {color: #090;}
.cm-negative {color: #d44;}
.cm-positive {color: #292;}
.cm-header, .cm-strong {font-weight: bold;}
.cm-em {font-style: italic;}
.cm-link {text-decoration: underline;}
.cm-strikethrough {text-decoration: line-through;}

.cm-s-default .cm-keyword {color: #708;}
.cm-s-default .cm-atom {color: #219;}
.cm-s-default .cm-number {color: #164;}
.cm-s-default .cm-def {color: #00f;}
.cm-s-default .cm-variable,
.cm-s-default .cm-punctuation,
.cm-s-default .cm-property,
.cm-s-default .cm-operator {}
.cm-s-default .cm-variable-2 {color: #05a;}
.cm-s-default .cm-variable-3, .cm-s-default .cm-type {color: #085;}
.cm-s-default .cm-comment {color: #a50;}
.cm-s-default .cm-string {color: #a11;}
.cm-s-default .cm-string-2 {color: #f50;}
.cm-s-default .cm-meta {color: #555;}
.cm-s-default .cm-qualifier {color: #555;}
.cm-s-default .cm-builtin {color: #30a;}
.cm-s-default .cm-bracket {color: #997;}
.cm-s-default .cm-tag {color: #170;}
.cm-s-default .cm-attribute {color: #00c;}
.cm-s-default .cm-hr {color: #999;}
.cm-s-default .cm-link {color: #00c;}

.cm-s-default .cm-error {color: #f00;}
.cm-invalidchar {color: #f00;}

.CodeMirror-composing { border-bottom: 2px solid; }

/* Default styles for common addons */

div.CodeMirror span.CodeMirror-matchingbracket {color: #0b0;}
div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #a22;}
.CodeMirror-matchingtag { background: rgba(255, 150, 0, .3); }
.CodeMirror-activeline-background {background: #e8f2ff;}

/* STOP */

/* The rest of this file contains styles related to the mechanics of
   the editor. You probably shouldn't touch them. */

.CodeMirror {
  position: relative;
  overflow: hidden;
  background: white;
}

.CodeMirror-scroll {
  overflow: scroll !important; /* Things will break if this is overridden */
  /* 50px is the magic margin used to hide the element's real scrollbars */
  /* See overflow: hidden in .CodeMirror */
  margin-bottom: -50px; margin-right: -50px;
  padding-bottom: 50px;
  height: 100%;
  outline: none; /* Prevent dragging from highlighting the element */
  position: relative;
}
.CodeMirror-sizer {
  position: relative;
  border-right: 50px solid transparent;
}

/* The fake, visible scrollbars. Used to force redraw during scrolling
   before actual scrolling happens, thus preventing shaking and
   flickering artifacts. */
.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  position: absolute;
  z-index: 6;
  display: none;
}
.CodeMirror-vscrollbar {
  right: 0; top: 0;
  overflow-x: hidden;
  overflow-y: scroll;
}
.CodeMirror-hscrollbar {
  bottom: 0; left: 0;
  overflow-y: hidden;
  overflow-x: scroll;
}
.CodeMirror-scrollbar-filler {
  right: 0; bottom: 0;
}
.CodeMirror-gutter-filler {
  left: 0; bottom: 0;
}

.CodeMirror-gutters {
  position: absolute; left: 0; top: 0;
  min-height: 100%;
  z-index: 3;
}
.CodeMirror-gutter {
  white-space: normal;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: -50px;
}
.CodeMirror-gutter-wrapper {
  position: absolute;
  z-index: 4;
  background: none !important;
  border: none !important;
}
.CodeMirror-gutter-background {
  position: absolute;
  top: 0; bottom: 0;
  z-index: 4;
}
.CodeMirror-gutter-elt {
  position: absolute;
  cursor: default;
  z-index: 4;
}
.CodeMirror-gutter-wrapper ::-moz-selection { background-color: transparent }
.CodeMirror-gutter-wrapper ::selection { background-color: transparent }
.CodeMirror-gutter-wrapper ::-moz-selection { background-color: transparent }

.CodeMirror-lines {
  cursor: text;
  min-height: 1px; /* prevents collapsing before first draw */
}
.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
  /* Reset some styles that the rest of the page might have set */ border-radius: 0;
  border-width: 0;
  background: transparent;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  white-space: pre;
  word-wrap: normal;
  line-height: inherit;
  color: inherit;
  z-index: 2;
  position: relative;
  overflow: visible;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-variant-ligatures: contextual;
  font-variant-ligatures: contextual;
}
.CodeMirror-wrap pre.CodeMirror-line,
.CodeMirror-wrap pre.CodeMirror-line-like {
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: normal;
}

.CodeMirror-linebackground {
  position: absolute;
  left: 0; right: 0; top: 0; bottom: 0;
  z-index: 0;
}

.CodeMirror-linewidget {
  position: relative;
  z-index: 2;
  padding: 0.1px; /* Force widget margins to stay inside of the container */
}

.CodeMirror-widget {}

.CodeMirror-rtl pre { direction: rtl; }

.CodeMirror-code {
  outline: none;
}

/* Force content-box sizing for the elements where we expect it */
.CodeMirror-scroll,
.CodeMirror-sizer,
.CodeMirror-gutter,
.CodeMirror-gutters,
.CodeMirror-linenumber {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.CodeMirror-measure {
  position: absolute;
  width: 100%;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.CodeMirror-cursor {
  position: absolute;
  pointer-events: none;
}
.CodeMirror-measure pre { position: static; }

div.CodeMirror-cursors {
  visibility: hidden;
  position: relative;
  z-index: 3;
}
div.CodeMirror-dragcursors {
  visibility: visible;
}

.CodeMirror-focused div.CodeMirror-cursors {
  visibility: visible;
}

.CodeMirror-selected { background: #d9d9d9; }
.CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; }
.CodeMirror-crosshair { cursor: crosshair; }
.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection { background: #d7d4f0; }
.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection { background: #d7d4f0; }
.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection { background: #d7d4f0; }

.cm-searching {
  background-color: #ffa;
  background-color: rgba(255, 255, 0, .4);
}

/* Used to force a border model for a node */
.cm-force-border { padding-right: .1px; }

@media print {
  /* Hide the cursor when printing */
  .CodeMirror div.CodeMirror-cursors {
    visibility: hidden;
  }
}

/* See issue #2901 */
.cm-tab-wrap-hack:after { content: ''; }

/* Help users use markselection to safely style text background */
span.CodeMirror-selectedtext { background: none; }

/* neo theme for codemirror */

/* Color scheme */

.cm-s-neo.CodeMirror {
  background-color:#ffffff;
  color:#2e383c;
  line-height:1.4375;
}
.cm-s-neo .cm-comment { color:#75787b; }
.cm-s-neo .cm-keyword, .cm-s-neo .cm-property { color:#1d75b3; }
.cm-s-neo .cm-atom,.cm-s-neo .cm-number { color:#75438a; }
.cm-s-neo .cm-node,.cm-s-neo .cm-tag { color:#9c3328; }
.cm-s-neo .cm-string { color:#b35e14; }
.cm-s-neo .cm-variable,.cm-s-neo .cm-qualifier { color:#047d65; }


/* Editor styling */

.cm-s-neo pre {
  padding:0;
}

.cm-s-neo .CodeMirror-gutters {
  border:none;
  border-right:10px solid transparent;
  background-color:transparent;
}

.cm-s-neo .CodeMirror-linenumber {
  padding:0;
  color:#e0e2e5;
}

.cm-s-neo .CodeMirror-guttermarker { color: #1d75b3; }
.cm-s-neo .CodeMirror-guttermarker-subtle { color: #e0e2e5; }

.cm-s-neo .CodeMirror-cursor {
  width: auto;
  border: 0;
  background: rgba(155,157,162,0.37);
  z-index: 1;
}


/*# sourceMappingURL=6670.8767cd0157e04dd27734.css.map*/