.the-content-wrapper{font-size:1.125rem}@media (min-width:768px){.the-content-wrapper{font-size:1.25rem}}.the-content-wrapper>*{margin-inline:var(--container-padding-no-gutter);max-width:var(--container-width);padding-inline:calc(var(--bs-gutter-x)*.5)}.the-content-wrapper>:first-child{margin-top:2.5rem}.the-content-wrapper>.container-wide{--container-width:var(--container-wide)}.the-content-wrapper>:is(ul,ol){padding-inline-start:calc(var(--bs-gutter-x)*.5 + 1.5em)}.the-content-wrapper>:is(div,section){width:100%}.the-content-wrapper>:is(div,section).align-wide{max-width:80%}.the-content-wrapper>:is(div,section).align-full{margin-inline:0;max-width:100%;padding-inline:0}.the-content-wrapper img{max-width:100%}#breadcrumbs{--bs-link-color-rgb:95,103,124;color:#5f677c;font-size:.75rem;margin-bottom:1.875rem;margin-top:1.25rem}@media (min-width:768px){#breadcrumbs{font-size:.875rem;margin-bottom:2.8125rem;margin-top:2.1875rem}}#breadcrumbs>*{align-items:center;display:flex;flex-wrap:wrap}@media (max-width:767.98px){#breadcrumbs>*{justify-content:center}}#breadcrumbs a{text-decoration:none}#breadcrumbs svg{fill:#5f677c;height:.9375rem;width:.9375rem}#page-hero{background:linear-gradient(346deg,#e0eafa .53%,#f6f9fd 99.63%);padding-bottom:4.0625rem;padding-top:var(--header-height,60px)}#page-hero.gradient-bg{background:radial-gradient(118.8% 67.35% at 50% 32.65%,#ccdcf6 0,#fff 100%)}@media (min-width:768px){#page-hero.gradient-bg{background:radial-gradient(58.19% 67.35% at 50% 32.65%,#ccdcf6 0,#fff 100%)}}#page-hero .title{margin-top:1.875rem;text-align:center}#page-hero .title.large{font-size:2.625rem}@media (min-width:768px){#page-hero .title.large{font-size:3.875rem}}#page-hero .subtitle{font-size:1.125rem;margin:0;text-align:center}@media (min-width:768px){#page-hero .subtitle{font-size:1.75rem}}#page-hero .hero-content{--gap:1.375rem;align-items:center;display:flex;flex-wrap:wrap;gap:var(--gap);justify-content:center;margin-top:1.25rem}@media (min-width:768px){#page-hero .hero-content{--gap:1.875rem}}#page-hero .hero-content>div~div{position:relative}#page-hero .hero-content>div~div:after{background-color:#d4d6de;content:"";height:100%;position:absolute;right:calc(var(--gap)*-.5);transform:translateX(-50%);width:1px}#page-hero .btn-section{display:flex;flex-direction:column;gap:.9375rem;margin-top:1.875rem}@media (min-width:768px){#page-hero .btn-section{flex-direction:row;gap:1.5625rem;margin-top:1.875rem}}#page-hero .btn-section svg{height:1.25rem;width:1.25rem}#page-hero .btn-section .btn-outline-black{align-items:center;display:flex;gap:.4375rem}#page-hero .keywords{align-items:center;display:flex;gap:.625rem;justify-content:center}#page-hero .tag{background-color:#f6f9fd;border:1px solid #ccdcf6;border-radius:30px;color:#14198c;font-size:.75rem;padding:2px .625rem}@media (min-width:768px){#page-hero .tag{font-size:1rem;padding:2px .625rem}}#page-hero .last-updated,#page-hero .watch-time{color:#5f677c;font-size:.875rem}@media (min-width:768px){#page-hero .last-updated,#page-hero .watch-time{font-size:1.125rem}}#page-hero .meta{display:flex;gap:1.875rem;list-style:none;padding:0}#page-hero .meta-icon{height:1.375rem;width:1.25rem}#page-hero .meta-item{position:relative}#page-hero .meta-item:not(:last-child):after{background:rgba(0,0,0,.1);content:"";height:1.25rem;left:-.9375rem;position:absolute;top:50%;transform:translateY(-50%);width:1px}.tutorial-card{--card-bg:#ccdcf6;--badge-bg:#3339c1;--badge-text-clr:#fff;--text-clr:#0d162b;--border:none;--border-hover:none;--box-shadow:none;--box-shadow-hover:none;--badge-border:none;background:var(--card-bg);border:var(--border);border-radius:15px;box-shadow:var(--box-shadow);color:var(--text-clr,#0d162b);display:flex;flex-direction:column-reverse;height:100%;padding:1.5rem;position:relative;text-align:right;transition:box-shadow .3s ease-in-out,border .3s ease-in-out}@media (min-width:1200.02px){.tutorial-card{border-radius:45px;display:grid;gap:4.375rem;grid-template-columns:1fr 1fr;padding:6.25rem}}.tutorial-card:focus,.tutorial-card:focus-within,.tutorial-card:hover{border:var(--border-hover);box-shadow:var(--box-shadow-hover)}.tutorial-card.light{--card-bg:#fff;--badge-bg:#f6f9fd;--badge-text-clr:#14198c;--badge-border:1px solid #ccdcf6;--text-clr:#0d162b;--border:1px solid #ccdcf6;--border-hover:1px solid rgba(51,57,193,.5);--box-shadow:0 0.25rem 0.9375rem 0 rgba(204,220,246,.65);--box-shadow-hover:0 0.25rem 0.9375rem 0 #ccdcf6}.tutorial-card.dark{--card-bg:#3339c1;--badge-bg:hsla(0,0%,100%,.25);--badge-text-clr:#fff;--text-clr:#fff}.tutorial-card.darker{--card-bg:#14198c;--badge-bg:hsla(0,0%,100%,.25);--badge-text-clr:#fff;--text-clr:#fff}.tutorial-card.narrow{border-radius:15px;display:flex;gap:1.25rem;padding:1.5625rem}@media (min-width:1200.02px){.tutorial-card.narrow{border-radius:20px}}.tutorial-card-content{display:flex;flex:1;flex-direction:column}.tutorial-card-details{align-items:center;display:flex;gap:1.25rem;line-height:1.4;margin-top:1.875rem;width:fit-content}@media (min-width:1200.02px){.tutorial-card-details{font-size:1rem;font-weight:500}}.tutorial-card-details.no-image{margin-top:0}.tutorial-card-details__badge{align-items:center;background:var(--badge-bg);border:var(--badge-border);border-radius:30px;color:var(--badge-text-clr,#fff);display:flex;font-size:.78125rem;font-weight:600;padding:2px .625rem}.tutorial-card-details__badge+.tutorial-card-details__watch-time:before{background:#9aa0b1;content:"";height:.625rem;position:absolute;right:-.625rem;width:1px}.tutorial-card-details__watch-time{align-items:center;display:flex;font-size:.875rem;font-weight:500;position:relative}.tutorial-card-details+.tutorial-card-title{margin-top:1.25rem}.tutorial-card-title{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;font-family:Rubik,arial,sans-serif;font-size:1.625rem;font-weight:500;line-height:1.2;margin-bottom:.625rem;overflow:hidden}@media (min-width:768px){.tutorial-card-title{-webkit-line-clamp:3;font-size:2rem}.tutorial-card-title.larger-margin{margin-top:2.4375rem}}.tutorial-card-text{font-size:1.125rem;line-height:1.5;margin-bottom:1.25rem}.tutorial-card__image-wrapper{border:unset;position:relative;z-index:1}.tutorial-card__image-wrapper:focus .svg-wrapper,.tutorial-card__image-wrapper:focus-within .svg-wrapper,.tutorial-card__image-wrapper:hover .svg-wrapper{transform:translate(-50%,-50%) scale(1.3)}.tutorial-card__image-wrapper .ratio{--bs-aspect-ratio:59.62963%;background-color:#0d162b;border-radius:12px;display:block;pointer-events:none}.tutorial-card__image-wrapper .svg-wrapper{align-items:center;background-color:hsla(0,0%,100%,.5);border:1px solid #fff;border-radius:50%;display:flex;height:3.75rem;justify-content:center;left:50%;pointer-events:none;position:absolute;right:unset;top:50%;transform:translate(-50%,-50%);transition:transform .3s ease-in-out;width:3.75rem}.tutorial-card .play-icon{fill:#14198c;height:1.25rem;width:1.25rem}.tutorial-card .btn-link{color:var(--text-clr,#fff);margin-top:auto;width:fit-content}.tutorial-card .btn-link .full-arrow{fill:var(--text-clr,#fff)}.tutorial-cards-component{padding-block:3.75rem}.tutorial-cards-component .title{margin:0;text-align:center}.tutorial-cards-component .title+.tutorials-wrapper{margin-top:2.5rem}.tutorial-cards-component .tutorials-wrapper{--columns:4;display:grid;grid-template-columns:1fr;row-gap:1.875rem}@media (min-width:1200px){.tutorial-cards-component .tutorials-wrapper{column-gap:1.875rem;grid-template-columns:repeat(var(--columns),1fr)}}.progress-bar{--progress-bar-color:#14198c;--progress-bar-height:0.25rem;background-color:transparent;height:var(--progress-bar-height);width:100%;z-index:999}@media (min-width:768px){.progress-bar{--progress-bar-height:0.625rem}}.progress-bar__inner{background-color:var(--progress-bar-color);border-radius:20px 0 0 20px;height:100%;transition:width .2s cubic-bezier(.5,.5,.3,1.4);width:0}@media (min-width:768px){.index-wrapper.with-index{column-gap:3.5rem;display:grid;grid-template-columns:19.1875rem minmax(0,1fr)}}@media (min-width:1200.02px){.index-wrapper.with-index{column-gap:8.9375rem}}.index-wrapper .without-index{max-width:58.125rem}.index-wrapper .index{position:sticky;top:var(--header-height,60px);z-index:3}@media (min-width:768px){.index-wrapper .index{height:fit-content;margin-bottom:2.5rem;padding-top:2.5rem}}@media (max-width:767.98px){.index-wrapper .index-element{background:#f6f9fd;display:none;margin-inline:calc(var(--rest-of-width, 0px)*-1);padding-right:var(--rest-of-width,0)}}@media (min-width:768px){.index-wrapper .index-element{border-bottom:1px solid #f0f5fc;padding-bottom:2.5rem}.index-wrapper .index-element .index-title{color:#5f677c;font-size:1.125rem;margin-bottom:.9375rem}.index-wrapper .index-element .swiper-wrapper{flex-direction:column;transform:unset!important}}@media (max-width:767.98px){.index-wrapper .index-element .swiper-slide{padding-block:1.25rem;position:relative;width:fit-content}.index-wrapper .index-element .swiper-slide:after{background-color:#14198c;bottom:0;content:"";height:.1875rem;left:0;position:absolute;right:0;transform:scaleX(0);transition:transform .5s ease-in}.index-wrapper .index-element .swiper-slide.active{font-weight:700}.index-wrapper .index-element .swiper-slide.active:after{transform:scaleX(1)}}@media (min-width:768px){.index-wrapper .index-element .swiper-slide{background-color:#fff;border-right:2px solid #d4d6de;margin:0!important;padding:.8125rem 1.25rem;transition:background-color .3s ease,border-color .3s ease}.index-wrapper .index-element .swiper-slide.active{background-color:#f0f5fc;border-color:#14198c}.index-wrapper .index-element .swiper-slide.active .index-link{font-weight:700}}.index-wrapper .index-element .index-link{color:#0d162b;text-decoration:none}.index-wrapper .index-button{border-radius:10px;display:flex;flex-direction:column;gap:.625rem;margin-top:1.25rem;overflow:hidden;padding:1.4375rem 2rem;position:relative}.index-wrapper .index-button .image-wrapper{inset:0;position:absolute;z-index:-1}.index-wrapper .index-button .image-wrapper img{height:100%;object-fit:cover;width:100%}.index-wrapper .index-button-title{font-size:1.75rem;margin:0;text-align:center}@media (min-width:768px){.index-wrapper .index-button-title{font-size:1.5rem}}.index-wrapper .content-wrapper .index-anchor{scroll-margin-top:calc(var(--header-height, 60px) + 6.25rem)}@media (min-width:768px){.index-wrapper .content-wrapper .index-anchor{scroll-margin-top:calc(var(--header-height, 60px) + 2.5rem)}}.index-wrapper .content-wrapper>*{margin-block:2.5rem}.index-wrapper .content-wrapper>.container{max-width:unset;padding-inline:0}.index-wrapper .content-wrapper iframe{max-width:100%}#single-tutorial .related-tutorials{border-bottom:1px solid #f0f5fc;padding-block:2.5rem}#single-tutorial .related-tutorials .title{color:#5f677c;font-size:1.125rem;margin-bottom:1.25rem}#single-tutorial .related-tutorials .tutorials-wrapper{display:flex;flex-direction:column;gap:.9375rem}#single-tutorial .related-tutorials .tutorial-wrapper{align-items:start;display:flex;gap:.4375rem}#single-tutorial .related-tutorials .tutorial-wrapper svg{fill:#5f677c;height:.9375rem;margin-top:.375rem;width:.9375rem}#single-tutorial .related-tutorials .tutorial-link{--bs-link-color-rgb:hex-to-rgb($black);text-decoration:none}.progress-bar{--progress-bar-color:#ffb130}