.BannerSection-module-scss-module__wlr7sG__banner{margin-block-end:3rem}.BannerSection-module-scss-module__wlr7sG__desktop,.BannerSection-module-scss-module__wlr7sG__mobile{width:100%;height:auto;transition:opacity .3s;display:block}.BannerSection-module-scss-module__wlr7sG__desktop{display:none}@media (min-width:768px){.BannerSection-module-scss-module__wlr7sG__mobile{display:none}.BannerSection-module-scss-module__wlr7sG__desktop{display:block}}
.TutorialCard-module-scss-module__LDyMrq__card{cursor:pointer;min-height:100%;color:inherit;border-radius:1rem;flex-direction:column;text-decoration:none;transition:all .3s ease-in-out;display:flex;overflow:hidden;box-shadow:0 2px 15px #b0b0b059}.TutorialCard-module-scss-module__LDyMrq__card:hover{box-shadow:0 10px 20px #66666659}.TutorialCard-module-scss-module__LDyMrq__card:hover .TutorialCard-module-scss-module__LDyMrq__playIcon{background-color:var(--color-primary);transform:scale(1.2)}.TutorialCard-module-scss-module__LDyMrq__card:hover .TutorialCard-module-scss-module__LDyMrq__playIcon svg{color:#fff}.TutorialCard-module-scss-module__LDyMrq__thumb{aspect-ratio:9/16;width:100%;transition:all .3s ease-in-out;position:relative;overflow:hidden}.TutorialCard-module-scss-module__LDyMrq__img{object-fit:cover}.TutorialCard-module-scss-module__LDyMrq__playIcon{background-color:#fff;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;margin:auto;transition:all .25s;display:flex;position:absolute;inset:30px 0 0;overflow:hidden;box-shadow:0 0 30px #6f6f6f80}.TutorialCard-module-scss-module__LDyMrq__playIcon svg{color:var(--color-primary);margin-left:2px}.TutorialCard-module-scss-module__LDyMrq__content{background:#fff;flex-direction:column;flex:1;padding:1rem;display:flex}.TutorialCard-module-scss-module__LDyMrq__title{color:#333;margin-bottom:.5rem;font-size:clamp(.85rem,1.2vw,1rem);font-weight:500}.TutorialCard-module-scss-module__LDyMrq__description{color:#666;-webkit-line-clamp:4;line-clamp:4;text-overflow:ellipsis;-webkit-box-orient:vertical;font-size:clamp(.75rem,1vw,.95rem);display:-webkit-box;overflow:hidden}.TutorialCard-module-scss-module__LDyMrq__readMore{color:var(--color-primary);font-weight:500}
.TutorialsPage-module-scss-module__ANeR3G__page{background:#f7f7f7;margin:0;padding-block:0;position:relative}@media (min-width:768px){.TutorialsPage-module-scss-module__ANeR3G__page{padding-block:1rem}}.TutorialsPage-module-scss-module__ANeR3G__content{width:100%;max-width:1200px;margin:auto}@media (min-width:768px){.TutorialsPage-module-scss-module__ANeR3G__content{max-width:1228px;padding:0 14px}}.TutorialsPage-module-scss-module__ANeR3G__section{padding:0 14px}@media (min-width:1080px){.TutorialsPage-module-scss-module__ANeR3G__section{padding:0}}.TutorialsPage-module-scss-module__ANeR3G__heading{color:#000;margin-bottom:1rem;font-size:1.7rem}.TutorialsPage-module-scss-module__ANeR3G__intro{text-align:left;white-space:pre-wrap;color:#0009;margin-bottom:1.5rem;font-weight:400;line-height:1.5}.TutorialsPage-module-scss-module__ANeR3G__divider{background:var(--color-primary);height:3px;margin-bottom:1.5rem}.TutorialsPage-module-scss-module__ANeR3G__grid{grid-gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr));align-items:stretch;padding:0 50px;display:grid}@media (min-width:768px){.TutorialsPage-module-scss-module__ANeR3G__grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));padding:0 70px}}
.Breadcrumb-module-scss-module__QEg1tG__breadcrumb{color:#000000b3;flex-wrap:wrap;align-items:center;font-size:1rem;display:flex}.Breadcrumb-module-scss-module__QEg1tG__item{align-items:center;display:inline-flex}.Breadcrumb-module-scss-module__QEg1tG__link{color:inherit;text-decoration:none}.Breadcrumb-module-scss-module__QEg1tG__link:hover{text-decoration:underline}.Breadcrumb-module-scss-module__QEg1tG__current{color:inherit}.Breadcrumb-module-scss-module__QEg1tG__separator{margin:0 .5rem;font-size:.8em}
.RelatedTutorials-module-scss-module__jCY3VW__wrapper{margin-bottom:15px;position:relative}.RelatedTutorials-module-scss-module__jCY3VW__scroller{scrollbar-width:none;gap:1.5rem;min-width:100%;padding-bottom:14px;padding-left:1rem;padding-right:30px;display:flex;position:relative;overflow-x:auto}.RelatedTutorials-module-scss-module__jCY3VW__scroller::-webkit-scrollbar{display:none}@media (min-width:1080px){.RelatedTutorials-module-scss-module__jCY3VW__scroller{padding-right:64px}}.RelatedTutorials-module-scss-module__jCY3VW__item{flex:none;width:250px;position:relative}.RelatedTutorials-module-scss-module__jCY3VW__arrow{z-index:10;width:30px;height:calc(100% - 14px);color:var(--color-primary);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff80;border:0;justify-content:center;align-items:center;font-size:2.2rem;font-weight:500;transition:all .25s;display:flex;position:absolute;top:0}.RelatedTutorials-module-scss-module__jCY3VW__arrow span{transition:all .15s;transform:scaleY(1.2)}@media (min-width:1080px){.RelatedTutorials-module-scss-module__jCY3VW__arrow{width:50px;font-size:calc(3rem + 1vw)}.RelatedTutorials-module-scss-module__jCY3VW__arrow:hover span{transform:scaleY(1.5)scaleX(1.3)}}.RelatedTutorials-module-scss-module__jCY3VW__left{left:0}.RelatedTutorials-module-scss-module__jCY3VW__right{right:0}
.VimeoPlayer-module-scss-module__KCQcva__player{aspect-ratio:9/16;width:100%;max-width:320px;margin:auto}.VimeoPlayer-module-scss-module__KCQcva__player iframe{border:0;width:100%;height:100%;display:block}@media (min-width:768px){.VimeoPlayer-module-scss-module__KCQcva__player{max-width:initial}}
.TutorialDetailPage-module-scss-module__QXe5AG__page{background:#f7f7f7;position:relative;top:-14px}@media (min-width:768px){.TutorialDetailPage-module-scss-module__QXe5AG__page{top:14px}}.TutorialDetailPage-module-scss-module__QXe5AG__content{width:100%;max-width:1200px;margin:auto}@media (min-width:768px){.TutorialDetailPage-module-scss-module__QXe5AG__content{max-width:1228px;padding:0 14px}}.TutorialDetailPage-module-scss-module__QXe5AG__video{width:100%;padding:0 14px}@media (min-width:1080px){.TutorialDetailPage-module-scss-module__QXe5AG__video{padding:0}}.TutorialDetailPage-module-scss-module__QXe5AG__breadcrumbs{padding-bottom:1rem}.TutorialDetailPage-module-scss-module__QXe5AG__divider{background:var(--color-primary);height:3px;margin-bottom:1.5rem}.TutorialDetailPage-module-scss-module__QXe5AG__grid{grid-template-columns:1fr;gap:1.5rem;max-width:700px;margin:auto;display:grid}@media (min-width:768px){.TutorialDetailPage-module-scss-module__QXe5AG__grid{grid-template-rows:auto 1fr;grid-template-columns:1fr 1fr}}.TutorialDetailPage-module-scss-module__QXe5AG__title{color:var(--color-primary);font-size:clamp(1rem,1.5vw,1.2rem);font-weight:600}@media (min-width:768px){.TutorialDetailPage-module-scss-module__QXe5AG__title{order:2}}.TutorialDetailPage-module-scss-module__QXe5AG__paragraph{text-align:left;text-justify:inter-word;order:3;line-height:130%}@media (min-width:768px){.TutorialDetailPage-module-scss-module__QXe5AG__playerCell{order:1;grid-row:span 2}}.TutorialDetailPage-module-scss-module__QXe5AG__relatedTitle{padding:2rem 1rem;font-size:clamp(1.2rem,1.5vw,1.4rem);font-weight:600}@media (min-width:1080px){.TutorialDetailPage-module-scss-module__QXe5AG__relatedTitle{padding:2rem 1rem;font-size:1.5rem}}