.TutorialHero3tJ8Cd5oYe9Y{--TutorialHero-code-bg: var(--gray10);--TutorialHero-ellipse-bg: var(--gray90);--TutorialHero-ellipse-text-color: var(--gray20);--TutorialHero-heading-color: var(--color-text-minimum);--TutorialHero-item-color: var(--color-text-muted);--TutorialHero-number-color: var(--color-text-minimum);--TutorialHero-popup-bg: var(--white);--TutorialHero-popup-color: var(--color-text-muted)}[data-color-mode='dark'] .TutorialHero3tJ8Cd5oYe9Y{--TutorialHero-code-bg: var(--gray0);--TutorialHero-ellipse-bg: var(--gray30);--TutorialHero-ellipse-text-color: var(--gray80);--TutorialHero-popup-bg: var(--gray15)}@media (prefers-color-scheme: dark){[data-color-mode='auto'] .TutorialHero3tJ8Cd5oYe9Y,[data-color-mode='system'] .TutorialHero3tJ8Cd5oYe9Y{--TutorialHero-code-bg: var(--gray0);--TutorialHero-ellipse-bg: var(--gray30);--TutorialHero-ellipse-text-color: var(--gray80);--TutorialHero-popup-bg: var(--gray15)}}.TutorialHero3tJ8Cd5oYe9Y{-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:auto;margin-right:auto;max-width:var(--container);padding-bottom:25px;padding-top:40px;position:relative;text-align:center}@media (min-width: 1181px){.TutorialHero3tJ8Cd5oYe9Y{-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px;display:grid;grid-template-columns:1fr 2fr;row-gap:15px}}@media (max-width: 1180px){.TutorialHero3tJ8Cd5oYe9Y{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:775px;padding-left:40px;padding-right:40px}}@media (max-width: 775px){.TutorialHero3tJ8Cd5oYe9Y{padding-left:20px;padding-right:20px}}.TutorialHero-Col36EgTIuhTZbz{-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;width:100%}.TutorialHero-Col-Title2qWomArFMVwW,.TutorialHero-Col-Description2ACFUNRKSY1U,.TutorialHero-Col-Heading3t-a3GUY3Pkb,.TutorialHero-Col-List1Cgd5Lzy9Mmn{margin-right:20px;padding-left:20px;padding-right:20px;text-align:left}.TutorialHero-Col-Title2qWomArFMVwW{font-weight:700}.TutorialHero-Col-Description2ACFUNRKSY1U{font-size:16px;line-height:1.4;margin-top:5px}.TutorialHero-Col-Heading3t-a3GUY3Pkb{color:var(--TutorialHero-heading-color);font-size:13px;font-weight:600;margin-bottom:5px;margin-top:15px}.TutorialHero-Col-List1Cgd5Lzy9Mmn{counter-reset:steps;list-style-type:none;margin:0;padding:0;width:100%}.TutorialHero-Col-List_ellipsis_MMu8vGCG8Ng{counter-reset:steps 3}.TutorialHero-Col-List-Item11o8wpj7wrhl{color:var(--TutorialHero-item-color);font-size:14px;padding:3px 20px}.TutorialHero-Col-List-Item11o8wpj7wrhl::before{color:var(--TutorialHero-number-color);content:counter(steps);counter-increment:steps;display:inline-block;margin-right:5px;min-width:10px}.TutorialHero-Col-Ellipsis3UnmiRSBbmPw{background:var(--TutorialHero-ellipse-bg);border:0;border-radius:3px;color:var(--TutorialHero-ellipse-text-color);cursor:pointer;font-size:13px;margin-bottom:5px;margin-left:20px;margin-top:5px;position:relative}.TutorialHero-Col-Ellipsis3UnmiRSBbmPw:hover .TutorialHero-Col-Ellipsis-Popup3pPMCpF4XcZN,.TutorialHero-Col-Ellipsis3UnmiRSBbmPw:active .TutorialHero-Col-Ellipsis-Popup3pPMCpF4XcZN,.TutorialHero-Col-Ellipsis3UnmiRSBbmPw:focus .TutorialHero-Col-Ellipsis-Popup3pPMCpF4XcZN{opacity:1;-webkit-transform:none;transform:none}.TutorialHero-Col-Ellipsis3UnmiRSBbmPw:focus{outline:0}.TutorialHero-Col-Ellipsis-Popup3pPMCpF4XcZN{background:var(--TutorialHero-popup-bg);border-radius:var(--border-radius);-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.05),0 3px 9px rgba(0,0,0,0.1);box-shadow:0 2px 5px rgba(0,0,0,0.05),0 3px 9px rgba(0,0,0,0.1);left:35px;opacity:0;padding:10px 0;pointer-events:none;position:absolute;top:0;-webkit-transform:scale(0.95) translateY(-5px);transform:scale(0.95) translateY(-5px);-webkit-transition:opacity 0.15s cubic-bezier(0.16, 1, 0.3, 1),-webkit-transform 0.15s cubic-bezier(0.16, 1, 0.3, 1);transition:opacity 0.15s cubic-bezier(0.16, 1, 0.3, 1),-webkit-transform 0.15s cubic-bezier(0.16, 1, 0.3, 1);transition:opacity 0.15s cubic-bezier(0.16, 1, 0.3, 1),transform 0.15s cubic-bezier(0.16, 1, 0.3, 1);transition:opacity 0.15s cubic-bezier(0.16, 1, 0.3, 1),transform 0.15s cubic-bezier(0.16, 1, 0.3, 1),-webkit-transform 0.15s cubic-bezier(0.16, 1, 0.3, 1);white-space:nowrap;z-index:100}.TutorialHero-Col-Ellipsis-Popup3pPMCpF4XcZN .TutorialHero-Col-List-Item11o8wpj7wrhl{color:var(--TutorialHero-popup-color)}.TutorialHero-Col-Button30kgQ21_O-Ef{background:var(--recipe-button-color, #018ef5);margin-left:20px;margin-top:10px}.TutorialHero-Col-Button30kgQ21_O-Ef:hover{background:var(--recipe-button-color-hover, #027ff1)}.TutorialHero-Col-Button30kgQ21_O-Ef:active{background:var(--recipe-button-color-active, #0271d6)}.TutorialHero-Col-Button30kgQ21_O-Ef: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))}.TutorialHero-Col-Button30kgQ21_O-Ef:disabled{background:var(--recipe-button-color-disabled, #70bafe)}.TutorialHero-Image1aNUyFg1gF5S{border:0;border-radius:var(--border-radius-lg);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:hidden;padding:0;pointer-events:none;position:relative}@media (max-width: 1180px){.TutorialHero-Image1aNUyFg1gF5S{margin-top:40px;max-width:775px;width:100%}}.TutorialHero-Image-TutorialEditor-Nav1EmkdJF9vWHV{background:var(--TutorialHero-code-bg);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:0 0 40px;flex:0 0 40px;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding-left:10px;padding-right:20px;width:100%}.TutorialHero-Image-TutorialEditor-Nav-Button1XpzRqr7GTeH:not(:first-child){opacity:0.5}.TutorialHero-Image1aNUyFg1gF5S .CodeEditor{background:var(--TutorialHero-code-bg);-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;overflow:auto;text-align:left;white-space:pre;z-index:0}.TutorialHero-Image1aNUyFg1gF5S .CodeEditor .cm-lineNumber{-webkit-box-sizing:border-box;box-sizing:border-box}.TutorialHero-Image1aNUyFg1gF5S .CodeEditor.cm-s-material-palenight .CodeMirror,.TutorialHero-Image1aNUyFg1gF5S .CodeEditor .cm-s-material-palenight.CodeMirror,.TutorialHero-Image1aNUyFg1gF5S .CodeEditor .cm-s-material-palenight .CodeMirror-gutters{background:var(--TutorialHero-code-bg)}.TutorialHero-Image1aNUyFg1gF5S .CodeMirror{font-size:13px;height:300px;position:relative}.TutorialHero-Image1aNUyFg1gF5S .CodeMirror::after{background:-webkit-gradient(linear, left top, left bottom, from(rgba(36,46,52,0)), to(#242e34));background:linear-gradient(rgba(36,46,52,0), #242e34);bottom:0;content:'';display:block;height:50px;left:0;position:absolute;right:0;width:100%;z-index:10}[data-color-mode='dark'] .TutorialHero-Image1aNUyFg1gF5S .CodeMirror::after{background:-webkit-gradient(linear, left top, left bottom, from(rgba(18,24,27,0)), to(#12181b));background:linear-gradient(rgba(18,24,27,0), #12181b)}@media (prefers-color-scheme: dark){[data-color-mode='auto'] .TutorialHero-Image1aNUyFg1gF5S .CodeMirror::after,[data-color-mode='system'] .TutorialHero-Image1aNUyFg1gF5S .CodeMirror::after{background:-webkit-gradient(linear, left top, left bottom, from(rgba(18,24,27,0)), to(#12181b));background:linear-gradient(rgba(18,24,27,0), #12181b)}}

.Tutorial3nWTwBeG014e{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-height:100vh}[data-color-mode='dark'] .Tutorial3nWTwBeG014e{--md-code-background: var(--gray15)}@media (prefers-color-scheme: dark){[data-color-mode='auto'] .Tutorial3nWTwBeG014e,[data-color-mode='system'] .Tutorial3nWTwBeG014e{--md-code-background: var(--gray15)}}.Tutorial-Wrapper3WrC9LAJdoL5{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;width:100%}.TutorialGrid26plsmAq5mws{-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px;display:grid;grid-template-columns:1fr 1fr 1fr;margin-left:auto;margin-right:auto;max-width:var(--container);padding-bottom:40px;padding-top:20px;row-gap:15px}@media (max-width: 1180px){.TutorialGrid26plsmAq5mws{-webkit-column-gap:20px;-moz-column-gap:20px;column-gap:20px;grid-template-columns:1fr 1fr;max-width:775px;padding-left:40px;padding-right:40px;row-gap:20px}}@media (max-width: 775px){.TutorialGrid26plsmAq5mws{grid-template-columns:1fr;max-width:390px;padding-left:20px;padding-right:20px}}.TutorialToolbar27eNzt0imdZR{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#384248;border-radius:9px;bottom:45px;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 5px 30px rgba(0,0,0,0.05);box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 5px 30px rgba(0,0,0,0.05);color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:40px;margin-top:auto;padding:10px;position:sticky;z-index:10002}.TutorialToolbar-Button2iV8TtYdE3Eo{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:none;border:1px solid transparent;border-radius:6px;color:#fff;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-family:inherit;font-size:14px;font-weight:600;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:5px;position:relative;white-space:nowrap}.TutorialToolbar-Button2iV8TtYdE3Eo+.TutorialToolbar-Button2iV8TtYdE3Eo{margin-left:10px}.TutorialToolbar-Button2iV8TtYdE3Eo:hover,.TutorialToolbar-Button2iV8TtYdE3Eo:focus{background:rgba(255,255,255,0.1)}.TutorialToolbar-Button2iV8TtYdE3Eo:active{background:rgba(255,255,255,0.15)}.TutorialToolbar-Button2iV8TtYdE3Eo:focus{outline:none}.TutorialToolbar-Button2iV8TtYdE3Eo:hover .TutorialToolbar-PopoverWrapper2mrgP1UyojkI,.TutorialToolbar-Button2iV8TtYdE3Eo:focus .TutorialToolbar-PopoverWrapper2mrgP1UyojkI,.TutorialToolbar-Button2iV8TtYdE3Eo:active .TutorialToolbar-PopoverWrapper2mrgP1UyojkI{pointer-events:auto}.TutorialToolbar-Button2iV8TtYdE3Eo:hover .TutorialToolbar-Popover3kmBe3gBpfZf,.TutorialToolbar-Button2iV8TtYdE3Eo:focus .TutorialToolbar-Popover3kmBe3gBpfZf,.TutorialToolbar-Button2iV8TtYdE3Eo:active .TutorialToolbar-Popover3kmBe3gBpfZf{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.TutorialToolbar-Button-Icon1RUg-DwdhWrl{font-size:25px;margin-bottom:10px;opacity:0.75}.TutorialToolbar-Button-Arrow2VlxJCE3uoJK{font-size:10px;margin-left:5px}.TutorialToolbar-PopoverWrapper2mrgP1UyojkI{bottom:100%;left:-10px;padding-bottom:15px;pointer-events:none;position:absolute}.TutorialToolbar-Popover3kmBe3gBpfZf{background:#384248;border-radius:6px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.05),0 5px 30px rgba(0,0,0,0.05);box-shadow:0 1px 2px rgba(0,0,0,0.05),0 5px 30px rgba(0,0,0,0.05);color:#fff;cursor:default;font-weight:400;opacity:0;padding:20px;text-align:left;-webkit-transform:translateY(10px);transform:translateY(10px);-webkit-transition:opacity 0.15s cubic-bezier(0.16, 1, 0.3, 1),-webkit-transform 0.15s cubic-bezier(0.16, 1, 0.3, 1);transition:opacity 0.15s cubic-bezier(0.16, 1, 0.3, 1),-webkit-transform 0.15s cubic-bezier(0.16, 1, 0.3, 1);transition:opacity 0.15s cubic-bezier(0.16, 1, 0.3, 1),transform 0.15s cubic-bezier(0.16, 1, 0.3, 1);transition:opacity 0.15s cubic-bezier(0.16, 1, 0.3, 1),transform 0.15s cubic-bezier(0.16, 1, 0.3, 1),-webkit-transform 0.15s cubic-bezier(0.16, 1, 0.3, 1);white-space:normal;width:190px}.TutorialToolbar-Popover-DescriptionB_Gd8M-pTJHn{border-top:1px solid rgba(255,255,255,0.1);font-size:13px;line-height:1.2;margin-top:10px;padding-top:10px}.TutorialToolbar-Popover-Description-Button1H_QzIRpPVrE{color:#fff;font-weight:600;text-decoration:underline}.TutorialToolbar-Popover-Description-Button1H_QzIRpPVrE:hover,.TutorialToolbar-Popover-Description-Button1H_QzIRpPVrE:active,.TutorialToolbar-Popover-Description-Button1H_QzIRpPVrE:focus{color:#fff;text-decoration:none}.TutorialToolbar-Popover3kmBe3gBpfZf .Toggle-display{margin-left:10px;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.TutorialToolbar-Popover3kmBe3gBpfZf .Toggle-label{color:var(--white);font-size:14px;margin-left:0}.TutorialToolbar_superhub3yMy5kXEzLye{background:none;border:0;-webkit-box-shadow:none;box-shadow:none;gap:var(--sm);-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin:0;padding:0}.TutorialToolbar_superhub3yMy5kXEzLye .TutorialToolbar-Button2iV8TtYdE3Eo{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;font-size:12px;gap:4px}.TutorialToolbar_superhub3yMy5kXEzLye .TutorialToolbar-Button-Icon1RUg-DwdhWrl{font-size:14px;margin:0}.TutorialToolbar_superhub3yMy5kXEzLye .TutorialToolbar-Button-Arrow2VlxJCE3uoJK{display:none}.TutorialConfirmation1r99yGgOGvdB{text-align:center}.TutorialConfirmation-Title3GjUUqq1sM2Z{margin-bottom:10px;margin-top:10px}.TutorialConfirmation-DescriptionCS2mvwFpYC76{line-height:1.6;margin-bottom:0;margin-top:0}.TutorialFooter105CzRqw2rhi{position:fixed;width:100%}


/*# sourceMappingURL=routes-Tutorials.d504811ee21a1f3237be.css.map*/