.entity-tutorial{margin-top:102px}@media(max-width:768px){.entity-tutorial{margin-top:80px}}.entity-tutorial__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--sp1)}@media(max-width:576px){.entity-tutorial__header{margin-bottom:var(sp0)}}@media(max-width:414px){.entity-tutorial__header{align-items:flex-start;flex-direction:column}}.entity-tutorial__title{font-size:28px;font-weight:600;line-height:36px;margin-right:var(--sp0)}@media(max-width:576px){.entity-tutorial__title{font-size:24px;line-height:32px}}.entity-tutorial__views{font-size:var(--fs-s);height:fit-content;line-height:var(--lh-base);padding-left:20px;position:relative;white-space:nowrap}@media(max-width:414px){.entity-tutorial__views{margin-top:12px}}.entity-tutorial__views:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='m13.962 6.924.02.076a5.463 5.463 0 0 1-.283.764 8.763 8.763 0 0 1-1.184 1.907C11.445 10.979 9.963 12 8 12c-1.963 0-3.445-1.021-4.515-2.329A8.763 8.763 0 0 1 2.3 7.764 5.447 5.447 0 0 1 2.017 7l.021-.076c.05-.169.134-.405.262-.688a8.763 8.763 0 0 1 1.185-1.907C4.555 3.021 6.037 2 8 2c1.963 0 3.445 1.021 4.515 2.329.533.652.929 1.338 1.185 1.907.128.283.213.52.262.688ZM16 7c0 1.167-2.5 7-8 7S0 8.167 0 7c0-1.167 2.5-7 8-7s8 5.833 8 7ZM8 9a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z' fill='%23464A53'/%3E%3C/svg%3E");background-repeat:no-repeat;content:"";height:14px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:16px}.entity-tutorial__video{margin-bottom:var(--sp02)}.entity-tutorial .video-area{grid-column:1/span 8;margin-right:var(--sp02)}@media(max-width:992px){.entity-tutorial .video-area{grid-column:1/span 12;margin-bottom:var(--sp1);margin-right:0}}.entity-tutorial .sidebar-area{display:flex;flex-direction:column;gap:24px;grid-column:9/span 4;grid-row:1/span 12;margin-left:var(--sp0)}@media(max-width:992px){.entity-tutorial .sidebar-area{flex-direction:row;grid-column:1/span 12;grid-row:auto;margin-bottom:var(--sp1);margin-left:0}}@media(max-width:576px){.entity-tutorial .sidebar-area{flex-direction:column}}.entity-tutorial .tutorials-area{grid-column:1/span 8;margin-right:var(--sp02)}@media(max-width:992px){.entity-tutorial .tutorials-area{grid-column:1/span 12;margin-right:0}}.entity-tutorial .tutorials-area .section.section-tutorials{margin-bottom:0;margin-top:var(--sp1);padding-bottom:0;padding-top:0}.entity-tutorial .tutorials-area .section.section-tutorials .tutorials__list{margin-bottom:0;padding-top:0}.entity-tutorial .grid-container{display:grid;grid-template-columns:repeat(12,1fr)}.entity-tutorial .card{border-radius:var(--br-lg);padding:var(--sp1);text-align:start}@media(max-width:992px){.entity-tutorial .card{width:50%}}@media(max-width:576px){.entity-tutorial .card{width:100%}.entity-tutorial .card .button{margin-left:auto;margin-right:auto}}.entity-tutorial .card__free{background-color:var(--c-gray-100);height:max-content}.entity-tutorial .card__pro{background-color:var(--c-honey-100)}.entity-tutorial .card_title{font-size:20px;font-weight:500;line-height:30px;margin-bottom:var(--sp02)}.entity-tutorial .card_text{font-size:14px;font-weight:400;line-height:24px;margin-bottom:var(--sp02)}.entity-tutorial .card-list{list-style:none;margin-top:0;padding-left:20px}.entity-tutorial .card-list_item{margin-bottom:var(--sp02);position:relative}.entity-tutorial .card-list_item:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.03 4.926a.723.723 0 0 1 .947 0l.008.007.297.273a.657.657 0 0 1 .218.486.657.657 0 0 1-.22.488l-5.067 5.135-.001.001a.712.712 0 0 1-.48.183.712.712 0 0 1-.478-.183h-.001L3.72 8.931a.657.657 0 0 1-.22-.488c0-.192.084-.366.22-.488l.297-.27a.712.712 0 0 1 .48-.183c.172 0 .345.062.478.184h.001l1.755 1.68 4.3-4.441Z' fill='%23121316'/%3E%3C/svg%3E");content:"";display:block;height:16px;left:-20px;position:absolute;top:5px;width:16px}.breadcrumbs{font-family:var(--font-serif);font-size:0;line-height:var(--lh-sm);padding:var(--sp1) 0}.breadcrumbs a{color:var(--c-text)}.breadcrumbs a span{color:inherit}.breadcrumbs>span{font-size:var(--fs-xs);margin-right:var(--sp02)}.breadcrumbs>span:after{background-color:var(--c-text);border-radius:50%;content:"";display:inline-block;height:2px;margin-left:var(--sp02);position:relative;top:-2px;width:2px}.breadcrumbs>span>span{color:#a9acb2;font-weight:400}.breadcrumbs>span:last-of-type:after{display:none}.tutorial-video{border-radius:var(--br-lg);overflow:hidden}.tutorial-video__preview{cursor:pointer;position:relative}.tutorial-video__preview img{display:block;width:100%}.tutorial-video__preview:before{background:linear-gradient(180deg,rgba(0,0,0,.33),transparent 10.94%);content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%}.tutorial-video__preview:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 721' xml:space='preserve'%3E%3Cpath fill='%23FFF' d='m407 493 276-143-276-144v287z'/%3E%3Cpath opacity='.12' fill-rule='evenodd' clip-rule='evenodd' d='m407 206 242 161.6 34-17.6-276-144z'/%3E%3Cpath fill='%23282928' d='M1013 156.3s-10-70.4-40.6-101.4C933.6 14.2 890 14 870.1 11.6 727.1 1.3 512.7 1.3 512.7 1.3h-.4s-214.4 0-357.4 10.3C135 14 91.4 14.2 52.6 54.9 22 85.9 12 156.3 12 156.3S1.8 238.9 1.8 321.6v77.5C1.8 481.8 12 564.4 12 564.4s10 70.4 40.6 101.4c38.9 40.7 89.9 39.4 112.6 43.7 81.7 7.8 347.3 10.3 347.3 10.3s214.6-.3 357.6-10.7c20-2.4 63.5-2.6 102.3-43.3 30.6-31 40.6-101.4 40.6-101.4s10.2-82.7 10.2-165.3v-77.5c0-82.7-10.2-165.3-10.2-165.3zM407 493V206l276 144-276 143z'/%3E%3C/svg%3E");background-size:cover;content:"";height:50px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:var(--transition);width:70px}.tutorial-video__preview:hover:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 721' xml:space='preserve'%3E%3Cpath fill='%23FFF' d='m407 493 276-143-276-144v287z'/%3E%3Cpath opacity='.12' fill='%23420000' d='m407 206 242 161.6 34-17.6-276-144z'/%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='512.5' y1='719.7' x2='512.5' y2='1.2' gradientTransform='matrix(1 0 0 -1 0 721)'%3E%3Cstop offset='0' style='stop-color:%23e52d27'/%3E%3Cstop offset='1' style='stop-color:%23bf171d'/%3E%3C/linearGradient%3E%3Cpath fill='url(%23a)' d='M1013 156.3s-10-70.4-40.6-101.4C933.6 14.2 890 14 870.1 11.6 727.1 1.3 512.7 1.3 512.7 1.3h-.4s-214.4 0-357.4 10.3C135 14 91.4 14.2 52.6 54.9 22 85.9 12 156.3 12 156.3S1.8 238.9 1.8 321.6v77.5C1.8 481.8 12 564.4 12 564.4s10 70.4 40.6 101.4c38.9 40.7 89.9 39.4 112.6 43.7 81.7 7.8 347.3 10.3 347.3 10.3s214.6-.3 357.6-10.7c20-2.4 63.5-2.6 102.3-43.3 30.6-31 40.6-101.4 40.6-101.4s10.2-82.7 10.2-165.3v-77.5c0-82.7-10.2-165.3-10.2-165.3zM407 493V206l276 144-276 143z'/%3E%3C/svg%3E")}.section__category{margin-top:102px}@media(max-width:768px){.section__category{margin-top:80px}}.tutorials{display:grid;gap:24px;grid-template-columns:repeat(3,calc(33.3% - 16px));margin-bottom:var(--sp2)}@media(max-width:768px){.tutorials{gap:16px;grid-template-columns:repeat(2,calc(50% - 8px))}}@media(max-width:486px){.tutorials{grid-template-columns:repeat(1,100%)}}.tutorials .tutorial-card__image{position:relative}.tutorials .tutorial-card__image img{border-radius:var(--br-lg)}.tutorials .tutorial-card__text{display:flex;justify-content:space-between;margin-top:var(--sp01)}.tutorials .tutorial-card__text h5{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.tutorials .tutorial-card__views{font-size:var(--fs-s);height:fit-content;line-height:var(--lh-base);margin-left:var(--sp0);padding-left:20px;position:relative;white-space:nowrap}.tutorials .tutorial-card__views:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='m13.962 6.924.02.076a5.463 5.463 0 0 1-.283.764 8.763 8.763 0 0 1-1.184 1.907C11.445 10.979 9.963 12 8 12c-1.963 0-3.445-1.021-4.515-2.329A8.763 8.763 0 0 1 2.3 7.764 5.447 5.447 0 0 1 2.017 7l.021-.076c.05-.169.134-.405.262-.688a8.763 8.763 0 0 1 1.185-1.907C4.555 3.021 6.037 2 8 2c1.963 0 3.445 1.021 4.515 2.329.533.652.929 1.338 1.185 1.907.128.283.213.52.262.688ZM16 7c0 1.167-2.5 7-8 7S0 8.167 0 7c0-1.167 2.5-7 8-7s8 5.833 8 7ZM8 9a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z' fill='%23464A53'/%3E%3C/svg%3E");background-repeat:no-repeat;content:"";height:14px;left:0;position:absolute;top:55%;transform:translateY(-50%);width:16px}.tutorials .tutorial-card__video_length{background-color:rgba(18,19,22,.7);border-radius:4px;bottom:12px;color:var(--c-white);font-size:14px;left:5%;line-height:20px;padding:2px 6px;position:absolute}@media(max-width:576px){.tutorials .tutorial-card__video_length{font-size:12px;line-height:18px;padding:1px 5px}}@media(max-width:478px){.tutorials .tutorial-card__video_length{font-size:12px;line-height:18px}}.tutorials .tutorial-card:hover .tutorial-card__title{color:var(--c-sonic-500)}.tutorials .tutorial-card:hover .tutorial-card__image img{box-shadow:0 4px 8px 1px rgba(0,0,0,.08);cursor:pointer;transition:all .3s ease-in-out}body.project-tutorials .page__title{font-size:36px;font-weight:700;line-height:46px;margin-bottom:var(--sp0);max-width:100%;text-align:left}@media(max-width:768px){body.project-tutorials .page__title{font-size:28px;font-weight:600;line-height:36px}}@media(max-width:486px){body.project-tutorials .page__title{font-size:24px;font-weight:600;line-height:32px}}body.project-tutorials .page__description{margin-bottom:var(--sp1)}body.project-tutorials .section__title{max-width:100%}