.section.section-tutorials{margin-bottom:var(--sp0);padding-bottom:var(--sp1);padding-top:var(--sp1)}@media(max-width:478px){.section.section-tutorials{padding-bottom:0}}.section.section-tutorials .section__subtitle,.section.section-tutorials .section__subtitle p{font-family:var(--font-sans);font-size:32px;line-height:40px}@media(max-width:768px){.section.section-tutorials .section__subtitle,.section.section-tutorials .section__subtitle p{font-size:27px;line-height:32px}}@media(max-width:478px){.section.section-tutorials .section__subtitle,.section.section-tutorials .section__subtitle p{font-size:var(--fs-xl);line-height:24px}}.section.section-tutorials .tutorials__list{margin-bottom:var(--sp1);overflow:hidden;position:relative}@media(max-width:478px){.section.section-tutorials .tutorials__list{margin-bottom:var(--sp02)}}.section.section-tutorials .tutorials__list_wrap{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;padding:var(--sp01) 0}.section.section-tutorials .tutorials__list_item{position:relative;width:264px!important}.section.section-tutorials .tutorials__list_item:hover .tutorials__list_item_video-length,.section.section-tutorials .tutorials__list_item:hover img{-webkit-transform:translateY(-4px);-ms-transform:translateY(-4px);transform:translateY(-4px);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.section.section-tutorials .tutorials__list_item:hover img{-webkit-filter:drop-shadow(rgba(0,0,0,.08) 0 4px 8px);filter:drop-shadow(rgba(0,0,0,.08) 0 4px 8px)}.section.section-tutorials .tutorials__list_item:hover .button-link-black{color:var(--c-sonic-600)}.section.section-tutorials .tutorials__list_item:hover .button-link-black .desktop-text:after,.section.section-tutorials .tutorials__list_item:hover .button-link-black .wrap:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.81 7.4c.121.117.19.276.19.442v.316a.63.63 0 0 1-.19.442l-4.452 4.277a.442.442 0 0 1-.615 0l-.615-.592a.401.401 0 0 1 0-.584L8.982 8 5.128 4.299a.41.41 0 0 1 0-.592l.615-.584a.442.442 0 0 1 .615 0L10.81 7.4Z' fill='%232153CC'/%3E%3C/svg%3E")!important}@media(max-width:768px){.section.section-tutorials .tutorials__list_item{width:242px!important}}@media(max-width:478px){.section.section-tutorials .tutorials__list_item{width:156px!important}}.section.section-tutorials .tutorials__list_item img{border-radius:var(--br-lg)}.section.section-tutorials .tutorials__list_item .section__actions{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between}.section.section-tutorials .tutorials__list_item .section__actions .button-link-black{margin:unset;min-width:auto;position:relative}@media(max-width:478px){.section.section-tutorials .tutorials__list_item .section__actions .button-link-black{margin-top:3px}}.section.section-tutorials .tutorials__list_item .section__actions .button-link-black .wrap{display:block;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative}.section.section-tutorials .tutorials__list_item .section__actions .button-link-black .wrap:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.81 7.4c.121.117.19.276.19.442v.316a.63.63 0 0 1-.19.442l-4.452 4.277a.442.442 0 0 1-.615 0l-.615-.592a.401.401 0 0 1 0-.584L8.982 8 5.128 4.299a.41.41 0 0 1 0-.592l.615-.584a.442.442 0 0 1 .615 0L10.81 7.4Z' fill='%23121316'/%3E%3C/svg%3E");content:"";display:none;height:16px;position:absolute;right:-1px;top:4px;width:16px}@media(max-width:478px){.section.section-tutorials .tutorials__list_item .section__actions .button-link-black .wrap:after{display:block;top:1px}}.section.section-tutorials .tutorials__list_item .section__actions .button-link-black .wrap .desktop-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;padding-right:12px;position:relative;text-align:left;text-overflow:ellipsis}.section.section-tutorials .tutorials__list_item .section__actions .button-link-black .wrap .desktop-text:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.81 7.4c.121.117.19.276.19.442v.316a.63.63 0 0 1-.19.442l-4.452 4.277a.442.442 0 0 1-.615 0l-.615-.592a.401.401 0 0 1 0-.584L8.982 8 5.128 4.299a.41.41 0 0 1 0-.592l.615-.584a.442.442 0 0 1 .615 0L10.81 7.4Z' fill='%23121316'/%3E%3C/svg%3E");content:"";height:16px;position:absolute;right:-1px;top:4px;width:16px}@media(max-width:478px){.section.section-tutorials .tutorials__list_item .section__actions .button-link-black .wrap .desktop-text:after{display:none;top:0}}.section.section-tutorials .tutorials__list_item .section__actions .button-link-black .wrap .mobile-text{margin-right:2px;position:relative}@media(max-width:478px){.section.section-tutorials .tutorials__list_item .section__actions .button-link-black .wrap .mobile-text{overflow:hidden}.section.section-tutorials .tutorials__list_item .section__actions .button-link-black .wrap{margin-left:18px;padding-right:12px}}@media(max-width:768px){.section.section-tutorials .tutorials__list_item .section__actions .button-link-black{overflow:hidden}}.section.section-tutorials .tutorials__list_item .section__actions .button-link-black:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0Zm0 1.6a6.4 6.4 0 1 1 0 12.8A6.4 6.4 0 0 1 8 1.6Zm-.8 8.8V5.6a.4.4 0 0 1 .68-.28l2.4 2.4a.408.408 0 0 1 0 .568l-2.4 2.4a.4.4 0 0 1-.68-.288Z' fill='%23464A53'/%3E%3C/svg%3E");content:"";display:none;height:16px;left:0;margin-right:2px;position:absolute;top:0;width:16px}@media(max-width:478px){.section.section-tutorials .tutorials__list_item .section__actions .button-link-black:before{display:inline-block}}.section.section-tutorials .tutorials__list_item .section__actions .button-link-black:after{display:none}@media(max-width:478px){.section.section-tutorials .tutorials__list_item .section__actions .desktop-text{display:none!important}}.section.section-tutorials .tutorials__list_item_views{-webkit-box-sizing:content-box;box-sizing:content-box;color:var(--c-gray-900);font-family:var(--font-sans);font-size:var(--fs-s);font-weight:400;line-height:25px;margin-left:6px;padding-left:18px;position:relative;white-space:nowrap}.section.section-tutorials .tutorials__list_item_views:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='m13.962 7.924.02.076a5.463 5.463 0 0 1-.283.764 8.762 8.762 0 0 1-1.184 1.907C11.445 11.979 9.963 13 8 13c-1.963 0-3.445-1.021-4.515-2.329A8.762 8.762 0 0 1 2.3 8.764 5.447 5.447 0 0 1 2.017 8l.021-.076c.05-.169.134-.405.262-.688a8.763 8.763 0 0 1 1.185-1.907C4.555 4.021 6.037 3 8 3c1.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 8c0 1.167-2.5 7-8 7S0 9.167 0 8c0-1.167 2.5-7 8-7s8 5.833 8 7Zm-8 2a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z' fill='%23464A53'/%3E%3C/svg%3E");content:"";height:16px;left:0;position:absolute;top:5px;width:16px}.section.section-tutorials .tutorials__list_item_video-length{background-color:rgba(18,19,22,.7);border-radius:4px;color:var(--c-white);font-family:var(--font-sans);font-size:var(--fs-xs);left:12px;line-height:18px;padding:2px 6px;position:absolute;top:120px}@media(max-width:768px){.section.section-tutorials .tutorials__list_item_video-length{font-size:11px;line-height:16px;top:110px}}@media(max-width:478px){.section.section-tutorials .tutorials__list_item_video-length{font-size:8px;left:8px;line-height:14px;padding:0 4px;top:68px}}.project-colors .section.section-tutorials .section__subtitle,.project-colors .section.section-tutorials .section__subtitle p{font-weight:600}