.Navigation_navigation__pd51o{position:fixed;right:25px;top:20px;display:flex;align-items:flex-start;justify-content:top;flex-direction:column;z-index:9998;font-weight:400;width:220px;text-align:right}.Navigation_navigation__pd51o a{color:inherit;text-decoration:none;opacity:.4;transition:opacity .2s ease;margin-bottom:3px;display:flex;flex-direction:row;width:100%;line-height:1.6;justify-content:space-between}.Navigation_navigation__pd51o a:hover{color:inherit}.Navigation_navigation__pd51o .Navigation_active__SA7aP{opacity:1}.Navigation_logo__ZzKRw{opacity:1;padding-bottom:15px;position:fixed;left:25px;top:20px;width:100px;line-height:20px}@keyframes Navigation_fadeIn__1DR3w{to{opacity:1}}@keyframes Navigation_fadeInUp__O0_SL{0%{transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.Navigation_navigation__pd51o a:hover{opacity:1}.Navigation_navigation__pd51o a svg{transform-origin:center center;transition:all 0s cubic-bezier(.46,.63,.02,.97);margin-right:2px}.Navigation_navigation__pd51o a:not(:first-child):focus svg{transition:all .6s cubic-bezier(.46,.63,.02,.97);transform:rotate(180deg)}.Navigation_submenu__WiV36{padding-left:10px;padding-right:10px;display:none!important}.Navigation_submenu__WiV36 a:last-child{padding-bottom:3px!important}.Navigation_subactive__TD78a{display:block!important}.Navigation_jobtitle___8JQs{position:fixed;bottom:25px;left:25px;opacity:.4;transition:opacity .4s cubic-bezier(.46,.63,.02,.97);text-align:right}.Navigation_jobtitle___8JQs.Navigation_inactive__ur_Lz{display:none}.Navigation_jobtitle___8JQs:hover{opacity:1}.Navigation_navMobileTitle__nGIdG{display:none}.Navigation_navOpenBg__dumsm{pointer-events:none;width:100vw;height:100vh;position:fixed;left:0;right:0;background-color:inherit;z-index:9997;opacity:0;transition:all .15s cubic-bezier(.17,.67,.34,.93)}.Navigation_navOpenBg__dumsm.Navigation_active__SA7aP{opacity:.85;pointer-events:all;transition:all .3s cubic-bezier(.17,.67,.34,.93)}.Navigation_ham__m0xRY{overflow:visible}.Navigation_ham__m0xRY path{transform-origin:center center;transition:transform .4s cubic-bezier(.17,.67,.23,.94),opacity .1s ease}.Navigation_ham__m0xRY path.Navigation_close__jK3xz:first-child{transform:rotate(-135deg) translateY(5px)}.Navigation_ham__m0xRY path.Navigation_close__jK3xz:nth-child(2){opacity:0}.Navigation_ham__m0xRY path.Navigation_close__jK3xz:nth-child(3){transform:rotate(-45deg) translateY(-5px)}.Navigation_instagram__mqKz4:hover{color:#e1306c}.Navigation_dribbble__S_sm0:hover{color:#ea4c89}.Navigation_twitter__6fiT8:hover{color:#1da1f2}.Navigation_linkedin___FUL9:hover{color:#0072b1}.Navigation_dribbble__S_sm0,.Navigation_instagram__mqKz4,.Navigation_linkedin___FUL9,.Navigation_twitter__6fiT8{transition:color .25s ease}@media (max-width:900px){.Navigation_navigation__pd51o{top:auto;left:0;bottom:-230px;background-color:inherit;padding-left:15px;padding-right:15px;width:calc(100% - 35px);padding-bottom:42.5px;transition:bottom .25s cubic-bezier(.17,.67,.27,.98)}.Navigation_navigation__pd51o.Navigation_active__SA7aP{bottom:0!important}.Navigation_logo__ZzKRw{position:absolute;top:17.5px;left:15px}.Navigation_jobtitle___8JQs{position:absolute;top:17.5px;right:15px;left:auto;bottom:auto;width:100%;pointer-events:none}.Navigation_navMobileTitle__nGIdG{display:block;padding-top:15px;margin-bottom:15px;border-top:1px solid #8e8e8e50;opacity:1;width:calc(100vw - 30px);display:flex;align-items:flex-start;justify-content:space-between;flex-direction:row;cursor:pointer}.Navigation_navMobileTitle__nGIdG span{opacity:.5}.Navigation_navMobileTitle__nGIdG svg{padding-left:8px}}:root{--main-color:#181818;--second-color:#f5f5f0;--accent-color:#ff2e00;color-scheme:light}body,html{margin:0;padding:0;font-size:14px;line-height:20px;background-color:var(--second-color);color:var(--main-color);scroll-behavior:smooth}body{min-height:100vh;min-height:calc(var(--vh, 1vh) * 100)}.darkMode{--main-color:#f5f5f0;--second-color:#181818;color-scheme:dark}.main{margin:0 auto;left:0;right:0;width:30%;transition:width .15s ease}.main,.main-big{position:relative;padding:0;max-width:calc(100vw - 30px);top:20px}.main-big{left:12.5%;width:52.5%}.main-full{position:relative;padding:0;left:25px;width:calc(65% - 25px);max-width:calc(100vw - 30px);top:20px}.main-big-flex{display:flex;align-items:flex-start;justify-content:top;flex-direction:row}.main-big-child:first-child{width:42.5%}.main-big-child:nth-child(2){width:57.5%}.spacer{height:100px}.spacer.half{height:50px}.spacer.small{height:25px}.spacer.tiny{height:5px}.spacer.huge{height:500px}.footerSpacer{height:100px}.sticky{position:-webkit-sticky;position:sticky;z-index:100;top:0;padding-top:10px}.sticky.second{top:60px;z-index:99;padding-top:0}.sticky.bg{background-color:var(--second-color)}.scroll-top-fix{scroll-margin-top:63px}code{background-color:#aeaeae2e;border-radius:4px;border:1px solid #aeaeae3e;padding:0 7px;margin:1px 0;display:inline-block}blockquote,code{font-family:monospace}blockquote{margin:0;font-size:13px;padding-left:25px;border-left:3px solid #aeaeae3e}ul{margin:0;padding:0 0 0 15px}ul li{padding-bottom:10px}hr{border-color:inherit;width:100%;opacity:.25!important;margin:10px 0;border-width:.8px}.op,.op-hover{opacity:.4}.op-hover{transition:all .35s ease}.op-hover:hover{opacity:1}a.color{color:var(--accent-color);text-decoration:none}a.color:hover{text-decoration:underline}a{color:inherit;text-decoration:none;transition:color .15s ease-out,opacity .15s ease-out}a:hover{color:var(--accent-color);opacity:1}a.underline{text-decoration:underline}a.icon:after{content:" "}a:hover a.icon:after{content:" ↗"}h1{padding:0;margin:0;font-size:20px;line-height:1.1;font-weight:300}h2,h3{font-size:20px;padding:0;margin:10px 0;font-weight:300;line-height:1.1}p{margin:0}p.margin{margin:7px 0}h2 span{opacity:.4}h1{white-space:pre-line}.inline{display:inline}.main-big>*,.main-full>*,.main>*{opacity:0;transform:translateY(10px);animation:fadeIn .6s cubic-bezier(.3,.48,.03,.89) forwards}.main :first-child,.main-big :first-child,.main-full :first-child{animation-delay:.05s}.main :nth-child(2),.main-big :nth-child(2),.main-full :nth-child(2){animation-delay:.1s}.main :nth-child(3),.main-big :nth-child(3),.main-full :nth-child(3){animation-delay:.15s}.main :nth-child(4),.main-big :nth-child(4),.main-full :nth-child(4){animation-delay:.2s}.main :nth-child(5),.main-big :nth-child(5),.main-full :nth-child(5){animation-delay:.25s}.main :nth-child(6),.main-big :nth-child(6),.main-full :nth-child(6){animation-delay:.3s}.main :nth-child(7),.main-big :nth-child(7),.main-full :nth-child(7){animation-delay:.35s}.main :nth-child(8),.main-big :nth-child(8),.main-full :nth-child(8){animation-delay:.4s}.main :nth-child(9),.main-big :nth-child(9),.main-full :nth-child(9){animation-delay:.45s}.main :nth-child(10),.main-big :nth-child(10),.main-full :nth-child(10){animation-delay:.5s}.main :nth-child(11),.main-big :nth-child(11),.main-full :nth-child(11){animation-delay:.55s}.main :nth-child(12),.main-big :nth-child(12),.main-full :nth-child(12){animation-delay:.6s}.main :nth-child(13),.main-big :nth-child(13),.main-full :nth-child(13){animation-delay:.65s}.main :nth-child(14),.main-big :nth-child(14),.main-full :nth-child(14){animation-delay:.7s}.main :nth-child(15),.main-big :nth-child(15),.main-full :nth-child(15){animation-delay:.75s}.main :nth-child(16),.main-big :nth-child(16),.main-full :nth-child(16){animation-delay:.8s}.main :nth-child(17),.main-big :nth-child(17),.main-full :nth-child(17){animation-delay:.85s}.main :nth-child(18),.main-big :nth-child(18),.main-full :nth-child(18){animation-delay:.9s}.main :nth-child(19),.main-big :nth-child(19),.main-full :nth-child(19){animation-delay:.95s}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.avatar{position:relative;width:35px;height:35px;margin-bottom:15px}.avatar span{position:absolute;bottom:0;right:0;background-color:#18c94a;width:9px;height:9px;border-radius:20px;display:block}.toggleDarkMode{position:fixed;bottom:17px;right:17px;background-color:transparent;outline:none;border:0;width:30px;height:30px;overflow:hidden;cursor:pointer;color:inherit}@media (max-width:900px){.toggleDarkMode{transition:all 50ms cubic-bezier(.14,.51,.05,.93);pointer-events:none;transform:translateY(50px)}.toggleDarkMode.active{transition:all .28s cubic-bezier(.49,.39,.18,.94);pointer-events:all;transform:translateY(0)}.sticky.second{position:relative;top:0}}.toggleDarkMode:after{content:"toggle theme";position:fixed;color:inherit;right:52.5px;bottom:23px;opacity:0;transition:all .2s cubic-bezier(.14,.51,.05,.93)}.toggleDarkMode:hover:after{opacity:.6;transition:all 1s cubic-bezier(.14,.51,.05,.93)}.toggleDarkMode img{width:18px;height:18px}.toggleDarkMode .moon-icon,.toggleDarkMode .sun-icon{position:absolute;left:6px;top:6px;transform:translateY(50px);transition:all .25s cubic-bezier(.14,.51,.05,.93)}.moon-icon.active,.sun-icon.active{transform:translateY(0);transition:all .25s cubic-bezier(.14,.51,.05,.93)}.onlyMobile{display:none}.reel-box{position:absolute;top:17.5vh;width:120%;margin-left:-10%;height:calc(65vh - 40px);display:flex;align-items:center;justify-content:center;pointer-events:none;transition:all .35s ease}.reel-img{display:block;width:100%;height:auto;position:absolute}@media (max-width:900px){.footerSpacer{height:150px}.main,.main-big,.main-full{top:50px}.toggleDarkMode{left:10px;right:auto;bottom:15px}.toggleDarkMode:after{display:none}.reel-video{position:relative;width:100%;margin-left:-4px}.onlyMobile{display:block}.main,.main-big,.main-full{width:calc(100vw - 30px);left:0;right:0;margin:0 auto}.reel-box{width:100%;margin-left:0}}@media (max-width:600px){.main-big-flex{flex-direction:column}.main-big-child:first-child,.main-big-child:nth-child(2){width:100%;margin-bottom:10px}}.canvas-wrapper{position:relative;width:100%;height:100%}.canvas-controls-container{position:absolute;top:50%;right:20px;transform:translateY(-50%);gap:8px;z-index:9998}.canvas-controls-container,.drawing-controls{display:flex;flex-direction:column;align-items:center}.drawing-controls{background-color:transparent;gap:16px}.control-container{width:100%}.control-container,.phone-screen{display:flex;flex-direction:column;gap:8px}.phone-screen{border-radius:16px;border:1px solid rgba(255,255,255,.2);padding:8px;align-items:center}.control-button{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;margin:0 auto;transition:background-color .2s;position:relative;border:none;cursor:pointer;border:1px solid rgba(0,0,0,.1)}.draw-button{background-color:rgba(255,255,255,.4)}.draw-button.active{background-color:white}.erase-button{background-color:rgba(255,255,255,.4)}.erase-button.active{background-color:white}.action-button{width:32px;height:32px;background-color:rgba(255,255,255,.7);border-radius:8px;display:flex;align-items:center;justify-content:center;margin:0 auto;position:relative;border:none;cursor:pointer;border:1px solid rgba(0,0,0,.1)}.action-button:hover{background-color:rgba(255,255,255,1)}.shortcut-indicator{top:-4px;right:-4px;font-size:10px;padding:0 4px;background-color:#444}.shortcut-indicator,.tooltip{position:absolute;color:white;border-radius:4px}.tooltip{left:-120px;background-color:rgba(0,0,0,.8);padding:4px 8px;font-size:14px;white-space:nowrap}.tooltip-wide{left:-140px}.tooltip-wider{left:-150px}.tooltip-widest{left:-170px}.color-panel{position:absolute;top:50%;right:80px;transform:translateY(-50%);background-color:rgba(240,240,240,.8);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(0,0,0,.1);border-radius:24px;padding:16px;display:flex;flex-direction:column;align-items:center;gap:16px;width:256px}.color-panel-header{display:flex;justify-content:space-between;align-items:center;width:100%}.color-panel-header button{background-color:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:6px;font-size:14px;border-radius:40px;border:1px solid rgba(0,0,0,.2);color:black}.color-panel-header button:hover{background-color:rgba(0,0,0,.1)}.color-panel-title{font-size:14px;font-weight:600;color:black}.color-control{display:flex;flex-direction:column;width:100%;gap:8px}.color-label{font-size:12px;color:black}.color-input-group{display:flex;align-items:center;gap:8px}.color-picker{width:40px;height:40px;border-radius:4px;cursor:pointer}.color-text-input{flex:1 1;padding:4px 8px;font-size:14px;border:1px solid #ffb3d9;border-radius:4px;background-color:rgba(255,255,255,.8)}.color-presets{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;width:100%}.color-preset-button{width:32px;height:32px;border-radius:50%;border:2px solid rgba(255,255,255,.5);cursor:pointer}.color-preset-button.active{border-color:#ff69b4;transform:scale(1.1)}.save-indicator{position:fixed;bottom:128px;left:50%;transform:translateX(-50%);background-color:#444;color:white;padding:8px 16px;border-radius:4px;z-index:50;animation:fadeOut 1.5s forwards}@keyframes fadeOut{0%{opacity:1}70%{opacity:1}to{opacity:0}}@font-face{font-family:font;src:url(/_next/static/media/c87c896b5e97a18e-s.p.woff2) format("woff2");font-display:swap;font-weight:300}@font-face{font-family:font;src:url(/_next/static/media/7fc47e0643d6c0d5-s.p.woff2) format("woff2");font-display:swap;font-weight:400}@font-face{font-family:font Fallback;src:local("Arial");ascent-override:96.09%;descent-override:19.22%;line-gap-override:0.00%;size-adjust:104.07%}.__className_cac2e6{font-family:font,font Fallback}