.swipe-drawer{display:flex;flex-direction:column;height:fit-content}.swipe-drawer-loaded:not(.show){display:none!important}@media (max-width:767.98px){.swipe-drawer{max-height:60vh;overflow:hidden;position:relative}.swipe-drawer:not(.swipe-drawer-loaded){opacity:0;pointer-events:none;position:fixed;z-index:-1}.swipe-drawer:before{background-color:#d4d6de;border-radius:10px;content:"";height:.25rem;left:50%;position:absolute;top:.5rem;transform:translateX(-50%);width:4.0625rem}.swipe-drawer .title{font-size:1.25rem;margin-bottom:1.25rem;margin-top:.3125rem}}.swipe-drawer .drawer-close{margin-right:auto;margin-top:.9375rem;padding:.625rem;width:fit-content}.swipe-drawer .drawer-close svg{height:.75rem;width:.75rem}#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}.search-keywords-title{margin-bottom:.9375rem;margin-top:1.5625rem;text-align:center}.search-keywords .keywords{align-items:center;column-gap:1.25rem;display:flex;flex-wrap:wrap;justify-content:center;margin:0;row-gap:.9375rem}@media (max-width:767.98px){.search-keywords .keywords{margin:auto;width:80%}}@media (min-width:768px){.search-keywords .keywords{column-gap:.9375rem;margin-top:1.875rem}}.search-keywords .keyword{background-color:#3339c1;border-radius:30px;font-size:.875rem;transition:background-color .3s}.search-keywords .keyword:focus .search-keywords .keyword:focus-within,.search-keywords .keyword:hover{background-color:#14198c}.search-keywords .keyword a{--bs-link-color-rgb:255,255,255;display:inline-block;padding:.1875rem .625rem;text-decoration:none}.hero-search{background:radial-gradient(220.18% 67.35% at 50% 32.65%,#ccdcf6 0,#fff 100%);padding-bottom:4.375rem;padding-top:var(--header-height,60px)}@media (min-width:768px){.hero-search{background:radial-gradient(58.19% 67.35% at 50% 32.65%,#ccdcf6 0,#fff 100%)}}@media (max-width:767.98px){.hero-search #breadcrumbs{margin-bottom:1.875rem}}.hero-search .title{margin:0;text-align:center}.hero-search .title+.subtitle{margin-top:.625rem}.hero-search .subtitle{font-size:1.125rem;margin:0;text-align:center}@media (min-width:768px){.hero-search .subtitle{font-size:1.75rem}}.hero-search .search-component{margin-top:2.5rem}@media (min-width:768px){.hero-search .search-component{margin-inline:auto;width:43.75rem}}.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)}@media (max-width:767.98px){.swipe-drawer{border-radius:30px 30px 0 0;padding-left:calc(var(--bs-gutter-x)*.5);padding-right:calc(var(--bs-gutter-x)*.5)}}@media (min-width:768px){.swipe-drawer{border-left:1px solid #f0f5fc;position:sticky;top:calc(var(--header-height, 60px) + 2.5rem)}}.swipe-drawer .subjects{margin:0;overflow:auto}.swipe-drawer .subject{padding:.9375rem 0}.swipe-drawer .subject.active .parent{--bs-link-color-rgb:51,57,193;font-weight:700}.swipe-drawer .subject.active .parent+.children{margin-top:.9375rem}.swipe-drawer .subject.active .child.active{--bs-link-color-rgb:51,57,193;font-weight:700}.swipe-drawer .subject.active .arrow{fill:#14198c;transform:rotate(-90deg)}.swipe-drawer .child,.swipe-drawer .parent{--bs-link-color-rgb:13,22,43}.swipe-drawer .child a,.swipe-drawer .parent a{text-decoration:none}.swipe-drawer .parent{align-items:center;display:flex;font-family:Assistant,arial,sans-serif;font-size:1.125rem;font-weight:500;gap:.625rem;margin:0}.swipe-drawer .parent svg{height:1rem;width:1rem}.swipe-drawer .child{align-items:center;display:flex;font-size:1rem;gap:.625rem}.swipe-drawer .count{--count-border-radius:0.1875rem;--count-font-size:0.75rem;--count-border-bg:#fff;--count-border-color:rgba(204,220,246,.7);--count-border-padding:2px 0.3125rem}.swipe-drawer .children{display:flex;flex-direction:column;gap:1.375rem;margin-bottom:.9375rem;padding-right:1.625rem}@media (min-width:768px){.swipe-drawer .children{max-width:10.125rem}}.drawer-btn{--bs-btn-hover-border-color:#7e859b;align-items:center;background:#fff;border:1px solid #ccdcf6;border-radius:20px;display:flex;gap:.3125rem;margin-bottom:2.5rem;padding:.4375rem .75rem;width:100%}.drawer-btn.open .arrow-down{transform:rotate(180deg)}.drawer-btn .hamburger{fill:#5f677c;height:1.5rem;width:1.5rem}.drawer-btn .btn-text{font-size:.875rem}.drawer-btn .arrow-down{fill:#5f677c;height:.625rem;margin-right:auto;transition:transform .3s;width:.625rem}.tutorials{height:fit-content}.tutorials .card-wrapper{column-gap:1.875rem;display:grid;grid-template-columns:1fr;margin:0;row-gap:1.875rem}@media (min-width:992px){.tutorials .card-wrapper{grid-template-columns:repeat(2,1fr)}}@media (min-width:1200px){.tutorials .card-wrapper{grid-template-columns:repeat(3,1fr)}}.tutorials .card-wrapper .tutorial-card-title{font-size:1.125rem}.tutorials .open-tutorials{margin:1.875rem auto auto}.tutorials .subject{scroll-margin-top:calc(var(--header-height, 60px) + 3.125rem)}.tutorials .subject:not(:first-child){margin-top:2.5rem}.tutorials .subject:not(:last-child){padding-bottom:2.5rem}@media (min-width:1200px){.tutorials .subject:not(:first-child){margin-top:3.125rem}.tutorials .subject:not(:last-child){padding-bottom:3.125rem}}.tutorials .title{align-items:start;display:flex;gap:2.125rem;justify-content:space-between;margin-bottom:1.875rem}@media (min-width:768px){.tutorials .title{align-items:center;gap:.75rem;justify-content:start}}.single-subject .single-subject-wrapper{margin-bottom:4.3125rem}@media (min-width:768px){.single-subject .single-subject-wrapper{column-gap:1.875rem;display:grid;grid-template-columns:16.25rem 1fr;margin-bottom:6.875rem}}@media (min-width:1200px){.single-subject .single-subject-wrapper{column-gap:4.8125rem}}.count{align-items:center;background-color:var(--count-border-bg,#f6f9fd);border:1px solid var(--count-border-color,#ccdcf6);border-radius:var(--count-border-radius,5px);color:var(--count-color,#14198c);display:flex;font-family:Assistant,arial,sans-serif;font-size:var(--count-font-size,14px);font-weight:600;justify-content:center;line-height:1;padding:var(--count-border-padding,5px 8px)}