@layer base{body{font-family:var(--fm-font-sans);font-size:var(--fm-font-16);line-height:normal}p{line-height:1.4;margin:var(--fm-space-12) 0}a:-moz-any-link{color:unset;font-weight:var(--fm-fw-regular);text-decoration:none}a:any-link{color:unset;font-weight:var(--fm-fw-regular);text-decoration:none}a:-moz-any-link:hover{color:unset}a:any-link:hover{color:unset}fieldset{border:none;margin:0;padding:0}}.carousel-sections{display:flex;flex-flow:column nowrap;gap:var(--fm-space-36);margin-bottom:var(--fm-space-36)}.carousel-sections[data-carousel-sections=search]:empty{margin-bottom:0;position:absolute;z-index:-1}.carousel-sections[data-carousel-sections=search]:not(:empty)~.FeaturedTutorialContainer,.carousel-sections[data-carousel-sections=search]:not(:empty)~.carousel-sections{display:none}.carousel-sections[data-carousel-sections=search]:empty~.carousel-sections{display:flex}.carousel-sections[data-carousel-sections=search] .CarouselLoadingWrapInitial,.carousel-sections[data-carousel-sections=search] .TutorialLoadingWrap{display:flex;justify-content:center}.carousel-sections[data-carousel-sections=search] .CarouselLoadingWrapInitial{min-height:10000px}.carousel-sections .carousel-section header{align-items:center;border-bottom:1px solid var(--fm-gray-3);display:flex;gap:var(--fm-space-6);margin-bottom:var(--fm-space-24);padding-bottom:var(--fm-space-12);position:relative;z-index:2}.carousel-sections .carousel-section header .carousel-section-title{align-items:center;display:flex;flex-flow:row nowrap;gap:var(--fm-space-6);height:var(--fm-space-24)}.carousel-sections .carousel-section header .carousel-section-title img{width:unset}.carousel-sections .carousel-section header .carousel-section-title strong{font-size:var(--fm-font-18);font-weight:var(--fm-fw-bold);text-transform:uppercase}.carousel-sections .carousel-section header .carousel-section-title .search-count{color:var(--fm-gray-5)}.carousel-sections .carousel-section header .carousel-section-title .carousel-section-more{margin-left:var(--fm-space-6)}.carousel-sections .carousel-section header .carousel-section-title .clear-search{font-size:var(--fm-font-14)}.carousel-sections .carousel-section header .carousel-controls{align-items:center;color:var(--fm-gray-3);display:flex;flex-flow:row nowrap;font-size:var(--fm-font-16);font-weight:var(--fm-fw-normal);gap:var(--fm-space-12);justify-content:flex-end;margin-left:auto;position:relative}.carousel-sections .carousel-section header .carousel-controls .tutorial-sort{position:absolute}.carousel-sections .carousel-section .searchable-page-grid{display:grid;gap:var(--fm-space-24);grid-template-columns:1fr}@media (min-width:650px){.carousel-sections .carousel-section .searchable-page-grid{grid-template-columns:1fr 1fr}}@media (min-width:900px){.carousel-sections .carousel-section .searchable-page-grid{grid-template-columns:1fr 1fr 1fr 1fr}}.FM-Round-Thumbnail-Item{container:RoundThumbnailItem/inline-size;text-decoration:none;width:100%}.FM-Round-Thumbnail-Item .wrap{align-items:center;display:flex;flex-direction:row;gap:var(--fm-space-12)}.FM-Round-Thumbnail-Item .thumbnail{align-items:center;background:var(--fm-gray-2);border-radius:32px;display:flex;flex-shrink:0;height:64px;justify-content:center;line-height:0;overflow:hidden;width:64px}.FM-Round-Thumbnail-Item .thumbnail img{height:auto;width:100%}.FM-Round-Thumbnail-Item .text{line-height:1.4}.FM-Round-Thumbnail-Item .main,.FM-Round-Thumbnail-Item .main a{color:#fff;font-size:var(--fm-font-18);font-weight:var(--fm-fw-bold);line-height:1.2;margin:0}.FM-Round-Thumbnail-Item .secondary{color:var(--fm-gray-5);font-size:var(--fm-font-16);margin:0}.box-of-stars{--fill-percentage:0;--fill-color:#f09e14;--bg-color:var(--fm-gray-0);--size:var(--fm-space-24);background:linear-gradient(to right,var(--fill-color) var(--fill-percentage),var(--bg-color) var(--fill-percentage));display:flex;height:var(--size);width:-moz-max-content;width:max-content}.box-of-stars svg{border-right:3px solid var(--bg-color);box-sizing:content-box;height:var(--size);width:var(--size)}.box-of-stars svg:last-child{border-right:none}.Card-Tooltip{animation:cardFadeIn;animation-delay:.3s;animation-duration:.3s;animation-fill-mode:forwards;background:var(--fm-gray-1);border:1px solid var(--fm-gray-3);border-radius:var(--fm-radius-small);box-shadow:0 0 24px 0 rgba(0,0,0,.75);max-width:300px;opacity:0;padding:var(--fm-space-24);position:absolute;text-align:left;width:-moz-max-content;width:max-content;z-index:1000}.Card-Tooltip .detail-tooltip-content h2{font-size:var(--fm-font-16);margin:0}.Card-Tooltip .detail-tooltip-content .duration{color:var(--fm-gray-4);font-size:var(--fm-font-14)}.Card-Tooltip .detail-tooltip-content .star-rating{align-items:center;color:var(--fm-gray-4);display:flex;flex-flow:row nowrap;gap:var(--fm-space-6)}.Card-Tooltip .detail-tooltip-content .star-rating .box-of-stars{--size:var(--fm-space-18);--bg-color:var(--fm-gray-1)}.Card-Tooltip .detail-tooltip-content .description{font-size:var(--fm-font-14)}.Card-Tooltip .detail-tooltip-bottom{border-top:1px solid var(--fm-gray-3);margin-top:var(--fm-space-16);padding-top:var(--fm-space-16)}.Card-Tooltip .detail-tooltip-bottom .FM-Round-Thumbnail-Item .thumbnail{height:48px;width:48px}.Card-Tooltip .detail-tooltip-bottom .FM-Round-Thumbnail-Item .text .main{font-size:var(--fm-font-14)}.Card-Tooltip .detail-tooltip-bottom .FM-Round-Thumbnail-Item .text .secondary{font-size:var(--fm-font-12)}.Card-Tooltip .arrow{background:var(--fm-gray-1);border-bottom:1px solid transparent;border-left:1px solid var(--fm-gray-3);border-right:1px solid transparent;border-top:1px solid var(--fm-gray-3);height:10px;position:absolute;width:10px}@keyframes cardFadeIn{0%{opacity:0}to{opacity:1}}.FM-Media-Carousel .carousel-content .carousel-item,.FM-Media-Carousel .carousel-content .carousel-item:hover{background:none}.tutorials-item{background:var(--fm-gray-2);border-radius:var(--fm-radius-medium);display:flex;flex-flow:column nowrap;height:100%;justify-content:flex-start;overflow:hidden;position:relative;width:100%}.tutorials-item:hover{background:linear-gradient(90deg,var(--Gradients-gray-gray-from,#222) .04%,var(--Gradients-gray-gray-to,#333) 100%)}.tutorials-item .exclusive-tag{interpolate-size:allow-keywords;align-items:center;background-color:var(--black);border-radius:var(--fm-radius-small);color:var(--fm-gray-8);display:flex;font-size:var(--fm-font-12);font-weight:700;left:var(--fm-space-6);padding:4px 6px;position:absolute;text-transform:uppercase;top:var(--fm-space-6);z-index:1000}.tutorials-item .exclusive-tag>span{margin-left:0;opacity:0;overflow:hidden;transition:margin,width,opacity;transition-duration:0;width:0}.tutorials-item .exclusive-tag:hover>span{margin-left:var(--fm-space-6);opacity:1;width:-moz-max-content;width:max-content}.tutorials-item .tutorials-item-image{aspect-ratio:16/9;background:var(--fm-gray-3);flex:1}.tutorials-item img{aspect-ratio:16/9;display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.tutorials-item .tutorials-item-detail{display:flex;flex-flow:column nowrap;flex-grow:1;gap:var(--fm-space-12);height:100%;justify-content:flex-start;padding:var(--fm-space-12)}.tutorials-item .tutorials-item-detail .tutorial-type{align-items:center;color:var(--fm-orange-2);display:flex;font-size:var(--fm-font-12);font-weight:var(--fm-fw-bold);gap:var(--fm-space-6);text-transform:uppercase}.tutorials-item .tutorials-item-detail .tags{display:flex;flex-flow:row wrap;gap:var(--fm-space-6) var(--fm-space-12)}.tutorials-item .tutorials-item-detail .tags .tag{border:1px solid var(--fm-gray-4);border-radius:2;color:var(--fm-gray-4);font-size:var(--fm-font-12);font-weight:var(--fm-fw-bold);padding:2px 4px;text-transform:uppercase}.tutorials-item .tutorials-item-detail h2{font-size:var(--fm-font-16);margin:0}.tutorials-item .tutorials-item-detail .tutorial-item-detail-bottom{align-items:flex-end;display:flex;flex-flow:row nowrap;flex-grow:1;justify-content:space-between}.tutorials-item .tutorials-item-detail .tutorial-item-detail-bottom .creator{color:var(--fm-gray-4);font-size:var(--fm-font-12)}.tutorials-item .tutorials-item-detail .tutorial-item-detail-bottom .creator>span{font-weight:var(--fm-fw-bold);text-transform:uppercase}.tutorials-item .tutorials-item-detail .tutorial-item-detail-bottom .info-icon{height:18px;position:relative;width:18px}.tutorials-item .tutorials-item-detail .tutorial-item-detail-bottom .info-icon:hover{color:var(--fm-gray-6)}.tutorials-item .FM-BtnBookmark{--bookmark-size:24px;position:absolute;right:var(--fm-space-6);top:var(--fm-space-6)}.FeaturedTutorialContainer{container:FeaturedTutorial/inline-size}.FeaturedTutorialContainer .tutorials-item{background:var(
      --Gradients-blue-black,linear-gradient(246deg,#232326 14.26%,#02284d 79.86%)
    );flex-flow:column nowrap}.FeaturedTutorialContainer .tutorials-item .tutorials-item-detail{padding:var(--fm-font-24) var(--fm-font-36)}.FeaturedTutorialContainer .tutorials-item .tutorials-item-detail h2{font-size:var(--fm-font-24);margin:0}.FeaturedTutorialContainer .tutorials-item .tutorials-item-detail .tutorial-summary{min-height:45px}@container FeaturedTutorial (min-width: 900px){.FeaturedTutorialContainer .tutorials-item{flex-flow:row nowrap}.FeaturedTutorialContainer .tutorials-item h2{--line-count:1}}@supports (interpolate-size:allow-keywords){.tutorials-item .exclusive-tag>span{transition-delay:0;transition-duration:.3s;transition-timing-function:ease}.tutorials-item .exclusive-tag:hover>span{transition-delay:.3s}}.Topic-Header .content{display:flex;gap:var(--fm-space-24)}.Topic-Header .thumbnail{height:100px;width:100px}.Topic-Header p:last-child{margin-bottom:0}