.CodeBlock_codeBlockWrapper__uk5mU{position:relative;margin:8px 0}.CodeBlock_copyButton__Mgg4j{position:absolute;top:12px;right:14px;background:transparent;border:1px solid rgba(0,0,0,.1);border-radius:4px;padding:4px 6px;font-family:var(--font-inter),sans-serif;font-size:11px;font-weight:400;color:#000;cursor:pointer;transition:color .15s ease;z-index:10}.CodeBlock_copyButton__Mgg4j:hover{color:rgba(0,0,0,.8);background:rgba(0,0,0,.05)}.CodeBlock_copyButton__Mgg4j:active{color:#000}.CodeBlock_codeBlockWrapper__uk5mU pre{position:relative;padding-right:60px!important}.tutorials-post_wrapper__H60vN{min-height:100vh;background:radial-gradient(circle at 20% 80%,rgba(222,255,55,.15) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(147,225,255,.15) 0,transparent 50%),radial-gradient(circle at 40% 40%,rgba(255,48,183,.1) 0,transparent 50%),#f7f6ff;padding:16px}.tutorials-post_container__nK0oN{max-width:800px;margin:0 auto;padding:48px 0}.tutorials-post_titleSection__SBDkM{display:flex;flex-direction:column;gap:8px}.tutorials-post_nav__gHzeR{width:100%}.tutorials-post_mainTitle__dqBJe{display:flex;flex-direction:row;gap:4px;align-items:flex-start;font-family:var(--font-gooper),serif;font-size:24px;font-weight:400;color:#000;line-height:normal;white-space:nowrap}.tutorials-post_mainTitleBold__cB4Na{font-weight:600}.tutorials-post_sparkle__ixr9s{font-family:"Noto Sans Symbols2",var(--font-gooper),serif}.tutorials-post_description__tgNFs{font-family:var(--font-inter),sans-serif;font-weight:400;font-size:16px;line-height:1.3;color:rgba(0,0,0,.5);margin:0;width:-moz-fit-content;width:fit-content;min-width:100%}.tutorials-post_header__S5miy{display:flex;flex-direction:column;border-radius:10px;text-align:left}.tutorials-post_homeLink__r9b7d{color:#000;font-family:var(--font-gooper),serif;border-bottom:1px solid transparent;display:inline-block;padding-bottom:3px;text-decoration:none}.tutorials-post_homeLink__r9b7d:hover{border-bottom-color:#000}.tutorials-post_article__gzYSn{margin-bottom:48px}.tutorials-post_coverWrapper__DnezT{margin:16px 0 24px}.tutorials-post_coverImage__9D_RO{width:100%;height:auto;display:block;background:rgba(0,0,0,.03)}.tutorials-post_title__41kK9{font-family:var(--font-gooper),serif;color:#000;font-size:4rem;font-weight:400;line-height:1.2;margin:0 0 12px;text-wrap:balance}.tutorials-post_date__yA1h_{font-family:var(--font-inter),sans-serif;opacity:.5;font-size:17px;margin:0}.tutorials-post_content__i_1Z8{margin-top:32px;font-family:var(--font-inter),sans-serif;font-size:17px;line-height:1.6;color:#000;display:flex;flex-direction:column;gap:8px}.tutorials-post_content__i_1Z8 h1{font-size:2rem;margin:32px 0 12px;text-wrap:balance}.tutorials-post_content__i_1Z8 h1,.tutorials-post_content__i_1Z8 h2{font-family:var(--font-gooper),serif;font-weight:400;line-height:1.2;color:#000}.tutorials-post_content__i_1Z8 h2{font-size:1.5rem;margin-top:16px}.tutorials-post_content__i_1Z8 h3{font-family:var(--font-gooper),sans-serif;font-size:1.25rem;margin-top:16px;color:#000}.tutorials-post_content__i_1Z8 li,.tutorials-post_content__i_1Z8 p{font-family:var(--font-inter),sans-serif;font-size:17px;line-height:1.65;color:#000}.tutorials-post_content__i_1Z8 code,.tutorials-post_content__i_1Z8 kbd,.tutorials-post_content__i_1Z8 pre,.tutorials-post_content__i_1Z8 samp{font-family:var(--font-inconsolata),var(--font-ibm-plex-mono),ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}.tutorials-post_content__i_1Z8 code{background:rgba(0,0,0,.06);padding:.1em .35em;border-radius:4px;text-wrap:balance}.tutorials-post_content__i_1Z8 pre{background:rgba(0,0,0,.06);padding:12px 14px;border-radius:8px;overflow:auto;line-height:1.55}.tutorials-post_content__i_1Z8 pre code{background:transparent;padding:0}.tutorials-post_content__i_1Z8 ol,.tutorials-post_content__i_1Z8 ul{margin-bottom:16px}.tutorials-post_content__i_1Z8 ul{list-style:disc;padding-left:1.25rem}.tutorials-post_content__i_1Z8 ol{list-style:decimal;padding-left:1.25rem}.tutorials-post_content__i_1Z8 img{margin:8px 0;width:100%;height:auto;display:block}.tutorials-post_content__i_1Z8 iframe{margin:16px 0;max-width:100%;border-radius:8px;border:none;aspect-ratio:16/9;height:auto;min-height:315px}.tutorials-post_content__i_1Z8 video{margin:16px 0;width:100%;height:auto;border-radius:8px}.tutorials-post_content__i_1Z8 hr{margin:24px 0;border:.5px solid rgba(0,0,0,.08)}.tutorials-post_content__i_1Z8 ul li{list-style:disc}.tutorials-post_content__i_1Z8 ol li{list-style:decimal}.tutorials-post_content__i_1Z8 a{color:#000;text-decoration:none;border-bottom:1px solid rgba(0,0,0,.2)}.tutorials-post_content__i_1Z8 strong{font-weight:600}.tutorials-post_content__i_1Z8 a:hover{border-bottom-color:#000}.tutorials-post_footer__Svzgu{border-top:1px solid var(--lightgray);padding-top:24px;margin-top:24px;margin-bottom:32px}.tutorials-post_footerNav__a_YE7{--gap:16px;width:100%;gap:var(--gap)}.tutorials-post_footerCard__xWiUG{flex:0 0 calc(50% - (var(--gap) / 2));width:calc(50% - (var(--gap) / 2))}@media (max-width:500px){.tutorials-post_mainTitle__dqBJe{font-size:20px;white-space:normal}.tutorials-post_content__i_1Z8 h1{font-size:1.5rem}.tutorials-post_content__i_1Z8 h2{font-size:1.25rem}.tutorials-post_content__i_1Z8 h3{font-size:1rem}.tutorials-post_container__nK0oN{padding:24px 0}.tutorials-post_title__41kK9{font-size:2rem}.tutorials-post_content__i_1Z8 ol{padding-left:2rem}.tutorials-post_content__i_1Z8 ul{padding-left:1.75rem}.tutorials-post_footerNav__a_YE7{flex-direction:column;gap:12px}.tutorials-post_footerCard__xWiUG{flex:0 0 100%;width:100%}.tutorials-post_content__i_1Z8 iframe{min-height:200px}}@keyframes tutorials-post_shimmer__ZqGGp{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.tutorials-post_skeleton__FfN0V{background:linear-gradient(90deg,rgba(0,0,0,.08) 25%,rgba(0,0,0,.12) 37%,rgba(0,0,0,.08) 63%);background-size:200px 100%;animation:tutorials-post_shimmer__ZqGGp 1.5s ease-in-out infinite}.tutorials-post_skeletonLarge__O08Jg{background:linear-gradient(90deg,rgba(0,0,0,.06) 25%,rgba(0,0,0,.1) 37%,rgba(0,0,0,.06) 63%);background-size:200px 100%;animation:tutorials-post_shimmer__ZqGGp 1.5s ease-in-out infinite}.tutorials-list_container__9AN2E{background:radial-gradient(circle at 20% 80%,rgba(222,255,55,.15) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(147,225,255,.15) 0,transparent 50%),radial-gradient(circle at 40% 40%,rgba(255,48,183,.1) 0,transparent 50%),#f7f6ff;padding:16px 16px 48px;min-height:100vh}.tutorials-list_page__Xlqgg{margin:0 auto;display:flex;flex-direction:column;gap:32px}.tutorials-list_titleSection__p2tOA{display:flex;flex-direction:column;gap:8px}.tutorials-list_mainTitle__XDu5H{display:flex;flex-direction:row;gap:4px;align-items:flex-start;font-family:var(--font-gooper),serif;font-size:24px;font-weight:400;color:#000;line-height:normal;white-space:nowrap}.tutorials-list_mainTitle__XDu5H .tutorials-list_mainTitleBold__GDrMN{font-weight:600}.tutorials-list_sparkle__4KCvS{font-family:"Noto Sans Symbols2",var(--font-gooper),serif}.tutorials-list_description__2bwpw{font-family:Inter,sans-serif;font-weight:400;font-size:16px;line-height:1.3;color:rgba(0,0,0,.5);margin:0;width:-moz-fit-content;width:fit-content;min-width:100%}.tutorials-list_categorySection__mf5Rq{display:flex;flex-direction:column;gap:16px;width:100%;align-items:flex-end}.tutorials-list_categoryHeader__4kAQr{display:flex;flex-direction:row;gap:10px;align-items:center;padding:10px 0;width:100%;border-bottom:1px solid #000;position:relative}.tutorials-list_categoryTitle__v3sr_{font-family:var(--font-gooper),serif;font-size:24px;font-weight:400;color:#000;line-height:normal;white-space:nowrap;margin:0;left:0;width:25%}.tutorials-list_tutorialsGrid__LwCFG{display:flex;flex-direction:row;--gap:16px;gap:var(--gap);flex-wrap:wrap;justify-content:flex-end;width:100%}.tutorials-list_tutorialCard__NddUY{display:flex;flex-direction:column;gap:16px;width:calc((100% - (4 * var(--gap))) / 5);text-decoration:none;color:inherit;cursor:pointer;justify-content:space-between}.tutorials-list_tutorialCard__NddUY:hover{cursor:crosshair}.tutorials-list_tutorialCard__NddUY:hover .tutorials-list_cardTitle__HWAAb{border-bottom:1px #000}.tutorials-list_tutorialCard__NddUY:hover .tutorials-list_cardImage__pkiId:after{content:"";position:absolute;top:-16px;right:-16px;width:100px;height:100px;background:url(/sparkle.gif) 50%/contain no-repeat}.tutorials-list_tutorialCard__NddUY:hover .tutorials-list_cardImage__pkiId:before{content:"";position:absolute;bottom:-16px;left:-16px;width:75px;height:75px;background:url(/sparkle.gif) 50%/contain no-repeat;z-index:2}.tutorials-list_tutorialCard__NddUY:hover .tutorials-list_cardTitle__HWAAb:before{content:"👀";display:inline-block;margin-right:4px;font-size:16px;line-height:20px}.tutorials-list_cardContent__ARqqv{display:flex;flex-direction:column;gap:4px}.tutorials-list_cardTitle__HWAAb{font-family:Inter,sans-serif;font-weight:600;font-size:16px;line-height:20px;color:#000;margin:0}.tutorials-list_cardDescription__wgN7z{font-family:Inter,sans-serif;font-weight:400;font-size:16px;line-height:1.3;color:rgba(0,0,0,.5);margin:0}.tutorials-list_cardImage__pkiId{width:100%;aspect-ratio:16/9;position:relative;border:1px solid rgba(0,0,0,.08)}.tutorials-list_imagePlaceholder__xg9Ph{width:100%;height:100%;background:#100;background-size:89.88% 100%,auto;background-position:50% 0,0 0;background-repeat:no-repeat}.tutorials-list_coverImage__B_u73{width:100%;height:100%;object-fit:cover;object-position:center;position:relative}@keyframes tutorials-list_pulse__vnjJZ{0%,to{opacity:1}50%{opacity:.5}}@media (max-width:1200px){.tutorials-list_tutorialsGrid__LwCFG{justify-content:flex-end}.tutorials-list_tutorialCard__NddUY{width:calc((100% - (2 * var(--gap))) / 3)}}@media (max-width:1300px) and (min-width:1201px){.tutorials-list_tutorialCard__NddUY{width:calc((100% - (3 * var(--gap))) / 4)}}@media (max-width:768px){.tutorials-list_container__9AN2E{padding:16px 12px}.tutorials-list_page__Xlqgg{gap:24px}.tutorials-list_mainTitle__XDu5H{font-size:20px;flex-wrap:wrap}.tutorials-list_categorySection__mf5Rq{align-items:stretch}.tutorials-list_categoryTitle__v3sr_{position:static;width:auto}.tutorials-list_tutorialCard__NddUY{width:calc((100% - (1 * var(--gap))) / 2);gap:4px}.tutorials-list_tutorialList__LRPbF{gap:24px}}@media (max-width:480px){.tutorials-list_container__9AN2E{padding:12px}.tutorials-list_tutorialsGrid__LwCFG{align-items:stretch}.tutorials-list_tutorialCard__NddUY{width:100%;max-width:none}.tutorials-list_mainTitle__XDu5H{font-size:18px}.tutorials-list_description__2bwpw{font-size:14px}.tutorials-list_categoryTitle__v3sr_{font-size:20px}.tutorials-list_cardDescription__wgN7z,.tutorials-list_cardTitle__HWAAb{font-size:14px}}