.tags{display:flex;flex-wrap:wrap;list-style:none;margin-bottom:.625em;padding-left:0}.tags-center{justify-content:center}.tags__Tag{background-color:#f1f1f1;border-radius:5px;margin:.3125em .625em .3125em 0;padding:.3125em .625em;font-size:.8em}@media all and (min-width: 48em){.tags{flex-wrap:nowrap}.tags__Tag{margin:0 0 0 .625em}}

.tutorialRow{display:block;border-bottom:1px solid #f1f1f1;padding:1.25em 0}.tutorialRow__Title{color:#0d6cd4;margin-top:0;font-size:1.25em}.tutorialRow__Authors,.tutorialRow__Date{color:#5F6369}.tutorialRow__Date{display:block;text-align:left}@media all and (min-width: 48em){.tutorialRow{padding:.625em 0}.tutorialRow__Container{display:flex;justify-content:space-between;align-items:baseline}.tutorialRow__Date{display:block;text-align:right}}

.toc{list-style:none;border-left:2px solid #1598CB;padding-left:1.25em}.toc__Item{margin:.3125em 0}.toc__Item-level-2{margin-left:1.25em}.toc__Item-level-3,.toc__Item-level-4,.toc__Item-level-5,.toc__Item-level-6{margin-left:1.25em}.toc__Item-level-3 a,.toc__Item-level-4 a,.toc__Item-level-5 a,.toc__Item-level-6 a{color:#5F6369}

.tutorialSerieLink{text-decoration:none}.tutorialSerieLink-next{text-align:right}.tutorialSerieLink__Container{border-bottom:1px solid #f1f1f1;padding:1.25em;background-color:#fff}.tutorialSerieLink__Header{color:#5F6369;font-size:.9em}.tutorialSerieLink__Header svg{margin-right:.3125em;width:16px;height:16px;position:relative;top:-2px;vertical-align:middle}.tutorialSerieLink__Title{font-size:1.25em;margin:0;text-decoration:none;color:#0d6cd4}.tutorialSerieLink:hover,.tutorialSerieLink:focus{text-decoration:none !important}.tutorialSerieLink:hover .tutorialSerieLink__Header,.tutorialSerieLink:focus .tutorialSerieLink__Header{color:#5F6369}.tutorialSerieLink:hover .tutorialSerieLink__Title,.tutorialSerieLink:focus .tutorialSerieLink__Title{color:#F58220;text-decoration:underline}

.tutorialSerie{background-color:#f1f1f1;padding:1.875em 0}.tutorialSerie__Title{margin-top:0}.tutorialSerie__Info{color:#5F6369;font-style:italic;margin-bottom:0}.tutorialSerie__Links{display:flex;flex-direction:column;justify-content:center;height:100%}.tutorialSerie__Links__Container{background-color:#fff;box-shadow:0 5px 20px -5px rgba(0,0,0,0.25)}.tutorialSerie__Links .tutorialSerieLink:last-child .tutorialSerieLink__Container{border:0}

.updateNotificationIcon svg{margin-right:.3125em;width:16px;height:16px;position:relative;top:-1px;vertical-align:middle}

.tutorialList{margin:0;padding-left:0;list-style:none}.tutorialList .tutorialRow:last-child{border:0}

.serieRow{margin-bottom:2.5em}.serieRow__Title{margin-top:.35em}.serieRow__Description{position:relative}.serieRow__Tutorials{background-color:#fff;padding:1.25em 0 0;box-shadow:0 5px 20px -5px rgba(0,0,0,0.25)}.serieRow__Tutorials__List{margin:0;padding:0 1.25em 1.25em 2.5em}.serieRow__Tutorials__Link{background-color:#1598CB;border-top:1px solid #f1f1f1;padding:.625em 1.25em}.serieRow__Tutorials__Link a{color:#fff}.serieRow__Tutorials__Link a svg{margin-right:.3125em;width:16px;height:16px;position:relative;top:-1px;vertical-align:middle}@media all and (min-width: 48em){.serieRow__Description:after{bottom:-15px;border-top:1px solid #c1c1c1;content:'';width:50%;height:1px;display:block;position:absolute;left:0}}

.serieList{margin:0;padding-left:0;list-style:none}.serieList .serieRow:last-child{margin-bottom:0}

.home__Search{background:#00437B;padding:1.25em 0}.home__Search__Title,.home__Search__Description,.home__Search label{color:#fff}.home__Search__Title{margin:0}.home__Search__Form{max-width:650px}.home__ReadMore{text-align:center;margin:.625em 0 2.5em}.home__ReadMore-series{margin:2.5em 0 .625em}.home__Series{margin-top:1.875em;background-color:#f1f1f1;padding:2.5em 0}.home__Series__Title{margin-top:0}@media all and (min-width: 48em){.home__Search{background:url("/tutorials/static/images/diagram.png"),#00437B;background-repeat:no-repeat;background-position:110% center}}.button,.input-group .button{font-size:1.1875em;font-weight:bold;line-height:normal;height:fit-content;min-height:2.5rem;display:inline-flex;justify-content:center;align-items:center}.button{padding-top:.5em;padding-bottom:.5em}.button:hover{background:linear-gradient(135deg, transparent 7px, #f46a1f 7px, #db7b48 100%)}.button-action{background:linear-gradient(135deg, transparent 7px, #f46a1f 7px, #db7b48 100%)}.button-action:hover{background:linear-gradient(135deg, transparent 7px, #e1763d 7px, #c88819 100%)}.button-accent{background:linear-gradient(135deg, transparent 7px, #008145 7px, #52a300 100%)}

.searchResultItem{margin:0;padding:1.25em 0}.searchResultItem__Title{margin-top:0;font-weight:normal}.searchResultItem__Title__Link{padding:0 !important;color:#0d6cd4 !important}.searchResultItem__Highlight{color:#5F6369;font-size:.9em;margin-bottom:0}

.searchResults__List{list-style:none;margin-top:0;padding:0}.searchResults__More{margin-top:1.875em;text-align:center}.searchResults__Empty{color:#1C2B39;margin:1.875em 0;text-align:center}

.search__input:after{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%231C2B39' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='10.5' cy='10.5' r='7.5'></circle><line x1='21' y1='21' x2='15.8' y2='15.8'></line></svg>")}.search-small .search__input:after{top:.6em}.search-small .search__input input{padding:.15625em .15625em .15625em 2em;margin:0;font-size:.9em}@media all and (min-width: 48em){.search-resize{width:250px;transition:width .25s ease-in-out}.search-resize .search__results{width:500px;top:2.5em}.search-resize.search-open{width:500px}}

@media all and (max-width: 47.9375em){.header__nav__user{width:100%}}

#__next{display:flex;flex-direction:column;min-height:100vh}body,textarea{font-family:"Overpass","Hind",-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol}h1,h2,h3,h4,h5,h6{font-family:"Overpass","Fira Sans",-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol}main{flex:1 1 auto}header img,footer img{display:block;height:2.7em}button.ot-sdk-show-settings{position:fixed !important;bottom:0 !important;right:0 !important;z-index:999999 !important;color:#fff !important;border:2px solid #1d428a !important;padding:6px !important;display:inline-block;margin:-8 0 1.2px -82px;background-color:#1d428a !important;cursor:pointer;border-radius:2.75rem;font-size:13px;min-width:200px;height:40px;font-weight:bold}.footer h3,.footer .socialIcon{color:#1e9fd2}

.updateNotification{border-left:3px solid #1598CB;padding:0 .625em;margin-bottom:.625em}.updateNotification__Title{margin:0;font-weight:bold;font-size:.9em}.updateNotification__Title a,.updateNotification__Title a:hover{color:#0d6cd4}

.updateNotes{background-color:#f1f1f1;padding:1.25em;margin-top:1.875em}.updateNotes__Title{margin:0;font-weight:bold;font-size:1em}.updateNotes__List{margin:.625em 0 0 0;padding-left:.15625em;list-style-position:inside}

.tutorial__Header{text-align:center;border-bottom:1px solid #f1f1f1;padding-bottom:.625em;margin:2.5em 0 1.25em}.tutorial__Title{font-size:1.95312em;margin-bottom:0}.tutorial__Metadata{color:#5F6369;margin:.625em 0 1.25em}.tutorial__Metadata__Time{margin:.625em 0}.tutorial__Metadata__JumpSerie{margin:.625em}.tutorial__Metadata__JumpSerie__Link{border-radius:5px;border:1px solid #1598CB;color:#1598CB;display:block;font-size:.9em;padding:.3125em .625em;text-decoration:none;max-width:450px}.tutorial__Metadata__JumpSerie__Link:hover{background-color:#1598CB;text-decoration:none;color:#fff}.tutorial__Content{margin-bottom:2.5em}.tutorial__Content>div>h1:first-child{margin-top:0}.tutorial__Content>div img{border-radius:5px;border:1px solid #f1f1f1;display:block;margin:.625em auto;max-width:1200px;padding:.625em;max-width:80%}.tutorial__Content>div details[open]{background-color:#f1f1f1;border-bottom:2px solid #5F6369;margin-bottom:1.25em;padding:0 1.25em}.tutorial__Content>div details[open] summary{background-color:#fff;margin:0 -1.25em;padding-bottom:.625em}.tutorial__Content>div details[open]>*:last-child{margin-bottom:.625em}.tutorial__Toc{display:none}.tutorial__Toc h2{margin-top:.3125em}@media all and (min-width: 48em){.tutorial__Title{font-size:3.05176em}.tutorial__Metadata{align-items:baseline;display:flex;justify-content:center}.tutorial__Metadata__Time,.tutorial__Metadata__JumpSerie,.tutorial__Metadata__Tags,.tutorial__Metadata__Authors{margin:0 1.25em}.tutorial__Toc{display:block}}

.all__List{margin-bottom:2.5em}.all__LoadMore{text-align:center;margin-bottom:3.75em}

.note{padding:.625em;margin:.625em 0 1.25em}.note>*:last-child{margin-bottom:0}.note-tip{background-color:#d2f2ff}.note-tip svg{color:#00437B}.note-warning{background-color:#fed97d}.note-warning svg{color:#934e13}.note__Header{display:block;margin:0 0 .625em;font-weight:bold}.note__Header svg{margin-right:.3125em;width:16px;height:16px;position:relative;top:-1px;vertical-align:middle}

.series{margin-top:1.875em}.series__Title{margin:0}.series__Description>div>*:first-child{margin-top:.3125em}.series__Keys__Title{font-size:1.25em;font-weight:500;margin-top:0}.series__Tutorials__Title{margin:.3125em 0 1.5em}.series__Tutorials__Bg{background-color:#f1f1f1;margin-top:2.5em;padding:1.25em 0 2.5em}.series__Tutorials__Content{padding:.625em 1.875em;box-shadow:0 5px 20px -5px rgba(0,0,0,0.25);margin-top:-3em;background-color:#fff}@media all and (min-width: 48em){.series__Keys{padding-left:1.25em}}

.series{margin-bottom:3.75em}.series .serieRow{margin-bottom:3.75em}.series .serieRow:first-child{margin-top:2.5em}