PageSourceSearch

https://okaydev.co/about

html okaydev.co collected 2026-10-03 23:30:40 UTC 345,380 bytes, 1,967 lines download raw bytes

1
2<!DOCTYPE html><html data-page="about" lang="en" class="okaydev-boot-pending is-dark" prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb#" data-use-project-image-blurred-bg="false">
3
4    <head><link
5rel="preconnect" href="https://images.okaydev.co" crossorigin><link
6rel="preconnect" href="https://servd-okaydev-site.b-cdn.net" crossorigin><link
7rel="preconnect" href="https://cdn.usefathom.com" crossorigin><link
8rel="preload" href="https://okaydev.co/dist/assets/AeonikPro-VF-DJagqNti.woff2" as="font" type="font/woff2" crossorigin><link
9rel="preload" href="https://okaydev.co/dist/assets/AeonikMono-Regular-BJhjWe-O.woff2" as="font" type="font/woff2" crossorigin><meta
10charset="utf-8"><meta
11name="viewport" content="width=device-width,minimum-scale=1"> 
11<script>(function(){if(!window.matchMedia('(display-mode: standalone)').matches&&navigator.standalone!==true)return;document.documentElement.classList.add('is-standalone-app');var viewport=document.querySelector('meta[name="viewport"]');if(viewport&&viewport.content.indexOf('viewport-fit')===-1){viewport.content+=',viewport-fit=cover';}})();</script>
11 <style>.app-toolbar,.app-logo,.app-explore-nav{display:none}html.is-standalone-app{--app-safe-top:env(safe-area-inset-top,0px);--app-safe-right:env(safe-area-inset-right,0px);--app-safe-bottom:env(safe-area-inset-bottom,0px);--app-safe-left:env(safe-area-inset-left,0px);--app-content-left:var(--app-safe-left);--app-content-right:var(--app-safe-right)}html.is-standalone-app main[data-router-wrapper]{box-sizing:border-box;padding-left:var(--app-content-left);padding-right:var(--app-content-right)}html.is-standalone-app body{--app-chrome-bg:var(--bg-current,#121212)}html.is-standalone-app body.bento-page-shell{--app-chrome-bg:color-mix(in srgb,var(--bento-page-bg) 88%,#0c0c0c)}html.is-standalone-app body:after{content:'';position:fixed;inset:0;z-index:4000;border-left:var(--app-content-left) solid var(--app-chrome-bg);border-right:var(--app-content-right) solid var(--app-chrome-bg);pointer-events:none}html.is-standalone-app #okaydev-pwa-launch:not([hidden]){left:var(--app-content-left);right:var(--app-content-right)}@media (max-width:1023px),(hover:none) and (pointer:coarse){html.is-standalone-app{--app-logo-gutter:var(--gutter-x,16px);--app-logo-height:32px;--app-logo-top:calc(max(var(--app-safe-top),var(--app-status-tint-height,12px)) + var(--app-logo-gutter));--core-header-height:calc(var(--app-logo-top) + var(--app-logo-height) + var(--app-logo-gutter))}html.is-standalone-app .core-header,html.is-standalone-app body:not([data-page=home]) .core-footer{display:none}html.is-standalone-app[data-app-nav-side]{--app-rail-space:max(80px,var(--app-safe-left),var(--app-safe-right))}html.is-standalone-app[data-app-nav-side=left]{--app-content-left:var(--app-rail-space)}html.is-standalone-app[data-app-nav-side=right]{--app-content-right:var(--app-rail-space)}}</style> 
11<script>(function(){var root=document.documentElement;if(!root.classList.contains('is-standalone-app')||!window.matchMedia('(max-width: 1023px), (hover: none) and (pointer: coarse)').matches)return;var style=getComputedStyle(root);var left=parseFloat(style.getPropertyValue('--app-safe-left'))||0;var right=parseFloat(style.getPropertyValue('--app-safe-right'))||0;if(Math.max(left,right)>0){var side=left>right?'left':'right';if(left===right&&root.clientWidth>window.innerHeight){var angle=window.screen.orientation?window.screen.orientation.angle:window.orientation;var rotation=(((angle||0)%360)+360)%360;if(rotation===270)side='left';else if(rotation===90)side='right';}
12root.dataset.appNavSide=side;}})();</script>
12 <meta
13name="csrf-token-name" content="CRAFT_CSRF_TOKEN"><meta
14name="csrf-token" content="AE2O6Lkz6cUoJql8k3ZbX_NNFBhyZI8uj51BXK1-1LMqCX-CxFQev2U85LnBWdvycBbxTsQ6DzSCCk17IwX-cezCGWr0TaP5f2M-7Yg_Jss="><link
15id="favicon-png" class="favicon-default" rel="icon" type="image/png" href="/dist/images/icons/favicon-96x96.png" sizes="96x96" /><link
16id="favicon-svg" class="favicon-default" rel="icon" type="image/svg+xml" href="/dist/images/icons/favicon.svg" /><link
17id="favicon-ico" class="favicon-default" rel="shortcut icon" href="/dist/images/icons/favicon.ico" /><link
18rel="manifest" href="/manifest.webmanifest"><link
19rel="apple-touch-icon" sizes="1024x1024" href="/pwa/stacked-purple-1024.png"><meta
20name="apple-mobile-web-app-capable" content="yes"><meta
21name="apple-mobile-web-app-status-bar-style" content="default"><link
22rel="apple-touch-startup-image" href="/pwa/startup/320-568-2-portrait-v3.png" media="screen and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"><link
23rel="apple-touch-startup-image" href="/pwa/startup/320-568-2-landscape-v3.png" media="screen and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"><link
24rel="apple-touch-startup-image" href="/pwa/startup/375-667-2-portrait-v3.png" media="screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"><link
25rel="apple-touch-startup-image" href="/pwa/startup/375-667-2-landscape-v3.png" media="screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"><link
26rel="apple-touch-startup-image" href="/pwa/startup/414-736-3-portrait-v3.png" media="screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"><link
27rel="apple-touch-startup-image" href="/pwa/startup/414-736-3-landscape-v3.png" media="screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"><link
28rel="apple-touch-startup-image" href="/pwa/startup/375-812-3-portrait-v3.png" media="screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"><link
29rel="apple-touch-startup-image" href="/pwa/startup/375-812-3-landscape-v3.png" media="screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"><link
30rel="apple-touch-startup-image" href="/pwa/startup/390-844-3-portrait-v3.png" media="screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"><link
31rel="apple-touch-startup-image" href="/pwa/startup/390-844-3-landscape-v3.png" media="screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"><link
32rel="apple-touch-startup-image" href="/pwa/startup/393-852-3-portrait-v3.png" media="screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"><link
33rel="apple-touch-startup-image" href="/pwa/startup/393-852-3-landscape-v3.png" media="screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"><link
34rel="apple-touch-startup-image" href="/pwa/startup/402-874-3-portrait-v3.png" media="screen and (device-width: 402px) and (device-height: 874px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"><link
35rel="apple-touch-startup-image" href="/pwa/startup/402-874-3-landscape-v3.png" media="screen and (device-width: 402px) and (device-height: 874px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"><link
36rel="apple-touch-startup-image" href="/pwa/startup/414-896-2-portrait-v3.png" media="screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"><link
37rel="apple-touch-startup-image" href="/pwa/startup/414-896-2-landscape-v3.png" media="screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"><link
38rel="apple-touch-startup-image" href="/pwa/startup/414-896-3-portrait-v3.png" media="screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"><link
39rel="apple-touch-startup-image" href="/pwa/startup/414-896-3-landscape-v3.png" media="screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"><link
40rel="apple-touch-startup-image" href="/pwa/startup/428-926-3-portrait-v3.png" media="screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"><link
41rel="apple-touch-startup-image" href="/pwa/startup/428-926-3-landscape-v3.png" media="screen and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"><link
42rel="apple-touch-startup-image" href="/pwa/startup/430-932-3-portrait-v3.png" media="screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"><link
43rel="apple-touch-startup-image" href="/pwa/startup/430-932-3-landscape-v3.png" media="screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"><link
44rel="apple-touch-startup-image" href="/pwa/startup/440-956-3-portrait-v3.png" media="screen and (device-width: 440px) and (device-height: 956px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"><link
45rel="apple-touch-startup-image" href="/pwa/startup/440-956-3-landscape-v3.png" media="screen and (device-width: 440px) and (device-height: 956px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"><link
46rel="apple-touch-startup-image" href="/pwa/startup/768-1024-2-portrait-v3.png" media="screen and (device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"><link
47rel="apple-touch-startup-image" href="/pwa/startup/768-1024-2-landscape-v3.png" media="screen and (device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"><link
48rel="apple-touch-startup-image" href="/pwa/startup/810-1080-2-portrait-v3.png" media="screen and (device-width: 810px) and (device-height: 1080px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"><link
49rel="apple-touch-startup-image" href="/pwa/startup/810-1080-2-landscape-v3.png" media="screen and (device-width: 810px) and (device-height: 1080px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"><link
50rel="apple-touch-startup-image" href="/pwa/startup/820-1180-2-portrait-v3.png" media="screen and (device-width: 820px) and (device-height: 1180px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"><link
51rel="apple-touch-startup-image" href="/pwa/startup/820-1180-2-landscape-v3.png" media="screen and (device-width: 820px) and (device-height: 1180px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"><link
52rel="apple-touch-startup-image" href="/pwa/startup/834-1112-2-portrait-v3.png" media="screen and (device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"><link
53rel="apple-touch-startup-image" href="/pwa/startup/834-1112-2-landscape-v3.png" media="screen and (device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"><link
54rel="apple-touch-startup-image" href="/pwa/startup/834-1194-2-portrait-v3.png" media="screen and (device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"><link
55rel="apple-touch-startup-image" href="/pwa/startup/834-1194-2-landscape-v3.png" media="screen and (device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"><link
56rel="apple-touch-startup-image" href="/pwa/startup/744-1133-2-portrait-v3.png" media="screen and (device-width: 744px) and (device-height: 1133px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"><link
57rel="apple-touch-startup-image" href="/pwa/startup/744-1133-2-landscape-v3.png" media="screen and (device-width: 744px) and (device-height: 1133px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"><link
58rel="apple-touch-startup-image" href="/pwa/startup/1024-1366-2-portrait-v3.png" media="screen and (device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"><link
59rel="apple-touch-startup-image" href="/pwa/startup/1024-1366-2-landscape-v3.png" media="screen and (device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"><link
60rel="apple-touch-startup-image" href="/pwa/startup/1032-1376-2-portrait-v3.png" media="screen and (device-width: 1032px) and (device-height: 1376px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"><link
61rel="apple-touch-startup-image" href="/pwa/startup/1032-1376-2-landscape-v3.png" media="screen and (device-width: 1032px) and (device-height: 1376px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"><meta
62name="apple-mobile-web-app-title" content="OkayDev" /><meta
63id="msapplication-tile-color" name="msapplication-TileColor" content="#121212"><meta
64name="msapplication-config" content="/dist/browserconfig.xml"><meta
65id="theme-color-meta" name="theme-color" content="#121212"><!--# if expr="$HTTP_COOKIE=/critical\-css\=1/" --><style>@media (max-width:1023px){.project-page-title{grid-area:title;margin-block:0;padding-block:0;font-size:22px;line-height:40px;white-space:normal}.project-page-layout .author-ctas,.project-page-layout .author-ctas-2,.project-page-layout .bento-project-overlay-actions{grid-area:metrics;width:100%}}@font-face{font-display:swap;font-family:Aeonik;font-style:normal;font-weight:100 900;src:url(/dist/assets/AeonikPro-VF-DJagqNti.woff2) format("woff2")}@font-face{font-display:optional;font-family:Megazoid;font-style:normal;font-weight:400;src:url(/dist/assets/Megazoid-Regular-DP6yeqDh.woff2) format("woff2")}@font-face{font-display:swap;font-family:Aeonik Mono;font-style:normal;font-weight:400;src:url(/dist/assets/AeonikMono-Regular-BJhjWe-O.woff2) format("woff2")}.bento-identity-card__content>.bento-identity-card__header{display:flex;align-items:center;justify-content:space-between;gap:12px;grid-area:eyebrow;min-width:0;height:11px;min-height:0}.bento-identity-card__team-badges{display:flex;flex-wrap:wrap;align-items:center;gap:6px;grid-area:badges}.bento-identity-card__avatar{grid-area:avatar;align-self:start;justify-self:start;position:relative;width:auto;height:2lh;aspect-ratio:4/5;font-size:var(--bento-identity-name-fit-size,clamp(28px,4.4vw,44px));line-height:.92;perspective:900px}.bento-identity-card__copy{grid-area:name;padding-right:clamp(8px,1vw,14px)}@media (max-width:767px){.bento-identity-card__content>
65.bento-identity-card__header .bento-details-card__actions{grid-area:utility;width:100%;margin:4px 0 0;border-top:1px solid;padding-top:calc(var(--bento-identity-content-gap) + 4px - 6.5px)}}.bento-identity-card__actions{grid-area:actions;display:grid;align-self:end;gap:10px}.bento-social-icons.bento-identity-card__profile-social-icons{--bento-profile-social-hit-size:38px;grid-area:social;align-self:start;width:100%;margin-left:calc((var(--bento-profile-social-hit-size) - 19px)/-2)}.bento-identity-card__overlay-details{--bento-gig-fade-width:1.75em;--bento-gig-fade-stops:rgb(from var(--bento-theme-surface) r g b/0%) 0%,rgb(from var(--bento-theme-surface) r g b/1.5%) 18%,rgb(from var(--bento-theme-surface) r g b/6%) 36%,rgb(from var(--bento-theme-surface) r g b/13%) 54%,rgb(from var(--bento-theme-surface) r g b/24%) 72%,rgb(from var(--bento-theme-surface) r g b/37%) 86%,rgb(from var(--bento-theme-surface) r g b/100%) 100%;display:block;grid-area:work;min-width:0}.bento-stats-card__emoji{grid-area:1/1;display:block;line-height:1;will-change:transform,opacity}@media (min-width:0){.bento-identity-card.is-expanded .bento-identity-card__team-badges{grid-area:auto;margin-top:12px}.bento-identity-card.is-expanded .bento-identity-card__profile-column{--bento-profile-info-space:clamp(18px,2.2vw,28px);grid-area:profile;gap:var(--bento-profile-info-space)}.bento-identity-card.is-expanded .bento-identity-card__information-column{grid-area:information;gap:0;padding-top:clamp(8px,.85vw,12px)}}.bento-user-hub-aside.bento-identity-card .bento-user-hub-aside__utility-actions{grid-area:utility;align-self:end;width:100%;margin:0 0 -6.5px;border:0;border-top:1px solid;padding:calc(var(--bento-identity-content-gap) - 6.5px - 1px) 0 0;color:var(--bento-theme-ink)}.bento-project-card.is-expanded .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-discussion-layout>.project-link-credits>.project-link-credits-col.is-people>.is-people-author-date,.bento-project-card.is-expanded .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-link-credits>.project-link-credits-col.is-people>.is-people-author-date,.project-page-layout .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-discussion-layout>.project-link-credits>.project-link-credits-col.is-people>.is-people-author-date,.project-page-layout .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-link-credits>.project-link-credits-col.is-people>.is-people-author-date{display:flex;align-items:stretch;gap:inherit;grid-area:head;min-width:0;width:100%}.bento-project-card.is-expanded .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-discussion-layout>.project-link-credits>.project-link-credits-col.is-people>.project-agency,.bento-project-card.is-expanded .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-discussion-layout>.project-link-credits>.project-link-credits-col.is-people>.project-awards-section,.bento-project-card.is-expanded .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-discussion-layout>.project-link-credits>.project-link-credits-col.is-people>.project-client,.bento-project-card.is-expanded .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-discussion-layout>.project-link-credits>.project-link-credits-col.is-people>.project-credits,.bento-project-card.is-expanded .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-link-credits>.project-link-credits-col.is-people>.project-agency,.bento-project-card.is-expanded .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-link-credits>.project-link-credits-col.is-people>.project-awards-section,.bento-project-card.is-expanded .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-link-credits>.project-link-credits-col.is-people>.project-client,.bento-project-card.is-expanded .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-link-credits>.project-link-credits-col.is-people>.project-credits,.project-page-layout .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-discussion-layout>.project-link-credits>.project-link-credits-col.is-people>.project-agency,.project-page-layout .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-discussion-layout>.project-link-credits>.project-link-credits-col.is-people>.project-awards-section,.project-page-layout .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-discussion-layout>.project-link-credits>.project-link-credits-col.is-people>.project-client,.project-page-layout .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-discussion-layout>.project-link-credits>.project-link-credits-col.is-people>.project-credits,.project-page-layout .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-link-credits>.project-link-credits-col.is-people>.project-agency,.project-page-layout .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-link-credits>.project-link-credits-col.is-people>.project-awards-section,.project-page-layout .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-link-credits>.project-link-credits-col.is-people>.project-client,.project-page-layout .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-link-credits>.project-link-credits-col.is-people>.project-credits{grid-area:unset;grid-column:1/-1;width:100%}@media (min-width:768px){.bento-project-card.is-expanded .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-discussion-layout>.project-link-credits>.project-link-credits-col.is-people>.is-people-author-date,.bento-project-card.is-expanded .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-link-credits>.project-link-credits-col.is-people>.is-people-author-date,.project-page-layout .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-discussion-layout>.project-link-credits>.project-link-credits-col.is-people>.is-people-author-date,.project-page-layout .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-link-credits>.project-link-credits-col.is-people>.is-people-author-date{grid-area:head}
65.bento-project-card.is-expanded .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-discussion-layout>.project-link-credits>.project-link-credits-col.is-people>.project-agency,.bento-project-card.is-expanded .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-discussion-layout>.project-link-credits>.project-link-credits-col.is-people>.project-awards-section,.bento-project-card.is-expanded .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-discussion-layout>.project-link-credits>.project-link-credits-col.is-people>.project-client,.bento-project-card.is-expanded .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-discussion-layout>.project-link-credits>.project-link-credits-col.is-people>.project-credits,.bento-project-card.is-expanded .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-link-credits>.project-link-credits-col.is-people>.project-agency,.bento-project-card.is-expanded .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-link-credits>.project-link-credits-col.is-people>.project-awards-section,.bento-project-card.is-expanded .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-link-credits>.project-link-credits-col.is-people>.project-client,.bento-project-card.is-expanded .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-link-credits>.project-link-credits-col.is-people>.project-credits,.project-page-layout .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-discussion-layout>.project-link-credits>.project-link-credits-col.is-people>.project-agency,.project-page-layout .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-discussion-layout>.project-link-credits>.project-link-credits-col.is-people>.project-awards-section,.project-page-layout .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-discussion-layout>.project-link-credits>.project-link-credits-col.is-people>.project-client,.project-page-layout .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-discussion-layout>.project-link-credits>.project-link-credits-col.is-people>.project-credits,.project-page-layout .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-link-credits>.project-link-credits-col.is-people>.project-agency,.project-page-layout .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-link-credits>.project-link-credits-col.is-people>.project-awards-section,.project-page-layout .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-link-credits>.project-link-credits-col.is-people>.project-client,.project-page-layout .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-link-credits>.project-link-credits-col.is-people>.project-credits{grid-area:unset;grid-column:auto;width:100%}.bento-project-card.is-expanded .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-discussion-layout>.project-link-credits>.project-link-credits-col.is-people>.project-agency,.bento-project-card.is-expanded .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-link-credits>.project-link-credits-col.is-people>.project-agency,.project-page-layout .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-discussion-layout>.project-link-credits>.project-link-credits-col.is-people>.project-agency,.project-page-layout .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-link-credits>.project-link-credits-col.is-people>.project-agency{grid-area:agency}.bento-project-card.is-expanded .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-discussion-layout>.project-link-credits>.project-link-credits-col.is-people>.project-client,.bento-project-card.is-expanded .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-link-credits>.project-link-credits-col.is-people>.project-client,.project-page-layout .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-discussion-layout>.project-link-credits>.project-link-credits-col.is-people>.project-client,.project-page-layout .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-link-credits>.project-link-credits-col.is-people>.project-client{grid-area:client}.bento-project-card.is-expanded .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-discussion-layout>.project-link-credits>.project-link-credits-col.is-people>.project-credits,.bento-project-card.is-expanded .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-link-credits>.project-link-credits-col.is-people>.project-credits,.project-page-layout .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-discussion-layout>.project-link-credits>.project-link-credits-col.is-people>.project-credits,.project-page-layout .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-link-credits>.project-link-credits-col.is-people>.project-credits{grid-area:credits}
65.bento-project-card.is-expanded .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-discussion-layout>.project-link-credits>.project-link-credits-col.is-people>.project-awards-section,.bento-project-card.is-expanded .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-link-credits>.project-link-credits-col.is-people>.project-awards-section,.project-page-layout .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-discussion-layout>.project-link-credits>.project-link-credits-col.is-people>.project-awards-section,.project-page-layout .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-link-credits>.project-link-credits-col.is-people>.project-awards-section{grid-area:awards}.hide-on-desktop{display:none!important}}@media (max-width:1023px){.bento-project-card.is-expanded:has([data-bento-project-overlay-header]) .bento-project-card__expanded-title{display:block;grid-area:title;position:relative;min-width:0;height:var(--overlay-close-size);margin:0;padding:0;overflow:hidden;font-size:22px;line-height:var(--overlay-close-size);white-space:nowrap}.bento-project-card.is-expanded:has([data-bento-project-overlay-header]) .author-ctas,.bento-project-card.is-expanded:has([data-bento-project-overlay-header]) .author-ctas-2{grid-area:metrics;width:100%;min-width:0}.bento-project-card.is-expanded:has([data-bento-project-overlay-header]) .bento-card__close{grid-area:close;align-self:start;width:var(--overlay-close-size);height:var(--overlay-close-size);margin-left:0}.page-project-overlay .bento-project-card__expanded-title{grid-area:title;height:var(--overlay-close-size);margin:0;padding:0;font-size:22px;line-height:var(--overlay-close-size)}.page-project-overlay .bento-card__close{grid-area:close;width:var(--overlay-close-size);height:var(--overlay-close-size);margin-left:0}.page-project-overlay .author-ctas,.page-project-overlay .author-ctas-2,.page-project-overlay .bento-project-overlay-actions{grid-area:metrics;width:100%}}@font-face{font-display:swap;
65font-family:FallbackFont;src:local("Arial");font-weight:400}@font-face{font-display:swap;font-family:FallbackFontMono;src:local("monospace");font-weight:400}@font-face{font-display:swap;font-family:FallbackFontBold;src:local("Arial Bold");font-weight:800}@font-face{font-display:swap;font-family:Aeonik;font-weight:100 900;font-style:italic;src:url(/dist/assets/AeonikPro-Italic-VF-DGkIg-ar.woff2) format("woff2"),url(/dist/assets/AeonikPro-Italic-VF-WifKrdD1.woff) format("woff")}@font-face{font-display:swap;font-family:Aeonik;font-weight:100 900;font-style:normal;src:url(/dist/assets/AeonikPro-VF-DJagqNti.woff2) format("woff2"),url(/dist/assets/AeonikPro-VF-B5-mzo4h.woff) format("woff")}@font-face{font-display:swap;font-family:Aeonik Mono;font-weight:400;font-style:normal;src:url(/dist/assets/AeonikMono-Regular-BJhjWe-O.woff2) format("woff2"),url(/dist/assets/AeonikMono-Regular-v8syvusg.woff) format("woff")}@font-face{font-display:swap;font-family:Megazoid;font-weight:400;font-style:normal;src:url(/dist/assets/Megazoid-Regular-DP6yeqDh.woff2) format("woff2"),url(/dist/assets/Megazoid-Regular-DDQUTSy0.woff) format("woff")}.bento-customizer.is-floating.is-project-details[data-project-details-panel] .publish-toggle-label>*{grid-area:1/1}.home-feature-directory-stack .pagination-actions,[data-handle=directory] .directory-container .pagination-actions{grid-area:actions;display:flex;align-items:center;justify-content:flex-start;min-width:0}.home-feature-directory-stack .pagination-info,[data-handle=directory] .directory-container .pagination-info{font-family:Aeonik,FallbackFont,arial,helvetica,sans-serif;font-variant-numeric:lining-nums proportional-nums slashed-zero;font-feature-settings:"ss08" on,"ss02" on,"ss07" on;font-size:14px;line-height:1.5;letter-spacing:.21px;grid-area:info;align-self:center;text-align:right;min-width:0}.home-feature-directory-stack .pagination-upgrade,[data-handle=directory] .directory-container .pagination-upgrade{font-family:Aeonik,FallbackFont,arial,helvetica,sans-serif;font-variant-numeric:lining-nums proportional-nums slashed-zero;font-feature-settings:"ss08" on,"ss02" on,"ss07" on;font-size:14px;line-height:1.5;letter-spacing:.21px;grid-area:upgrade;display:flex;align-items:baseline;justify-content:center;gap:10px;justify-self:center;text-align:center}*,:after,:before{box-sizing:border-box}body{min-height:100vh;min-height:100dvh;margin:0}ul[class]{padding:0;list-style-type:""}a{text-decoration:none}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}button{font:inherit}hr{height:1px;background-color:#ccc}:root{--metric-count-ch:6ch;--metric-count-min-width:6ch;--metric-action-icon-size:20px;--metric-action-row-gap:6px;--metric-action-inner-gap:4px;--metric-action-cluster-min-width:calc(var(--metric-action-icon-size) + var(--metric-action-inner-gap) + var(--metric-count-min-width));--metric-profile-pill-aspect-ratio:2/1}body{color:var(--text-current);font-family:Aeonik,FallbackFont,arial,helvetica,sans-serif;font-variant-numeric:lining-nums proportional-nums slashed-zero;font-feature-settings:"ss02" on,"ss07" on,"ss08" on;font-weight:400;font-style:normal;font-size:18px;line-height:1.5;letter-spacing:.18px;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}.button,button{font-family:Aeonik,FallbackFont,arial,helvetica,sans-serif;font-feature-settings:"ss08" on,"ss02" on,"ss07" on;font-size:18px;line-height:1.5;letter-spacing:.18px;border-radius:0;font-weight:400;font-variant-numeric:lining-nums proportional-nums slashed-zero;font-feature-settings:"ss02" on,"ss07" on,"ss08" off;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}h1,h3{margin-top:0;margin-bottom:0;font-weight:800;line-height:1}h1{font-family:Aeonik,FallbackFont,arial,helvetica,sans-serif;font-weight:900;font-size:clamp(63px,6.7vw,146px);
65font-feature-settings:"dlig" on,"ss11" on,"ss09" on,"ss08" on,"ss05" on,"ss07" on,"ss06" on,"ss03" on,"case" on;line-height:.96;letter-spacing:-1.92px}@media (max-width:767px){.bento-project-card.is-expanded .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-discussion-layout>.project-link-credits>.project-link-credits-col:not(.is-people)>*,.bento-project-card.is-expanded .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-link-credits>.project-link-credits-col:not(.is-people)>*,.project-page-layout .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-discussion-layout>.project-link-credits>.project-link-credits-col:not(.is-people)>*,.project-page-layout .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-link-credits>.project-link-credits-col:not(.is-people)>*{grid-area:auto;grid-column:1/-1}[data-handle=home] .work-item{position:relative;grid-area:1/1;width:min(305px,100vw - 2*var(--gutter-cap));border-radius:6px;visibility:hidden;opacity:0}h1{letter-spacing:-1.26px}.hide-on-mobile{display:none!important}}h3{font-family:Aeonik,FallbackFont,arial,helvetica,sans-serif;font-weight:800;font-size:clamp(24px,4.6vw,32px);font-variant-numeric:lining-nums proportional-nums slashed-zero;font-feature-settings:"ss02" on,"ss07" on,"ss08" on,"case" on;line-height:1}p{margin-top:1em;margin-bottom:0}p:first-child{margin-top:0}hr{width:100%;margin:0;margin-top:calc(var(--gutter-y)*.75);padding-top:calc(var(--gutter-y)*.75);border:none;border-top:1px solid grey;background-color:transparent}hr+p{margin-top:0}.label-1{font-family:Aeonik Mono,FallbackFontMono,monospace,menlo,monaco,Lucida Console,courier;font-variant-numeric:lining-nums proportional-nums stacked-fractions slashed-zero;font-feature-settings:"dlig" on,"case" on,"ss05" on,"ss06" on,"ss07" on,"ss12" off;font-size:14px;line-height:1;text-transform:uppercase}.label-2{font-family:Aeonik Mono,FallbackFontMono,monospace,menlo,monaco,Lucida Console,courier;font-variant-numeric:lining-nums proportional-nums stacked-fractions slashed-zero;font-feature-settings:"dlig" on,"case" on,"ss05" on,"ss06" on,"ss07" on,"ss12" off;font-size:12px;line-height:1;text-transform:uppercase}:root{box-sizing:border-box;--vw:100vw;--vh:100vh;--text-current:#fff;--bg-current:#121212}*,:after,:before{box-sizing:inherit}@media (max-width:1023px),(hover:none) and (pointer:coarse){*,:after,:before{will-change:auto!important}}body,html{width:100%;margin:0;background-color:var(--bg-current)}body{overflow-x:clip}body.is-dark,html.is-dark{color-scheme:dark}.bg-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;will-change:transform,opacity}.bg-layer--dark{background-color:#121212;opacity:1}.bg-layer--light{background-color:#fff;opacity:0}main[data-router-wrapper]{position:relative;z-index:1;width:100%}img,svg{vertical-align:middle}.page-container{padding-top:60px;padding-bottom:calc(var(--gutter-y)*3)}@media (max-width:767px){.page-container{padding-top:calc(var(--gutter-y)*2);padding-bottom:calc(var(--gutter-y)*6);backface-visibility:hidden}}.wrapper{width:100%;margin-left:auto;margin-right:auto;padding-left:var(--gutter-cap);padding-right:var(--gutter-cap)}[data-handle]>.page-container.wrapper{max-width:var(--page-content-shell-max-width);margin-left:auto;margin-right:auto}img{max-width:100%}dialog:not([open]){display:none}button{touch-action:manipulation}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:is([data-handle=editProfile],[data-handle=accountSettings],[data-handle=accountNotifications],[data-handle=accountSettingsBusiness],[data-handle=managePortfolio],[data-handle=manageTeam],[data-handle=membership],[data-handle=thankYou],[data-handle=notifications],[data-handle=about],[data-handle=faqs],[data-handle=contact],[data-handle=communityGuidelines],[data-handle=legal]) .page-container.wrapper{padding-top:calc(var(--gutter-y)*2);padding-bottom:calc(var(--gutter-y)*3)}:is([data-handle=editProfile],[data-handle=accountSettings],[data-handle=accountNotifications],[data-handle=accountSettingsBusiness],[data-handle=managePortfolio],[data-handle=manageTeam],[data-handle=membership],[data-handle=thankYou],[data-handle=notifications],[data-handle=about],[data-handle=faqs],[data-handle=contact],[data-handle=communityGuidelines],[data-handle=legal]) .settings-shell{display:block}:is([data-handle=editProfile],[data-handle=accountSettings],[data-handle=accountNotifications],[data-handle=accountSettingsBusiness],[data-handle=managePortfolio],[data-handle=manageTeam],[data-handle=membership],[data-handle=thankYou],[data-handle=notifications],[data-handle=about],[data-handle=faqs],[data-handle=contact],[data-handle=communityGuidelines],[data-handle=legal]) .settings-body{dis
65play:grid;grid-template-columns:260px minmax(0,640px);grid-template-rows:auto auto;row-gap:var(--gutter-y);column-gap:calc(var(--gutter-x)*1.5);align-items:start;width:-moz-fit-content;width:fit-content;max-width:100%;margin-inline:auto}:is([data-handle=editProfile],[data-handle=accountSettings],[data-handle=accountNotifications],[data-handle=accountSettingsBusiness],[data-handle=managePortfolio],[data-handle=manageTeam],[data-handle=membership],[data-handle=thankYou],[data-handle=notifications],[data-handle=about],[data-handle=faqs],[data-handle=contact],[data-handle=communityGuidelines],[data-handle=legal]) .settings-main{display:contents}:is([data-handle=editProfile],[data-handle=accountSettings],[data-handle=accountNotifications],[data-handle=accountSettingsBusiness],[data-handle=managePortfolio],[data-handle=manageTeam],[data-handle=membership],[data-handle=thankYou],[data-handle=notifications],[data-handle=about],[data-handle=faqs],[data-handle=contact],[data-handle=communityGuidelines],[data-handle=legal]) .settings-rail{grid-column:1;grid-row:2;position:sticky;top:calc(var(--core-header-height) + var(--gutter-y));z-index:1;width:100%}:is([data-handle=editProfile],[data-handle=accountSettings],[data-handle=accountNotifications],[data-handle=accountSettingsBusiness],[data-handle=managePortfolio],[data-handle=manageTeam],[data-handle=membership],[data-handle=thankYou],[data-handle=notifications],[data-handle=about],[data-handle=faqs],[data-handle=contact],[data-handle=communityGuidelines],[data-handle=legal]) .settings-rail .settings-nav-user-menu{--settings-rail-text:#fff;margin:0;padding:0;list-style:none;color:var(--settings-rail-text)}:is([data-handle=editProfile],[data-handle=accountSettings],[data-handle=accountNotifications],[data-handle=accountSettingsBusiness],[data-handle=managePortfolio],[data-handle=manageTeam],[data-handle=membership],[data-handle=thankYou],[data-handle=notifications],[data-handle=about],[data-handle=faqs],[data-handle=contact],[data-handle=communityGuidelines],[data-handle=legal]) .settings-rail .settings-nav-user-menu li{width:100%}:is([data-handle=editProfile],[data-handle=accountSettings],[data-handle=accountNotifications],[data-handle=accountSettingsBusiness],[data-handle=managePortfolio],[data-handle=manageTeam],[data-handle=membership],[data-handle=thankYou],[data-handle=notifications],[data-handle=about],[data-handle=faqs],[data-handle=contact],[data-handle=communityGuidelines],[data-handle=legal]) .settings-rail .settings-nav-user-menu li:not(:last-child){margin-bottom:4px}:is([data-handle=editProfile],[data-handle=accountSettings],[data-handle=accountNotifications],[data-handle=accountSettingsBusiness],[data-handle=managePortfolio],[data-handle=manageTeam],[data-handle=membership],[data-handle=thankYou],[data-handle=notifications],[data-handle=about],[data-handle=faqs],[data-handle=contact],[data-handle=communityGuidelines],[data-handle=legal]) .settings-rail .settings-nav-user-menu a{display:flex;align-items:center;width:100%;padding:6px 0;gap:10px;font-size:14px;line-height:1.2;color:var(--settings-rail-text);background-color:transparent;border-radius:8px;will-change:transform,opacity}:is([data-handle=editProfile],[data-handle=accountSettings],[data-handle=accountNotifications],[data-handle=accountSettingsBusiness],[data-handle=managePortfolio],[data-handle=manageTeam],[data-handle=membership],[data-handle=thankYou],[data-handle=notifications],[data-handle=about],[data-handle=faqs],[data-handle=contact],[data-handle=communityGuidelines],[data-handle=legal]) .settings-rail .settings-nav-user-menu a .text{display:inline-block}:is([data-handle=editProfile],[data-handle=accountSettings],[data-handle=accountNotifications],[data-handle=accountSettingsBusiness],[data-handle=managePortfolio],[data-handle=manageTeam],[data-handle=membership],[data-handle=thankYou],[data-handle=notifications],[data-handle=about],[data-handle=faqs],[data-handle=contact],[data-handle=communityGuidelines],[data-handle=legal]) .settings-rail .settings-nav-user-menu{--settings-rail-text:#b8b8b8;--settings-rail-border:color-mix(in srgb,var(--settings-rail-text) 18%,transparent);--settings-rail-icon-size:20px;--settings-rail-icon-padding:5px}:is([data-handle=editProfile],[data-handle=accountSettings],[data-handle=accountNotifications],[data-handle=accountSettingsBusiness],[data-handle=managePortfolio],[data-handle=manageTeam],[data-handle=membership],[data-handle=thankYou],[data-handle=notifications],[data-handle=about],[data-handle=faqs],[data-handle=contact],[data-handle=communityGuidelines],[data-handle=legal]) .settings-rail .settings-nav-user-menu a .icon{display:flex;flex-shrink:0;align-items:center;justify-content:center;box-sizing:border-box;padding:var(--settings-rail-icon-padding);border:1px solid var(--settings-rail-border);border-radius:6px;color:var(--settings-rail-text);background-color:transparent;will-change:transform}:is([data-handle=editProfile],[data-handle=accountSettings],[data-handle=accountNotifications],[data-handle=accountSettingsBusiness],[data-handle=managePortfolio],[data-handle=manageTeam],[data-handle=membership],[data-handle=thankYou],[data-handle=notifications],[data-handle=about],[data-handle=faqs],[data-handle=contact],[data-handle=communityGuidelines],[data-handle=legal]) .settings-rail .settings-nav-user-menu a .icon svg{width:var(--settings-rail-icon-size);height:var(--settings-rail-icon-size)}:is([data-handle=editProfile],[data-handle=accountSettings],[data-handle=accountNotifications],[data-handle=accountSettingsBusiness],[data-handle=managePortfolio],[data-handle=manageTeam],[data-handle=membership],[data-handle=thankYou],[data-handle=notifications],[data-handle=about],[data-handle=faqs],[data-handle=contact],[data-handle=communityGuidelines],[data-handle=legal]) .settings-rail .settings-nav-user-menu a.is-active{color:#fff}:is([data-handle=editProfile],[data-handle=accountSettings],[data-handle=accountNotifications],[data-handle=accountSettingsBusiness],[data-handle=managePortfolio],[data-handle=manageTeam],[data-handle=membership],[data-handle=thankYou],[data-handle=notifications],[data-handle=about],[data-handle=faqs],[data-handle=contact],[data-handle=communityGuidelines],[data-handle=legal]) .settings-rail .settings-nav-user-menu a.is-active .icon{color:#fff;background-color:#0c0c0c;border-color:#b8b8b8}:is([data-handle=editProfile],[data-handle=accountSettings],[data-handle=accountNotifications],[data-handle=accountSettingsBusiness],[data-handle=managePortfolio],[data-handle=manageTeam],[data-handle=membership],[data-handle=thankYou],[data-handle=notifications],[data-handle=about],[data-handle=faqs],[data-handle=contact],[data-handle=communityGuidelines],[data-handle=legal]) .settings-rail .settings-nav-user-menu a .icon svg rect[fill=none]{fill:none}:is([data-handle=editProfile],[data-handle=accountSettings],[data-handle=accountNotifications],[data-handle=accountSettingsBusiness],[data-handle=managePortfolio],[data-handle=manageTeam],[data-handle=membership],[data-handle=thankYou],[data-handle=notifications],[data-handle=about],[data-handle=faqs],[data-handle=contact],[data-handle=communityGuidelines],[data-handle=legal]) .settings-rail .settings-nav-user-menu a .icon svg path:not([fill=none]){fill:currentColor}:is([data-handle=editProfile],[data-handle=accountSettings],[data-handle=accountNotifications],[data-handle=accountSettingsBusiness],[data-handle=managePortfolio],[data-handle=manageTeam],[data-handle=membership],[data-handle=thankYou],[data-handle=notifications],[data-handle=about],[data-handle=faqs],[data-handle=contact],[data-handle=communityGuidelines],[data-handle=legal]) .settings-title{font-family:Megazoid,FallbackFontBold,arial,helvetica,sans-serif;font-feature-settings:"liga" on,"kern" on,"ss01" on,"ss04" on,"ss12" on;font-size:clamp(48px,5vw,192px);font-weight:400;letter-spacing:.005em;grid-column:2;grid-row:1;width:100%;max-width:640px;margin:0;font-size:clamp(40px,6vw,64px);line-height:1;text-align:left;text-transform:uppercase}:is([data-handle=editProfile],[data-handle=accountSettings],[data-handle=accountNotifications],[data-handle=accountSettingsBusiness],[data-handle=managePortfolio],[data-handle=manageTeam],[data-handle=membership],[data-handle=thankYou],[data-handle=notifications],[data-handle=about],[data-handle=faqs],[data-handle=contact],[data-handle=communityGuidelines],[data-handle=legal]) .settings-content{grid-column:2;grid-row:2;width:100%;max-width:640px;min-width:0;margin-inline:auto}@media (min-width:768px) and (max-width:1023px),(min-width:768px) and (hover:none) and (pointer:coarse){:is([data-handle=editProfile],[data-handle=accountSettings],[data-handle=accountNotifications],[data-handle=accountSettingsBusiness],[data-handle=managePortfolio],[data-handle=manageTeam],[data-handle=membership],[data-handle=thankYou],[data-handle=notifications],[data-handle=about],[data-handle=faqs],[data-handle=contact],[data-handle=communityGuidelines],[data-handle=legal]) .settings-rail{grid-row:1/-1;top:50dvh;transform:translateY(-50%);will-change:transform!important;max-height:calc(100dvh - (2*max(var(--core-header-height),var(--app-toolbar-offset,0px),var(--gutter-y))));overflow-y:auto}}[data-handle=about] .about-container .settings-content{font-size:20px}[data-handle=about] .about-container .settings-content .text-big{display:inline-block;max-width:750px;line-height:1.4em;font-size:24px}[data-handle=about] .about-container .settings-content h3,[data-handle=about] .about-container .settings-content hr,[data-handle=about] .about-container .settings-content p{max-width:672px}[data-handle=about] .about-container .settings-content hr{margin:var(--gutter-y) 0;height:0;padding:0;border:0;border-top:1px dotted #525252;background:0 0}[data-handle=about] .about-container .settings-content h3{margin-top:calc(var(--gutter-y)*2);font-weight:400;line-height:1.1em;letter-spacing:-.02em}[data-handle=about] .about-container .settings-content h3:first-of-type{margin-top:0}[data-handle=about] .about-container .settings-content p{color:#222}@media (max-width:767px){:is([data-handle=editProfile],[data-handle=accountSettings],[data-handle=accountNotifications],[data-handle=accountSettingsBusiness],[data-handle=managePortfolio],[data-handle=manageTeam],[data-handle=membership],[data-handle=thankYou],[data-handle=notifications],[data-handle=about],[data-handle=faqs],[data-handle=contact],[data-handle=communityGuidelines],[data-handle=legal]) .page-container.wrapper{padding-top:var(--gutter-y);padding-left:28px;padding-right:28px}:is([data-handle=editProfile],[data-handle=accountSettings],[data-handle=accountNotifications],[data-handle=accountSettingsBusiness],[data-handle=managePortfolio],[data-handle=manageTeam],[data-handle=membership],[data-handle=thankYou],[data-handle=notifications],[data-handle=about],[data-handle=faqs],[data-handle=contact],[data-handle=communityGuidelines],[data-handle=legal]) .settings-body{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;row-gap:var(--gutter-y);column-gap:0;width:100%}:is([data-handle=editProfile],[data-handle=accountSettings],[data-handle=accountNotifications],[data-handle=accountSettingsBusiness],[data-handle=managePortfolio],[data-handle=manageTeam],[data-handle=membership],[data-handle=thankYou],[data-handle=notifications],[data-handle=about],[data-handle=faqs],[data-handle=contact],[data-handle=communityGuidelines],[data-handle=legal]) .settings-rail{display:none}:is([data-handle=editProfile],[data-handle=accountSettings],[data-handle=accountNotifications],[data-handle=accountSettingsBusiness],[data-handle=managePortfolio],[data-handle=manageTeam],[data-handle=membership],[data-handle=thankYou],[data-handle=notifications],[data-handle=about],[data-handle=faqs],[data-handle=contact],[data-handle=communityGuidelines],[data-handle=legal]) .settings-content,:is([data-handle=editProfile],[data-handle=accountSettings],[data-handle=accountNotifications],[data-handle=accountSettingsBusiness],[data-handle=managePortfolio],[data-handle=manageTeam],[data-handle=membership],[data-handle=thankYou],[data-handle=notifications],[data-handle=about],[data-handle=faqs],[data-handle=contact],[data-handle=communityGuidelines],[data-handle=legal]) .settings-title{grid-column:1;max-width:none}:is([data-handle=editProfile],[data-handle=accountSettings],[data-handle=accountNotifications],[data-handle=accountSettingsBusiness],[data-handle=managePortfolio],[data-handle=manageTeam],[data-handle=membership],[data-handle=thankYou],[data-handle=notifications],[data-handle=about],[data-handle=faqs],[data-handle=contact],[data-handle=communityGuidelines],[data-handle=legal]) .settings-title{grid-row:1;overflow-wrap:break-word;text-align:center}:is([data-handle=editProfile],[data-handle=accountSettings],[data-handle=accountNotifications],[data-handle=accountSettingsBusiness],[data-handle=managePortfolio],[data-handle=manageTeam],[data-handle=membership],[data-handle=thankYou],[data-handle=notifications],[data-handle=about],[data-handle=faqs],[data-handle=contact],[data-handle=communityGuidelines],[data-handle=legal]) .settings-content{grid-row:2}[data-handle=about] .about-container .settings-content{font-size:20px}[data-handle=about] .about-container .settings-content .text-big{display:inline-block;max-width:750px;line-height:1.4em;font-size:20px}[data-handle=about] .about-container .settings-content h3{margin-top:calc(var(--gutter-y)*4)}[data-handle=about] .about-container .settings-content hr{margin:var(--gutter-y) 0;padding:0}}body.is-dark [data-handle=about] .about-container .settings-content p{color:color-mix(in srgb,var(--text-current) 82%,transparent)}body.is-dark [data-handle=about] .about-container .settings-content h3{color:var(--text-current)}body.is-dark [data-handle=about] .about-container .settings-content hr{border:0;border-top:1px dotted color-mix(in srgb,var(--text-current) 35%,transparent);background:0 0}.brand-variant-card__choice>span{grid-area:description;color:#525252;font-family:Aeonik Mono,FallbackFontMono,monospace,menlo,monaco,Lucida Console,courier;font-size:10px;line-height:1.2;text-transform:uppercase}.brand-variant-swatches{display:flex;flex-wrap:wrap;grid-area:swatches;gap:8px}
65.brand-download-links{display:flex;grid-area:downloads;justify-self:end;gap:6px}:root{--color-bg-black-rgb:12,12,12}:root{--color-bg-gray-dark-4-rgb:2,2,2}:root{--color-bg-gray-dark-3-rgb:2,2,2}:root{--color-bg-gray-dark-2-rgb:82,82,82}:root{--color-bg-gray-dark-1-rgb:129,129,129}:root{--color-bg-gray-light-4-rgb:242,242,242}:root{--color-bg-gray-light-3-rgb:234,234,234}:root{--color-bg-gray-light-2-rgb:204,204,204}:root{--color-bg-gray-light-1-rgb:184,184,184}:root{--color-bg-gray-rgb:102,102,102}:root{--color-bg-gray-light-rgb:191,191,191}:root{--color-bg-white-rgb:255,255,255}:root{--color-bg-yellow-rgb:238,230,66}:root{--color-bg-yellow-light-rgb:255,253,217}:root{--color-bg-red-rgb:236,66,66}:root{--color-bg-red-light-rgb:255,217,217}:root{--color-bg-orange-rgb:237,148,66}:root{--color-bg-orange-light-rgb:255,235,217}:root{--color-bg-teal-rgb:66,227,237}:root{--color-bg-teal-light-rgb:204,252,255}:root{--color-bg-purple-rgb:109,66,237}:root{--color-bg-purple-light-rgb:236,229,255}:root{--color-bg-green-rgb:66,237,145}:root{--color-bg-green-light-rgb:204,255,228}:root{--color-bg-placeholder-light-rgb:241,241,241}:root{--color-bg-placeholder-dark-rgb:0,0,0}:root{--max-width:1920px;--column-count:12;--gutter-cap:36px;--gutter-x:24px;--gutter-y:40px;--page-content-max-width:1280px;--page-content-shell-max-width:calc(var(--page-content-max-width) + (var(--gutter-cap)*2));--social-feed-max-width:800px;--social-feed-grid-gap:24px;--text-current:#fff;--bg-current:#121212}:root{--reduced-motion:1}:root{--core-header-outer-padding:calc(var(--gutter-cap)*.5);--core-header-hamburger-padding-right:23px;--core-header-hamburger-svg-trim:4px;--core-header-inner-padding-y:13px;--core-header-inner-padding-x-left:var(--core-header-inner-padding-y);--core-header-inner-padding-x-right:calc(var(--core-header-hamburger-padding-right) - var(--core-header-hamburger-svg-trim));--core-header-logo-height:32px;--core-header-control-height:36px;--core-header-inner-height:calc((var(--core-header-inner-padding-y)*2) + max(var(--core-header-logo-height),var(--core-header-control-height)));
65--core-header-height:calc((var(--core-header-outer-padding)*2) + var(--core-header-inner-height));--core-header-pill-radius:9999px;--core-header-avatar-indicator-ring:var(--bg-current);--core-header-shadow:0 10px 6px 0 rgba(0,0,0,.06);--core-header-shadow-dark:0 4px 10px rgba(0,0,0,.4);--core-header-glass-tint-rgb:255 255 255;--core-header-glass-tint-alpha:1;--core-header-glass-highlight-alpha:.7;--core-header-glass-border-alpha:.2;--core-header-glass-backdrop-blur:2px;--core-header-glass-saturate:1.2;--core-header-glass-contrast:1.15;--core-header-glass-shadow-y:6px;--core-header-glass-shadow-blur:10px;--core-header-glass-shadow-alpha:.12;--core-header-glass-sheen-opacity:0;--core-header-glass-sheen-highlight-opacity:max(var(--core-header-glass-sheen-opacity),0);--core-header-glass-sheen-shade-opacity:max(calc(var(--core-header-glass-sheen-opacity)*-1),0);--core-header-glass-fallback-blur:3px;--core-header-glass-fallback-opacity:.25;--core-header-glass-fallback-edge-alpha:.5;--core-header-glass-fallback-edge-shadow-alpha:.5;--core-header-glass-fallback-edge-size:12px;--core-header-glass-liquid-scale:30;--core-header-glass-chromatic-aberration:.4;--core-header-glass-map-depth:1;--core-header-glass-map-edge-waist:.5;--core-header-glass-map-edge-x:1.5;--core-header-glass-map-edge-y:.45;--core-header-glass-map-center-inset-x:.9;--core-header-glass-map-center-inset-y:.55;--core-header-glass-map-center-blur:.2;--core-header-glass-map-center-opacity:1;--core-header-hover-intent:.1s}.core-header-slot{position:relative;flex-shrink:0;height:var(--core-header-height)}.core-header{position:fixed;top:0;left:0;right:0;z-index:2000;width:100%;padding:var(--core-header-outer-padding) var(--gutter-cap);color:var(--text-current);transform:translate3d(0,var(--core-header-scroll-shift,0),0);backface-visibility:hidden}@media (prefers-reduced-motion:no-preference){html:not([data-header-intro-seen=true]) .core-header[data-header-enter-pending] .btn-mobile-nav,html:not([data-header-intro-seen=true]) .core-header[data-header-enter-pending] .core-header-pill,html:not([data-header-intro-seen=true]) .core-header[data-header-enter-pending] .core-logo-container,html:not([data-header-intro-seen=true]) .core-header[data-header-enter-pending] .core-nav-list-primary>li:not(.is-empty),html:not([data-header-intro-seen=true]) .core-header[data-header-enter-pending] .okaydev-navbar-auth-root,html:not([data-header-intro-seen=true]) .core-header[data-header-enter-pending] .okaydev-navbar-leading-root{visibility:hidden}}body[data-header-theme=purple] .core-header .header-backdrop{opacity:1}body[data-header-theme=purple] .core-header-pill{box-shadow:var(--core-header-shadow)}body[data-header-theme=purple] .core-header{--core-header-avatar-indicator-ring:#6d42ed;color:#fff}body[data-header-theme=purple] .core-header .btn-mobile-nav,body[data-header-theme=purple] .core-header .core-nav-list-primary a.label-1,body[data-header-theme=purple] .core-header .sign-in a.label-1{color:#fff}body[data-header-theme=purple] .core-header .core-nav a.btn-core-sign-up{--btn-core-sign-up-bg:#fff;--btn-core-sign-up-fg:#0c0c0c;--btn-core-sign-up-hover-bg:#0c0c0c;--btn-core-sign-up-hover-fg:#fff}body[data-header-theme=purple] .core-header .header-backdrop{background-color:#6d42ed}body.is-dark{--core-header-glass-tint-rgb:12 12 12;--core-header-glass-tint-alpha:1;--core-header-glass-highlight-alpha:0;--core-header-glass-saturate:1.2;--core-header-glass-contrast:1.15;--core-header-glass-shadow-y:6px;--core-header-glass-shadow-blur:10px;--core-header-glass-shadow-alpha:.45;--core-header-glass-sheen-opacity:-1;--core-header-glass-liquid-scale:20;--core-header-glass-chromatic-aberration:.7;--core-header-glass-map-depth:1;--core-header-glass-map-edge-waist:.5;--core-header-glass-map-edge-y:.8;--core-header-glass-map-center-inset-y:.4}.core-header-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--gutter-x);position:relative;width:100%;max-width:var(--page-content-max-width);margin-inline:auto;min-height:var(--core-header-inner-height);padding:var(--core-header-inner-padding-y) var(--core-header-inner-padding-x-right) var(--core-header-inner-padding-y) var(--core-header-inner-padding-x-left);border-radius:0;box-shadow:none;overflow:visible}.core-header-pill{--core-header-pill-cap-size:calc(var(--core-header-inner-height)/2);position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:flex;align-items:stretch;width:100%;max-width:none;border-radius:var(--core-header-pill-radius);box-shadow:none;transform:translateZ(0)}.core-header-pill-cap{flex:0 0 var(--core-header-pill-cap-size);width:var(--core-header-pill-cap-size);min-width:var(--core-header-pill-cap-size)}.core-header-pill-mid{flex:1 1 auto;min-width:0}@media (min-width:1101px){:root{--core-header-inner-padding-y:10px;--core-header-inner-padding-x-left:12px;--core-header-inner-padding-x-right:calc(var(--core-header-hamburger-padding-right) - var(--core-header-hamburger-svg-trim))}.core-header-inner{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);align-items:center;gap:0}.core-header .core-logo-container{grid-area:1/1;justify-self:start}.core-header .core-nav{grid-area:1/1;width:100%;position:static}}.core-header .header-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;border-radius:inherit;opacity:0;transform:translateZ(0);-webkit-backdrop-filter:none;backdrop-filter:none;background-color:transparent;will-change:transform,opacity}.core-header .core-logo-container{flex-shrink:0;position:relative;z-index:3}.core-header .core-logo-link{display:flex;align-items:center;border-radius:2px;color:var(--text-current);position:relative;z-index:1;touch-action:manipulation}.core-logo-brand-menu{position:absolute;top:calc(100% + 14px);left:-8px;z-index:20;width:min(304px,100vw - var(--gutter-cap)*2);color:#eaeaea;font-family:Aeonik,FallbackFont,arial,helvetica,sans-serif;visibility:hidden;will-change:transform}.core-logo-brand-menu__surface{position:relative;border:1px solid #333;border-radius:14px;background:#161616;box-shadow:0 14px 36px rgba(0,0,0,.42)}.core-logo-brand-menu__content{max-height:calc(100dvh - var(--core-header-height) - 28px);overflow-x:hidden;overflow-y:auto;padding:8px;overscroll-behavior:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}.core-logo-brand-menu__content::-webkit-scrollbar{display:none}.core-logo-brand-menu__label,.core-logo-brand-menu__title{margin:0;font-family:Aeonik Mono,FallbackFontMono,monospace,menlo,monaco,Lucida Console,courier;font-weight:400;text-transform:uppercase}.core-logo-brand-menu__heading{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 6px 8px;color:inherit;text-decoration:none}.core-logo-brand-menu__heading:after{content:none}.core-logo-brand-menu__title{padding:0;color:#fff;font-size:14px;letter-spacing:.08em}.core-logo-brand-menu__page{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:16px;height:16px;border:1px solid #525252;border-radius:50%;color:#b8b8b8;font-family:Aeonik Mono,FallbackFontMono,monospace,menlo,monaco,Lucida Console,courier;font-size:10px;font-weight:700;line-height:1;text-decoration:none}.core-logo-brand-menu__page:after{content:none}.core-logo-brand-menu__group{border-top:1px solid #303030;padding-top:6px}.core-logo-brand-menu__group+.core-logo-brand-menu__group{margin-top:6px}.core-logo-brand-menu__label{padding:2px 6px 5px;color:#b8b8b8;font-size:12px;letter-spacing:.09em}.core-logo-brand-menu__toggle{display:flex;align-items:center;gap:8px;width:100%;border:0;border-radius:8px;padding:4px 2px;color:#b8b8b8;background:0 0;text-align:left}.core-logo-brand-menu__toggle .core-logo-brand-menu__label{flex:1;padding:0}.core-logo-brand-menu__chevron{display:grid;place-items:center;flex-shrink:0;width:14px;
65height:14px;margin-inline:4px 0;will-change:transform}.core-logo-brand-menu__chevron svg{display:block;width:100%;height:100%}.core-logo-brand-menu__assets{padding-block:4px}.core-logo-brand-menu__asset{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:40px;border-radius:8px;padding:2px 4px 2px 2px;color:#eaeaea;font-size:12px;font-weight:600;line-height:1.1}.core-logo-brand-menu__actions{display:flex;gap:4px}.core-logo-brand-menu__actions a{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:26px;border:1px solid #525252;border-radius:6px;padding-inline:5px;color:#ccc;background:#222;font-family:Aeonik Mono,FallbackFontMono,monospace,menlo,monaco,Lucida Console,courier;font-size:8px;font-weight:400;letter-spacing:.04em;text-decoration:none}.core-logo-brand-menu__actions a:after{content:none}.core-logo-brand-menu__preview{display:grid;place-items:center;width:36px;height:36px;border-radius:6px;padding:4px;overflow:hidden}.core-logo-brand-menu__preview img{display:block;width:100%;height:100%;object-fit:contain}.core-logo-brand-menu__preview--light{background:#f2f2f2}.core-logo-brand-menu__preview--purple{background:#6d42ed}.core-logo-brand-menu__preview--dark{background:#0c0c0c}.core-logo-brand-menu__footer{display:flex;gap:8px;margin-bottom:8px;padding-bottom:8px}.core-logo-brand-menu__kit{min-width:0;flex:1 1 auto;display:grid;grid-template-columns:minmax(0,1fr) 24px;align-items:center;text-align:center;gap:8px;min-height:40px;border-radius:999px;padding:9px 8px 9px 12px;color:#0c0c0c;background:#eee642;font-size:12px;font-weight:650;line-height:1;text-decoration:none;white-space:nowrap;will-change:transform}.core-logo-brand-menu__kit:after{content:none}.core-logo-brand-menu__kit span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;color:#fff;background:#0c0c0c;font-size:15px;will-change:transform}.core-logo-brand-menu__kit--guidelines{flex:0 0 auto;color:#fff;background:#6d42ed;will-change:transform}.core-logo-brand-menu__kit--guidelines span{padding-bottom:2px;color:#0c0c0c;background:#fff;will-change:transform}.core-logo-brand-menu .core-logo-brand-menu__surface{opacity:0;visibility:hidden;filter:blur(2px);transform:scale(.98) translateY(-8px);transform-origin:center center;visibility:visible;will-change:transform,opacity}@media (prefers-reduced-motion:reduce){:root{--reduced-motion:0}.core-logo-brand-menu__surface{animation-duration:NaNs!important;filter:none!important;transform:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}.core-header .logo-name{--logo-fill-outer:#0c0c0c;--logo-fill-inner:#eee642;display:inline-flex;width:auto;height:var(--core-header-logo-height)}.core-header .logo-name svg{width:auto;height:100%;overflow:visible}.core-header .logo-name svg path{will-change:transform}.core-header .logo-name .logo-letter{transform-box:fill-box;transform-origin:center;will-change:transform}.core-header .logo-name .logo-letter-face{will-change:transform}body.is-dark .core-header .logo-name{--logo-fill-outer:#fff;--logo-fill-inner:#0c0c0c}body[data-header-theme=purple] .core-header .logo-name{--logo-fill-outer:#0c0c0c;--logo-fill-inner:#eee642}body:not([data-page=social]):not([data-page=gallery]) .social-feed-top-button{display:none!important}.social-feed-top-button{position:absolute;top:100%;left:50%;margin-top:8px;z-index:2100;display:inline-flex;align-items:center;gap:2px;padding:6px 12px;border-radius:999px;border:0;background-color:#6d42ed;color:#fff;font-family:Aeonik Mono,FallbackFontMono,monospace,menlo,monaco,Lucida Console,courier;font-size:.8125rem;letter-spacing:.04em;text-transform:uppercase;opacity:0;transform:translate(-50%,-8px);will-change:transform,opacity}.social-feed-top-button[hidden]{display:none}.social-feed-top-button-icon{display:inline-flex;width:18px;height:18px}.social-feed-top-button-icon svg{width:100%;height:100%}
65.social-feed-top-button-icon svg path{fill:currentColor}.social-feed-top-button-spinner{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:14px;height:14px;border-radius:50%;border:2px solid currentColor;border-top-color:transparent;opacity:0}:root{--core-nav-user-menu-shadow:0 18px 48px rgba(0,0,0,.16)}.core-nav{display:flex;align-items:center;flex:1 1 auto;min-width:0;width:100%;text-transform:uppercase;position:relative;z-index:2}.core-nav a{display:flex;padding:0 8px;align-items:center;gap:6px;position:relative;border-radius:4px;color:var(--text-current)}.btn-mobile-nav{margin:0;padding:0;border:0;background-color:transparent;color:inherit;-webkit-appearance:none;appearance:none;display:none;align-items:center;justify-content:center;color:var(--text-current);background-color:transparent!important}.btn-mobile-nav .mobile-nav-toggle-icon{display:block;position:relative;width:24px;height:24px}.btn-mobile-nav .mobile-nav-toggle-line{position:absolute;top:50%;left:50%;display:block;width:19px;height:2px;margin-top:-.5px;margin-left:-9.5px;border-radius:999px;background-color:currentColor;transform-origin:center center;will-change:transform,opacity}.btn-mobile-nav .mobile-nav-toggle-line-top{transform:translateY(-3.5px)}.btn-mobile-nav .mobile-nav-toggle-line-middle{opacity:0}.btn-mobile-nav .mobile-nav-toggle-line-bottom{transform:translate(-2.85px,3.5px) scaleX(.7);transform-origin:center center}body[data-header-theme=purple] .core-header .core-nav-list-primary a.label-1{color:#fff}.core-nav-list{display:flex;align-items:center;justify-content:space-between;width:100%;margin:0}.core-nav-list .sign-in,.core-nav-list .sign-up,.core-nav-list li{flex-shrink:0}.core-nav-list-primary{display:flex;align-items:center;width:100%;margin:0}.core-nav-list-primary>li{margin-left:1.2vw}.core-nav-list-link-row{display:contents}@media (max-width:1100px){:root{--core-header-inner-padding-y:8px;--core-header-inner-padding-x-left:12px;--core-header-inner-padding-x-right:calc(var(--core-header-hamburger-padding-right) - var(--core-header-hamburger-svg-trim));--core-header-logo-height:28px}.core-nav-link-roll>span:last-child{display:none}}@media (min-width:1101px){.core-nav{position:static}.core-nav-list-primary,.okaydev-navbar-auth-root{--core-nav-primary-link-font-size:14px;--core-nav-primary-link-hover-font-size:15px;--core-nav-primary-link-roll-duration:.24s;--core-nav-primary-link-roll-stagger:.04s}.core-nav-link-roll{display:inline-grid;align-items:center;justify-items:center;overflow:hidden;vertical-align:bottom;font-size:var(--core-nav-primary-link-hover-font-size);line-height:1}.core-nav-link-roll>span{grid-area:1/1;transform-origin:center;will-change:transform}.core-nav-link-roll>span:first-child{font-size:calc(var(--core-nav-primary-link-font-size)/var(--core-nav-primary-link-hover-font-size)*1em)}.core-nav-link-roll>span:last-child{font-size:1em;transform:translateY(100%)}.core-nav-list-primary a.label-1,.okaydev-navbar-auth-root .sign-in a.label-1{display:inline-block;padding:8px 12px}.core-nav{--core-nav-current-user-gap:4px;--core-nav-avatar-menu-icon-box:24px;--core-nav-avatar-menu-svg-size:20px;--core-nav-avatar-adjacent-visual-gap:calc(var(--core-nav-current-user-gap) + (var(--core-nav-avatar-menu-icon-box) - var(--core-nav-avatar-menu-svg-size))/2 + var(--core-nav-avatar-menu-svg-size)*3.5/24)}.core-nav-list{position:static;justify-content:flex-end}.core-nav-list-primary{flex:0 1 auto;min-width:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);justify-content:center;width:max-content;margin:0;z-index:1}.core-nav-list-primary>li{margin-left:max(4px,1.2vw - 8px)}.okaydev-navbar-auth-root{position:relative;z-index:3}.okaydev-navbar-auth-root.is-navbar-auth-guest{margin-right:calc(var(--core-header-inner-padding-y) - var(--core-header-inner-padding-x-right))}.core-nav-list-pricing{position:relative}.core-nav-list-pricing .okaydev-nav-go-pro-mount{position:absolute;top:50%;left:calc(100% + 12px);transform:translateY(-50%)}}.core-nav a.btn-core-sign-up{border:0;background-color:transparent;color:inherit;-webkit-appearance:none;appearance:none;font-family:Aeonik Mono,FallbackFontMono,monospace,menlo,monaco,Lucida Console,courier;font-variant-numeric:lining-nums proportional-nums stacked-fractions slashed-zero;
65font-feature-settings:"dlig" on,"case" on,"ss05" on,"ss06" on,"ss07" on,"ss12" off;font-size:14px;line-height:1;text-transform:uppercase;flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:6px;height:42px;border-radius:22px;background-color:var(--text-current);overflow:hidden;padding:0 15px 0 20px;color:var(--bg-current);--btn-core-sign-up-bg:var(--text-current);--btn-core-sign-up-fg:var(--bg-current);--btn-core-sign-up-hover-bg:#6d42ed;--btn-core-sign-up-hover-fg:#fff;position:relative;isolation:isolate;margin:0 0 0 8px;color:var(--btn-core-sign-up-fg);background-color:var(--btn-core-sign-up-bg);will-change:transform}.core-nav a.btn-core-sign-up svg path{fill:var(--bg-current);will-change:transform}.core-nav a.btn-core-sign-up:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;background-color:var(--btn-core-sign-up-hover-bg);opacity:0;will-change:transform,opacity}.core-nav a.btn-core-sign-up svg path{fill:var(--btn-core-sign-up-fg);will-change:transform}.core-nav-list-primary .core-nav-list-add-project{display:none}.mobile-content-cover{display:none}@media (max-width:1100px){.core-nav{--core-nav-mobile-gutter-cap:12px;--core-nav-mobile-gutter-x:16px;--core-nav-mobile-gutter-y:14px;--core-nav-mobile-links-top:18px;--core-nav-mobile-links-row-gap:calc(var(--core-nav-mobile-gutter-y)*1.5);--core-nav-mobile-content-inline:calc(var(--core-nav-mobile-gutter-cap) + var(--core-nav-mobile-gutter-x));--core-nav-mobile-content-max-width:430px;--core-nav-mobile-panel-bg:#0c0c0c;--core-nav-mobile-account-bg:#121212;--core-nav-mobile-auth-section-gap:26px;--core-nav-mobile-user-menu-row-gap:15px;--core-nav-mobile-panel-height:calc(100dvh - var(--core-header-height,60px));justify-content:flex-start;align-items:center;gap:8px}.core-nav .okaydev-navbar-leading-root{order:1;display:flex;align-items:center;justify-content:flex-end;flex:1 1 auto;min-width:0;width:auto;position:relative;z-index:3}.core-nav .okaydev-navbar-leading-root>:is(.dynamic-block,.servd-dynamic-stale-preview){display:flex;align-items:center;justify-content:flex-end;flex:1 1 auto;min-width:0;width:100%}.core-nav a{padding-left:0;padding-right:0}.core-header .core-nav .mobile-content-cover{display:none;position:fixed;top:var(--core-header-height,60px);left:0;z-index:1998;width:100%;height:var(--core-nav-mobile-panel-height);background-color:transparent}.btn-mobile-nav{display:flex;order:2;flex-shrink:0;position:relative;z-index:3}.core-header .core-nav .core-nav-list{display:flex;flex-wrap:nowrap;align-content:flex-start;justify-content:flex-start;position:fixed;top:var(--core-header-height,60px);left:0;z-index:1999;width:100%;height:var(--core-nav-mobile-panel-height);max-height:var(--core-nav-mobile-panel-height);min-height:0;--text-current:#fff;--bg-current:var(--core-nav-mobile-panel-bg);color:var(--text-current);background-color:transparent;color-scheme:dark;overflow-x:clip;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;padding-top:var(--core-nav-mobile-links-top);visibility:hidden;opacity:0;transform:scale(.97);transform-origin:center top;isolation:isolate}.core-header .core-nav .core-nav-list a:not(.button):not(.btn-core-sign-up):not(.btn-core-login):not(.btn-core-add-project):not(.memberships-cta):not(.name):not(.username){color:var(--text-current)}.core-header>.core-nav-mobile-panel-bg{position:fixed;top:0;left:0;z-index:0;display:block;width:100%;height:100lvh;background:linear-gradient(180deg,color-mix(in srgb,#6d42ed 12%,#0c0c0c) 0,var(--core-nav-mobile-panel-bg,#0c0c0c) 18%,var(--core-nav-mobile-panel-bg,#0c0c0c) 100%);transform:scaleY(0);transform-origin:center top;opacity:0}.core-header .core-nav .core-nav-list ul.core-nav-list-primary{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:var(--core-nav-mobile-gutter-x);row-gap:var(--core-nav-mobile-links-row-gap);align-items:start;flex-shrink:0;width:100%;max-width:calc(var(--core-nav-mobile-content-max-width) + var(--core-nav-mobile-content-inline)*2);margin-left:auto;margin-right:auto;padding-left:var(--core-nav-mobile-content-inline);padding-right:var(--core-nav-mobile-content-inline)}.core-header .core-nav .core-nav-list ul.core-nav-list-primary>li{width:auto;min-width:0;margin-top:0;margin-left:0}.core-header .core-nav .core-nav-list ul.core-nav-list-primary>li.core-nav-list-social{grid-column:1;grid-row:1}.core-header .core-nav .core-nav-list ul.core-nav-list-primary>li.core-nav-list-projects{grid-column:2;grid-row:1}.core-header .core-nav .core-nav-list ul.core-nav-list-primary>li.core-nav-list-directory{grid-column:1;grid-row:2}.core-header .core-nav .core-nav-list ul.core-nav-list-primary>li.core-nav-list-articles{grid-column:2;grid-row:2}.core-header .core-nav .core-nav-list ul.core-nav-list-primary>li.core-nav-list-jobs{grid-column:1;grid-row:3}.core-header .core-nav .core-nav-list ul.core-nav-list-primary>li.core-nav-list-pricing{grid-column:2;grid-row:3}.core-header .core-nav .core-nav-list ul.core-nav-list-primary>li>
65.core-nav-list-link-row>a.label-1{font-family:Aeonik,FallbackFont,arial,helvetica,sans-serif;font-weight:900;font-style:normal;font-size:clamp(36px,3.5vw,63px);font-feature-settings:"dlig" on,"ss11" on,"ss09" on,"ss08" on,"ss05" on,"ss07" on,"ss06" on,"ss03" on,"case" on;line-height:.98;letter-spacing:-.48px;font-size:24px;height:auto;text-transform:none}.core-header .core-nav .core-nav-list ul.core-nav-list-primary .core-nav-list-link-row{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:var(--core-nav-mobile-gutter-x);width:100%}.core-header .core-nav .core-nav-list ul.core-nav-list-primary .core-nav-list-pricing .core-nav-list-link-row{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:calc(var(--core-nav-mobile-gutter-x)*.75);width:100%}.core-header .core-nav .core-nav-list ul.core-nav-list-primary .core-nav-list-pricing .okaydev-nav-go-pro-mount{position:static;top:auto;left:auto;transform:none;flex-shrink:0}.core-header .core-nav .core-nav-list ul.core-nav-list-primary .core-nav-list-add-project{display:none}.sign-up{order:2}.core-nav a.btn-core-sign-up{margin-left:0}.sign-in{order:3;display:flex;align-items:center;height:42px;margin-left:var(--core-nav-mobile-gutter-x)}.okaydev-navbar-auth-root{position:relative;z-index:1;isolation:isolate;padding-left:var(--core-nav-mobile-content-inline);padding-right:var(--core-nav-mobile-content-inline)}.okaydev-navbar-auth-root.is-navbar-auth-guest{margin-top:40px}.core-nav-mobile-account-bg,.core-nav-mobile-account-divider{position:absolute;display:block}.core-nav-mobile-account-bg{z-index:0;top:0;right:0;bottom:0;left:0;background-color:var(--core-nav-mobile-account-bg);opacity:0}
65.core-nav-mobile-account-divider{z-index:1;top:0;left:0;width:100%;height:1px;background-color:#222;opacity:0;transform:scaleX(0);transform-origin:center center}.okaydev-navbar-auth-root>:not(.core-nav-mobile-account-bg):not(.core-nav-mobile-account-divider){position:relative;z-index:2}.okaydev-navbar-auth-root.is-navbar-auth-guest{display:flex;flex-wrap:nowrap;column-gap:var(--core-nav-mobile-gutter-x);align-items:center;justify-content:flex-start;align-self:stretch;width:100%;max-width:calc(var(--core-nav-mobile-content-max-width) + var(--core-nav-mobile-content-inline)*2);margin-left:auto;margin-right:auto}.okaydev-navbar-auth-root.is-navbar-auth-guest .core-nav-mobile-account-bg{background-color:transparent}.okaydev-navbar-auth-root.is-navbar-auth-guest .core-nav-mobile-account-divider{display:none}.okaydev-navbar-auth-root.is-navbar-auth-guest .sign-up{order:1;display:flex;justify-content:flex-start;flex:0 0 calc((100% - var(--core-nav-mobile-gutter-x))/2)}.okaydev-navbar-auth-root.is-navbar-auth-guest .sign-up .btn-core-sign-up{width:max-content;min-width:0;padding-left:16px;padding-right:12px}.okaydev-navbar-auth-root.is-navbar-auth-guest .sign-in{order:2;flex:0 0 calc((100% - var(--core-nav-mobile-gutter-x))/2);margin-left:0}body[data-header-theme=purple] .core-header .btn-mobile-nav{color:#fff;background-color:transparent!important}body[data-header-theme=purple] .core-header .mobile-nav-toggle-line{background-color:#fff}}@media (max-width:1100px) and (min-width:768px){.core-nav-list-primary>li{margin-left:0}}.okaydev-nav-go-pro-mount{display:inline-flex;align-items:baseline;min-width:0}.navbar-pricing-go-pro-ph{display:none}.okaydev-navbar-leading-root{display:flex;align-items:center;min-width:0}@media (min-width:1101px){.core-nav a.btn-core-sign-up{height:var(--btn-core-add-project-size,36px);padding-left:16px;padding-right:12px;border-radius:9999px}.okaydev-navbar-leading-root{display:none}}.okaydev-navbar-auth-root{display:flex;align-items:center;min-width:0;width:100%}@media (max-width:1100px){.okaydev-navbar-auth-root.is-navbar-auth-guest{display:flex;flex-wrap:nowrap;column-gap:var(--core-nav-mobile-gutter-x);align-items:center;justify-content:flex-start;align-self:stretch;width:100%}.okaydev-navbar-auth-root.is-navbar-auth-guest .sign-up{order:1;display:flex;justify-content:flex-start;flex:0 0 calc((100% - var(--core-nav-mobile-gutter-x))/2)}.okaydev-navbar-auth-root.is-navbar-auth-guest .sign-up .btn-core-sign-up{width:max-content;min-width:0;padding-left:16px;padding-right:12px}.okaydev-navbar-auth-root.is-navbar-auth-guest .sign-in{order:2;flex:0 0 calc((100% - var(--core-nav-mobile-gutter-x))/2);margin-left:0}}@media (min-width:1101px){.okaydev-navbar-auth-root{flex:0 0 auto;width:auto}}.core-nav-guest-extra{display:none}@media (max-width:1100px){.core-header .core-nav .okaydev-navbar-auth-root.is-navbar-auth-guest{display:grid;grid-template-columns:max-content minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:12px;flex:1 0 auto;align-items:start;padding-bottom:24px}.core-header .core-nav .okaydev-navbar-auth-root.is-navbar-auth-guest .sign-up{order:1}.core-header .core-nav .okaydev-navbar-auth-root.is-navbar-auth-guest .sign-in{order:2}.core-header .core-nav .okaydev-navbar-auth-root.is-navbar-auth-guest .sign-up>a.btn-core-sign-up{--btn-core-sign-up-bg:#42ed91;--btn-core-sign-up-fg:#0c0c0c}.core-header .core-nav .okaydev-navbar-auth-root.is-navbar-auth-guest .sign-in>a.btn-core-login{margin:0;border:0;background-color:transparent;color:inherit;-webkit-appearance:none;appearance:none;font-family:Aeonik Mono,FallbackFontMono,monospace,menlo,monaco,Lucida Console,courier;font-variant-numeric:lining-nums proportional-nums stacked-fractions slashed-zero;font-feature-settings:"dlig" on,"case" on,"ss05" on,"ss06" on,"ss07" on,"ss12" off;font-size:14px;line-height:1;text-transform:uppercase;flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:6px;height:42px;border-radius:22px;padding:0 25px;color:var(--bg-current);background-color:var(--text-current);overflow:hidden;width:max-content;padding-inline:16px;color:#0c0c0c;background-color:#fff;will-change:transform}.core-nav .core-nav-guest-extra{display:flex;flex-direction:column;grid-column:1/-1;align-self:stretch;position:relative;order:3;flex:0 0 100%;margin-top:28px;padding-top:24px;border-top:1px solid rgba(255,255,255,.15)}.core-nav .core-nav-guest-extra ul{position:static;display:flex;flex-wrap:wrap;width:100%;margin:0;padding:0;gap:16px 24px;list-style:none}.core-nav .core-nav-guest-extra .core-nav-guest-secondary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--core-nav-mobile-gutter-x);text-transform:none}.core-nav .core-nav-guest-extra .core-nav-guest-social-nav{margin-top:auto;padding-top:24px}.core-nav .core-nav-guest-extra .core-nav-guest-social-eyebrow{margin:0 0 14px;color:rgba(255,255,255,.6);letter-spacing:.08em}.core-nav .core-nav-guest-extra .core-nav-guest-social a{display:flex;align-items:center;min-height:32px}
65.core-nav .core-nav-guest-extra .core-nav-guest-social svg{display:block;width:22px;height:22px}.core-nav .core-nav-guest-extra .core-nav-guest-social .bento-social-mark--instagram{transform:scale(1.25)}}@media (min-width:640px) and (max-width:1100px) and (orientation:landscape){.core-header .core-nav .core-nav-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:auto auto;gap:24px;align-items:start;padding-block:24px;padding-left:max(var(--gutter-cap),(100% - var(--page-content-max-width))/2,env(safe-area-inset-left));padding-right:max(var(--gutter-cap),(100% - var(--page-content-max-width))/2,env(safe-area-inset-right))}.core-header .core-nav .core-nav-list ul.core-nav-list-primary{grid-column:1/3;grid-row:1;max-width:none;margin:0;padding:0;column-gap:24px}.core-header .core-nav .core-nav-list .okaydev-navbar-auth-root.is-navbar-auth-guest{grid-column:1/-1;grid-row:1/3;grid-template-columns:subgrid;grid-template-rows:subgrid;gap:24px;max-width:none;margin:0;padding:0}.core-header .core-nav .core-nav-list .okaydev-navbar-auth-root.is-navbar-auth-guest .sign-up{grid-column:1;grid-row:2}.core-header .core-nav .core-nav-list .okaydev-navbar-auth-root.is-navbar-auth-guest .sign-in{grid-column:2;grid-row:2}.core-header .core-nav .core-nav-list .okaydev-navbar-auth-root.is-navbar-auth-guest .sign-in,.core-header .core-nav .core-nav-list .okaydev-navbar-auth-root.is-navbar-auth-guest .sign-up{align-self:end}.core-header .core-nav .core-nav-list .okaydev-navbar-auth-root.is-navbar-auth-guest .core-nav-guest-extra{grid-column:3/5;grid-row:1/3;min-width:0;margin-top:0;padding-top:0;padding-left:24px;border-top:0;border-left:1px solid rgba(255,255,255,.15)}.core-header .core-nav .core-nav-list:has(>.is-navbar-auth-guest){grid-template-rows:repeat(3,auto) auto}.core-header .core-nav .core-nav-list:has(>.is-navbar-auth-guest) ul.core-nav-list-primary{grid-row:1/4;grid-template-rows:subgrid;row-gap:normal;align-items:baseline}.core-header .core-nav .core-nav-list:has(>.is-navbar-auth-guest) ul.core-nav-list-primary .core-nav-list-link-row{align-items:baseline}.core-header .core-nav .core-nav-list:has(>.is-navbar-auth-guest) .okaydev-navbar-auth-root.is-navbar-auth-guest{grid-row:1/5}.core-header .core-nav .core-nav-list:has(>.is-navbar-auth-guest) .okaydev-navbar-auth-root.is-navbar-auth-guest .sign-in,.core-header .core-nav .core-nav-list:has(>.is-navbar-auth-guest) .okaydev-navbar-auth-root.is-navbar-auth-guest .sign-up{grid-row:4}.core-header .core-nav .core-nav-list:has(>.is-navbar-auth-guest) .okaydev-navbar-auth-root.is-navbar-auth-guest .core-nav-guest-extra{display:grid;grid-row:1/5;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:subgrid}.core-header .core-nav .core-nav-list:has(>.is-navbar-auth-guest) .okaydev-navbar-auth-root.is-navbar-auth-guest .core-nav-guest-extra .core-nav-guest-secondary,.core-header .core-nav .core-nav-list:has(>.is-navbar-auth-guest) .okaydev-navbar-auth-root.is-navbar-auth-guest .core-nav-guest-extra>nav:first-child{display:grid;grid-column:1/-1;grid-row:1/4;grid-template-columns:subgrid;grid-template-rows:subgrid;row-gap:normal;align-items:baseline}.core-header .core-nav .core-nav-list:has(>.is-navbar-auth-guest) .okaydev-navbar-auth-root.is-navbar-auth-guest .core-nav-guest-extra .core-nav-guest-social-nav{grid-column:1/-1;grid-row:4;align-self:end;margin-top:0;padding-top:0}.core-header .core-nav .core-nav-list:has(>.is-navbar-auth-guest) .okaydev-navbar-auth-root.is-navbar-auth-guest .core-nav-guest-extra .core-nav-guest-social a{align-items:center;min-height:42px}}.app-toolbar{--app-toolbar-inset-left:max(12px,var(--app-safe-left,0px));--app-toolbar-inset-right:max(12px,var(--app-safe-right,0px));--app-toolbar-surface:rgb(28 28 30/72%);--app-toolbar-knockout:#1c1c1e;--app-toolbar-hairline:rgb(255 255 255/10%);--app-toolbar-fg:rgb(255 255 255/60%);--app-toolbar-fg-active:#fff;--app-toolbar-highlight:rgb(255 255 255/11%);--app-toolbar-shadow:0 12px 32px rgb(0 0 0/45%),0 2px 8px rgb(0 0 0/30%);--app-toolbar-dot:#af;--app-toolbar-dot-glow:0 0 5px 1px rgb(140 105 255/90%),0 0 14px 4px rgb(109 66 237/65%)}.app-toolbar{position:fixed;right:0;bottom:var(--app-toolbar-bottom,12px);left:0;z-index:2000;width:calc(100% - var(--app-toolbar-inset-left) - var(--app-toolbar-inset-right));max-width:440px;margin:0 auto;will-change:transform,opacity}.app-toolbar-list{display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;align-items:center;height:var(--app-toolbar-height,60px);margin:0;padding:0 4px;list-style:none;border-radius:9999px;background:var(--app-toolbar-surface);box-shadow:var(--app-toolbar-shadow),inset 0 0 0 1px var(--app-toolbar-hairline);-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%)}.app-toolbar-item{display:flex;justify-content:center;min-width:0;margin:0}.app-toolbar-tab{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:calc(var(--app-toolbar-height,60px) - 8px);margin:0;padding:0;border:0;border-radius:9999px;background:0 0;font:inherit;text-decoration:none;-webkit-appearance:none;appearance:none;touch-action:manipulation}.app-toolbar-tab{flex-direction:column;gap:3px;padding-top:6px;color:var(--app-toolbar-fg);will-change:transform}.app-toolbar-tab:before{content:"";position:absolute;top:1px;left:50%;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;background:var(--app-toolbar-dot);box-shadow:var(--app-toolbar-dot-glow);opacity:0;transform:translate3d(0,3px,0) scale(.2);will-change:transform,opacity}.app-toolbar-icon{position:relative;display:grid;place-items:center;width:26px;height:26px}.app-toolbar-glyph{display:block;width:24px;height:24px;overflow:visible}.app-toolbar-glyph circle,.app-toolbar-glyph path{will-change:transform}.app-toolbar-glyph--social .app-toolbar-glyph-disc{fill:transparent;stroke:var(--app-toolbar-fg)}
65.app-toolbar-glyph--social .app-toolbar-glyph-mark{fill:var(--app-toolbar-fg)}.app-toolbar-label{position:relative;max-width:100%;margin-block:-.2em;padding-block:.2em;overflow:hidden;font-family:Aeonik,FallbackFont,arial,helvetica,sans-serif;font-size:10.5px;font-weight:500;line-height:1;letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis}.app-toolbar{--app-sheet-surface:rgb(28 28 30/94%);--app-sheet-card:#2c2c2e;--app-sheet-outline:rgb(255 255 255/22%)}.app-logo{--app-logo-shade:#fff;--app-logo-fill:#0c0c0c;position:relative;z-index:2;justify-content:center;height:100%;padding:var(--app-logo-top) var(--app-logo-gutter) var(--app-logo-gutter)}.app-logo-link{display:block;border-radius:4px;touch-action:manipulation;will-change:transform}.app-logo-mark{display:block;height:var(--app-logo-height);width:auto;aspect-ratio:1483/276}.app-logo-fill,.app-logo-shade{will-change:transform}.app-logo-shade{fill:var(--app-logo-shade)}.app-logo-fill{fill:var(--app-logo-fill)}.app-status-tint{display:none;position:fixed;top:0;right:0;left:0;z-index:3;height:var(--app-status-tint-height,12px);background-color:var(--bg-current)}:is([data-handle=login],[data-handle=forgotPassword],[data-handle=signUp],[data-handle=businessSignUp],[data-handle=editProfile],[data-handle=managePortfolio],[data-handle=manageTeam],[data-handle=membership],[data-handle=thankYou],[data-handle=accountSettings],[data-handle=accountNotifications],[data-handle=accountSettingsBusiness],[data-handle=notifications],[data-handle=about],[data-handle=faqs],[data-handle=contact],[data-handle=communityGuidelines],[data-handle=legal]){position:relative;background:0 0}:is([data-handle=login],[data-handle=forgotPassword],[data-handle=signUp],[data-handle=businessSignUp],[data-handle=editProfile],[data-handle=managePortfolio],[data-handle=manageTeam],[data-handle=membership],[data-handle=thankYou],[data-handle=accountSettings],[data-handle=accountNotifications],[data-handle=accountSettingsBusiness],[data-handle=notifications],[data-handle=about],[data-handle=faqs],[data-handle=contact],[data-handle=communityGuidelines],[data-handle=legal])>.page-container{position:relative;z-index:1}:is([data-handle=login],[data-handle=forgotPassword],[data-handle=signUp],[data-handle=businessSignUp],[data-handle=editProfile],[data-handle=managePortfolio],[data-handle=manageTeam],[data-handle=membership],[data-handle=thankYou],[data-handle=accountSettings],[data-handle=accountNotifications],[data-handle=accountSettingsBusiness],[data-handle=notifications],[data-handle=about],[data-handle=faqs],[data-handle=contact],[data-handle=communityGuidelines],[data-handle=legal]) .settings-content,:is([data-handle=login],[data-handle=forgotPassword],[data-handle=signUp],[data-handle=businessSignUp],[data-handle=editProfile],[data-handle=managePortfolio],[data-handle=manageTeam],[data-handle=membership],[data-handle=thankYou],[data-handle=accountSettings],[data-handle=accountNotifications],[data-handle=accountSettingsBusiness],[data-handle=notifications],[data-handle=about],[data-handle=faqs],[data-handle=contact],[data-handle=communityGuidelines],[data-handle=legal]) .settings-title{position:relative;z-index:2}:is([data-handle=editProfile],[data-handle=managePortfolio],[data-handle=manageTeam],[data-handle=membership],[data-handle=thankYou],[data-handle=accountSettings],[data-handle=accountNotifications],[data-handle=accountSettingsBusiness],[data-handle=notifications],[data-handle=about],[data-handle=faqs],[data-handle=contact],[data-handle=communityGuidelines],[data-handle=legal]){min-height:calc(100svh - var(--core-header-height))}:is([data-handle=editProfile],[data-handle=managePortfolio],[data-handle=manageTeam],[data-handle=membership],[data-handle=thankYou],[data-handle=accountSettings],[data-handle=accountNotifications],[data-handle=accountSettingsBusiness],[data-handle=notifications],[data-handle=about],[data-handle=faqs],[data-handle=contact],[data-handle=communityGuidelines],[data-handle=legal]) .auth-shell-bg{background-color:#0c0c0c}.auth-shell-bg{position:absolute;top:calc(-1*var(--core-header-height));right:0;bottom:-100vmax;left:0;z-index:0;overflow:hidden;background-color:var(--bg-current)}:is([data-handle=editProfile],[data-handle=managePortfolio],[data-handle=manageTeam],[data-handle=membership],[data-handle=thankYou],[data-handle=accountSettings],[data-handle=accountNotifications],[data-handle=accountSettingsBusiness],[data-handle=notifications],[data-handle=about],[data-handle=faqs],[data-handle=contact],[data-handle=communityGuidelines],[data-handle=legal]) .auth-shell-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:linear-gradient(to right,transparent 0,color-mix(in srgb,#0c0c0c 28%,transparent) 4%,color-mix(in srgb,#0c0c0c 58%,transparent) 8%,color-mix(in srgb,#0c0c0c 62%,transparent) 12%,color-mix(in srgb,#0c0c0c 62%,transparent) 88%,color-mix(in srgb,#0c0c0c 58%,transparent) 92%,color-mix(in srgb,#0c0c0c 28%,transparent) 96%,transparent 100%)}
65.auth-shell-bg-shadow{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;mix-blend-mode:soft-light;opacity:.75}.auth-shell-bg-shadow img{width:100%;height:100%;object-fit:cover}.auth-shell-grid-lines{--grid-minor:40px;--grid-major:calc(var(--grid-minor)*5);position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' fill='none'%3E%3Cpath stroke='rgba(255,255,255,0.07)' stroke-width='1' stroke-dasharray='5 5' d='M20 0v200M60 0v200M140 0v200M180 0v200M0 20h200M0 60h200M0 140h200M0 180h200'/%3E%3C/svg%3E");background-size:var(--grid-major) var(--grid-major);background-position:center;background-repeat:repeat}.auth-shell-grid-lines:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(to right,transparent 0 calc(var(--grid-major)/2 - .5px),rgba(255,255,255,.1) calc(var(--grid-major)/2 - .5px) calc(var(--grid-major)/2 + .5px),transparent calc(var(--grid-major)/2 + .5px) var(--grid-major)),repeating-linear-gradient(to bottom,transparent 0 calc(var(--grid-major)/2 - .5px),rgba(255,255,255,.1) calc(var(--grid-major)/2 - .5px) calc(var(--grid-major)/2 + .5px),transparent calc(var(--grid-major)/2 + .5px) var(--grid-major));background-size:var(--grid-major) 100%,100% var(--grid-major);background-position:center;background-repeat:repeat}.okay-dialog{--dialog-field-bg:color-mix(in srgb,var(--bg-current) 96%,var(--text-current));display:flex;align-items:center;justify-content:center;position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;border:none;background:0 0;outline:0;overflow:visible}@media (max-width:767px){:root{--column-count:6;--gutter-cap:12px;--gutter-x:16px;--gutter-y:14px}:root{--core-header-outer-padding:var(--gutter-cap)}.okay-dialog{padding:8px}}.dialog-content{display:flex;flex-direction:column;align-items:stretch;width:100%;max-width:555px;max-height:calc(100vh - var(--gutter-y)*2);border-radius:12px;margin:0;padding:0;font-size:16px;color:var(--text-current);background-color:var(--bg-current);box-shadow:0 25px 35px 5px rgba(0,0,0,.15);overflow-x:hidden;overflow-y:hidden;overscroll-behavior:contain}.dialog-content a{position:relative;z-index:1}.dialog-content p{color:var(--text-current)}.dialog-content p{font-family:Aeonik,FallbackFont,arial,helvetica,sans-serif;font-variant-numeric:lining-nums proportional-nums slashed-zero;font-feature-settings:"ss08" on,"ss02" on,"ss07" on;font-size:14px;line-height:1.5;letter-spacing:.21px;font-size:16px}.dialog-content a{text-decoration:underline;color:var(--text-current);opacity:.75;will-change:transform,opacity}.dialog-content a:after{background-color:var(--text-current)}body.is-dark .okay-dialog:not([data-theme=light]){--dialog-field-bg:color-mix(in srgb,var(--bg-current) 88%,var(--text-current))}body.is-dark .dialog-content{box-shadow:0 25px 35px 5px rgba(0,0,0,.45)}.dialog-heading{font-family:Aeonik Mono,FallbackFontMono,monospace,menlo,monaco,Lucida Console,courier;font-variant-numeric:lining-nums proportional-nums stacked-fractions slashed-zero;font-feature-settings:"dlig" on,"case" on,"ss05" on,"ss06" on,"ss07" on,"ss12" off;font-size:14px;line-height:1;text-transform:uppercase;display:flex;align-items:center;justify-content:space-between;width:100%;font-weight:500}.dialog-heading-content{display:inline-flex;align-items:center;gap:calc(var(--gutter-x)*.5);min-width:0}.dialog-heading-text{min-width:0}.dialog-footer,.dialog-header{width:100%;flex:0 0 auto;padding:14px 14px 14px 24px}.dialog-header{background-color:color-mix(in srgb,var(--text-current) 3%,#fff)}body.is-dark .dialog-header{background-color:color-mix(in srgb,var(--bg-current) 94%,#fff)}.dialog-header{border-bottom:1px solid color-mix(in srgb,var(--text-current) 8%,transparent)}@media (max-width:767px){.dialog-content{max-height:calc(100vh - 66px - var(--gutter-y)*8)}.dialog-header{padding:6px 6px 6px 12px}}.dialog-inner{width:100%;flex:1 1 auto;min-height:0;max-height:677px;overflow-y:auto;overscroll-behavior:contain;padding:18px 20px 18px 24px;scrollbar-gutter:stable}.dialog-footer{margin-top:auto;background-color:color-mix(in srgb,var(--text-current) 3%,#fff);border-top:1px solid color-mix(in srgb,var(--text-current) 8%,transparent);color:gray}body.is-dark .dialog-footer{background-color:color-mix(in srgb,var(--bg-current) 94%,#fff);border-top-color:color-mix(in srgb,#fff 12%,transparent)}.okay-dialog .dialog-content .dialog-footer :is(.button,button,input[type=submit],input[type=button]){font-size:13px}.okay-dialog .dialog-content .button:not(.btn-text){border:1px solid color-mix(in srgb,var(--text-current) 14%,transparent)}.okay-dialog{--dialog-chrome-bg:color-mix(in srgb,var(--text-current) 3%,#fff);--dialog-chrome-line:color-mix(in srgb,var(--text-current) 8%,transparent)}.okay-dialog .dialog-content{--panel-scroll-fade-bg:var(--bg-current);position:relative}.okay-dialog .dialog-content>.dialog-header{min-height:44px;padding:6px 6px 6px 14px;border-bottom-color:var(--dialog-chrome-line);background-color:var(--dialog-chrome-bg)}.okay-dialog .dialog-content>.dialog-footer{padding:10px 12px;border-top-color:var(--dialog-chrome-line);background-color:var(--dialog-chrome-bg)}.okay-dialog .dialog-footer .button{min-height:32px}.okay-dialog .dialog-heading{min-height:32px;font-size:12px;line-height:1}.okay-dialog .btn-close-dialog{flex:0 0 32px}.okay-dialog .dialog-content .button{font-size:12px}body.is-dark .okay-dialog:not([data-theme=light]){--dialog-chrome-bg:color-mix(in srgb,var(--bg-current) 94%,#fff);--dialog-chrome-line:color-mix(in srgb,#fff 14%,transparent)}.okay-dialog[data-dialog=social-guest-gate] .ui-claim-project-actions{display:flex;justify-content:flex-end;
65gap:10px;width:100%;margin-top:0}.okay-dialog[data-dialog=social-guest-gate] .ui-claim-project-action{display:inline-flex;align-items:center;justify-content:center;min-width:0;border:none!important;border-radius:8px;height:auto;padding:8px 12px;font:inherit;font-size:12px;line-height:1;text-decoration:none;text-transform:uppercase;opacity:1;box-shadow:none;will-change:transform,opacity}.okay-dialog[data-dialog=social-guest-gate] .ui-claim-project-action:before{content:none}.okay-dialog[data-dialog=social-guest-gate] .ui-claim-project-action.is-secondary{background-color:color-mix(in srgb,var(--text-current) 15%,transparent);color:var(--text-current)}.okay-dialog[data-dialog=social-guest-gate] .ui-claim-project-action.is-primary{background-color:#42ed91;color:#0c0c0c}body.is-dark .okay-dialog[data-dialog=social-guest-gate] .ui-claim-project-action.is-secondary{background-color:#fff;color:#0c0c0c}.okay-dialog[data-dialog=social-guest-gate] .ui-social-guest-gate{text-wrap:pretty}.okay-dialog[data-dialog=social-guest-gate] .ui-social-guest-gate-image{display:block;width:100%;height:auto;aspect-ratio:1200/630;margin-bottom:18px;background-color:color-mix(in srgb,var(--text-current) 6%,transparent)}.okay-dialog[data-dialog=social-guest-gate] .ui-social-guest-gate-image[hidden]{display:none}@media (max-width:767px){.dialog-inner{padding:16px}.dialog-footer{padding:6px}.okay-dialog[data-dialog=social-guest-gate] .ui-social-guest-gate-image{margin-bottom:16px}}.btn-close-dialog{display:grid;place-content:center;position:relative;width:32px;height:32px;border:none;border-radius:8px;margin:0;padding:0;background-color:color-mix(in srgb,var(--text-current) 10%,transparent);color:var(--text-current)}.btn-close-dialog svg path{fill:currentColor}.okay-dialog .dialog-footer .button{-webkit-appearance:none;appearance:none;border:1px solid color-mix(in srgb,var(--text-current) 14%,transparent);border-radius:8px;height:auto;padding:8px 12px;font:inherit;font-size:12px;line-height:1;text-decoration:none;text-transform:uppercase;box-shadow:none;will-change:transform}body.is-dark .btn-close-dialog{background-color:color-mix(in srgb,#0c0c0c 72%,#fff);border-color:color-mix(in srgb,#fff 14%,transparent);color:#fff}@media (max-width:767px){.media-library-row>.media-library-cell:first-child{grid-area:check;align-self:stretch;display:flex;align-items:center;justify-content:center;margin-top:-8px;margin-right:-8px;margin-bottom:-8px;padding:12px;border-left:1px solid color-mix(in srgb,var(--text-current) 12%,transparent)}.media-library-row>.media-library-cell:nth-child(2){grid-area:preview;align-self:start}.media-library-row>.media-library-cell:nth-child(3){grid-area:name}.media-library-row>.media-library-cell:nth-child(4){grid-area:details}.media-library-row>.media-library-cell:nth-child(6){grid-area:used}}.okay-dialog[data-size=sm] .dialog-content{max-width:420px}.okay-dialog{visibility:visible;will-change:transform}.okay-dialog .dialog-content{opacity:0;visibility:hidden;filter:blur(2px);transform:scale(.98) translateY(20px);transform-origin:center center;visibility:visible;will-change:transform,opacity}@media (prefers-reduced-motion:reduce){.okay-dialog{animation-duration:NaNs!important;filter:none!important;transform:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.okay-dialog .dialog-content{animation-duration:NaNs!important;filter:none!important;transform:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}body.is-dark .okay-dialog:not([data-theme=light]){--editor-canvas:#f3f3f6;--editor-surface:#fff;--editor-field:#fff;--editor-ink:#262626;--editor-muted:#626262;--editor-line:#dedede;--editor-control:#fafafa;--editor-hover:#ededed;--editor-focus:#737373;--editor-control-line:#d4d4d4;--editor-line-hover:#a3a3a3;--editor-quiet:#f2f2f2;--editor-pressed:#e5e5e5;--editor-subtle-line:#c7c7c7;--editor-placeholder:#757575;--editor-disabled-ink:#858585;--editor-primary:#262626;--editor-primary-ink:#fff;--editor-primary-hover:#404040;--editor-table:#e7e7e9;--editor-table-ink:#333;--editor-row-hover:#f7f7f7;--editor-danger:#b42318;--editor-danger-line:#e0bcbc;--editor-danger-hover:#fcebea;--editor-drop-active:#e8f9ef;--editor-focus-shadow:rgb(64 64 64/12%);--editor-scheme:light;--editor-radius:10px;--editor-shadow:0 24px 64px rgb(24 24 24/20%),0 4px 16px rgb(24 24 24/10%);--text-current:var(--editor-ink);--bg-current:var(--editor-surface);--dialog-field-bg:var(--editor-field);--dialog-chrome-bg:var(--editor-surface);--dialog-chrome-line:var(--editor-line);color-scheme:var(--editor-scheme)}body.is-dark .okay-dialog:not([data-theme=light]) .dialog-content{--panel-scroll-fade-bg:var(--editor-canvas);border:1px solid var(--editor-line);border-radius:var(--editor-radius);color:var(--editor-ink);background:var(--editor-canvas);box-shadow:var(--editor-shadow)}body.is-dark .okay-dialog:not([data-theme=light]) .dialog-content>.dialog-header{min-height:56px;padding:9px 10px 9px 16px;background:var(--editor-surface)}body.is-dark .okay-dialog:not([data-theme=light]) .dialog-heading{min-height:36px;font-family:Aeonik,sans-serif;font-size:16px;font-weight:500;letter-spacing:0;line-height:1.25;text-transform:none}body.is-dark .okay-dialog:not([data-theme=light]) .dialog-heading-content{gap:8px}body.is-dark .okay-dialog:not([data-theme=light]) .dialog-content .btn-close-dialog{display:grid;flex:0 0 36px;place-items:center;width:36px;height:36px;border:1px solid var(--editor-control-line);border-radius:8px;padding:8px;color:var(--editor-muted);background:var(--editor-quiet);box-shadow:none}body.is-dark .okay-dialog:not([data-theme=light]) .dialog-content .btn-close-dialog svg{width:18px;height:18px}body.is-dark .okay-dialog:not([data-theme=light]) .dialog-content>.dialog-footer{border-color:var(--editor-line);padding:12px;color:var(--editor-muted);background:var(--editor-surface)}body.is-dark .okay-dialog:not([data-theme=light]) .dialog-content .button:not(.btn-text){min-height:36px;border:1px solid var(--editor-control-line);border-radius:8px;padding:8px 12px;color:var(--editor-ink);background:var(--editor-control);box-shadow:none;font-family:Aeonik,sans-serif;font-size:12px;font-weight:500;letter-spacing:0;line-height:1.2;text-transform:none}body.is-dark .okay-dialog:not([data-theme=light]) .dialog-content .dialog-footer :is(.button,button,input[type=submit],input[type=button]){font-size:13px}body.is-dark .okay-dialog:not([data-theme=light]) .dialog-content .dialog-footer .is-primary{border-color:var(--editor-primary);color:var(--editor-primary-ink);background:var(--editor-primary)}body.is-dark .okay-dialog:not([data-theme=light]){--editor-canvas:#19191b;--editor-surface:#252527;--editor-field:#1e1e21;--editor-ink:#ededee;--editor-muted:#b0b0b6;--editor-line:#3f3f43;--editor-control:#2c2c2f;--editor-hover:#38383c;--editor-focus:#a4a4ad;--editor-control-line:#49494e;--editor-line-hover:#72727a;--editor-quiet:#303034;--editor-pressed:#414146;--editor-subtle-line:#55555c;--editor-placeholder:#93939b;--editor-disabled-ink:#797982;--editor-primary:#ededee;--editor-primary-ink:#19191b;--editor-primary-hover:#d1d1d6;--editor-table:#353539;--editor-table-ink:#dddde1;--editor-row-hover:#2c2c2f;--editor-danger:#ff9991;--editor-danger-line:#78433f;--editor-danger-hover:#442b2b;--editor-drop-active:#233d2e;--editor-focus-shadow:rgb(190 190 200/16%);--editor-scheme:dark;--editor-radius:10px;--editor-shadow:0 24px 64px rgb(0 0 0/48%),0 4px 16px rgb(0 0 0/32%)}.social-image-viewer-dialog{display:flex;align-items:stretch;justify-content:stretch;position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:none;background:0 0;outline:0;overflow:hidden;opacity:0;visibility:visible;will-change:transform,opacity}.social-image-viewer-dialog__panel{position:relative;display:flex;flex-direction:column;width:100%;height:100%;background-color:#0c0c0c}.social-image-viewer-dialog__close.btn-close-dialog{position:absolute;top:calc(max(12px,env(safe-area-inset-top)) - 6px);right:calc(max(12px,env(safe-area-inset-right)) - 6px);z-index:3;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:0;color:#fff;background-color:transparent;opacity:.92;box-shadow:none;will-change:transform,opacity}
65.social-image-viewer-dialog__close.btn-close-dialog svg path{fill:currentColor}body.is-dark .social-image-viewer-dialog__close.btn-close-dialog{background-color:transparent;border-color:transparent;color:#fff}.social-image-viewer-dialog__thumbs{position:absolute;top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));z-index:2;display:flex;flex-wrap:wrap;gap:6px;max-width:calc(100% - 72px)}.social-image-viewer-dialog__viewport{position:relative;flex:1 1 auto;min-height:0;width:100%}.social-image-viewer-dialog__track{display:flex;height:100%;min-height:100%}.social-image-viewer-dialog__footer{position:absolute;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-end;gap:2px;padding:6px max(12px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));color:#fff;background:linear-gradient(to top,#0c0c0c,rgba(12,12,12,0))}.social-image-viewer-dialog__pagination{display:flex;align-items:baseline;gap:.1em;margin:0;color:#666;font-family:Aeonik Mono,FallbackFontMono,monospace,menlo,monaco,Lucida Console,courier;font-variant-numeric:lining-nums proportional-nums stacked-fractions slashed-zero;font-feature-settings:"dlig" on,"case" on,"ss05" on,"ss06" on,"ss07" on,"ss12" off;font-size:12px;line-height:1;text-transform:uppercase}.social-image-viewer-dialog__pagination-sep{color:#525252}.social-image-viewer-dialog__pagination[hidden]{display:none}.social-image-viewer-dialog__title{width:100%;margin:0;font-family:Aeonik,FallbackFont,arial,helvetica,sans-serif;font-variant-numeric:lining-nums proportional-nums slashed-zero;font-feature-settings:"ss08" on,"ss02" on,"ss07" on;font-size:14px;line-height:1.5;letter-spacing:.21px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal}</style> 
65<script type="module">!function(){const e=document.createElement("link").relList;if(!(e&&e.supports&&e.supports("modulepreload"))){for(const e of document.querySelectorAll('link[rel="modulepreload"]'))r(e);new MutationObserver((e=>{for(const o of e)if("childList"===o.type)for(const e of o.addedNodes)if("LINK"===e.tagName&&"modulepreload"===e.rel)r(e);else if(e.querySelectorAll)for(const o of e.querySelectorAll("link[rel=modulepreload]"))r(o)})).observe(document,{childList:!0,subtree:!0})}function r(e){if(e.ep)return;e.ep=!0;const r=function(e){const r={};return e.integrity&&(r.integrity=e.integrity),e.referrerpolicy&&(r.referrerPolicy=e.referrerpolicy),"use-credentials"===e.crossorigin?r.credentials="include":"anonymous"===e.crossorigin?r.credentials="omit":r.credentials="same-origin",r}(e);fetch(e.href,r)}}();</script>
65 
65<script>!function(){var e=document.createElement("script");if(!("noModule"in e)&&"onbeforeload"in e){var t=!1;document.addEventListener("beforeload",(function(n){if(n.target===e)t=!0;else if(!n.target.hasAttribute("nomodule")||!t)return;n.preventDefault()}),!0),e.type="module",e.src=".",document.head.appendChild(e),e.remove()}}();</script>
65 
65<script src="https://okaydev.co/dist/assets/polyfills-legacy-BzKQwQQB.js" nomodule onload="e=new CustomEvent(&#039;vite-script-loaded&#039;, {detail:{path: &#039;vite/legacy-polyfills-legacy&#039;}});document.dispatchEvent(e);" integrity="sha384-pH8N5ycuIq+ACzM6fhMz2e8UzeuN+j7PHg3PG6BlBNnbtcF5l0yREZ+Qz6Nz5cnB"></script>
65 
65<script type="module" src="https://okaydev.co/dist/assets/app-BiaPDw27.js" crossorigin onload="e=new CustomEvent(&#039;vite-script-loaded&#039;, {detail:{path: &#039;src/js/app.js&#039;}});document.dispatchEvent(e);" integrity="sha384-rc5tBKMHskM7eBhFEZPTGXy6OHE1v9kVH3CFceI2+biaB/epTvymjBWYPcAm/ON2"></script>
65 <link
66href="https://okaydev.co/dist/assets/HeaderLogoLetters-CMLHzChc.js" rel="modulepreload" crossorigin integrity="sha384-pjhTnwsDelDxaY6fqULoIHCayLxtTzRhoYqKTVaO+87m1qwAkztwnQjVugQ7c2/q"><link
67href="https://okaydev.co/dist/assets/refreshNavbarAuth-V-4DhXEm.js" rel="modulepreload" crossorigin integrity="sha384-0aZeN9dWGPf+9eV9pvZnoPI036VrIYihmPuUvMvWVuSHgtMqyKN6ftO7P1UMFRdR"><link
68href="https://okaydev.co/dist/assets/lazyDialog-CU88mIO4.js" rel="modulepreload" crossorigin integrity="sha384-vYPSV+cKPQU3zXSX+RzB5WHwKiBbt2oSUEe/pmXdy6rR9d2zYHnnXv0+qgCFZaQ8"><link
69href="https://okaydev.co/dist/assets/app-4P6e9Apm.css" rel="stylesheet"><link
70href="https://okaydev.co/dist/assets/HeaderLogoLetters-DngiwBoB.css" rel="stylesheet"> 
70<script src="https://okaydev.co/dist/assets/app-legacy-CcTcNDK7.js" nomodule onload="e=new CustomEvent(&#039;vite-script-loaded&#039;, {detail:{path: &#039;src/js/app-legacy.js&#039;}});document.dispatchEvent(e);" integrity="sha384-w6ID9rdE1/PtnaIaIVSfmeV7xrtdYPWgWvY6pXl6WZ6mtzjOqN4HYDG8uDhC6xaJ"></script>
70 <!--# else --> 
70<script>function setCookie(name,value,days,secure){let expires="";if(days){const date=new Date();date.setTime(date.getTime()+(days*24*60*60*1000));expires="; expires="+date.toUTCString();}
71let cookieString=name+"="+(value||"")+expires+"; path=/";if(secure){cookieString+="; Secure";}
72document.cookie=cookieString;}
73setCookie("critical-css","1",365,1);</script>
73 <style>@media (max-width:1023px){.project-page-title{grid-area:title;margin-block:0;padding-block:0;font-size:22px;line-height:40px;white-space:normal}.project-page-layout .author-ctas,.project-page-layout .author-ctas-2,.project-page-layout .bento-project-overlay-actions{grid-area:metrics;width:100%}}@font-face{font-display:swap;font-family:Aeonik;font-style:normal;font-weight:100 900;src:url(/dist/assets/AeonikPro-VF-DJagqNti.woff2) format("woff2")}@font-face{font-display:optional;font-family:Megazoid;font-style:normal;font-weight:400;src:url(/dist/assets/Megazoid-Regular-DP6yeqDh.woff2) format("woff2")}@font-face{font-display:swap;font-family:Aeonik Mono;font-style:normal;font-weight:400;src:url(/dist/assets/AeonikMono-Regular-BJhjWe-O.woff2) format("woff2")}.bento-identity-card__content>.bento-identity-card__header{display:flex;align-items:center;justify-content:space-between;gap:12px;grid-area:eyebrow;min-width:0;height:11px;min-height:0}.bento-identity-card__team-badges{display:flex;flex-wrap:wrap;align-items:center;gap:6px;grid-area:badges}.bento-identity-card__avatar{grid-area:avatar;align-self:start;justify-self:start;position:relative;width:auto;height:2lh;aspect-ratio:4/5;font-size:var(--bento-identity-name-fit-size,clamp(28px,4.4vw,44px));line-height:.92;perspective:900px}.bento-identity-card__copy{grid-area:name;padding-right:clamp(8px,1vw,14px)}@media (max-width:767px){.bento-identity-card__content>.bento-identity-card__header .bento-details-card__actions{grid-area:utility;width:100%;margin:4px 0 0;border-top:1px solid;padding-top:calc(var(--bento-identity-content-gap) + 4px - 6.5px)}}.bento-identity-card__actions{grid-area:actions;display:grid;align-self:end;gap:10px}.bento-social-icons.bento-identity-card__profile-social-icons{--bento-profile-social-hit-size:38px;grid-area:social;align-self:start;width:100%;margin-left:calc((var(--bento-profile-social-hit-size) - 19px)/-2)}.bento-identity-card__overlay-details{--bento-gig-fade-width:1.75em;--bento-gig-fade-stops:rgb(from var(--bento-theme-surface) r g b/0%) 0%,rgb(from var(--bento-theme-surface) r g b/1.5%) 18%,rgb(from var(--bento-theme-surface) r g b/6%) 36%,rgb(from var(--bento-theme-surface) r g b/13%) 54%,rgb(from var(--bento-theme-surface) r g b/24%) 72%,rgb(from var(--bento-theme-surface) r g b/37%) 86%,rgb(from var(--bento-theme-surface) r g b/100%) 100%;display:block;grid-area:work;min-width:0}.bento-stats-card__emoji{grid-area:1/1;display:block;line-height:1;will-change:transform,opacity}@media (min-width:0){.bento-identity-card.is-expanded .bento-identity-card__team-badges{grid-area:auto;margin-top:12px}.bento-identity-card.is-expanded .bento-identity-card__profile-column{--bento-profile-info-space:clamp(18px,2.2vw,28px);grid-area:profile;gap:var(--bento-profile-info-space)}.bento-identity-card.is-expanded .bento-identity-card__information-column{grid-area:information;gap:0;padding-top:clamp(8px,.85vw,12px)}}.bento-user-hub-aside.bento-identity-card .bento-user-hub-aside__utility-actions{grid-area:utility;align-self:end;width:100%;margin:0 0 -6.5px;border:0;border-top:1px solid;padding:calc(var(--bento-identity-content-gap) - 6.5px - 1px) 0 0;color:var(--bento-theme-ink)}.bento-project-card.is-expanded .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-discussion-layout>.project-link-credits>.project-link-credits-col.is-people>.is-people-author-date,.bento-project-card.is-expanded .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-link-credits>.project-link-credits-col.is-people>.is-people-author-date,.project-page-layout .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-discussion-layout>.project-link-credits>.project-link-credits-col.is-people>.is-people-author-date,.project-page-layout .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-link-credits>.project-link-credits-col.is-people>.is-people-author-date{display:flex;align-items:stretch;gap:inherit;grid-area:head;min-width:0;width:100%}.bento-project-card.is-expanded .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-discussion-layout>.project-link-credits>.project-link-credits-col.is-people>.project-agency,.bento-project-card.is-expanded .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-discussion-layout>.project-link-credits>.project-link-credits-col.is-people>.project-awards-section,.bento-project-card.is-expanded .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-discussion-layout>.project-link-credits>.project-link-credits-col.is-people>.project-client,.bento-project-card.is-expanded .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-discussion-layout>.project-link-credits>.project-link-credits-col.is-people>.project-credits,.bento-project-card.is-expanded .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-link-credits>.project-link-credits-col.is-people>.project-agency,.bento-project-card.is-expanded .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-link-credits>.project-link-credits-col.is-people>.project-awards-section,.bento-project-card.is-expanded .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-link-credits>.project-link-credits-col.is-people>.project-client,.bento-project-card.is-expanded .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-link-credits>.project-link-credits-col.is-people>.project-credits,.project-page-layout .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-discussion-layout>.project-link-credits>.project-link-credits-col.is-people>.project-agency,.project-page-layout .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-discussion-layout>.project-link-credits>.project-link-credits-col.is-people>.project-awards-section,.project-page-layout .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-discussion-layout>.project-link-credits>.project-link-credits-col.is-people>.project-client,.project-page-layout .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-discussion-layout>.project-link-credits>.project-link-credits-col.is-people>.project-credits,.project-page-layout .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-link-credits>.project-link-credits-col.is-people>.project-agency,.project-page-layout .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-link-credits>.project-link-credits-col.is-people>.project-awards-section,.project-page-layout .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-link-credits>.project-link-credits-col.is-people>.project-client,.project-page-layout .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-link-credits>.project-link-credits-col.is-people>.project-credits{grid-area:unset;grid-column:1/-1;width:100%}@media (min-width:768px){.bento-project-card.is-expanded .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-discussion-layout>.project-link-credits>.project-link-credits-col.is-people>.is-people-author-date,.bento-project-card.is-expanded .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-link-credits>.project-link-credits-col.is-people>.is-people-author-date,.project-page-layout .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-discussion-layout>.project-link-credits>.project-link-credits-col.is-people>.is-people-author-date,.project-page-layout .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-link-credits>.project-link-credits-col.is-people>.is-people-author-date{grid-area:head}
73.bento-project-card.is-expanded .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-discussion-layout>.project-link-credits>.project-link-credits-col.is-people>.project-agency,.bento-project-card.is-expanded .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-discussion-layout>.project-link-credits>.project-link-credits-col.is-people>.project-awards-section,.bento-project-card.is-expanded .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-discussion-layout>.project-link-credits>.project-link-credits-col.is-people>.project-client,.bento-project-card.is-expanded .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-discussion-layout>.project-link-credits>.project-link-credits-col.is-people>.project-credits,.bento-project-card.is-expanded .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-link-credits>.project-link-credits-col.is-people>.project-agency,.bento-project-card.is-expanded .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-link-credits>.project-link-credits-col.is-people>.project-awards-section,.bento-project-card.is-expanded .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-link-credits>.project-link-credits-col.is-people>.project-client,.bento-project-card.is-expanded .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-link-credits>.project-link-credits-col.is-people>.project-credits,.project-page-layout .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-discussion-layout>.project-link-credits>.project-link-credits-col.is-people>.project-agency,.project-page-layout .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-discussion-layout>.project-link-credits>.project-link-credits-col.is-people>.project-awards-section,.project-page-layout .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-discussion-layout>.project-link-credits>.project-link-credits-col.is-people>.project-client,.project-page-layout .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-discussion-layout>.project-link-credits>.project-link-credits-col.is-people>.project-credits,.project-page-layout .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-link-credits>.project-link-credits-col.is-people>.project-agency,.project-page-layout .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-link-credits>.project-link-credits-col.is-people>.project-awards-section,.project-page-layout .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-link-credits>.project-link-credits-col.is-people>.project-client,.project-page-layout .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-link-credits>.project-link-credits-col.is-people>.project-credits{grid-area:unset;grid-column:auto;width:100%}.bento-project-card.is-expanded .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-discussion-layout>.project-link-credits>.project-link-credits-col.is-people>.project-agency,.bento-project-card.is-expanded .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-link-credits>.project-link-credits-col.is-people>.project-agency,.project-page-layout .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-discussion-layout>.project-link-credits>.project-link-credits-col.is-people>.project-agency,.project-page-layout .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-link-credits>.project-link-credits-col.is-people>.project-agency{grid-area:agency}.bento-project-card.is-expanded .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-discussion-layout>.project-link-credits>.project-link-credits-col.is-people>.project-client,.bento-project-card.is-expanded .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-link-credits>.project-link-credits-col.is-people>.project-client,.project-page-layout .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-discussion-layout>.project-link-credits>.project-link-credits-col.is-people>.project-client,.project-page-layout .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-link-credits>.project-link-credits-col.is-people>.project-client{grid-area:client}.bento-project-card.is-expanded .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-discussion-layout>.project-link-credits>.project-link-credits-col.is-people>.project-credits,.bento-project-card.is-expanded .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-link-credits>.project-link-credits-col.is-people>.project-credits,.project-page-layout .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-discussion-layout>.project-link-credits>.project-link-credits-col.is-people>.project-credits,.project-page-layout .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-link-credits>.project-link-credits-col.is-people>.project-credits{grid-area:credits}
73.bento-project-card.is-expanded .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-discussion-layout>.project-link-credits>.project-link-credits-col.is-people>.project-awards-section,.bento-project-card.is-expanded .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-link-credits>.project-link-credits-col.is-people>.project-awards-section,.project-page-layout .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-discussion-layout>.project-link-credits>.project-link-credits-col.is-people>.project-awards-section,.project-page-layout .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-link-credits>.project-link-credits-col.is-people>.project-awards-section{grid-area:awards}.hide-on-desktop{display:none!important}}@media (max-width:1023px){.bento-project-card.is-expanded:has([data-bento-project-overlay-header]) .bento-project-card__expanded-title{display:block;grid-area:title;position:relative;min-width:0;height:var(--overlay-close-size);margin:0;padding:0;overflow:hidden;font-size:22px;line-height:var(--overlay-close-size);white-space:nowrap}.bento-project-card.is-expanded:has([data-bento-project-overlay-header]) .author-ctas,.bento-project-card.is-expanded:has([data-bento-project-overlay-header]) .author-ctas-2{grid-area:metrics;width:100%;min-width:0}.bento-project-card.is-expanded:has([data-bento-project-overlay-header]) .bento-card__close{grid-area:close;align-self:start;width:var(--overlay-close-size);height:var(--overlay-close-size);margin-left:0}.page-project-overlay .bento-project-card__expanded-title{grid-area:title;height:var(--overlay-close-size);margin:0;padding:0;font-size:22px;line-height:var(--overlay-close-size)}.page-project-overlay .bento-card__close{grid-area:close;width:var(--overlay-close-size);height:var(--overlay-close-size);margin-left:0}.page-project-overlay .author-ctas,.page-project-overlay .author-ctas-2,.page-project-overlay .bento-project-overlay-actions{grid-area:metrics;width:100%}}@font-face{font-display:swap;
73font-family:FallbackFont;src:local("Arial");font-weight:400}@font-face{font-display:swap;font-family:FallbackFontMono;src:local("monospace");font-weight:400}@font-face{font-display:swap;font-family:FallbackFontBold;src:local("Arial Bold");font-weight:800}@font-face{font-display:swap;font-family:Aeonik;font-weight:100 900;font-style:italic;src:url(/dist/assets/AeonikPro-Italic-VF-DGkIg-ar.woff2) format("woff2"),url(/dist/assets/AeonikPro-Italic-VF-WifKrdD1.woff) format("woff")}@font-face{font-display:swap;font-family:Aeonik;font-weight:100 900;font-style:normal;src:url(/dist/assets/AeonikPro-VF-DJagqNti.woff2) format("woff2"),url(/dist/assets/AeonikPro-VF-B5-mzo4h.woff) format("woff")}@font-face{font-display:swap;font-family:Aeonik Mono;font-weight:400;font-style:normal;src:url(/dist/assets/AeonikMono-Regular-BJhjWe-O.woff2) format("woff2"),url(/dist/assets/AeonikMono-Regular-v8syvusg.woff) format("woff")}@font-face{font-display:swap;font-family:Megazoid;font-weight:400;font-style:normal;src:url(/dist/assets/Megazoid-Regular-DP6yeqDh.woff2) format("woff2"),url(/dist/assets/Megazoid-Regular-DDQUTSy0.woff) format("woff")}.bento-customizer.is-floating.is-project-details[data-project-details-panel] .publish-toggle-label>*{grid-area:1/1}.home-feature-directory-stack .pagination-actions,[data-handle=directory] .directory-container .pagination-actions{grid-area:actions;display:flex;align-items:center;justify-content:flex-start;min-width:0}.home-feature-directory-stack .pagination-info,[data-handle=directory] .directory-container .pagination-info{font-family:Aeonik,FallbackFont,arial,helvetica,sans-serif;font-variant-numeric:lining-nums proportional-nums slashed-zero;font-feature-settings:"ss08" on,"ss02" on,"ss07" on;font-size:14px;line-height:1.5;letter-spacing:.21px;grid-area:info;align-self:center;text-align:right;min-width:0}.home-feature-directory-stack .pagination-upgrade,[data-handle=directory] .directory-container .pagination-upgrade{font-family:Aeonik,FallbackFont,arial,helvetica,sans-serif;font-variant-numeric:lining-nums proportional-nums slashed-zero;font-feature-settings:"ss08" on,"ss02" on,"ss07" on;font-size:14px;line-height:1.5;letter-spacing:.21px;grid-area:upgrade;display:flex;align-items:baseline;justify-content:center;gap:10px;justify-self:center;text-align:center}*,:after,:before{box-sizing:border-box}body{min-height:100vh;min-height:100dvh;margin:0}ul[class]{padding:0;list-style-type:""}a{text-decoration:none}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}button{font:inherit}hr{height:1px;background-color:#ccc}:root{--metric-count-ch:6ch;--metric-count-min-width:6ch;--metric-action-icon-size:20px;--metric-action-row-gap:6px;--metric-action-inner-gap:4px;--metric-action-cluster-min-width:calc(var(--metric-action-icon-size) + var(--metric-action-inner-gap) + var(--metric-count-min-width));--metric-profile-pill-aspect-ratio:2/1}body{color:var(--text-current);font-family:Aeonik,FallbackFont,arial,helvetica,sans-serif;font-variant-numeric:lining-nums proportional-nums slashed-zero;font-feature-settings:"ss02" on,"ss07" on,"ss08" on;font-weight:400;font-style:normal;font-size:18px;line-height:1.5;letter-spacing:.18px;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}.button,button{font-family:Aeonik,FallbackFont,arial,helvetica,sans-serif;font-feature-settings:"ss08" on,"ss02" on,"ss07" on;font-size:18px;line-height:1.5;letter-spacing:.18px;border-radius:0;font-weight:400;font-variant-numeric:lining-nums proportional-nums slashed-zero;font-feature-settings:"ss02" on,"ss07" on,"ss08" off;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}h1,h3{margin-top:0;margin-bottom:0;font-weight:800;line-height:1}h1{font-family:Aeonik,FallbackFont,arial,helvetica,sans-serif;font-weight:900;font-size:clamp(63px,6.7vw,146px);
73font-feature-settings:"dlig" on,"ss11" on,"ss09" on,"ss08" on,"ss05" on,"ss07" on,"ss06" on,"ss03" on,"case" on;line-height:.96;letter-spacing:-1.92px}@media (max-width:767px){.bento-project-card.is-expanded .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-discussion-layout>.project-link-credits>.project-link-credits-col:not(.is-people)>*,.bento-project-card.is-expanded .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-link-credits>.project-link-credits-col:not(.is-people)>*,.project-page-layout .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-discussion-layout>.project-link-credits>.project-link-credits-col:not(.is-people)>*,.project-page-layout .bento-project-overlay-fragment .portfolio-bottom.is-bento-overlay>.project-link-credits>.project-link-credits-col:not(.is-people)>*{grid-area:auto;grid-column:1/-1}[data-handle=home] .work-item{position:relative;grid-area:1/1;width:min(305px,100vw - 2*var(--gutter-cap));border-radius:6px;visibility:hidden;opacity:0}h1{letter-spacing:-1.26px}.hide-on-mobile{display:none!important}}h3{font-family:Aeonik,FallbackFont,arial,helvetica,sans-serif;font-weight:800;font-size:clamp(24px,4.6vw,32px);font-variant-numeric:lining-nums proportional-nums slashed-zero;font-feature-settings:"ss02" on,"ss07" on,"ss08" on,"case" on;line-height:1}p{margin-top:1em;margin-bottom:0}p:first-child{margin-top:0}hr{width:100%;margin:0;margin-top:calc(var(--gutter-y)*.75);padding-top:calc(var(--gutter-y)*.75);border:none;border-top:1px solid grey;background-color:transparent}hr+p{margin-top:0}.label-1{font-family:Aeonik Mono,FallbackFontMono,monospace,menlo,monaco,Lucida Console,courier;font-variant-numeric:lining-nums proportional-nums stacked-fractions slashed-zero;font-feature-settings:"dlig" on,"case" on,"ss05" on,"ss06" on,"ss07" on,"ss12" off;font-size:14px;line-height:1;text-transform:uppercase}.label-2{font-family:Aeonik Mono,FallbackFontMono,monospace,menlo,monaco,Lucida Console,courier;font-variant-numeric:lining-nums proportional-nums stacked-fractions slashed-zero;font-feature-settings:"dlig" on,"case" on,"ss05" on,"ss06" on,"ss07" on,"ss12" off;font-size:12px;line-height:1;text-transform:uppercase}:root{box-sizing:border-box;--vw:100vw;--vh:100vh;--text-current:#fff;--bg-current:#121212}*,:after,:before{box-sizing:inherit}@media (max-width:1023px),(hover:none) and (pointer:coarse){*,:after,:before{will-change:auto!important}}body,html{width:100%;margin:0;background-color:var(--bg-current)}body{overflow-x:clip}body.is-dark,html.is-dark{color-scheme:dark}.bg-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;will-change:transform,opacity}.bg-layer--dark{background-color:#121212;opacity:1}.bg-layer--light{background-color:#fff;opacity:0}main[data-router-wrapper]{position:relative;z-index:1;width:100%}img,svg{vertical-align:middle}.page-container{padding-top:60px;padding-bottom:calc(var(--gutter-y)*3)}@media (max-width:767px){.page-container{padding-top:calc(var(--gutter-y)*2);padding-bottom:calc(var(--gutter-y)*6);backface-visibility:hidden}}.wrapper{width:100%;margin-left:auto;margin-right:auto;padding-left:var(--gutter-cap);padding-right:var(--gutter-cap)}[data-handle]>.page-container.wrapper{max-width:var(--page-content-shell-max-width);margin-left:auto;margin-right:auto}img{max-width:100%}dialog:not([open]){display:none}button{touch-action:manipulation}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:is([data-handle=editProfile],[data-handle=accountSettings],[data-handle=accountNotifications],[data-handle=accountSettingsBusiness],[data-handle=managePortfolio],[data-handle=manageTeam],[data-handle=membership],[data-handle=thankYou],[data-handle=notifications],[data-handle=about],[data-handle=faqs],[data-handle=contact],[data-handle=communityGuidelines],[data-handle=legal]) .page-container.wrapper{padding-top:calc(var(--gutter-y)*2);padding-bottom:calc(var(--gutter-y)*3)}:is([data-handle=editProfile],[data-handle=accountSettings],[data-handle=accountNotifications],[data-handle=accountSettingsBusiness],[data-handle=managePortfolio],[data-handle=manageTeam],[data-handle=membership],[data-handle=thankYou],[data-handle=notifications],[data-handle=about],[data-handle=faqs],[data-handle=contact],[data-handle=communityGuidelines],[data-handle=legal]) .settings-shell{display:block}:is([data-handle=editProfile],[data-handle=accountSettings],[data-handle=accountNotifications],[data-handle=accountSettingsBusiness],[data-handle=managePortfolio],[data-handle=manageTeam],[data-handle=membership],[data-handle=thankYou],[data-handle=notifications],[data-handle=about],[data-handle=faqs],[data-handle=contact],[data-handle=communityGuidelines],[data-handle=legal]) .settings-body{dis
73play:grid;grid-template-columns:260px minmax(0,640px);grid-template-rows:auto auto;row-gap:var(--gutter-y);column-gap:calc(var(--gutter-x)*1.5);align-items:start;width:-moz-fit-content;width:fit-content;max-width:100%;margin-inline:auto}:is([data-handle=editProfile],[data-handle=accountSettings],[data-handle=accountNotifications],[data-handle=accountSettingsBusiness],[data-handle=managePortfolio],[data-handle=manageTeam],[data-handle=membership],[data-handle=thankYou],[data-handle=notifications],[data-handle=about],[data-handle=faqs],[data-handle=contact],[data-handle=communityGuidelines],[data-handle=legal]) .settings-main{display:contents}:is([data-handle=editProfile],[data-handle=accountSettings],[data-handle=accountNotifications],[data-handle=accountSettingsBusiness],[data-handle=managePortfolio],[data-handle=manageTeam],[data-handle=membership],[data-handle=thankYou],[data-handle=notifications],[data-handle=about],[data-handle=faqs],[data-handle=contact],[data-handle=communityGuidelines],[data-handle=legal]) .settings-rail{grid-column:1;grid-row:2;position:sticky;top:calc(var(--core-header-height) + var(--gutter-y));z-index:1;width:100%}:is([data-handle=editProfile],[data-handle=accountSettings],[data-handle=accountNotifications],[data-handle=accountSettingsBusiness],[data-handle=managePortfolio],[data-handle=manageTeam],[data-handle=membership],[data-handle=thankYou],[data-handle=notifications],[data-handle=about],[data-handle=faqs],[data-handle=contact],[data-handle=communityGuidelines],[data-handle=legal]) .settings-rail .settings-nav-user-menu{--settings-rail-text:#fff;margin:0;padding:0;list-style:none;color:var(--settings-rail-text)}:is([data-handle=editProfile],[data-handle=accountSettings],[data-handle=accountNotifications],[data-handle=accountSettingsBusiness],[data-handle=managePortfolio],[data-handle=manageTeam],[data-handle=membership],[data-handle=thankYou],[data-handle=notifications],[data-handle=about],[data-handle=faqs],[data-handle=contact],[data-handle=communityGuidelines],[data-handle=legal]) .settings-rail .settings-nav-user-menu li{width:100%}:is([data-handle=editProfile],[data-handle=accountSettings],[data-handle=accountNotifications],[data-handle=accountSettingsBusiness],[data-handle=managePortfolio],[data-handle=manageTeam],[data-handle=membership],[data-handle=thankYou],[data-handle=notifications],[data-handle=about],[data-handle=faqs],[data-handle=contact],[data-handle=communityGuidelines],[data-handle=legal]) .settings-rail .settings-nav-user-menu li:not(:last-child){margin-bottom:4px}:is([data-handle=editProfile],[data-handle=accountSettings],[data-handle=accountNotifications],[data-handle=accountSettingsBusiness],[data-handle=managePortfolio],[data-handle=manageTeam],[data-handle=membership],[data-handle=thankYou],[data-handle=notifications],[data-handle=about],[data-handle=faqs],[data-handle=contact],[data-handle=communityGuidelines],[data-handle=legal]) .settings-rail .settings-nav-user-menu a{display:flex;align-items:center;width:100%;padding:6px 0;gap:10px;font-size:14px;line-height:1.2;color:var(--settings-rail-text);background-color:transparent;border-radius:8px;will-change:transform,opacity}:is([data-handle=editProfile],[data-handle=accountSettings],[data-handle=accountNotifications],[data-handle=accountSettingsBusiness],[data-handle=managePortfolio],[data-handle=manageTeam],[data-handle=membership],[data-handle=thankYou],[data-handle=notifications],[data-handle=about],[data-handle=faqs],[data-handle=contact],[data-handle=communityGuidelines],[data-handle=legal]) .settings-rail .settings-nav-user-menu a .text{display:inline-block}:is([data-handle=editProfile],[data-handle=accountSettings],[data-handle=accountNotifications],[data-handle=accountSettingsBusiness],[data-handle=managePortfolio],[data-handle=manageTeam],[data-handle=membership],[data-handle=thankYou],[data-handle=notifications],[data-handle=about],[data-handle=faqs],[data-handle=contact],[data-handle=communityGuidelines],[data-handle=legal]) .settings-rail .settings-nav-user-menu{--settings-rail-text:#b8b8b8;--settings-rail-border:color-mix(in srgb,var(--settings-rail-text) 18%,transparent);--settings-rail-icon-size:20px;--settings-rail-icon-padding:5px}:is([data-handle=editProfile],[data-handle=accountSettings],[data-handle=accountNotifications],[data-handle=accountSettingsBusiness],[data-handle=managePortfolio],[data-handle=manageTeam],[data-handle=membership],[data-handle=thankYou],[data-handle=notifications],[data-handle=about],[data-handle=faqs],[data-handle=contact],[data-handle=communityGuidelines],[data-handle=legal]) .settings-rail .settings-nav-user-menu a .icon{display:flex;flex-shrink:0;align-items:center;justify-content:center;box-sizing:border-box;padding:var(--settings-rail-icon-padding);border:1px solid var(--settings-rail-border);border-radius:6px;color:var(--settings-rail-text);background-color:transparent;will-change:transform}:is([data-handle=editProfile],[data-handle=accountSettings],[data-handle=accountNotifications],[data-handle=accountSettingsBusiness],[data-handle=managePortfolio],[data-handle=manageTeam],[data-handle=membership],[data-handle=thankYou],[data-handle=notifications],[data-handle=about],[data-handle=faqs],[data-handle=contact],[data-handle=communityGuidelines],[data-handle=legal]) .settings-rail .settings-nav-user-menu a .icon svg{width:var(--settings-rail-icon-size);height:var(--settings-rail-icon-size)}:is([data-handle=editProfile],[data-handle=accountSettings],[data-handle=accountNotifications],[data-handle=accountSettingsBusiness],[data-handle=managePortfolio],[data-handle=manageTeam],[data-handle=membership],[data-handle=thankYou],[data-handle=notifications],[data-handle=about],[data-handle=faqs],[data-handle=contact],[data-handle=communityGuidelines],[data-handle=legal]) .settings-rail .settings-nav-user-menu a.is-active{color:#fff}:is([data-handle=editProfile],[data-handle=accountSettings],[data-handle=accountNotifications],[data-handle=accountSettingsBusiness],[data-handle=managePortfolio],[data-handle=manageTeam],[data-handle=membership],[data-handle=thankYou],[data-handle=notifications],[data-handle=about],[data-handle=faqs],[data-handle=contact],[data-handle=communityGuidelines],[data-handle=legal]) .settings-rail .settings-nav-user-menu a.is-active .icon{color:#fff;background-color:#0c0c0c;border-color:#b8b8b8}:is([data-handle=editProfile],[data-handle=accountSettings],[data-handle=accountNotifications],[data-handle=accountSettingsBusiness],[data-handle=managePortfolio],[data-handle=manageTeam],[data-handle=membership],[data-handle=thankYou],[data-handle=notifications],[data-handle=about],[data-handle=faqs],[data-handle=contact],[data-handle=communityGuidelines],[data-handle=legal]) .settings-rail .settings-nav-user-menu a .icon svg rect[fill=none]{fill:none}:is([data-handle=editProfile],[data-handle=accountSettings],[data-handle=accountNotifications],[data-handle=accountSettingsBusiness],[data-handle=managePortfolio],[data-handle=manageTeam],[data-handle=membership],[data-handle=thankYou],[data-handle=notifications],[data-handle=about],[data-handle=faqs],[data-handle=contact],[data-handle=communityGuidelines],[data-handle=legal]) .settings-rail .settings-nav-user-menu a .icon svg path:not([fill=none]){fill:currentColor}:is([data-handle=editProfile],[data-handle=accountSettings],[data-handle=accountNotifications],[data-handle=accountSettingsBusiness],[data-handle=managePortfolio],[data-handle=manageTeam],[data-handle=membership],[data-handle=thankYou],[data-handle=notifications],[data-handle=about],[data-handle=faqs],[data-handle=contact],[data-handle=communityGuidelines],[data-handle=legal]) .settings-title{font-family:Megazoid,FallbackFontBold,arial,helvetica,sans-serif;font-feature-settings:"liga" on,"kern" on,"ss01" on,"ss04" on,"ss12" on;font-size:clamp(48px,5vw,192px);font-weight:400;letter-spacing:.005em;grid-column:2;grid-row:1;width:100%;max-width:640px;margin:0;font-size:clamp(40px,6vw,64px);line-height:1;text-align:left;text-transform:uppercase}:is([data-handle=editProfile],[data-handle=accountSettings],[data-handle=accountNotifications],[data-handle=accountSettingsBusiness],[data-handle=managePortfolio],[data-handle=manageTeam],[data-handle=membership],[data-handle=thankYou],[data-handle=notifications],[data-handle=about],[data-handle=faqs],[data-handle=contact],[data-handle=communityGuidelines],[data-handle=legal]) .settings-content{grid-column:2;grid-row:2;width:100%;max-width:640px;min-width:0;margin-inline:auto}@media (min-width:768px) and (max-width:1023px),(min-width:768px) and (hover:none) and (pointer:coarse){:is([data-handle=editProfile],[data-handle=accountSettings],[data-handle=accountNotifications],[data-handle=accountSettingsBusiness],[data-handle=managePortfolio],[data-handle=manageTeam],[data-handle=membership],[data-handle=thankYou],[data-handle=notifications],[data-handle=about],[data-handle=faqs],[data-handle=contact],[data-handle=communityGuidelines],[data-handle=legal]) .settings-rail{grid-row:1/-1;top:50dvh;transform:translateY(-50%);will-change:transform!important;max-height:calc(100dvh - (2*max(var(--core-header-height),var(--app-toolbar-offset,0px),var(--gutter-y))));overflow-y:auto}}[data-handle=about] .about-container .settings-content{font-size:20px}[data-handle=about] .about-container .settings-content .text-big{display:inline-block;max-width:750px;line-height:1.4em;font-size:24px}[data-handle=about] .about-container .settings-content h3,[data-handle=about] .about-container .settings-content hr,[data-handle=about] .about-container .settings-content p{max-width:672px}[data-handle=about] .about-container .settings-content hr{margin:var(--gutter-y) 0;height:0;padding:0;border:0;border-top:1px dotted #525252;background:0 0}[data-handle=about] .about-container .settings-content h3{margin-top:calc(var(--gutter-y)*2);font-weight:400;line-height:1.1em;letter-spacing:-.02em}[data-handle=about] .about-container .settings-content h3:first-of-type{margin-top:0}[data-handle=about] .about-container .settings-content p{color:#222}@media (max-width:767px){:is([data-handle=editProfile],[data-handle=accountSettings],[data-handle=accountNotifications],[data-handle=accountSettingsBusiness],[data-handle=managePortfolio],[data-handle=manageTeam],[data-handle=membership],[data-handle=thankYou],[data-handle=notifications],[data-handle=about],[data-handle=faqs],[data-handle=contact],[data-handle=communityGuidelines],[data-handle=legal]) .page-container.wrapper{padding-top:var(--gutter-y);padding-left:28px;padding-right:28px}:is([data-handle=editProfile],[data-handle=accountSettings],[data-handle=accountNotifications],[data-handle=accountSettingsBusiness],[data-handle=managePortfolio],[data-handle=manageTeam],[data-handle=membership],[data-handle=thankYou],[data-handle=notifications],[data-handle=about],[data-handle=faqs],[data-handle=contact],[data-handle=communityGuidelines],[data-handle=legal]) .settings-body{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;row-gap:var(--gutter-y);column-gap:0;width:100%}:is([data-handle=editProfile],[data-handle=accountSettings],[data-handle=accountNotifications],[data-handle=accountSettingsBusiness],[data-handle=managePortfolio],[data-handle=manageTeam],[data-handle=membership],[data-handle=thankYou],[data-handle=notifications],[data-handle=about],[data-handle=faqs],[data-handle=contact],[data-handle=communityGuidelines],[data-handle=legal]) .settings-rail{display:none}:is([data-handle=editProfile],[data-handle=accountSettings],[data-handle=accountNotifications],[data-handle=accountSettingsBusiness],[data-handle=managePortfolio],[data-handle=manageTeam],[data-handle=membership],[data-handle=thankYou],[data-handle=notifications],[data-handle=about],[data-handle=faqs],[data-handle=contact],[data-handle=communityGuidelines],[data-handle=legal]) .settings-content,:is([data-handle=editProfile],[data-handle=accountSettings],[data-handle=accountNotifications],[data-handle=accountSettingsBusiness],[data-handle=managePortfolio],[data-handle=manageTeam],[data-handle=membership],[data-handle=thankYou],[data-handle=notifications],[data-handle=about],[data-handle=faqs],[data-handle=contact],[data-handle=communityGuidelines],[data-handle=legal]) .settings-title{grid-column:1;max-width:none}:is([data-handle=editProfile],[data-handle=accountSettings],[data-handle=accountNotifications],[data-handle=accountSettingsBusiness],[data-handle=managePortfolio],[data-handle=manageTeam],[data-handle=membership],[data-handle=thankYou],[data-handle=notifications],[data-handle=about],[data-handle=faqs],[data-handle=contact],[data-handle=communityGuidelines],[data-handle=legal]) .settings-title{grid-row:1;overflow-wrap:break-word;text-align:center}:is([data-handle=editProfile],[data-handle=accountSettings],[data-handle=accountNotifications],[data-handle=accountSettingsBusiness],[data-handle=managePortfolio],[data-handle=manageTeam],[data-handle=membership],[data-handle=thankYou],[data-handle=notifications],[data-handle=about],[data-handle=faqs],[data-handle=contact],[data-handle=communityGuidelines],[data-handle=legal]) .settings-content{grid-row:2}[data-handle=about] .about-container .settings-content{font-size:20px}[data-handle=about] .about-container .settings-content .text-big{display:inline-block;max-width:750px;line-height:1.4em;font-size:20px}[data-handle=about] .about-container .settings-content h3{margin-top:calc(var(--gutter-y)*4)}[data-handle=about] .about-container .settings-content hr{margin:var(--gutter-y) 0;padding:0}}body.is-dark [data-handle=about] .about-container .settings-content p{color:color-mix(in srgb,var(--text-current) 82%,transparent)}body.is-dark [data-handle=about] .about-container .settings-content h3{color:var(--text-current)}body.is-dark [data-handle=about] .about-container .settings-content hr{border:0;border-top:1px dotted color-mix(in srgb,var(--text-current) 35%,transparent);background:0 0}.brand-variant-card__choice>span{grid-area:description;color:#525252;font-family:Aeonik Mono,FallbackFontMono,monospace,menlo,monaco,Lucida Console,courier;font-size:10px;line-height:1.2;text-transform:uppercase}.brand-variant-swatches{display:flex;flex-wrap:wrap;grid-area:swatches;gap:8px}
73.brand-download-links{display:flex;grid-area:downloads;justify-self:end;gap:6px}:root{--color-bg-black-rgb:12,12,12}:root{--color-bg-gray-dark-4-rgb:2,2,2}:root{--color-bg-gray-dark-3-rgb:2,2,2}:root{--color-bg-gray-dark-2-rgb:82,82,82}:root{--color-bg-gray-dark-1-rgb:129,129,129}:root{--color-bg-gray-light-4-rgb:242,242,242}:root{--color-bg-gray-light-3-rgb:234,234,234}:root{--color-bg-gray-light-2-rgb:204,204,204}:root{--color-bg-gray-light-1-rgb:184,184,184}:root{--color-bg-gray-rgb:102,102,102}:root{--color-bg-gray-light-rgb:191,191,191}:root{--color-bg-white-rgb:255,255,255}:root{--color-bg-yellow-rgb:238,230,66}:root{--color-bg-yellow-light-rgb:255,253,217}:root{--color-bg-red-rgb:236,66,66}:root{--color-bg-red-light-rgb:255,217,217}:root{--color-bg-orange-rgb:237,148,66}:root{--color-bg-orange-light-rgb:255,235,217}:root{--color-bg-teal-rgb:66,227,237}:root{--color-bg-teal-light-rgb:204,252,255}:root{--color-bg-purple-rgb:109,66,237}:root{--color-bg-purple-light-rgb:236,229,255}:root{--color-bg-green-rgb:66,237,145}:root{--color-bg-green-light-rgb:204,255,228}:root{--color-bg-placeholder-light-rgb:241,241,241}:root{--color-bg-placeholder-dark-rgb:0,0,0}:root{--max-width:1920px;--column-count:12;--gutter-cap:36px;--gutter-x:24px;--gutter-y:40px;--page-content-max-width:1280px;--page-content-shell-max-width:calc(var(--page-content-max-width) + (var(--gutter-cap)*2));--social-feed-max-width:800px;--social-feed-grid-gap:24px;--text-current:#fff;--bg-current:#121212}:root{--reduced-motion:1}:root{--core-header-outer-padding:calc(var(--gutter-cap)*.5);--core-header-hamburger-padding-right:23px;--core-header-hamburger-svg-trim:4px;--core-header-inner-padding-y:13px;--core-header-inner-padding-x-left:var(--core-header-inner-padding-y);--core-header-inner-padding-x-right:calc(var(--core-header-hamburger-padding-right) - var(--core-header-hamburger-svg-trim));--core-header-logo-height:32px;--core-header-control-height:36px;--core-header-inner-height:calc((var(--core-header-inner-padding-y)*2) + max(var(--core-header-logo-height),var(--core-header-control-height)));
73--core-header-height:calc((var(--core-header-outer-padding)*2) + var(--core-header-inner-height));--core-header-pill-radius:9999px;--core-header-avatar-indicator-ring:var(--bg-current);--core-header-shadow:0 10px 6px 0 rgba(0,0,0,.06);--core-header-shadow-dark:0 4px 10px rgba(0,0,0,.4);--core-header-glass-tint-rgb:255 255 255;--core-header-glass-tint-alpha:1;--core-header-glass-highlight-alpha:.7;--core-header-glass-border-alpha:.2;--core-header-glass-backdrop-blur:2px;--core-header-glass-saturate:1.2;--core-header-glass-contrast:1.15;--core-header-glass-shadow-y:6px;--core-header-glass-shadow-blur:10px;--core-header-glass-shadow-alpha:.12;--core-header-glass-sheen-opacity:0;--core-header-glass-sheen-highlight-opacity:max(var(--core-header-glass-sheen-opacity),0);--core-header-glass-sheen-shade-opacity:max(calc(var(--core-header-glass-sheen-opacity)*-1),0);--core-header-glass-fallback-blur:3px;--core-header-glass-fallback-opacity:.25;--core-header-glass-fallback-edge-alpha:.5;--core-header-glass-fallback-edge-shadow-alpha:.5;--core-header-glass-fallback-edge-size:12px;--core-header-glass-liquid-scale:30;--core-header-glass-chromatic-aberration:.4;--core-header-glass-map-depth:1;--core-header-glass-map-edge-waist:.5;--core-header-glass-map-edge-x:1.5;--core-header-glass-map-edge-y:.45;--core-header-glass-map-center-inset-x:.9;--core-header-glass-map-center-inset-y:.55;--core-header-glass-map-center-blur:.2;--core-header-glass-map-center-opacity:1;--core-header-hover-intent:.1s}.core-header-slot{position:relative;flex-shrink:0;height:var(--core-header-height)}.core-header{position:fixed;top:0;left:0;right:0;z-index:2000;width:100%;padding:var(--core-header-outer-padding) var(--gutter-cap);color:var(--text-current);transform:translate3d(0,var(--core-header-scroll-shift,0),0);backface-visibility:hidden}@media (prefers-reduced-motion:no-preference){html:not([data-header-intro-seen=true]) .core-header[data-header-enter-pending] .btn-mobile-nav,html:not([data-header-intro-seen=true]) .core-header[data-header-enter-pending] .core-header-pill,html:not([data-header-intro-seen=true]) .core-header[data-header-enter-pending] .core-logo-container,html:not([data-header-intro-seen=true]) .core-header[data-header-enter-pending] .core-nav-list-primary>li:not(.is-empty),html:not([data-header-intro-seen=true]) .core-header[data-header-enter-pending] .okaydev-navbar-auth-root,html:not([data-header-intro-seen=true]) .core-header[data-header-enter-pending] .okaydev-navbar-leading-root{visibility:hidden}}body[data-header-theme=purple] .core-header .header-backdrop{opacity:1}body[data-header-theme=purple] .core-header-pill{box-shadow:var(--core-header-shadow)}body[data-header-theme=purple] .core-header{--core-header-avatar-indicator-ring:#6d42ed;color:#fff}body[data-header-theme=purple] .core-header .btn-mobile-nav,body[data-header-theme=purple] .core-header .core-nav-list-primary a.label-1,body[data-header-theme=purple] .core-header .sign-in a.label-1{color:#fff}body[data-header-theme=purple] .core-header .core-nav a.btn-core-sign-up{--btn-core-sign-up-bg:#fff;--btn-core-sign-up-fg:#0c0c0c;--btn-core-sign-up-hover-bg:#0c0c0c;--btn-core-sign-up-hover-fg:#fff}body[data-header-theme=purple] .core-header .header-backdrop{background-color:#6d42ed}body.is-dark{--core-header-glass-tint-rgb:12 12 12;--core-header-glass-tint-alpha:1;--core-header-glass-highlight-alpha:0;--core-header-glass-saturate:1.2;--core-header-glass-contrast:1.15;--core-header-glass-shadow-y:6px;--core-header-glass-shadow-blur:10px;--core-header-glass-shadow-alpha:.45;--core-header-glass-sheen-opacity:-1;--core-header-glass-liquid-scale:20;--core-header-glass-chromatic-aberration:.7;--core-header-glass-map-depth:1;--core-header-glass-map-edge-waist:.5;--core-header-glass-map-edge-y:.8;--core-header-glass-map-center-inset-y:.4}.core-header-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--gutter-x);position:relative;width:100%;max-width:var(--page-content-max-width);margin-inline:auto;min-height:var(--core-header-inner-height);padding:var(--core-header-inner-padding-y) var(--core-header-inner-padding-x-right) var(--core-header-inner-padding-y) var(--core-header-inner-padding-x-left);border-radius:0;box-shadow:none;overflow:visible}.core-header-pill{--core-header-pill-cap-size:calc(var(--core-header-inner-height)/2);position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:flex;align-items:stretch;width:100%;max-width:none;border-radius:var(--core-header-pill-radius);box-shadow:none;transform:translateZ(0)}.core-header-pill-cap{flex:0 0 var(--core-header-pill-cap-size);width:var(--core-header-pill-cap-size);min-width:var(--core-header-pill-cap-size)}.core-header-pill-mid{flex:1 1 auto;min-width:0}@media (min-width:1101px){:root{--core-header-inner-padding-y:10px;--core-header-inner-padding-x-left:12px;--core-header-inner-padding-x-right:calc(var(--core-header-hamburger-padding-right) - var(--core-header-hamburger-svg-trim))}.core-header-inner{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);align-items:center;gap:0}.core-header .core-logo-container{grid-area:1/1;justify-self:start}.core-header .core-nav{grid-area:1/1;width:100%;position:static}}.core-header .header-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;border-radius:inherit;opacity:0;transform:translateZ(0);-webkit-backdrop-filter:none;backdrop-filter:none;background-color:transparent;will-change:transform,opacity}.core-header .core-logo-container{flex-shrink:0;position:relative;z-index:3}.core-header .core-logo-link{display:flex;align-items:center;border-radius:2px;color:var(--text-current);position:relative;z-index:1;touch-action:manipulation}.core-logo-brand-menu{position:absolute;top:calc(100% + 14px);left:-8px;z-index:20;width:min(304px,100vw - var(--gutter-cap)*2);color:#eaeaea;font-family:Aeonik,FallbackFont,arial,helvetica,sans-serif;visibility:hidden;will-change:transform}.core-logo-brand-menu__surface{position:relative;border:1px solid #333;border-radius:14px;background:#161616;box-shadow:0 14px 36px rgba(0,0,0,.42)}.core-logo-brand-menu__content{max-height:calc(100dvh - var(--core-header-height) - 28px);overflow-x:hidden;overflow-y:auto;padding:8px;overscroll-behavior:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}.core-logo-brand-menu__content::-webkit-scrollbar{display:none}.core-logo-brand-menu__label,.core-logo-brand-menu__title{margin:0;font-family:Aeonik Mono,FallbackFontMono,monospace,menlo,monaco,Lucida Console,courier;font-weight:400;text-transform:uppercase}.core-logo-brand-menu__heading{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 6px 8px;color:inherit;text-decoration:none}.core-logo-brand-menu__heading:after{content:none}.core-logo-brand-menu__title{padding:0;color:#fff;font-size:14px;letter-spacing:.08em}.core-logo-brand-menu__page{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:16px;height:16px;border:1px solid #525252;border-radius:50%;color:#b8b8b8;font-family:Aeonik Mono,FallbackFontMono,monospace,menlo,monaco,Lucida Console,courier;font-size:10px;font-weight:700;line-height:1;text-decoration:none}.core-logo-brand-menu__page:after{content:none}.core-logo-brand-menu__group{border-top:1px solid #303030;padding-top:6px}.core-logo-brand-menu__group+.core-logo-brand-menu__group{margin-top:6px}.core-logo-brand-menu__label{padding:2px 6px 5px;color:#b8b8b8;font-size:12px;letter-spacing:.09em}.core-logo-brand-menu__toggle{display:flex;align-items:center;gap:8px;width:100%;border:0;border-radius:8px;padding:4px 2px;color:#b8b8b8;background:0 0;text-align:left}.core-logo-brand-menu__toggle .core-logo-brand-menu__label{flex:1;padding:0}.core-logo-brand-menu__chevron{display:grid;place-items:center;flex-shrink:0;width:14px;
73height:14px;margin-inline:4px 0;will-change:transform}.core-logo-brand-menu__chevron svg{display:block;width:100%;height:100%}.core-logo-brand-menu__assets{padding-block:4px}.core-logo-brand-menu__asset{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:40px;border-radius:8px;padding:2px 4px 2px 2px;color:#eaeaea;font-size:12px;font-weight:600;line-height:1.1}.core-logo-brand-menu__actions{display:flex;gap:4px}.core-logo-brand-menu__actions a{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:26px;border:1px solid #525252;border-radius:6px;padding-inline:5px;color:#ccc;background:#222;font-family:Aeonik Mono,FallbackFontMono,monospace,menlo,monaco,Lucida Console,courier;font-size:8px;font-weight:400;letter-spacing:.04em;text-decoration:none}.core-logo-brand-menu__actions a:after{content:none}.core-logo-brand-menu__preview{display:grid;place-items:center;width:36px;height:36px;border-radius:6px;padding:4px;overflow:hidden}.core-logo-brand-menu__preview img{display:block;width:100%;height:100%;object-fit:contain}.core-logo-brand-menu__preview--light{background:#f2f2f2}.core-logo-brand-menu__preview--purple{background:#6d42ed}.core-logo-brand-menu__preview--dark{background:#0c0c0c}.core-logo-brand-menu__footer{display:flex;gap:8px;margin-bottom:8px;padding-bottom:8px}.core-logo-brand-menu__kit{min-width:0;flex:1 1 auto;display:grid;grid-template-columns:minmax(0,1fr) 24px;align-items:center;text-align:center;gap:8px;min-height:40px;border-radius:999px;padding:9px 8px 9px 12px;color:#0c0c0c;background:#eee642;font-size:12px;font-weight:650;line-height:1;text-decoration:none;white-space:nowrap;will-change:transform}.core-logo-brand-menu__kit:after{content:none}.core-logo-brand-menu__kit span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;color:#fff;background:#0c0c0c;font-size:15px;will-change:transform}.core-logo-brand-menu__kit--guidelines{flex:0 0 auto;color:#fff;background:#6d42ed;will-change:transform}.core-logo-brand-menu__kit--guidelines span{padding-bottom:2px;color:#0c0c0c;background:#fff;will-change:transform}.core-logo-brand-menu .core-logo-brand-menu__surface{opacity:0;visibility:hidden;filter:blur(2px);transform:scale(.98) translateY(-8px);transform-origin:center center;visibility:visible;will-change:transform,opacity}@media (prefers-reduced-motion:reduce){:root{--reduced-motion:0}.core-logo-brand-menu__surface{animation-duration:NaNs!important;filter:none!important;transform:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}.core-header .logo-name{--logo-fill-outer:#0c0c0c;--logo-fill-inner:#eee642;display:inline-flex;width:auto;height:var(--core-header-logo-height)}.core-header .logo-name svg{width:auto;height:100%;overflow:visible}.core-header .logo-name svg path{will-change:transform}.core-header .logo-name .logo-letter{transform-box:fill-box;transform-origin:center;will-change:transform}.core-header .logo-name .logo-letter-face{will-change:transform}body.is-dark .core-header .logo-name{--logo-fill-outer:#fff;--logo-fill-inner:#0c0c0c}body[data-header-theme=purple] .core-header .logo-name{--logo-fill-outer:#0c0c0c;--logo-fill-inner:#eee642}body:not([data-page=social]):not([data-page=gallery]) .social-feed-top-button{display:none!important}.social-feed-top-button{position:absolute;top:100%;left:50%;margin-top:8px;z-index:2100;display:inline-flex;align-items:center;gap:2px;padding:6px 12px;border-radius:999px;border:0;background-color:#6d42ed;color:#fff;font-family:Aeonik Mono,FallbackFontMono,monospace,menlo,monaco,Lucida Console,courier;font-size:.8125rem;letter-spacing:.04em;text-transform:uppercase;opacity:0;transform:translate(-50%,-8px);will-change:transform,opacity}.social-feed-top-button[hidden]{display:none}.social-feed-top-button-icon{display:inline-flex;width:18px;height:18px}.social-feed-top-button-icon svg{width:100%;height:100%}
73.social-feed-top-button-icon svg path{fill:currentColor}.social-feed-top-button-spinner{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:14px;height:14px;border-radius:50%;border:2px solid currentColor;border-top-color:transparent;opacity:0}:root{--core-nav-user-menu-shadow:0 18px 48px rgba(0,0,0,.16)}.core-nav{display:flex;align-items:center;flex:1 1 auto;min-width:0;width:100%;text-transform:uppercase;position:relative;z-index:2}.core-nav a{display:flex;padding:0 8px;align-items:center;gap:6px;position:relative;border-radius:4px;color:var(--text-current)}.btn-mobile-nav{margin:0;padding:0;border:0;background-color:transparent;color:inherit;-webkit-appearance:none;appearance:none;display:none;align-items:center;justify-content:center;color:var(--text-current);background-color:transparent!important}.btn-mobile-nav .mobile-nav-toggle-icon{display:block;position:relative;width:24px;height:24px}.btn-mobile-nav .mobile-nav-toggle-line{position:absolute;top:50%;left:50%;display:block;width:19px;height:2px;margin-top:-.5px;margin-left:-9.5px;border-radius:999px;background-color:currentColor;transform-origin:center center;will-change:transform,opacity}.btn-mobile-nav .mobile-nav-toggle-line-top{transform:translateY(-3.5px)}.btn-mobile-nav .mobile-nav-toggle-line-middle{opacity:0}.btn-mobile-nav .mobile-nav-toggle-line-bottom{transform:translate(-2.85px,3.5px) scaleX(.7);transform-origin:center center}body[data-header-theme=purple] .core-header .core-nav-list-primary a.label-1{color:#fff}.core-nav-list{display:flex;align-items:center;justify-content:space-between;width:100%;margin:0}.core-nav-list .sign-in,.core-nav-list .sign-up,.core-nav-list li{flex-shrink:0}.core-nav-list-primary{display:flex;align-items:center;width:100%;margin:0}.core-nav-list-primary>li{margin-left:1.2vw}.core-nav-list-link-row{display:contents}@media (max-width:1100px){:root{--core-header-inner-padding-y:8px;--core-header-inner-padding-x-left:12px;--core-header-inner-padding-x-right:calc(var(--core-header-hamburger-padding-right) - var(--core-header-hamburger-svg-trim));--core-header-logo-height:28px}.core-nav-link-roll>span:last-child{display:none}}@media (min-width:1101px){.core-nav{position:static}.core-nav-list-primary,.okaydev-navbar-auth-root{--core-nav-primary-link-font-size:14px;--core-nav-primary-link-hover-font-size:15px;--core-nav-primary-link-roll-duration:.24s;--core-nav-primary-link-roll-stagger:.04s}.core-nav-link-roll{display:inline-grid;align-items:center;justify-items:center;overflow:hidden;vertical-align:bottom;font-size:var(--core-nav-primary-link-hover-font-size);line-height:1}.core-nav-link-roll>span{grid-area:1/1;transform-origin:center;will-change:transform}.core-nav-link-roll>span:first-child{font-size:calc(var(--core-nav-primary-link-font-size)/var(--core-nav-primary-link-hover-font-size)*1em)}.core-nav-link-roll>span:last-child{font-size:1em;transform:translateY(100%)}.core-nav-list-primary a.label-1,.okaydev-navbar-auth-root .sign-in a.label-1{display:inline-block;padding:8px 12px}.core-nav{--core-nav-current-user-gap:4px;--core-nav-avatar-menu-icon-box:24px;--core-nav-avatar-menu-svg-size:20px;--core-nav-avatar-adjacent-visual-gap:calc(var(--core-nav-current-user-gap) + (var(--core-nav-avatar-menu-icon-box) - var(--core-nav-avatar-menu-svg-size))/2 + var(--core-nav-avatar-menu-svg-size)*3.5/24)}.core-nav-list{position:static;justify-content:flex-end}.core-nav-list-primary{flex:0 1 auto;min-width:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);justify-content:center;width:max-content;margin:0;z-index:1}.core-nav-list-primary>li{margin-left:max(4px,1.2vw - 8px)}.okaydev-navbar-auth-root{position:relative;z-index:3}.okaydev-navbar-auth-root.is-navbar-auth-guest{margin-right:calc(var(--core-header-inner-padding-y) - var(--core-header-inner-padding-x-right))}.core-nav-list-pricing{position:relative}.core-nav-list-pricing .okaydev-nav-go-pro-mount{position:absolute;top:50%;left:calc(100% + 12px);transform:translateY(-50%)}}.core-nav a.btn-core-sign-up{border:0;background-color:transparent;color:inherit;-webkit-appearance:none;appearance:none;font-family:Aeonik Mono,FallbackFontMono,monospace,menlo,monaco,Lucida Console,courier;font-variant-numeric:lining-nums proportional-nums stacked-fractions slashed-zero;
73font-feature-settings:"dlig" on,"case" on,"ss05" on,"ss06" on,"ss07" on,"ss12" off;font-size:14px;line-height:1;text-transform:uppercase;flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:6px;height:42px;border-radius:22px;background-color:var(--text-current);overflow:hidden;padding:0 15px 0 20px;color:var(--bg-current);--btn-core-sign-up-bg:var(--text-current);--btn-core-sign-up-fg:var(--bg-current);--btn-core-sign-up-hover-bg:#6d42ed;--btn-core-sign-up-hover-fg:#fff;position:relative;isolation:isolate;margin:0 0 0 8px;color:var(--btn-core-sign-up-fg);background-color:var(--btn-core-sign-up-bg);will-change:transform}.core-nav a.btn-core-sign-up svg path{fill:var(--bg-current);will-change:transform}.core-nav a.btn-core-sign-up:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;background-color:var(--btn-core-sign-up-hover-bg);opacity:0;will-change:transform,opacity}.core-nav a.btn-core-sign-up svg path{fill:var(--btn-core-sign-up-fg);will-change:transform}.core-nav-list-primary .core-nav-list-add-project{display:none}.mobile-content-cover{display:none}@media (max-width:1100px){.core-nav{--core-nav-mobile-gutter-cap:12px;--core-nav-mobile-gutter-x:16px;--core-nav-mobile-gutter-y:14px;--core-nav-mobile-links-top:18px;--core-nav-mobile-links-row-gap:calc(var(--core-nav-mobile-gutter-y)*1.5);--core-nav-mobile-content-inline:calc(var(--core-nav-mobile-gutter-cap) + var(--core-nav-mobile-gutter-x));--core-nav-mobile-content-max-width:430px;--core-nav-mobile-panel-bg:#0c0c0c;--core-nav-mobile-account-bg:#121212;--core-nav-mobile-auth-section-gap:26px;--core-nav-mobile-user-menu-row-gap:15px;--core-nav-mobile-panel-height:calc(100dvh - var(--core-header-height,60px));justify-content:flex-start;align-items:center;gap:8px}.core-nav .okaydev-navbar-leading-root{order:1;display:flex;align-items:center;justify-content:flex-end;flex:1 1 auto;min-width:0;width:auto;position:relative;z-index:3}.core-nav .okaydev-navbar-leading-root>:is(.dynamic-block,.servd-dynamic-stale-preview){display:flex;align-items:center;justify-content:flex-end;flex:1 1 auto;min-width:0;width:100%}.core-nav a{padding-left:0;padding-right:0}.core-header .core-nav .mobile-content-cover{display:none;position:fixed;top:var(--core-header-height,60px);left:0;z-index:1998;width:100%;height:var(--core-nav-mobile-panel-height);background-color:transparent}.btn-mobile-nav{display:flex;order:2;flex-shrink:0;position:relative;z-index:3}.core-header .core-nav .core-nav-list{display:flex;flex-wrap:nowrap;align-content:flex-start;justify-content:flex-start;position:fixed;top:var(--core-header-height,60px);left:0;z-index:1999;width:100%;height:var(--core-nav-mobile-panel-height);max-height:var(--core-nav-mobile-panel-height);min-height:0;--text-current:#fff;--bg-current:var(--core-nav-mobile-panel-bg);color:var(--text-current);background-color:transparent;color-scheme:dark;overflow-x:clip;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;padding-top:var(--core-nav-mobile-links-top);visibility:hidden;opacity:0;transform:scale(.97);transform-origin:center top;isolation:isolate}.core-header .core-nav .core-nav-list a:not(.button):not(.btn-core-sign-up):not(.btn-core-login):not(.btn-core-add-project):not(.memberships-cta):not(.name):not(.username){color:var(--text-current)}.core-header>.core-nav-mobile-panel-bg{position:fixed;top:0;left:0;z-index:0;display:block;width:100%;height:100lvh;background:linear-gradient(180deg,color-mix(in srgb,#6d42ed 12%,#0c0c0c) 0,var(--core-nav-mobile-panel-bg,#0c0c0c) 18%,var(--core-nav-mobile-panel-bg,#0c0c0c) 100%);transform:scaleY(0);transform-origin:center top;opacity:0}.core-header .core-nav .core-nav-list ul.core-nav-list-primary{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:var(--core-nav-mobile-gutter-x);row-gap:var(--core-nav-mobile-links-row-gap);align-items:start;flex-shrink:0;width:100%;max-width:calc(var(--core-nav-mobile-content-max-width) + var(--core-nav-mobile-content-inline)*2);margin-left:auto;margin-right:auto;padding-left:var(--core-nav-mobile-content-inline);padding-right:var(--core-nav-mobile-content-inline)}.core-header .core-nav .core-nav-list ul.core-nav-list-primary>li{width:auto;min-width:0;margin-top:0;margin-left:0}.core-header .core-nav .core-nav-list ul.core-nav-list-primary>li.core-nav-list-social{grid-column:1;grid-row:1}.core-header .core-nav .core-nav-list ul.core-nav-list-primary>li.core-nav-list-projects{grid-column:2;grid-row:1}.core-header .core-nav .core-nav-list ul.core-nav-list-primary>li.core-nav-list-directory{grid-column:1;grid-row:2}.core-header .core-nav .core-nav-list ul.core-nav-list-primary>li.core-nav-list-articles{grid-column:2;grid-row:2}.core-header .core-nav .core-nav-list ul.core-nav-list-primary>li.core-nav-list-jobs{grid-column:1;grid-row:3}.core-header .core-nav .core-nav-list ul.core-nav-list-primary>li.core-nav-list-pricing{grid-column:2;grid-row:3}.core-header .core-nav .core-nav-list ul.core-nav-list-primary>li>
73.core-nav-list-link-row>a.label-1{font-family:Aeonik,FallbackFont,arial,helvetica,sans-serif;font-weight:900;font-style:normal;font-size:clamp(36px,3.5vw,63px);font-feature-settings:"dlig" on,"ss11" on,"ss09" on,"ss08" on,"ss05" on,"ss07" on,"ss06" on,"ss03" on,"case" on;line-height:.98;letter-spacing:-.48px;font-size:24px;height:auto;text-transform:none}.core-header .core-nav .core-nav-list ul.core-nav-list-primary .core-nav-list-link-row{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:var(--core-nav-mobile-gutter-x);width:100%}.core-header .core-nav .core-nav-list ul.core-nav-list-primary .core-nav-list-pricing .core-nav-list-link-row{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:calc(var(--core-nav-mobile-gutter-x)*.75);width:100%}.core-header .core-nav .core-nav-list ul.core-nav-list-primary .core-nav-list-pricing .okaydev-nav-go-pro-mount{position:static;top:auto;left:auto;transform:none;flex-shrink:0}.core-header .core-nav .core-nav-list ul.core-nav-list-primary .core-nav-list-add-project{display:none}.sign-up{order:2}.core-nav a.btn-core-sign-up{margin-left:0}.sign-in{order:3;display:flex;align-items:center;height:42px;margin-left:var(--core-nav-mobile-gutter-x)}.okaydev-navbar-auth-root{position:relative;z-index:1;isolation:isolate;padding-left:var(--core-nav-mobile-content-inline);padding-right:var(--core-nav-mobile-content-inline)}.okaydev-navbar-auth-root.is-navbar-auth-guest{margin-top:40px}.core-nav-mobile-account-bg,.core-nav-mobile-account-divider{position:absolute;display:block}.core-nav-mobile-account-bg{z-index:0;top:0;right:0;bottom:0;left:0;background-color:var(--core-nav-mobile-account-bg);opacity:0}
73.core-nav-mobile-account-divider{z-index:1;top:0;left:0;width:100%;height:1px;background-color:#222;opacity:0;transform:scaleX(0);transform-origin:center center}.okaydev-navbar-auth-root>:not(.core-nav-mobile-account-bg):not(.core-nav-mobile-account-divider){position:relative;z-index:2}.okaydev-navbar-auth-root.is-navbar-auth-guest{display:flex;flex-wrap:nowrap;column-gap:var(--core-nav-mobile-gutter-x);align-items:center;justify-content:flex-start;align-self:stretch;width:100%;max-width:calc(var(--core-nav-mobile-content-max-width) + var(--core-nav-mobile-content-inline)*2);margin-left:auto;margin-right:auto}.okaydev-navbar-auth-root.is-navbar-auth-guest .core-nav-mobile-account-bg{background-color:transparent}.okaydev-navbar-auth-root.is-navbar-auth-guest .core-nav-mobile-account-divider{display:none}.okaydev-navbar-auth-root.is-navbar-auth-guest .sign-up{order:1;display:flex;justify-content:flex-start;flex:0 0 calc((100% - var(--core-nav-mobile-gutter-x))/2)}.okaydev-navbar-auth-root.is-navbar-auth-guest .sign-up .btn-core-sign-up{width:max-content;min-width:0;padding-left:16px;padding-right:12px}.okaydev-navbar-auth-root.is-navbar-auth-guest .sign-in{order:2;flex:0 0 calc((100% - var(--core-nav-mobile-gutter-x))/2);margin-left:0}body[data-header-theme=purple] .core-header .btn-mobile-nav{color:#fff;background-color:transparent!important}body[data-header-theme=purple] .core-header .mobile-nav-toggle-line{background-color:#fff}}@media (max-width:1100px) and (min-width:768px){.core-nav-list-primary>li{margin-left:0}}.okaydev-nav-go-pro-mount{display:inline-flex;align-items:baseline;min-width:0}.navbar-pricing-go-pro-ph{display:none}.okaydev-navbar-leading-root{display:flex;align-items:center;min-width:0}@media (min-width:1101px){.core-nav a.btn-core-sign-up{height:var(--btn-core-add-project-size,36px);padding-left:16px;padding-right:12px;border-radius:9999px}.okaydev-navbar-leading-root{display:none}}.okaydev-navbar-auth-root{display:flex;align-items:center;min-width:0;width:100%}@media (max-width:1100px){.okaydev-navbar-auth-root.is-navbar-auth-guest{display:flex;flex-wrap:nowrap;column-gap:var(--core-nav-mobile-gutter-x);align-items:center;justify-content:flex-start;align-self:stretch;width:100%}.okaydev-navbar-auth-root.is-navbar-auth-guest .sign-up{order:1;display:flex;justify-content:flex-start;flex:0 0 calc((100% - var(--core-nav-mobile-gutter-x))/2)}.okaydev-navbar-auth-root.is-navbar-auth-guest .sign-up .btn-core-sign-up{width:max-content;min-width:0;padding-left:16px;padding-right:12px}.okaydev-navbar-auth-root.is-navbar-auth-guest .sign-in{order:2;flex:0 0 calc((100% - var(--core-nav-mobile-gutter-x))/2);margin-left:0}}@media (min-width:1101px){.okaydev-navbar-auth-root{flex:0 0 auto;width:auto}}.core-nav-guest-extra{display:none}@media (max-width:1100px){.core-header .core-nav .okaydev-navbar-auth-root.is-navbar-auth-guest{display:grid;grid-template-columns:max-content minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:12px;flex:1 0 auto;align-items:start;padding-bottom:24px}.core-header .core-nav .okaydev-navbar-auth-root.is-navbar-auth-guest .sign-up{order:1}.core-header .core-nav .okaydev-navbar-auth-root.is-navbar-auth-guest .sign-in{order:2}.core-header .core-nav .okaydev-navbar-auth-root.is-navbar-auth-guest .sign-up>a.btn-core-sign-up{--btn-core-sign-up-bg:#42ed91;--btn-core-sign-up-fg:#0c0c0c}.core-header .core-nav .okaydev-navbar-auth-root.is-navbar-auth-guest .sign-in>a.btn-core-login{margin:0;border:0;background-color:transparent;color:inherit;-webkit-appearance:none;appearance:none;font-family:Aeonik Mono,FallbackFontMono,monospace,menlo,monaco,Lucida Console,courier;font-variant-numeric:lining-nums proportional-nums stacked-fractions slashed-zero;font-feature-settings:"dlig" on,"case" on,"ss05" on,"ss06" on,"ss07" on,"ss12" off;font-size:14px;line-height:1;text-transform:uppercase;flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:6px;height:42px;border-radius:22px;padding:0 25px;color:var(--bg-current);background-color:var(--text-current);overflow:hidden;width:max-content;padding-inline:16px;color:#0c0c0c;background-color:#fff;will-change:transform}.core-nav .core-nav-guest-extra{display:flex;flex-direction:column;grid-column:1/-1;align-self:stretch;position:relative;order:3;flex:0 0 100%;margin-top:28px;padding-top:24px;border-top:1px solid rgba(255,255,255,.15)}.core-nav .core-nav-guest-extra ul{position:static;display:flex;flex-wrap:wrap;width:100%;margin:0;padding:0;gap:16px 24px;list-style:none}.core-nav .core-nav-guest-extra .core-nav-guest-secondary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--core-nav-mobile-gutter-x);text-transform:none}.core-nav .core-nav-guest-extra .core-nav-guest-social-nav{margin-top:auto;padding-top:24px}.core-nav .core-nav-guest-extra .core-nav-guest-social-eyebrow{margin:0 0 14px;color:rgba(255,255,255,.6);letter-spacing:.08em}.core-nav .core-nav-guest-extra .core-nav-guest-social a{display:flex;align-items:center;min-height:32px}
73.core-nav .core-nav-guest-extra .core-nav-guest-social svg{display:block;width:22px;height:22px}.core-nav .core-nav-guest-extra .core-nav-guest-social .bento-social-mark--instagram{transform:scale(1.25)}}@media (min-width:640px) and (max-width:1100px) and (orientation:landscape){.core-header .core-nav .core-nav-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:auto auto;gap:24px;align-items:start;padding-block:24px;padding-left:max(var(--gutter-cap),(100% - var(--page-content-max-width))/2,env(safe-area-inset-left));padding-right:max(var(--gutter-cap),(100% - var(--page-content-max-width))/2,env(safe-area-inset-right))}.core-header .core-nav .core-nav-list ul.core-nav-list-primary{grid-column:1/3;grid-row:1;max-width:none;margin:0;padding:0;column-gap:24px}.core-header .core-nav .core-nav-list .okaydev-navbar-auth-root.is-navbar-auth-guest{grid-column:1/-1;grid-row:1/3;grid-template-columns:subgrid;grid-template-rows:subgrid;gap:24px;max-width:none;margin:0;padding:0}.core-header .core-nav .core-nav-list .okaydev-navbar-auth-root.is-navbar-auth-guest .sign-up{grid-column:1;grid-row:2}.core-header .core-nav .core-nav-list .okaydev-navbar-auth-root.is-navbar-auth-guest .sign-in{grid-column:2;grid-row:2}.core-header .core-nav .core-nav-list .okaydev-navbar-auth-root.is-navbar-auth-guest .sign-in,.core-header .core-nav .core-nav-list .okaydev-navbar-auth-root.is-navbar-auth-guest .sign-up{align-self:end}.core-header .core-nav .core-nav-list .okaydev-navbar-auth-root.is-navbar-auth-guest .core-nav-guest-extra{grid-column:3/5;grid-row:1/3;min-width:0;margin-top:0;padding-top:0;padding-left:24px;border-top:0;border-left:1px solid rgba(255,255,255,.15)}.core-header .core-nav .core-nav-list:has(>.is-navbar-auth-guest){grid-template-rows:repeat(3,auto) auto}.core-header .core-nav .core-nav-list:has(>.is-navbar-auth-guest) ul.core-nav-list-primary{grid-row:1/4;grid-template-rows:subgrid;row-gap:normal;align-items:baseline}.core-header .core-nav .core-nav-list:has(>.is-navbar-auth-guest) ul.core-nav-list-primary .core-nav-list-link-row{align-items:baseline}.core-header .core-nav .core-nav-list:has(>.is-navbar-auth-guest) .okaydev-navbar-auth-root.is-navbar-auth-guest{grid-row:1/5}.core-header .core-nav .core-nav-list:has(>.is-navbar-auth-guest) .okaydev-navbar-auth-root.is-navbar-auth-guest .sign-in,.core-header .core-nav .core-nav-list:has(>.is-navbar-auth-guest) .okaydev-navbar-auth-root.is-navbar-auth-guest .sign-up{grid-row:4}.core-header .core-nav .core-nav-list:has(>.is-navbar-auth-guest) .okaydev-navbar-auth-root.is-navbar-auth-guest .core-nav-guest-extra{display:grid;grid-row:1/5;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:subgrid}.core-header .core-nav .core-nav-list:has(>.is-navbar-auth-guest) .okaydev-navbar-auth-root.is-navbar-auth-guest .core-nav-guest-extra .core-nav-guest-secondary,.core-header .core-nav .core-nav-list:has(>.is-navbar-auth-guest) .okaydev-navbar-auth-root.is-navbar-auth-guest .core-nav-guest-extra>nav:first-child{display:grid;grid-column:1/-1;grid-row:1/4;grid-template-columns:subgrid;grid-template-rows:subgrid;row-gap:normal;align-items:baseline}.core-header .core-nav .core-nav-list:has(>.is-navbar-auth-guest) .okaydev-navbar-auth-root.is-navbar-auth-guest .core-nav-guest-extra .core-nav-guest-social-nav{grid-column:1/-1;grid-row:4;align-self:end;margin-top:0;padding-top:0}.core-header .core-nav .core-nav-list:has(>.is-navbar-auth-guest) .okaydev-navbar-auth-root.is-navbar-auth-guest .core-nav-guest-extra .core-nav-guest-social a{align-items:center;min-height:42px}}.app-toolbar{--app-toolbar-inset-left:max(12px,var(--app-safe-left,0px));--app-toolbar-inset-right:max(12px,var(--app-safe-right,0px));--app-toolbar-surface:rgb(28 28 30/72%);--app-toolbar-knockout:#1c1c1e;--app-toolbar-hairline:rgb(255 255 255/10%);--app-toolbar-fg:rgb(255 255 255/60%);--app-toolbar-fg-active:#fff;--app-toolbar-highlight:rgb(255 255 255/11%);--app-toolbar-shadow:0 12px 32px rgb(0 0 0/45%),0 2px 8px rgb(0 0 0/30%);--app-toolbar-dot:#af;--app-toolbar-dot-glow:0 0 5px 1px rgb(140 105 255/90%),0 0 14px 4px rgb(109 66 237/65%)}.app-toolbar{position:fixed;right:0;bottom:var(--app-toolbar-bottom,12px);left:0;z-index:2000;width:calc(100% - var(--app-toolbar-inset-left) - var(--app-toolbar-inset-right));max-width:440px;margin:0 auto;will-change:transform,opacity}.app-toolbar-list{display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;align-items:center;height:var(--app-toolbar-height,60px);margin:0;padding:0 4px;list-style:none;border-radius:9999px;background:var(--app-toolbar-surface);box-shadow:var(--app-toolbar-shadow),inset 0 0 0 1px var(--app-toolbar-hairline);-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%)}.app-toolbar-item{display:flex;justify-content:center;min-width:0;margin:0}.app-toolbar-tab{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:calc(var(--app-toolbar-height,60px) - 8px);margin:0;padding:0;border:0;border-radius:9999px;background:0 0;font:inherit;text-decoration:none;-webkit-appearance:none;appearance:none;touch-action:manipulation}.app-toolbar-tab{flex-direction:column;gap:3px;padding-top:6px;color:var(--app-toolbar-fg);will-change:transform}.app-toolbar-tab:before{content:"";position:absolute;top:1px;left:50%;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;background:var(--app-toolbar-dot);box-shadow:var(--app-toolbar-dot-glow);opacity:0;transform:translate3d(0,3px,0) scale(.2);will-change:transform,opacity}.app-toolbar-icon{position:relative;display:grid;place-items:center;width:26px;height:26px}.app-toolbar-glyph{display:block;width:24px;height:24px;overflow:visible}.app-toolbar-glyph circle,.app-toolbar-glyph path{will-change:transform}.app-toolbar-glyph--social .app-toolbar-glyph-disc{fill:transparent;stroke:var(--app-toolbar-fg)}
73.app-toolbar-glyph--social .app-toolbar-glyph-mark{fill:var(--app-toolbar-fg)}.app-toolbar-label{position:relative;max-width:100%;margin-block:-.2em;padding-block:.2em;overflow:hidden;font-family:Aeonik,FallbackFont,arial,helvetica,sans-serif;font-size:10.5px;font-weight:500;line-height:1;letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis}.app-toolbar{--app-sheet-surface:rgb(28 28 30/94%);--app-sheet-card:#2c2c2e;--app-sheet-outline:rgb(255 255 255/22%)}.app-logo{--app-logo-shade:#fff;--app-logo-fill:#0c0c0c;position:relative;z-index:2;justify-content:center;height:100%;padding:var(--app-logo-top) var(--app-logo-gutter) var(--app-logo-gutter)}.app-logo-link{display:block;border-radius:4px;touch-action:manipulation;will-change:transform}.app-logo-mark{display:block;height:var(--app-logo-height);width:auto;aspect-ratio:1483/276}.app-logo-fill,.app-logo-shade{will-change:transform}.app-logo-shade{fill:var(--app-logo-shade)}.app-logo-fill{fill:var(--app-logo-fill)}.app-status-tint{display:none;position:fixed;top:0;right:0;left:0;z-index:3;height:var(--app-status-tint-height,12px);background-color:var(--bg-current)}:is([data-handle=login],[data-handle=forgotPassword],[data-handle=signUp],[data-handle=businessSignUp],[data-handle=editProfile],[data-handle=managePortfolio],[data-handle=manageTeam],[data-handle=membership],[data-handle=thankYou],[data-handle=accountSettings],[data-handle=accountNotifications],[data-handle=accountSettingsBusiness],[data-handle=notifications],[data-handle=about],[data-handle=faqs],[data-handle=contact],[data-handle=communityGuidelines],[data-handle=legal]){position:relative;background:0 0}:is([data-handle=login],[data-handle=forgotPassword],[data-handle=signUp],[data-handle=businessSignUp],[data-handle=editProfile],[data-handle=managePortfolio],[data-handle=manageTeam],[data-handle=membership],[data-handle=thankYou],[data-handle=accountSettings],[data-handle=accountNotifications],[data-handle=accountSettingsBusiness],[data-handle=notifications],[data-handle=about],[data-handle=faqs],[data-handle=contact],[data-handle=communityGuidelines],[data-handle=legal])>.page-container{position:relative;z-index:1}:is([data-handle=login],[data-handle=forgotPassword],[data-handle=signUp],[data-handle=businessSignUp],[data-handle=editProfile],[data-handle=managePortfolio],[data-handle=manageTeam],[data-handle=membership],[data-handle=thankYou],[data-handle=accountSettings],[data-handle=accountNotifications],[data-handle=accountSettingsBusiness],[data-handle=notifications],[data-handle=about],[data-handle=faqs],[data-handle=contact],[data-handle=communityGuidelines],[data-handle=legal]) .settings-content,:is([data-handle=login],[data-handle=forgotPassword],[data-handle=signUp],[data-handle=businessSignUp],[data-handle=editProfile],[data-handle=managePortfolio],[data-handle=manageTeam],[data-handle=membership],[data-handle=thankYou],[data-handle=accountSettings],[data-handle=accountNotifications],[data-handle=accountSettingsBusiness],[data-handle=notifications],[data-handle=about],[data-handle=faqs],[data-handle=contact],[data-handle=communityGuidelines],[data-handle=legal]) .settings-title{position:relative;z-index:2}:is([data-handle=editProfile],[data-handle=managePortfolio],[data-handle=manageTeam],[data-handle=membership],[data-handle=thankYou],[data-handle=accountSettings],[data-handle=accountNotifications],[data-handle=accountSettingsBusiness],[data-handle=notifications],[data-handle=about],[data-handle=faqs],[data-handle=contact],[data-handle=communityGuidelines],[data-handle=legal]){min-height:calc(100svh - var(--core-header-height))}:is([data-handle=editProfile],[data-handle=managePortfolio],[data-handle=manageTeam],[data-handle=membership],[data-handle=thankYou],[data-handle=accountSettings],[data-handle=accountNotifications],[data-handle=accountSettingsBusiness],[data-handle=notifications],[data-handle=about],[data-handle=faqs],[data-handle=contact],[data-handle=communityGuidelines],[data-handle=legal]) .auth-shell-bg{background-color:#0c0c0c}.auth-shell-bg{position:absolute;top:calc(-1*var(--core-header-height));right:0;bottom:-100vmax;left:0;z-index:0;overflow:hidden;background-color:var(--bg-current)}:is([data-handle=editProfile],[data-handle=managePortfolio],[data-handle=manageTeam],[data-handle=membership],[data-handle=thankYou],[data-handle=accountSettings],[data-handle=accountNotifications],[data-handle=accountSettingsBusiness],[data-handle=notifications],[data-handle=about],[data-handle=faqs],[data-handle=contact],[data-handle=communityGuidelines],[data-handle=legal]) .auth-shell-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:linear-gradient(to right,transparent 0,color-mix(in srgb,#0c0c0c 28%,transparent) 4%,color-mix(in srgb,#0c0c0c 58%,transparent) 8%,color-mix(in srgb,#0c0c0c 62%,transparent) 12%,color-mix(in srgb,#0c0c0c 62%,transparent) 88%,color-mix(in srgb,#0c0c0c 58%,transparent) 92%,color-mix(in srgb,#0c0c0c 28%,transparent) 96%,transparent 100%)}
73.auth-shell-bg-shadow{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;mix-blend-mode:soft-light;opacity:.75}.auth-shell-bg-shadow img{width:100%;height:100%;object-fit:cover}.auth-shell-grid-lines{--grid-minor:40px;--grid-major:calc(var(--grid-minor)*5);position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' fill='none'%3E%3Cpath stroke='rgba(255,255,255,0.07)' stroke-width='1' stroke-dasharray='5 5' d='M20 0v200M60 0v200M140 0v200M180 0v200M0 20h200M0 60h200M0 140h200M0 180h200'/%3E%3C/svg%3E");background-size:var(--grid-major) var(--grid-major);background-position:center;background-repeat:repeat}.auth-shell-grid-lines:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(to right,transparent 0 calc(var(--grid-major)/2 - .5px),rgba(255,255,255,.1) calc(var(--grid-major)/2 - .5px) calc(var(--grid-major)/2 + .5px),transparent calc(var(--grid-major)/2 + .5px) var(--grid-major)),repeating-linear-gradient(to bottom,transparent 0 calc(var(--grid-major)/2 - .5px),rgba(255,255,255,.1) calc(var(--grid-major)/2 - .5px) calc(var(--grid-major)/2 + .5px),transparent calc(var(--grid-major)/2 + .5px) var(--grid-major));background-size:var(--grid-major) 100%,100% var(--grid-major);background-position:center;background-repeat:repeat}.okay-dialog{--dialog-field-bg:color-mix(in srgb,var(--bg-current) 96%,var(--text-current));display:flex;align-items:center;justify-content:center;position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;border:none;background:0 0;outline:0;overflow:visible}@media (max-width:767px){:root{--column-count:6;--gutter-cap:12px;--gutter-x:16px;--gutter-y:14px}:root{--core-header-outer-padding:var(--gutter-cap)}.okay-dialog{padding:8px}}.dialog-content{display:flex;flex-direction:column;align-items:stretch;width:100%;max-width:555px;max-height:calc(100vh - var(--gutter-y)*2);border-radius:12px;margin:0;padding:0;font-size:16px;color:var(--text-current);background-color:var(--bg-current);box-shadow:0 25px 35px 5px rgba(0,0,0,.15);overflow-x:hidden;overflow-y:hidden;overscroll-behavior:contain}.dialog-content a{position:relative;z-index:1}.dialog-content p{color:var(--text-current)}.dialog-content p{font-family:Aeonik,FallbackFont,arial,helvetica,sans-serif;font-variant-numeric:lining-nums proportional-nums slashed-zero;font-feature-settings:"ss08" on,"ss02" on,"ss07" on;font-size:14px;line-height:1.5;letter-spacing:.21px;font-size:16px}.dialog-content a{text-decoration:underline;color:var(--text-current);opacity:.75;will-change:transform,opacity}.dialog-content a:after{background-color:var(--text-current)}body.is-dark .okay-dialog:not([data-theme=light]){--dialog-field-bg:color-mix(in srgb,var(--bg-current) 88%,var(--text-current))}body.is-dark .dialog-content{box-shadow:0 25px 35px 5px rgba(0,0,0,.45)}.dialog-heading{font-family:Aeonik Mono,FallbackFontMono,monospace,menlo,monaco,Lucida Console,courier;font-variant-numeric:lining-nums proportional-nums stacked-fractions slashed-zero;font-feature-settings:"dlig" on,"case" on,"ss05" on,"ss06" on,"ss07" on,"ss12" off;font-size:14px;line-height:1;text-transform:uppercase;display:flex;align-items:center;justify-content:space-between;width:100%;font-weight:500}.dialog-heading-content{display:inline-flex;align-items:center;gap:calc(var(--gutter-x)*.5);min-width:0}.dialog-heading-text{min-width:0}.dialog-footer,.dialog-header{width:100%;flex:0 0 auto;padding:14px 14px 14px 24px}.dialog-header{background-color:color-mix(in srgb,var(--text-current) 3%,#fff)}body.is-dark .dialog-header{background-color:color-mix(in srgb,var(--bg-current) 94%,#fff)}.dialog-header{border-bottom:1px solid color-mix(in srgb,var(--text-current) 8%,transparent)}@media (max-width:767px){.dialog-content{max-height:calc(100vh - 66px - var(--gutter-y)*8)}.dialog-header{padding:6px 6px 6px 12px}}.dialog-inner{width:100%;flex:1 1 auto;min-height:0;max-height:677px;overflow-y:auto;overscroll-behavior:contain;padding:18px 20px 18px 24px;scrollbar-gutter:stable}.dialog-footer{margin-top:auto;background-color:color-mix(in srgb,var(--text-current) 3%,#fff);border-top:1px solid color-mix(in srgb,var(--text-current) 8%,transparent);color:gray}body.is-dark .dialog-footer{background-color:color-mix(in srgb,var(--bg-current) 94%,#fff);border-top-color:color-mix(in srgb,#fff 12%,transparent)}.okay-dialog .dialog-content .dialog-footer :is(.button,button,input[type=submit],input[type=button]){font-size:13px}.okay-dialog .dialog-content .button:not(.btn-text){border:1px solid color-mix(in srgb,var(--text-current) 14%,transparent)}.okay-dialog{--dialog-chrome-bg:color-mix(in srgb,var(--text-current) 3%,#fff);--dialog-chrome-line:color-mix(in srgb,var(--text-current) 8%,transparent)}.okay-dialog .dialog-content{--panel-scroll-fade-bg:var(--bg-current);position:relative}.okay-dialog .dialog-content>.dialog-header{min-height:44px;padding:6px 6px 6px 14px;border-bottom-color:var(--dialog-chrome-line);background-color:var(--dialog-chrome-bg)}.okay-dialog .dialog-content>.dialog-footer{padding:10px 12px;border-top-color:var(--dialog-chrome-line);background-color:var(--dialog-chrome-bg)}.okay-dialog .dialog-footer .button{min-height:32px}.okay-dialog .dialog-heading{min-height:32px;font-size:12px;line-height:1}.okay-dialog .btn-close-dialog{flex:0 0 32px}.okay-dialog .dialog-content .button{font-size:12px}body.is-dark .okay-dialog:not([data-theme=light]){--dialog-chrome-bg:color-mix(in srgb,var(--bg-current) 94%,#fff);--dialog-chrome-line:color-mix(in srgb,#fff 14%,transparent)}.okay-dialog[data-dialog=social-guest-gate] .ui-claim-project-actions{display:flex;justify-content:flex-end;
73gap:10px;width:100%;margin-top:0}.okay-dialog[data-dialog=social-guest-gate] .ui-claim-project-action{display:inline-flex;align-items:center;justify-content:center;min-width:0;border:none!important;border-radius:8px;height:auto;padding:8px 12px;font:inherit;font-size:12px;line-height:1;text-decoration:none;text-transform:uppercase;opacity:1;box-shadow:none;will-change:transform,opacity}.okay-dialog[data-dialog=social-guest-gate] .ui-claim-project-action:before{content:none}.okay-dialog[data-dialog=social-guest-gate] .ui-claim-project-action.is-secondary{background-color:color-mix(in srgb,var(--text-current) 15%,transparent);color:var(--text-current)}.okay-dialog[data-dialog=social-guest-gate] .ui-claim-project-action.is-primary{background-color:#42ed91;color:#0c0c0c}body.is-dark .okay-dialog[data-dialog=social-guest-gate] .ui-claim-project-action.is-secondary{background-color:#fff;color:#0c0c0c}.okay-dialog[data-dialog=social-guest-gate] .ui-social-guest-gate{text-wrap:pretty}.okay-dialog[data-dialog=social-guest-gate] .ui-social-guest-gate-image{display:block;width:100%;height:auto;aspect-ratio:1200/630;margin-bottom:18px;background-color:color-mix(in srgb,var(--text-current) 6%,transparent)}.okay-dialog[data-dialog=social-guest-gate] .ui-social-guest-gate-image[hidden]{display:none}@media (max-width:767px){.dialog-inner{padding:16px}.dialog-footer{padding:6px}.okay-dialog[data-dialog=social-guest-gate] .ui-social-guest-gate-image{margin-bottom:16px}}.btn-close-dialog{display:grid;place-content:center;position:relative;width:32px;height:32px;border:none;border-radius:8px;margin:0;padding:0;background-color:color-mix(in srgb,var(--text-current) 10%,transparent);color:var(--text-current)}.btn-close-dialog svg path{fill:currentColor}.okay-dialog .dialog-footer .button{-webkit-appearance:none;appearance:none;border:1px solid color-mix(in srgb,var(--text-current) 14%,transparent);border-radius:8px;height:auto;padding:8px 12px;font:inherit;font-size:12px;line-height:1;text-decoration:none;text-transform:uppercase;box-shadow:none;will-change:transform}body.is-dark .btn-close-dialog{background-color:color-mix(in srgb,#0c0c0c 72%,#fff);border-color:color-mix(in srgb,#fff 14%,transparent);color:#fff}@media (max-width:767px){.media-library-row>.media-library-cell:first-child{grid-area:check;align-self:stretch;display:flex;align-items:center;justify-content:center;margin-top:-8px;margin-right:-8px;margin-bottom:-8px;padding:12px;border-left:1px solid color-mix(in srgb,var(--text-current) 12%,transparent)}.media-library-row>.media-library-cell:nth-child(2){grid-area:preview;align-self:start}.media-library-row>.media-library-cell:nth-child(3){grid-area:name}.media-library-row>.media-library-cell:nth-child(4){grid-area:details}.media-library-row>.media-library-cell:nth-child(6){grid-area:used}}.okay-dialog[data-size=sm] .dialog-content{max-width:420px}.okay-dialog{visibility:visible;will-change:transform}.okay-dialog .dialog-content{opacity:0;visibility:hidden;filter:blur(2px);transform:scale(.98) translateY(20px);transform-origin:center center;visibility:visible;will-change:transform,opacity}@media (prefers-reduced-motion:reduce){.okay-dialog{animation-duration:NaNs!important;filter:none!important;transform:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.okay-dialog .dialog-content{animation-duration:NaNs!important;filter:none!important;transform:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}body.is-dark .okay-dialog:not([data-theme=light]){--editor-canvas:#f3f3f6;--editor-surface:#fff;--editor-field:#fff;--editor-ink:#262626;--editor-muted:#626262;--editor-line:#dedede;--editor-control:#fafafa;--editor-hover:#ededed;--editor-focus:#737373;--editor-control-line:#d4d4d4;--editor-line-hover:#a3a3a3;--editor-quiet:#f2f2f2;--editor-pressed:#e5e5e5;--editor-subtle-line:#c7c7c7;--editor-placeholder:#757575;--editor-disabled-ink:#858585;--editor-primary:#262626;--editor-primary-ink:#fff;--editor-primary-hover:#404040;--editor-table:#e7e7e9;--editor-table-ink:#333;--editor-row-hover:#f7f7f7;--editor-danger:#b42318;--editor-danger-line:#e0bcbc;--editor-danger-hover:#fcebea;--editor-drop-active:#e8f9ef;--editor-focus-shadow:rgb(64 64 64/12%);--editor-scheme:light;--editor-radius:10px;--editor-shadow:0 24px 64px rgb(24 24 24/20%),0 4px 16px rgb(24 24 24/10%);--text-current:var(--editor-ink);--bg-current:var(--editor-surface);--dialog-field-bg:var(--editor-field);--dialog-chrome-bg:var(--editor-surface);--dialog-chrome-line:var(--editor-line);color-scheme:var(--editor-scheme)}body.is-dark .okay-dialog:not([data-theme=light]) .dialog-content{--panel-scroll-fade-bg:var(--editor-canvas);border:1px solid var(--editor-line);border-radius:var(--editor-radius);color:var(--editor-ink);background:var(--editor-canvas);box-shadow:var(--editor-shadow)}body.is-dark .okay-dialog:not([data-theme=light]) .dialog-content>.dialog-header{min-height:56px;padding:9px 10px 9px 16px;background:var(--editor-surface)}body.is-dark .okay-dialog:not([data-theme=light]) .dialog-heading{min-height:36px;font-family:Aeonik,sans-serif;font-size:16px;font-weight:500;letter-spacing:0;line-height:1.25;text-transform:none}body.is-dark .okay-dialog:not([data-theme=light]) .dialog-heading-content{gap:8px}body.is-dark .okay-dialog:not([data-theme=light]) .dialog-content .btn-close-dialog{display:grid;flex:0 0 36px;place-items:center;width:36px;height:36px;border:1px solid var(--editor-control-line);border-radius:8px;padding:8px;color:var(--editor-muted);background:var(--editor-quiet);box-shadow:none}body.is-dark .okay-dialog:not([data-theme=light]) .dialog-content .btn-close-dialog svg{width:18px;height:18px}body.is-dark .okay-dialog:not([data-theme=light]) .dialog-content>.dialog-footer{border-color:var(--editor-line);padding:12px;color:var(--editor-muted);background:var(--editor-surface)}body.is-dark .okay-dialog:not([data-theme=light]) .dialog-content .button:not(.btn-text){min-height:36px;border:1px solid var(--editor-control-line);border-radius:8px;padding:8px 12px;color:var(--editor-ink);background:var(--editor-control);box-shadow:none;font-family:Aeonik,sans-serif;font-size:12px;font-weight:500;letter-spacing:0;line-height:1.2;text-transform:none}body.is-dark .okay-dialog:not([data-theme=light]) .dialog-content .dialog-footer :is(.button,button,input[type=submit],input[type=button]){font-size:13px}body.is-dark .okay-dialog:not([data-theme=light]) .dialog-content .dialog-footer .is-primary{border-color:var(--editor-primary);color:var(--editor-primary-ink);background:var(--editor-primary)}body.is-dark .okay-dialog:not([data-theme=light]){--editor-canvas:#19191b;--editor-surface:#252527;--editor-field:#1e1e21;--editor-ink:#ededee;--editor-muted:#b0b0b6;--editor-line:#3f3f43;--editor-control:#2c2c2f;--editor-hover:#38383c;--editor-focus:#a4a4ad;--editor-control-line:#49494e;--editor-line-hover:#72727a;--editor-quiet:#303034;--editor-pressed:#414146;--editor-subtle-line:#55555c;--editor-placeholder:#93939b;--editor-disabled-ink:#797982;--editor-primary:#ededee;--editor-primary-ink:#19191b;--editor-primary-hover:#d1d1d6;--editor-table:#353539;--editor-table-ink:#dddde1;--editor-row-hover:#2c2c2f;--editor-danger:#ff9991;--editor-danger-line:#78433f;--editor-danger-hover:#442b2b;--editor-drop-active:#233d2e;--editor-focus-shadow:rgb(190 190 200/16%);--editor-scheme:dark;--editor-radius:10px;--editor-shadow:0 24px 64px rgb(0 0 0/48%),0 4px 16px rgb(0 0 0/32%)}.social-image-viewer-dialog{display:flex;align-items:stretch;justify-content:stretch;position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:none;background:0 0;outline:0;overflow:hidden;opacity:0;visibility:visible;will-change:transform,opacity}.social-image-viewer-dialog__panel{position:relative;display:flex;flex-direction:column;width:100%;height:100%;background-color:#0c0c0c}.social-image-viewer-dialog__close.btn-close-dialog{position:absolute;top:calc(max(12px,env(safe-area-inset-top)) - 6px);right:calc(max(12px,env(safe-area-inset-right)) - 6px);z-index:3;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:0;color:#fff;background-color:transparent;opacity:.92;box-shadow:none;will-change:transform,opacity}
73.social-image-viewer-dialog__close.btn-close-dialog svg path{fill:currentColor}body.is-dark .social-image-viewer-dialog__close.btn-close-dialog{background-color:transparent;border-color:transparent;color:#fff}.social-image-viewer-dialog__thumbs{position:absolute;top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));z-index:2;display:flex;flex-wrap:wrap;gap:6px;max-width:calc(100% - 72px)}.social-image-viewer-dialog__viewport{position:relative;flex:1 1 auto;min-height:0;width:100%}.social-image-viewer-dialog__track{display:flex;height:100%;min-height:100%}.social-image-viewer-dialog__footer{position:absolute;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-end;gap:2px;padding:6px max(12px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));color:#fff;background:linear-gradient(to top,#0c0c0c,rgba(12,12,12,0))}.social-image-viewer-dialog__pagination{display:flex;align-items:baseline;gap:.1em;margin:0;color:#666;font-family:Aeonik Mono,FallbackFontMono,monospace,menlo,monaco,Lucida Console,courier;font-variant-numeric:lining-nums proportional-nums stacked-fractions slashed-zero;font-feature-settings:"dlig" on,"case" on,"ss05" on,"ss06" on,"ss07" on,"ss12" off;font-size:12px;line-height:1;text-transform:uppercase}.social-image-viewer-dialog__pagination-sep{color:#525252}.social-image-viewer-dialog__pagination[hidden]{display:none}.social-image-viewer-dialog__title{width:100%;margin:0;font-family:Aeonik,FallbackFont,arial,helvetica,sans-serif;font-variant-numeric:lining-nums proportional-nums slashed-zero;font-feature-settings:"ss08" on,"ss02" on,"ss07" on;font-size:14px;line-height:1.5;letter-spacing:.21px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal}</style> 
73<script type="module" src="https://okaydev.co/dist/assets/app-BiaPDw27.js" crossorigin onload="e=new CustomEvent(&#039;vite-script-loaded&#039;, {detail:{path: &#039;src/js/app.js&#039;}});document.dispatchEvent(e);" integrity="sha384-rc5tBKMHskM7eBhFEZPTGXy6OHE1v9kVH3CFceI2+biaB/epTvymjBWYPcAm/ON2"></script>
73 <link
74href="https://okaydev.co/dist/assets/HeaderLogoLetters-CMLHzChc.js" rel="modulepreload" crossorigin integrity="sha384-pjhTnwsDelDxaY6fqULoIHCayLxtTzRhoYqKTVaO+87m1qwAkztwnQjVugQ7c2/q"><link
75href="https://okaydev.co/dist/assets/refreshNavbarAuth-V-4DhXEm.js" rel="modulepreload" crossorigin integrity="sha384-0aZeN9dWGPf+9eV9pvZnoPI036VrIYihmPuUvMvWVuSHgtMqyKN6ftO7P1UMFRdR"><link
76href="https://okaydev.co/dist/assets/lazyDialog-CU88mIO4.js" rel="modulepreload" crossorigin integrity="sha384-vYPSV+cKPQU3zXSX+RzB5WHwKiBbt2oSUEe/pmXdy6rR9d2zYHnnXv0+qgCFZaQ8"><link
77href="https://okaydev.co/dist/assets/app-4P6e9Apm.css" rel="stylesheet" media="print" onload="this.media=&#039;all&#039;"><link
78href="https://okaydev.co/dist/assets/HeaderLogoLetters-DngiwBoB.css" rel="stylesheet" media="print" onload="this.media=&#039;all&#039;"> 
78<script src="https://okaydev.co/dist/assets/app-legacy-CcTcNDK7.js" nomodule onload="e=new CustomEvent(&#039;vite-script-loaded&#039;, {detail:{path: &#039;src/js/app-legacy.js&#039;}});document.dispatchEvent(e);" integrity="sha384-w6ID9rdE1/PtnaIaIVSfmeV7xrtdYPWgWvY6pXl6WZ6mtzjOqN4HYDG8uDhC6xaJ"></script>
78 <!--# endif --><style id="okaydev-dark-first-paint">html.is-dark,body.is-dark{--text-current:#fff;--bg-current:#121212;background-color:#121212}body.is-dark[data-page=pricing] form input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=reset]):not([type=file]),body.is-dark[data-page=pricing] form textarea,body.is-dark[data-page=pricing] form select{background-color:#0d0d0d;color:var(--text-current);border-color:#333}</style> 
78<script>try{if(sessionStorage.getItem('okaydev:header-intro-seen')==='1'){document.documentElement.dataset.headerIntroSeen='true';}}catch(_){}</script>
78 <style id="okaydev-initial-boot-hide">html.okaydev-boot-pending body{opacity:0}html.okaydev-boot-pending[data-header-intro-seen=true] body{opacity:1}html.okaydev-boot-pending[data-header-intro-seen=true] body>:not(.core-header-slot):not(#okaydev-pwa-launch){opacity:0}</style> 
78<script>(function(){var lifted=false;var lift=function(){if(lifted)return;lifted=true;document.documentElement.classList.remove('okaydev-boot-pending');};var nav=performance.getEntriesByType&&performance.getEntriesByType('navigation')[0];var isReload=(nav&&nav.type==='reload')||(performance.navigation&&performance.navigation.type===1);if(isReload){var afterScrollRestore=function(){requestAnimationFrame(function(){requestAnimationFrame(lift);});};if(document.readyState==='complete'){afterScrollRestore();}else{window.addEventListener('load',afterScrollRestore,{once:true});}
79setTimeout(lift,2000);return;}
80var cssLink=document.querySelector('link[rel="stylesheet"][href*="/dist/"], link[rel="stylesheet"][href*="/assets/app"]');var media=cssLink&&(cssLink.media||'all');var hasBlockingAppCss=!!cssLink&&(media==='all'||media==='screen');var hasCriticalCss=false;var styles=document.querySelectorAll('style');for(var i=0;i<styles.length;i++){if((styles[i].textContent||'').length>5000){hasCriticalCss=true;break;}}
81if(!hasBlockingAppCss&&!hasCriticalCss){setTimeout(lift,2000);return;}
82if(document.readyState==='loading'){document.addEventListener('DOMContentLoaded',lift,{once:true});}else{lift();}})();</script>
82 
82<script>(function(){var root=document.documentElement;if(root.classList.contains('is-pointer-hover-armed'))return;if(window.matchMedia&&window.matchMedia('(hover: none), (pointer: coarse)').matches){root.classList.add('is-pointer-hover-armed');return;}
83var arm=function(){root.classList.add('is-pointer-hover-armed');};window.addEventListener('pointermove',arm,{once:true,passive:true,capture:true});})();</script>
83 
83<script>(function(){try{if(sessionStorage.getItem('okaydev:social-feed-scroll-top')!=='1'){return;}
84if('scrollRestoration'in history){history.scrollRestoration='manual';}
85window.scrollTo(0,0);}catch(e){}})();</script>
85<title>OKAY DEV® - About — Built for Creative Web Professionals</title>
86<script>(function() {
87var tag = document.createElement('script');
88tag.src = "https://cdn.usefathom.com/script.js";
89tag.setAttribute("data-site", "QRGSTSXB");
90tag.defer = true;
91var firstScriptTag = document.getElementsByTagName('script')[0];
92firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
93})();
94</script>
94<meta name="generator" content="SEOmatic">
95<meta name="description" content="Founded in 2018, OKAY DEV® brings together web devs, designers and studios who want a space built for creators, not algorithms.">
96<meta name="referrer" content="no-referrer-when-downgrade">
97<meta name="robots" content="all">
98<meta content="en_US" property="og:locale">
99<meta content="OKAY DEV®" property="og:site_name">
100<meta content="website" property="og:type">
101<meta content="https://okaydev.co/about" property="og:url">
102<meta content="About — Built for Creative Web Professionals" property="og:title">
103<meta content="Founded in 2018, OKAY DEV® brings together web devs, designers and studios who want a space built for creators, not algorithms." property="og:description">
104<meta content="https://images.okaydev.co/production/images/okaydev.co-social_share.jpg?w=1200&amp;h=630&amp;q=82&amp;auto=format&amp;fit=min&amp;dm=1785646407&amp;s=b84ef9735ba3b389faf686b0fd2207c1" property="og:image">
105<meta content="1200" property="og:image:width">
106<meta content="630" property="og:image:height">
107<meta content="OkayDev homepage" property="og:image:alt">
108<meta content="https://www.instagram.com/okaydevs" property="og:see_also">
109<meta content="https://www.linkedin.com/company/okay-dev" property="og:see_also">
110<meta content="https://x.com/okaydevs" property="og:see_also">
111<meta name="twitter:card" content="summary_large_image">
112<meta name="twitter:site" content="@okaydevs">
113<meta name="twitter:creator" content="@okaydevs">
114<meta name="twitter:title" content="About — Built for Creative Web Professionals">
115<meta name="twitter:description" content="Founded in 2018, OKAY DEV® brings together web devs, designers and studios who want a space built for creators, not algorithms.">
116<meta name="twitter:image" content="https://images.okaydev.co/production/images/okaydev.co-social_share.jpg?w=1200&amp;h=630&amp;q=82&amp;auto=format&amp;fit=min&amp;dm=1785646407&amp;s=b84ef9735ba3b389faf686b0fd2207c1">
117<meta name="twitter:image:width" content="1200">
118<meta name="twitter:image:height" content="630">
119<meta name="twitter:image:alt" content="OkayDev homepage">
120<link href="https://okaydev.co/about" rel="canonical">
121<link href="https://okaydev.co/" rel="home">
122<script>window.passwordpolicy = {"showStrengthIndicator":false};</script>
122</head>
123
124        <body class="is-dark about  is-production" data-page="about" data-header-theme="purple" data-sticky-mobile-header="true">
125
126        <style>
127    #okaydev-pwa-launch { display: none; }
128    html.okaydev-boot-pending body:has(> #okaydev-pwa-launch) { opacity: 1; }
129    #okaydev-pwa-launch:not([hidden]) {
130        display: grid; place-items: center; position: fixed; inset: 0;
131        z-index: 2147483645; overflow: hidden;
132        color: #fff;
133    }
134    #okaydev-pwa-launch.is-ready { pointer-events: none; }
135    #okaydev-pwa-launch .pwa-launch-background { position: absolute; inset: 0; background: #000; will-change: opacity; }
136    /* Match app-navigation-cover.scss before the application styles arrive. */
137    #okaydev-pwa-launch .pwa-launch-spinner {
138        position: relative; display: block; width: 28px; height: 28px; box-sizing: border-box;
139        border: 2px solid rgb(255 255 255 / 30%); border-top-color: currentColor;
140        border-radius: 50%; opacity: 0; transition: opacity 140ms ease-out;
141        animation: okaydev-launch-spin 800ms linear infinite paused;
142    }
143    #okaydev-pwa-launch.is-loading .pwa-launch-spinner { opacity: 1; animation-play-state: running; }
144    @keyframes okaydev-launch-spin { to { transform: rotate(360deg); } }
145    @media (prefers-reduced-motion: reduce) {
146        #okaydev-pwa-launch .pwa-launch-spinner { animation: none; transition: none; }
147    }
148</style>
149<div id="okaydev-pwa-launch" role="status" aria-label="Loading page" hidden>
150    <span class="pwa-launch-background" aria-hidden="true"></span>
151    <span class="pwa-launch-spinner" aria-hidden="true"></span>
152</div>
153<script>
154    (function () {
155        var screen = document.getElementById('okaydev-pwa-launch');
156        if (!window.matchMedia('(display-mode: standalone)').matches && !navigator.standalone) {
157            screen.remove();
158            return;
159        }
160        screen.hidden = false;
161        var root = document.documentElement;
162        var holds = [];
163        var observer;
164        var timer;
165        var rendererTimer;
166        var spinnerTimer;
167        var removed = false;
168        var background = screen.querySelector('.pwa-launch-background');
169        var motion = window.matchMedia('(prefers-reduced-motion: reduce)');
170        // A new document has no outgoing page to cover. Start opaque so its
171        // unfinished markup never shows through an entrance animation.
172        var animation = null;
173        var entered = Promise.resolve();
174        function showSpinner() { if (!done && !removed) screen.classList.add('is-loading'); }
175        entered.then(function () {
176            if (done || removed) return;
177            spinnerTimer = setTimeout(showSpinner, 180);
178        }).catch(function () {});
179        function reduceMotion() { if (motion.matches && animation) animation.finish(); }
180        motion.addEventListener('change', reduceMotion);
181        var settling = false;
182        var done = false;
183        // `holdAppLaunch()` (src/js/utils/appLaunch.js) keeps the screen up for work that moves the page, like the push invitation.
184        window.okaydevLaunch = { hold: function (work) { holds.push(Promise.resolve(work).catch(function () {})); } };
185        function frame() { return new Promise(function (resolve) { requestAnimationFrame(function () { resolve(); }); }); }
186        function within(ms, work) { return Promise.race([work, new Promise(function (resolve) { setTimeout(resolve, ms); })]); }
187        function finish(immediate) {
188            if (done) return;
189            done = true;
190            clearTimeout(timer);
191            clearTimeout(rendererTimer);
192            if (observer) observer.disconnect();
193            document.removeEventListener('DOMContentLoaded', check);
194            delete window.okaydevLaunch;
195            clearTimeout(spinnerTimer);
196            screen.classList.remove('is-loading');
197            screen.classList.add('is-ready');
198            if (immediate || motion.matches) { remove(); return; }
199            // Reveal the ready document with the same fade as PJAX.
200            entered.then(function () {
201                if (removed) return;
202                if (motion.matches) { remove(); return; }
203                if (animation) animation.cancel();
204                animation = background.animate([
205                    { opacity: 1 },
206                    { opacity: 0 }
207                ], { duration: 260, easing: 'cubic-bezier(0.65, 0, 0.35, 1)', fill: 'both' });
208                animation.finished.then(remove).catch(function () {});
209            }).catch(function () {});
210        }
211        function remove() {
212            removed = true;
213            clearTimeout(spinnerTimer);
214            if (animation) animation.cancel();
215            motion.removeEventListener('change', reduceMotion);
216            window.removeEventListener('pagehide', hide);
217            screen.remove();
218        }
219        function hide() { finish(true); remove(); }
220        function settle() {
221            if (settling) return;
222            settling = true;
223            // Holds register as the renderer finishes; uncover once they, fonts, and the next paint are done.
224            frame()
225                .then(function () { return within(2500, Promise.all(holds.concat(document.fonts ? document.fonts.ready : []))); })
226                .then(frame)
227                .then(frame)
228                .then(function () { finish(false); });
229        }
230        function check() {
231            if (document.readyState === 'loading' || root.classList.contains('okaydev-boot-pending')) return;
232            // PJAX pages load their styles with the renderer; Bento pages have none to wait for.
233            if (!document.querySelector('[data-router-view]') || document.body.hasAttribute('data-renderer-ready')) settle();
234            else if (!rendererTimer) rendererTimer = setTimeout(settle, 4000);
235        }
236        observer = new MutationObserver(check);
237        observer.observe(root, { attributes: true, attributeFilter: ['class'] });
238        observer.observe(document.body, { attributes: true, attributeFilter: ['data-renderer-ready'] });
239        document.addEventListener('DOMContentLoaded', check, { once: true });
240        window.addEventListener('pagehide', hide, { once: true });
241        timer = setTimeout(function () { finish(false); }, 8000);
242        check();
243    })();
244</script>
244
245            <div class="bg-layer bg-layer--dark" aria-hidden="true"></div>
246    <div class="bg-layer bg-layer--light" aria-hidden="true"></div>
247    <div class="app-status-tint" aria-hidden="true"></div>
248
249        
250    
251    
252    
253    
254    
255    
256
257<div class="core-header-slot">
258    <header class="core-header" data-header-enter-pending>
259                <span class="core-nav-mobile-panel-bg" aria-hidden="true"></span>
260
261        <div class="core-header-inner">
262                        <div class="core-header-pill" aria-hidden="true">
263                <span class="core-header-pill-cap core-header-pill-cap--start"></span>
264                <span class="core-header-pill-mid"></span>
265                <span class="core-header-pill-cap core-header-pill-cap--end"></span>
266                <div class="header-backdrop"></div>
267            </div>
268
269            <div class="core-logo-container">
270                <a
271                    class="core-logo-link"
272                    href="https://okaydev.co/"
273                                        aria-label="Home"
274                    aria-haspopup="menu"
275                    aria-controls="core-logo-brand-menu"
276                    aria-expanded="false"
277                    data-header-brand-menu-trigger
278                >
279                    <span class="logo-name">
280                        <svg class="logo-okaydev" role="img" aria-label="OKAYDEV logo" width="1483" height="276" viewBox="0 0 1483 276" fill="none" xmlns="http://www.w3.org/2000/svg">
281        <g class="logo-shades" aria-hidden="true">
282        <path class="logo-letter-shadow" data-letter="V" d="M1350.75 34.5V4H1252.25L1202.25 54V272H1374.75L1424.75 222L1483 4H1381.25L1350.75 34.5Z" fill="var(--logo-fill-outer)"/>
283        <path class="logo-letter-shadow" data-letter="E" d="M1088.75 4L1038.75 54V272H1211L1261 222V4H1088.75Z" fill="var(--logo-fill-outer)"/>
284        <path class="logo-letter-shadow" data-letter="D" d="M875.5 4L825.5 54V272H935.5C967 272 996 259.75 1016.5 239.25L1066.5 189.25C1086.5 169.25 1099.25 142.5 1099.25 113C1099.25 53 1047.75 4 985.5 4H875.5Z" fill="var(--logo-fill-outer)"/>
285        <path class="logo-letter-shadow" data-letter="Y" d="M791.75 272L841.75 222L900 4H795.25L777.5 21.75V4H680.25L630.25 54V235.5H696.75L687 272H791.75Z" fill="var(--logo-fill-outer)"/>
286        <path class="logo-letter-shadow" data-letter="A" d="M540.25 240.25V272H638.25L688.25 222V4H515L465 54L406.75 272H508.5L540.25 240.25Z" fill="var(--logo-fill-outer)"/>
287        <path class="logo-letter-shadow" data-letter="K" d="M337 254.25V272H434.25L484.25 222V85.25H465.5L487.25 4H272L222 54V272H319.25L337 254.25Z" fill="var(--logo-fill-outer)"/>
288        <path class="logo-letter-shadow" data-letter="O" d="M197.25 243.5L247.25 193.5C269 173 282.5 144.5 282.5 112.75C282.5 50.75 229.75 0 166.5 0C135 0 106.5 12 85.5 31.75L35.5 81.75C14.25 103 0 131 0 162.75C0 225.25 52 276 116.5 276C147.75 276 176.25 263.75 197.25 243.5Z" fill="var(--logo-fill-outer)"/>
289    </g>
290
291        <g class="logo-faces">
292        <g class="logo-letter" data-letter="V">
293            <path class="logo-letter-face" d="M1261.25 13V213H1417.75L1471.25 13H1388.25L1356.25 132C1353.75 141 1341.75 140.25 1341.75 130V13H1261.25Z" fill="var(--logo-fill-inner)"/>
294        </g>
295        <g class="logo-letter" data-letter="E">
296            <path class="logo-letter-face" d="M1097.75 13V213H1252V145.5H1207V107H1184.5C1177.25 107 1172 101.5 1172 93.75C1172 86 1177.25 80.5 1184.5 80.5H1252V13H1097.75Z" fill="var(--logo-fill-inner)"/>
297        </g>
298        <g class="logo-letter" data-letter="D">
299            <path class="logo-letter-face" d="M884.5 13V213H985.5C1043 213 1090.25 168 1090.25 113C1090.25 58 1043 13 985.5 13H884.5ZM953 113C953 97.25 966 84.25 981.75 84.25C997.5 84.25 1010.25 97.25 1010.25 113C1010.25 128.75 997.5 141.75 981.75 141.75C966 141.75 953 128.75 953 113Z" fill="var(--logo-fill-inner)"/>
300        </g>
301        <g class="logo-letter" data-letter="Y">
302            <path class="logo-letter-face" d="M758.5 176.5L748.75 213H834.75L888.25 13H802.25L778.5 101.25C777 107 768.5 105.5 768.5 99.25V13H689.25V176.5H758.5Z" fill="var(--logo-fill-inner)"/>
303        </g>
304        <g class="logo-letter" data-letter="A">
305            <path class="logo-letter-face" d="M522 13L468.5 213H551.5L564.75 163.7
3055H599.25V213H679.25V13H522ZM568.25 90.5C568.25 79.25 577.5 70.25 588.5 70.25C599.5 70.25 608.5 79.25 608.5 90.5C608.5 101.5 599.5 110.5 588.5 110.5C577.5 110.5 568.25 101.5 568.25 90.5Z" fill="var(--logo-fill-inner)"/>
306        </g>
307        <g class="logo-letter" data-letter="K">
308            <path class="logo-letter-face" d="M281 13V213H360.25V151.25H396V213H475.25V94.25H453.75L475.5 13H381V71C381 88.25 360.25 88.25 360.25 71V13H281Z" fill="var(--logo-fill-inner)"/>
309        </g>
310        <g class="logo-letter" data-letter="O">
311            <path class="logo-letter-face" d="M166.5 217C225 217 273.5 170.25 273.5 112.75C273.5 55.75 225 9 166.5 9C106.75 9 59 55.75 59 112.75C59 170.25 106.75 217 166.5 217ZM137.25 113C137.25 97.25 150.5 84.25 166.25 84.25C181.5 84.25 194.5 97.25 194.5 113C194.5 129 181.5 141.75 166.25 141.75C150.5 141.75 137.25 129 137.25 113Z" fill="var(--logo-fill-inner)"/>
312        </g>
313    </g>
314</svg>
315                    </span>
316                </a>
317
318                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        <div
319                    class="core-logo-brand-menu"
320                    id="core-logo-brand-menu"
321                    role="menu"
322                    aria-label="OkayDev brand asset downloads"
323                    aria-hidden="true"
324                    data-header-brand-menu
325                >
326                    <div class="core-logo-brand-menu__surface">
327                                                <div class="core-logo-brand-menu__content" tabindex="-1">
328                            <a
329                                class="core-logo-brand-menu__heading"
330                                href="https://okaydev.co/brand"
331                                role="menuitem"
332                                tabindex="-1"
333                                aria-label="Brand page"
334                            >
335                                <p class="core-logo-brand-menu__title">Brand assets</p>
336                                <span class="core-logo-brand-menu__page">
337                                    <span aria-hidden="true">i</span>
338                                </span>
339                            </a>
340
341                            <div class="core-logo-brand-menu__footer">
342                                <a
343                                    class="core-logo-brand-menu__kit core-logo-brand-menu__kit--guidelines"
344                                    href="https://okaydev.co/brand"
345                                    role="menuitem"
346                                    tabindex="-1"
347                                >
348                                    Brand Guidelines
349                                    <span aria-hidden="true">↗</span>
350                                </a>
351                                <a
352                                    class="core-logo-brand-menu__kit"
353                                    href="/dist/brand/okay-dev-brand-kit.zip"
354                                    download
355                                    data-router-disabled
356                                    role="menuitem"
357                                    tabindex="-1"
358                                    aria-label="Full Brand Kit"
359                                >
360                                    Full Brand Kit
361                                    <span aria-hidden="true">↓</span>
362                                </a>
363                            </div>
364
365                                                            <div
366                                    class="core-logo-brand-menu__group"
367                                    role="group"
368                                    aria-labelledby="brand-menu-horizontal"
369                                >
370                                                                        <button
371                                        type="button"
372                                        class="core-logo-brand-menu__toggle"
373                                        id="brand-menu-horizontal"
374                                        data-brand-accordion-toggle
375                                        role="menuitem"
376                                        tabindex="-1"
377                                        aria-expanded="false"
378                                        aria-controls="brand-menu-assets-horizontal"
379                                    >
380                                        <span class="core-logo-brand-menu__chevron" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="m9 6 6 6-6 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /></svg>
381</span>
382                                        <span class="core-logo-brand-menu__label">Horizontal</span>
383                                        <span class="core-logo-brand-menu__preview core-logo-brand-menu__preview--light" aria-hidden="true">
384                                            <img src="/dist/brand/okay-dev-brand-kit/logos/horizontal/svg/okay-dev-horizontal-black-yellow.svg" alt="" loading="lazy" decoding="async">
385                                        </span>
386                                    </button>
387                                    <div class="core-logo-brand-menu__assets" id="brand-menu-assets-horizontal" hidden inert>
388                                                                            <div class="core-logo-brand-menu__asset">
389                                            <span
390                                                class="core-logo-brand-menu__preview core-logo-brand-menu__preview--light"
391                                                aria-hidden="true"
392                                            >
393                                                <img
394                                                    src="/dist/brand/okay-dev-brand-kit/logos/horizontal/svg/okay-dev-horizontal-black-yellow.svg"
395                                                    alt=""
396                                                    loading="lazy"
397                                                    decoding="async"
398                                                >
399                                            </span>
400                                            <span class="core-logo-brand-menu__name">Yellow fill</span>
401                                            <span class="core-logo-brand-menu__actions">
402                                                <a
403                                                    href="/dist/brand/okay-dev-brand-kit/logos/horizontal/svg/okay-dev-horizontal-black-yellow.svg"
404                                                    download
405                                                    data-router-disabled
406                                                    role="menuitem"
407                                                    tabindex="-1"
408                                                    aria-label="Download horizontal logo, black shade and yellow fill as SVG"
409                                                >SVG</a>
410                                                <a
411                                                    href="/dist/brand/okay-dev-brand-kit/logos/horizontal/png/okay-dev-horizontal-black-yellow-1200w.png"
412                                                    download
413                                                    data-router-disabled
414                                                    role="menuitem"
415                                                    tabindex="-1"
416                                                    aria-label="Download horizontal logo, black shade and yellow fill as PNG"
417                                                >PNG</a>
418                                            </span>
419                                        </div>
420                                                                            <div class="core-logo-brand-menu__asset">
421                                            <span
422                                                class="core-logo-brand-menu__preview core-logo-brand-menu__preview--purple"
423                                                aria-hidden="true"
424                                            >
425                                                <img
426                                                    src="/dist/brand/okay-dev-brand-kit/logos/horizontal/svg/okay-dev-horizontal-black-white.svg"
427                                                    alt=""
428                                                    loading="lazy"
429                                                    decoding="async"
430                                                >
431                                            </span>
432                                            <span class="core-logo-brand-menu__name">White fill</span>
433                                            <span class="core-logo-brand-menu__actions">
434                                                <a
435                                                    href="/dist/brand/okay-dev-brand-kit/logos/horizontal/svg/okay-dev-horizontal-black-white.svg"
436                                                    download
437                                                    data-router-disabled
438                                                    role="menuitem"
439                                                    tabindex="-1"
440                                                    aria-label="Download horizontal logo, black shade and white fill as SVG"
441                                                >SVG</a>
442                                                <a
443                                                    href="/dist/brand/okay-dev-brand-kit/logos/horizontal/png/okay-dev-horizontal-black-white-1200w.png"
444                                                    download
445                                                    data-router-disabled
446                                                    role="menuitem"
447                                                    tabindex="-1"
448                                                    aria-label="Download horizontal logo, black shade and white fill as PNG"
449                                                >PNG</a>
450                                            </span>
451                                        </div>
452                                                                            <div class="core-logo-brand-menu__asset">
453                                            <span
454                                                class="core-logo-brand-menu__preview core-logo-brand-menu__preview--dark"
455                                                aria-hidden="true"
456                                            >
457                                                <img
458                                                    src="/dist/brand/okay-dev-brand-kit/logos/horizontal/svg/okay-dev-horizontal-white-black.svg"
459                                                    alt=""
460                                                    loading="lazy"
461                                                    decoding="async"
462                                                >
463                                            </span>
464                                            <span class="core-logo-brand-menu__name">Reversed</span>
465                                            <span class="core-logo-brand-menu__actions">
466                                                <a
467                                                    href="/dist/brand/okay-dev-brand-kit/logos/horizontal/svg/okay-dev-horizontal-white-black.svg"
468                                                    download
469                                                    data-router-disabled
470                                                    role="menuitem"
471                                                    tabindex="-1"
472                                                    aria-label="Download horizontal logo, white shade and black fill as SVG"
473                                                >SVG</a>
474                                                <a
475                                                    href="/dist/brand/okay-dev-brand-kit/logos/horizontal/png/okay-dev-horizontal-white-black-1200w.png"
476                                                    download
477                                                    data-router-disabled
478                                                    role="menuitem"
479                                                    tabindex="-1"
480                                                    aria-label="Download horizontal logo, white shade and black fill as PNG"
481                                                >PNG</a>
482                                            </span>
483                                        </div>
484                                                                        </div>
485                                </div>
486                                                            <div
487                                    class="core-logo-brand-menu__group"
488                                    role="group"
489                                    aria-labelledby="brand-menu-stacked"
490                                >
491                                                                        <button
492                                        type="button"
493                                        class="core-logo-brand-menu__toggle"
494                                        id="brand-menu-stacked"
495                                        data-brand-accordion-toggle
496                                        role="menuitem"
497                                        tabindex="-1"
498                                        aria-expanded="false"
499                                        aria-controls="brand-menu-assets-stacked"
500                                    >
501                                        <span class="core-logo-brand-menu__chevron" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="m9 6 6 6-6 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /></svg>
502</span>
503                                        <span class="core-logo-brand-menu__label">Stacked</span>
504                                        <span class="core-logo-brand-menu__preview core-logo-brand-menu__preview--purple" aria-hidden="true">
505                                            <img src="/dist/brand/okay-dev-brand-kit/logos/stacked/svg/okay-dev-stacked-black-white-yellow.svg" alt="" loading="lazy" decoding="async">
506                                        </span>
507                                    </button>
508                                    <div class="core-logo-brand-menu__assets" id="brand-menu-assets-stacked" hidden inert>
509                                                                            <div class="core-logo-brand-menu__asset">
510                                            <span
511                                                class="core-logo-brand-menu__preview core-logo-brand-menu__preview--purple"
512                                                aria-hidden="true"
513                                            >
514                                                <img
515                                                    src="/dist/brand/okay-dev-brand-kit/logos/stacked/svg/okay-dev-stacked-black-white-yellow.svg"
516                                                    alt=""
517                                                    loading="lazy"
518                                                    decoding="async"
519                                                >
520                                            </span>
521                                            <span class="core-logo-brand-menu__name">Primary</span>
522                                            <span class="core-logo-brand-menu__actions">
523                                                <a
524                                                    href="/dist/brand/okay-dev-brand-kit/logos/stacked/svg/okay-dev-stacked-black-white-yellow.svg"
525                                                    download
526                                                    data-router-disabled
527                                                    role="menuitem"
528                                                    tabindex="-1"
529                                                    aria-label="Download stacked logo, black shade, white fill, and yellow smiley as SVG"
530                                                >SVG</a>
531                                                <a
532                                                    href="/dist/brand/okay-dev-brand-kit/logos/stacked/png/okay-dev-stacked-black-white-yellow-1000w.png"
533                                                    download
534                                                    data-router-disabled
535                                                    role="menuitem"
536                                                    tabindex="-1"
537                                                    aria-label="Download stacked logo, black shade, white fill, and yellow smiley as PNG"
538                                                >PNG</a>
539                                            </span>
540                                        </div>
541                                                                            <div class="core-logo-brand-menu__asset">
542                                            <span
543                                                class="core-logo-brand-menu__preview core-logo-brand-menu__preview--dark"
544                                                aria-hidden="true"
545                                            >
546                                                <img
547                                                    src="/dist/brand/okay-dev-brand-kit/logos/stacked/svg/okay-dev-stacked-white-black-black.svg"
548                                                    alt=""
549                                                    loading="lazy"
550                                                    decoding="async"
551                                                >
552                                            </span>
553                                            <span class="core-logo-brand-menu__name">Reversed</span>
554                                            <span class="core-logo-brand-menu__actions">
555                                                <a
556                                                    href="/dist/brand/okay-dev-brand-kit/logos/stacked/svg/okay-dev-stacked-white-black-black.svg"
557                                                    download
558                                                    data-router-disabled
559                                                    role="menuitem"
560                                                    tabindex="-1"
561                                                    aria-label="Download stacked logo, white shade, black fill, and black smiley as SVG"
562                                                >SVG</a>
563                                                <a
564                                                    href="/dist/brand/okay-dev-brand-kit/logos/stacked/png/okay-dev-stacked-white-black-black-1000w.png"
565                                                    download
566                                                    data-router-disabled
567                                                    role="menuitem"
568                                                    tabindex="-1"
569                                                    aria-label="Download stacked logo, white shade, black fill, and black smiley as PNG"
570                                                >PNG</a>
571                                            </span>
572                                        </div>
573                                                                        </div>
574                                </div>
575                                                            <div
576                                    class="core-logo-brand-menu__group"
577                                    role="group"
578                                    aria-labelledby="brand-menu-smiley"
579                                >
580                                                                        <button
581                                        type="button"
582                                        class="core-logo-brand-menu__toggle"
583                                        id="brand-menu-smiley"
584                                        data-brand-accordion-toggle
585                                        role="menuitem"
586                                        tabindex="-1"
587                                        aria-expanded="false"
588                                        aria-controls="brand-menu-assets-smiley"
589                                    >
590                                        <span class="core-logo-brand-menu__chevron" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="m9 6 6 6-6 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /></svg>
591</span>
592                                        <span class="core-logo-brand-menu__label">Smiley</span>
593                                        <span class="core-logo-brand-menu__preview core-logo-brand-menu__preview--dark" aria-hidden="true">
594                                            <img src="/dist/brand/okay-dev-brand-kit/marks/filled/svg/okay-dev-mark-filled-yellow.svg" alt="" loading="lazy" decoding="async">
595                                        </span>
596                                    </button>
597                                    <div class="core-logo-brand-menu__assets" id="brand-menu-assets-smiley" hidden inert>
598                                                                            <div class="core-logo-brand-menu__asset">
599                                            <span
600                                                class="core-logo-brand-menu__preview core-logo-brand-menu__preview--dark"
601                                                aria-hidden="true"
602                                            >
603                                                <img
604                                                    src="/dist/brand/okay-dev-brand-kit/marks/filled/svg/okay-dev-mark-filled-yellow.svg"
605                                                    alt=""
606                                                    loading="lazy"
607                                                    decoding="async"
608                                                >
609                                            </span>
610                                            <span class="core-logo-brand-menu__name">Filled yellow</span>
611                                            <span class="core-logo-brand-menu__actions">
612                                                <a
613                                                    href="/dist/brand/okay-dev-brand-kit/marks/filled/svg/okay-dev-mark-filled-yellow.svg"
614                                                    download
615                                                    data-router-disabled
616                                                    role="menuitem"
617                                                    tabindex="-1"
618                                                    aria-label="Download filled yellow smiley with black features as SVG"
619                                                >SVG</a>
620                                                <a
621                                                    href="/dist/brand/okay-dev-brand-kit/marks/filled/png/okay-dev-mark-filled-yellow-512px.png"
622                                                    download
623                                                    data-router-disabled
624                                                    role="menuitem"
625                                                    tabindex="-1"
626                                                    aria-label="Download filled yellow smiley with black features as PNG"
627                                                >PNG</a>
628                                            </span>
629                                        </div>
630                                                                            <div class="core-logo-brand-menu__asset">
631                                            <span
632                                                class="core-logo-brand-menu__preview core-logo-brand-menu__preview--light"
633                                                aria-hidden="true"
634                                            >
635                                                <img
636                                                    src="/dist/brand/okay-dev-brand-kit/marks/outlined/svg/okay-dev-mark-outlined-black.svg"
637                                                    alt=""
638                                                    loading="lazy"
639                                                    decoding="async"
640                                                >
641                                            </span>
642                                            <span class="core-logo-brand-menu__name">Outline black</span>
643                                            <span class="core-logo-brand-menu__actions">
644                                                <a
645                                                    href="/dist/brand/okay-dev-brand-kit/marks/outlined/svg/okay-dev-mark-outlined-black.svg"
646                                                    download
647                                                    data-router-disabled
648                                                    role="menuitem"
649                                                    tabindex="-1"
650                                                    aria-label="Download outlined black smiley as SVG"
651                                                >SVG</a>
652                                                <a
653                                                    href="/dist/brand/okay-dev-brand-kit/marks/outlined/png/okay-dev-mark-outlined-black-512px.png"
654                                                    download
655                                                    data-router-disabled
656                                                    role="menuitem"
657                                                    tabindex="-1"
658                                                    aria-label="Download outlined black smiley as PNG"
659                                                >PNG</a>
660                                            </span>
661                                        </div>
662                                                                            <div class="core-logo-brand-menu__asset">
663                                            <span
664                                                class="core-logo-brand-menu__preview core-logo-brand-menu__preview--dark"
665                                                aria-hidden="true"
666                                            >
667                                                <img
668                                                    src="/dist/brand/okay-dev-brand-kit/marks/outlined/svg/okay-dev-mark-outlined-white.svg"
669                                                    alt=""
670                                                    loading="lazy"
671                                                    decoding="async"
672                                                >
673                                            </span>
674                                            <span class="core-logo-brand-menu__name">Outline white</span>
675                                            <span class="core-logo-brand-menu__actions">
676                                                <a
677                                                    href="/dist/brand/okay-dev-brand-kit/marks/outlined/svg/okay-dev-mark-outlined-white.svg"
678                                                    download
679                                                    data-router-disabled
680                                                    role="menuitem"
681                                                    tabindex="-1"
682                                                    aria-label="Download outlined white smiley as SVG"
683                                                >SVG</a>
684                                                <a
685                                                    href="/dist/brand/okay-dev-brand-kit/marks/outlined/png/okay-dev-mark-outlined-white-512px.png"
686                                                    download
687                                                    data-router-disabled
688                                                    role="menuitem"
689                                                    tabindex="-1"
690                                                    aria-label="Download outlined white smiley as PNG"
691                                                >PNG</a>
692                                            </span>
693                                        </div>
694                                                                        </div>
695                                </div>
696                                                            <div
697                                    class="core-logo-brand-menu__group"
698                                    role="group"
699                                    aria-labelledby="brand-menu-okay-pick-primary"
700                                >
701                                                                        <button
702                                        type="button"
703                                        class="core-logo-brand-menu__toggle"
704                                        id="brand-menu-okay-pick-primary"
705                                        data-brand-accordion-toggle
706                                        role="menuitem"
707                                        tabindex="-1"
708                                        aria-expanded="false"
709                                        aria-controls="brand-menu-assets-okay-pick-primary"
710                                    >
711                                        <span class="core-logo-brand-menu__chevron" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="m9 6 6 6-6 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /></svg>
712</span>
713                                        <span class="core-logo-brand-menu__label">Okay Pick · Primary</span>
714                                        <span class="core-logo-brand-menu__preview core-logo-brand-menu__preview--transparent" aria-hidden="true">
715                                            <img src="/dist/brand/okay-dev-brand-kit/awards/okay-pick/primary/svg/okay-pick-primary-yellow.svg" alt="" loading="lazy" decoding="async">
716                                        </span>
717                                    </button>
718                                    <div class="core-logo-brand-menu__assets" id="brand-menu-assets-okay-pick-primary" hidden inert>
719                                                                            <div class="core-logo-brand-menu__asset">
720                                            <span
721                                                class="core-logo-brand-menu__preview core-logo-brand-menu__preview--transparent"
722                                                aria-hidden="true"
723                                            >
724                                                <img
725                                                    src="/dist/brand/okay-dev-brand-kit/awards/okay-pick/primary/svg/okay-pick-primary-yellow.svg"
726                                                    alt=""
727                                                    loading="lazy"
728                                                    decoding="async"
729                                                >
730                                            </span>
731                                            <span class="core-logo-brand-menu__name">Yellow</span>
732                                            <span class="core-logo-brand-menu__actions">
733                                                <a
734                                                    href="/dist/brand/okay-dev-brand-kit/awards/okay-pick/primary/svg/okay-pick-primary-yellow.svg"
735                                                    download
736                                                    data-router-disabled
737                                                    role="menuitem"
738                                                    tabindex="-1"
739                                                    aria-label="Download Okay Pick primary badge, yellow as SVG"
740                                                >SVG</a>
741                                                <a
742                                                    href="/dist/brand/okay-dev-brand-kit/awards/okay-pick/primary/png/okay-pick-primary-yellow-384px.png"
743                                                    download
744                                                    data-router-disabled
745                                                    role="menuitem"
746                                                    tabindex="-1"
747                                                    aria-label="Download Okay Pick primary badge, yellow as PNG"
748                                                >PNG</a>
749                                            </span>
750                                        </div>
751                                                                            <div class="core-logo-brand-menu__asset">
752                                            <span
753                                                class="core-logo-brand-menu__preview core-logo-brand-menu__preview--transparent"
754                                                aria-hidden="true"
755                                            >
756                                                <img
757                                                    src="/dist/brand/okay-dev-brand-kit/awards/okay-pick/primary/svg/okay-pick-primary-black.svg"
758                                                    alt=""
759                                                    loading="lazy"
760                                                    decoding="async"
761                                                >
762                                            </span>
763                                            <span class="core-logo-brand-menu__name">Black</span>
764                                            <span class="core-logo-brand-menu__actions">
765                                                <a
766                                                    href="/dist/brand/okay-dev-brand-kit/awards/okay-pick/primary/svg/okay-pick-primary-black.svg"
767                                                    download
768                                                    data-router-disabled
769                                                    role="menuitem"
770                                                    tabindex="-1"
771                                                    aria-label="Download Okay Pick primary badge, black as SVG"
772                                                >SVG</a>
773                                                <a
774                                                    href="/dist/brand/okay-dev-brand-kit/awards/okay-pick/primary/png/okay-pick-primary-black-384px.png"
775                                                    download
776                                                    data-router-disabled
777                                                    role="menuitem"
778                                                    tabindex="-1"
779                                                    aria-label="Download Okay Pick primary badge, black as PNG"
780                                                >PNG</a>
781                                            </span>
782                                        </div>
783                                                                            <div class="core-logo-brand-menu__asset">
784                                            <span
785                                                class="core-logo-brand-menu__preview core-logo-brand-menu__preview--transparent"
786                                                aria-hidden="true"
787                                            >
788                                                <img
789                                                    src="/dist/brand/okay-dev-brand-kit/awards/okay-pick/primary/svg/okay-pick-primary-white.svg"
790                                                    alt=""
791                                                    loading="lazy"
792                                                    decoding="async"
793                                                >
794                                            </span>
795                                            <span class="core-logo-brand-menu__name">White</span>
796                                            <span class="core-logo-brand-menu__actions">
797                                                <a
798                                                    href="/dist/brand/okay-dev-brand-kit/awards/okay-pick/primary/svg/okay-pick-primary-white.svg"
799                                                    download
800                                                    data-router-disabled
801                                                    role="menuitem"
802                                                    tabindex="-1"
803                                                    aria-label="Download Okay Pick primary badge, white as SVG"
804                                                >SVG</a>
805                                                <a
806                                                    href="/dist/brand/okay-dev-brand-kit/awards/okay-pick/primary/png/okay-pick-primary-white-384px.png"
807                                                    download
808                                                    data-router-disabled
809                                                    role="menuitem"
810                                                    tabindex="-1"
811                                                    aria-label="Download Okay Pick primary badge, white as PNG"
812                                                >PNG</a>
813                                            </span>
814                                        </div>
815                                                                            <div class="core-logo-brand-menu__asset">
816                                            <span
817                                                class="core-logo-brand-menu__preview core-logo-brand-menu__preview--transparent"
818                                                aria-hidden="true"
819                                            >
820                                                <img
821                                                    src="/dist/brand/okay-dev-brand-kit/awards/okay-pick/primary/svg/okay-pick-primary-light-gray.svg"
822                                                    alt=""
823                                                    loading="lazy"
824                                                    decoding="async"
825                                                >
826                                            </span>
827                                            <span class="core-logo-brand-menu__name">Light Gray</span>
828                                            <span class="core-logo-brand-menu__actions">
829                                                <a
830                                                    href="/dist/brand/okay-dev-brand-kit/awards/okay-pick/primary/svg/okay-pick-primary-light-gray.svg"
831                                                    download
832                                                    data-router-disabled
833                                                    role="menuitem"
834                                                    tabindex="-1"
835                                                    aria-label="Download Okay Pick primary badge, light-gray as SVG"
836                                                >SVG</a>
837                                                <a
838                                                    href="/dist/brand/okay-dev-brand-kit/awards/okay-pick/primary/png/okay-pick-primary-light-gray-384px.png"
839                                                    download
840                                                    data-router-disabled
841                                                    role="menuitem"
842                                                    tabindex="-1"
843                                                    aria-label="Download Okay Pick primary badge, light-gray as PNG"
844                                                >PNG</a>
845                                            </span>
846                                        </div>
847                                                                        </div>
848                                </div>
849                                                            <div
850                                    class="core-logo-brand-menu__group"
851                                    role="group"
852                                    aria-labelledby="brand-menu-okay-pick-icon"
853                                >
854                                                                        <button
855                                        type="button"
856                                        class="core-logo-brand-menu__toggle"
857                                        id="brand-menu-okay-pick-icon"
858                                        data-brand-accordion-toggle
859                                        role="menuitem"
860                                        tabindex="-1"
861                                        aria-expanded="false"
862                                        aria-controls="brand-menu-assets-okay-pick-icon"
863                                    >
864                                        <span class="core-logo-brand-menu__chevron" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="m9 6 6 6-6 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /></svg>
865</span>
866                                        <span class="core-logo-brand-menu__label">Okay Pick · Icon</span>
867                                        <span class="core-logo-brand-menu__preview core-logo-brand-menu__preview--transparent" aria-hidden="true">
868                                            <img src="/dist/brand/okay-dev-brand-kit/awards/okay-pick/icon/svg/okay-pick-icon-yellow.svg" alt="" loading="lazy" decoding="async">
869                                        </span>
870                                    </button>
871                                    <div class="core-logo-brand-menu__assets" id="brand-menu-assets-okay-pick-icon" hidden inert>
872                                                                            <div class="core-logo-brand-menu__asset">
873                                            <span
874                                                class="core-logo-brand-menu__preview core-logo-brand-menu__preview--transparent"
875                                                aria-hidden="true"
876                                            >
877                                                <img
878                                                    src="/dist/brand/okay-dev-brand-kit/awards/okay-pick/icon/svg/okay-pick-icon-yellow.svg"
879                                                    alt=""
880                                                    loading="lazy"
881                                                    decoding="async"
882                                                >
883                                            </span>
884                                            <span class="core-logo-brand-menu__name">Yellow</span>
885                                            <span class="core-logo-brand-menu__actions">
886                                                <a
887                                                    href="/dist/brand/okay-dev-brand-kit/awards/okay-pick/icon/svg/okay-pick-icon-yellow.svg"
888                                                    download
889                                                    data-router-disabled
890                                                    role="menuitem"
891                                                    tabindex="-1"
892                                                    aria-label="Download Okay Pick icon badge, yellow as SVG"
893                                                >SVG</a>
894                                                <a
895                                                    href="/dist/brand/okay-dev-brand-kit/awards/okay-pick/icon/png/okay-pick-icon-yellow-176px.png"
896                                                    download
897                                                    data-router-disabled
898                                                    role="menuitem"
899                                                    tabindex="-1"
900                                                    aria-label="Download Okay Pick icon badge, yellow as PNG"
901                                                >PNG</a>
902                                            </span>
903                                        </div>
904                                                                            <div class="core-logo-brand-menu__asset">
905                                            <span
906                                                class="core-logo-brand-menu__preview core-logo-brand-menu__preview--transparent"
907                                                aria-hidden="true"
908                                            >
909                                                <img
910                                                    src="/dist/brand/okay-dev-brand-kit/awards/okay-pick/icon/svg/okay-pick-icon-black.svg"
911                                                    alt=""
912                                                    loading="lazy"
913                                                    decoding="async"
914                                                >
915                                            </span>
916                                            <span class="core-logo-brand-menu__name">Black</span>
917                                            <span class="core-logo-brand-menu__actions">
918                                                <a
919                                                    href="/dist/brand/okay-dev-brand-kit/awards/okay-pick/icon/svg/okay-pick-icon-black.svg"
920                                                    download
921                                                    data-router-disabled
922                                                    role="menuitem"
923                                                    tabindex="-1"
924                                                    aria-label="Download Okay Pick icon badge, black as SVG"
925                                                >SVG</a>
926                                                <a
927                                                    href="/dist/brand/okay-dev-brand-kit/awards/okay-pick/icon/png/okay-pick-icon-black-176px.png"
928                                                    download
929                                                    data-router-disabled
930                                                    role="menuitem"
931                                                    tabindex="-1"
932                                                    aria-label="Download Okay Pick icon badge, black as PNG"
933                                                >PNG</a>
934                                            </span>
935                                        </div>
936                                                                            <div class="core-logo-brand-menu__asset">
937                                            <span
938                                                class="core-logo-brand-menu__preview core-logo-brand-menu__preview--transparent"
939                                                aria-hidden="true"
940                                            >
941                                                <img
942                                                    src="/dist/brand/okay-dev-brand-kit/awards/okay-pick/icon/svg/okay-pick-icon-white.svg"
943                                                    alt=""
944                                                    loading="lazy"
945                                                    decoding="async"
946                                                >
947                                            </span>
948                                            <span class="core-logo-brand-menu__name">White</span>
949                                            <span class="core-logo-brand-menu__actions">
950                                                <a
951                                                    href="/dist/brand/okay-dev-brand-kit/awards/okay-pick/icon/svg/okay-pick-icon-white.svg"
952                                                    download
953                                                    data-router-disabled
954                                                    role="menuitem"
955                                                    tabindex="-1"
956                                                    aria-label="Download Okay Pick icon badge, white as SVG"
957                                                >SVG</a>
958                                                <a
959                                                    href="/dist/brand/okay-dev-brand-kit/awards/okay-pick/icon/png/okay-pick-icon-white-176px.png"
960                                                    download
961                                                    data-router-disabled
962                                                    role="menuitem"
963                                                    tabindex="-1"
964                                                    aria-label="Download Okay Pick icon badge, white as PNG"
965                                                >PNG</a>
966                                            </span>
967                                        </div>
968                                                                            <div class="core-logo-brand-menu__asset">
969                                            <span
970                                                class="core-logo-brand-menu__preview core-logo-brand-menu__preview--transparent"
971                                                aria-hidden="true"
972                                            >
973                                                <img
974                                                    src="/dist/brand/okay-dev-brand-kit/awards/okay-pick/icon/svg/okay-pick-icon-light-gray.svg"
975                                                    alt=""
976                                                    loading="lazy"
977                                                    decoding="async"
978                                                >
979                                            </span>
980                                            <span class="core-logo-brand-menu__name">Light Gray</span>
981                                            <span class="core-logo-brand-menu__actions">
982                                                <a
983                                                    href="/dist/brand/okay-dev-brand-kit/awards/okay-pick/icon/svg/okay-pick-icon-light-gray.svg"
984                                                    download
985                                                    data-router-disabled
986                                                    role="menuitem"
987                                                    tabindex="-1"
988                                                    aria-label="Download Okay Pick icon badge, light-gray as SVG"
989                                                >SVG</a>
990                                                <a
991                                                    href="/dist/brand/okay-dev-brand-kit/awards/okay-pick/icon/png/okay-pick-icon-light-gray-176px.png"
992                                                    download
993                                                    data-router-disabled
994                                                    role="menuitem"
995                                                    tabindex="-1"
996                                                    aria-label="Download Okay Pick icon badge, light-gray as PNG"
997                                                >PNG</a>
998                                            </span>
999                                        </div>
1000                                                                        </div>
1001                                </div>
1002                            
1003
1004                        </div>
1005                    </div>
1006                </div>
1007            </div>
1008
1009                            
1010
1011<nav class="core-nav">
1012
1013    <button class="btn-mobile-nav" aria-label="Navigation menu toggle">
1014        <span class="mobile-nav-toggle-icon" aria-hidden="true">
1015            <span class="mobile-nav-toggle-line mobile-nav-toggle-line-top"></span>
1016            <span class="mobile-nav-toggle-line mobile-nav-toggle-line-middle"></span>
1017            <span class="mobile-nav-toggle-line mobile-nav-toggle-line-bottom"></span>
1018        </span>
1019    </button>
1020
1021        <div id="okaydev-navbar-leading-root" class="okaydev-navbar-leading-root">
1022        <div id="dynamic-block-731359158" class="dynamic-block" data-site="1" data-template="MjEzNjNhZDgwZjVjMzVhODBiOTQyN2I2M2M2ODY2YWIwMTRlOTI5MTA2YjYyYzMwYTY3NmE2MWJkZjNkYzc3OV8vcGFydGlhbHMvbmF2L2R5bmFtaWMvbmF2YmFyLW1vYmlsZS1hdmF0YXItaXNsYW5k" data-args="eJxLtDKwqq4FAAZPAf4=" data-ignore-missing="false">                    </div>    </div>
1023
1024    <div class="core-nav-list">
1025        <ul class="core-nav-list-primary">
1026
1027                            <li class="core-nav-list-social">
1028                    <div class="core-nav-list-link-row">
1029                                                <a class="label-1 prefetch-hover" href="https://okaydev.co/social">
1030                            <span class="core-nav-link-roll">
1031                                <span>Social</span>
1032                                <span aria-hidden="true">Social</span>
1033                            </span>
1034                        </a>
1035
1036                                            </div>
1037
1038                                    </li>
1039
1040                                            <li class="core-nav-list-projects">
1041                    <div class="core-nav-list-link-row">
1042                                                <a class="label-1 prefetch-hover" href="https://okaydev.co/gallery">
1043                            <span class="core-nav-link-roll">
1044                                <span>Gallery</span>
1045                                <span aria-hidden="true">Gallery</span>
1046                            </span>
1047                        </a>
1048
1049                                            </div>
1050
1051                                    </li>
1052
1053                                            <li class="core-nav-list-directory">
1054                    <div class="core-nav-list-link-row">
1055                                                <a class="label-1 prefetch-hover" href="https://okaydev.co/directory">
1056                            <span class="core-nav-link-roll">
1057                                <span>Directory</span>
1058                                <span aria-hidden="true">Directory</span>
1059                            </span>
1060                        </a>
1061
1062                                            </div>
1063
1064                                    </li>
1065
1066                                            <li class="core-nav-list-articles">
1067                    <div class="core-nav-list-link-row">
1068                                                <a class="label-1 prefetch-hover" href="https://okaydev.co/articles">
1069                            <span class="core-nav-link-roll">
1070                                <span>Articles</span>
1071                                <span aria-hidden="true">Articles</span>
1072                            </span>
1073                        </a>
1074
1075                                            </div>
1076
1077                                    </li>
1078
1079                                            <li class="core-nav-list-jobs">
1080                    <div class="core-nav-list-link-row">
1081                                                <a class="label-1 prefetch-hover" href="https://okaydev.co/jobs">
1082                            <span class="core-nav-link-roll">
1083                                <span>Jobs</span>
1084                                <span aria-hidden="true">Jobs</span>
1085                            </span>
1086                        </a>
1087
1088                                            </div>
1089
1090                                    </li>
1091
1092                                            <li class="core-nav-list-pricing core-nav-list-pricing">
1093                    <div class="core-nav-list-link-row">
1094                                                <a class="label-1 prefetch-hover" href="https://okaydev.co/pricing">
1095                            <span class="core-nav-link-roll">
1096                                <span>Pricing</span>
1097                                <span aria-hidden="true">Pricing</span>
1098                            </span>
1099                        </a>
1100
1101                                                    <span id="okaydev-nav-go-pro-mount" class="okaydev-nav-go-pro-mount">
1102                                <div id="dynamic-block-257514199" class="dynamic-block" data-site="1" data-template="MGFjNTAxYzQ3ZmU3OWFkMGE1MTg5YjZmODY0YmMxOTgzNzViZjAxN2YwODk1MDgwNjRlOWJkZDk1MmMyYjZiOF8vcGFydGlhbHMvbmF2L2R5bmFtaWMvbmF2YmFyLXByaWNpbmctZ28tcHJvLWlzbGFuZA==" data-args="eJxLtDKwqq4FAAZPAf4=" data-ignore-missing="false">                                    <span class="navbar-pricing-go-pro-ph" aria-hidden="true"></span>
1103                                </div>                            </span>
1104                                            </div>
1105
1106                                    </li>
1107
1108                                    <div id="dynamic-block-109369847" class="dynamic-block" data-site="1" data-template="Yjk0M2RjY2NiZDgwZTE2ZTQ4OGM2ODIyM2M3NDY1NjM2ODllN2IzMzI3ODRiMGM1MDljN2I1NWIxYjMxODVlMV8vcGFydGlhbHMvbmF2L2R5bmFtaWMvbmF2YmFyLWFkZC1wcm9qZWN0LWxpLWlzbGFuZA==" data-args="eJxLtDKwqq4FAAZPAf4=" data-ignore-missing="false">                        <li class="core-nav-list-add-project is-empty" id="okaydev-nav-add-project-slot" hidden aria-hidden="true"></li>
1109                    </div>                            
1110        </ul>
1111
1112        
1113        <div id="okaydev-navbar-auth-root" class="okaydev-navbar-auth-root is-navbar-auth-guest">
1114            <span class="core-nav-mobile-account-bg" aria-hidden="true"></span>
1115            <span class="core-nav-mobile-account-divider" aria-hidden="true"></span>
1116
1117                            
1118<div class="sign-up">
1119    <a class="button btn-core-sign-up" href="https://okaydev.co/sign-up">
1120        Sign Up
1121        <svg aria-hidden="true" class="hide-on-mobile" xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" viewBox="0 0 20 20"><path fill="#0C0C0C" d="m10 15.68-.766-.774 4.364-4.364H4.32V9.458h9.277L9.234 5.095 10 4.32 15.68 10 10 15.68Z"/></svg>
1122<svg aria-hidden="true" class="hide-on-desktop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="#0C0C0C" d="m12 19.23-.713-.707L17.31 12.5H4.77v-1h12.54l-6.023-6.023.713-.708L19.23 12 12 19.232Z"/></svg>    </a>
1123</div>
1124
1125<div class="sign-in">
1126    <a class="button label-1 btn-core-login" href="https://okaydev.co/login">
1127        <span class="core-nav-link-roll">
1128            <span>Login</span>
1129            <span aria-hidden="true">Login</span>
1130        </span>
1131        <span class="sr-only">Login</span>
1132    </a>
1133</div>
1134
1135<div class="core-nav-guest-extra">
1136    <nav aria-label="Secondary navigation">
1137        <ul class="core-nav-guest-secondary">
1138                                                                            <li><a href="https://okaydev.co/about">About</a></li>
1139                                                                                <li><a href="https://okaydev.co/faqs">FAQs</a></li>
1140                                                                                <li><a href="https://okaydev.co/brand">Brand</a></li>
1141                                                                                <li><a href="https://okaydev.co/contact">Contact</a></li>
1142                                                                                                                                                <li><a href="https://okaydev.co/newsletter" data-dialog="newsletter" aria-haspopup="dialog">Newsletter</a></li>
1143                    </ul>
1144    </nav>
1145    <nav class="core-nav-guest-social-nav" aria-label="Social links">
1146        <p class="core-nav-guest-social-eyebrow label-2">Follow OkayDev</p>
1147        <ul class="core-nav-guest-social">
1148                                                                                        <li>
1149                        <a href="https://okaydev.co/u/okaydev" aria-label="OkayDev on OkayDev">
1150                                                            <span aria-hidden="true"><svg class="bento-social-mark bento-social-mark--okaydev" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 250 250">
1151    <circle cx="125" cy="125" r="117" fill="none" stroke="currentColor" stroke-width="16"/>
1152    <path d="M55 160c20 28 41 38 70 38s50-10 70-38" fill="none" stroke="currentColor" stroke-width="16"/>
1153    <path d="m142 55-34 95" fill="none" stroke="currentColor" stroke-width="15"/>
1154    <path d="M84.3 130 59.3 105 84.3 80M165.7 130 190.7 105 165.7 80" fill="none" stroke="currentColor" stroke-width="15"/>
1155</svg>
1156</span>
1157                                                    </a>
1158                    </li>
1159                                                                                                        <li>
1160                        <a href="https://x.com/okaydevs" aria-label="OkayDev on X" target="_blank" rel="noopener">
1161                                                            <span aria-hidden="true"><svg class="bento-social-mark bento-social-mark--x" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 1227">
1162    <path fill="currentColor" d="M714.163 519.284 1160.89 0h-105.86L667.137 450.887 357.328 0H0l468.492 681.821L0 1226.37h105.866l409.625-476.152 327.181 476.152H1200L714.137 519.284h.026ZM569.165 687.828l-47.468-67.894-377.686-540.24h162.604l304.797 435.991 47.468 67.894 396.2 566.721H892.476L569.165 687.854v-.026Z"/>
1163</svg>
1164</span>
1165                                                    </a>
1166                    </li>
1167                                                                                                        <li>
1168                        <a href="https://bsky.app/profile/okaydev.co" aria-label="OkayDev on Bluesky" target="_blank" rel="noopener">
1169                                                            <span aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 226">
1170    <path fill="currentColor" d="M55.491 15.172c29.35 22.035 60.917 66.712 72.509 90.686 11.592-23.974 43.159-68.651 72.509-90.686C221.686-.727 256-13.028 256 26.116c0 7.818-4.482 65.674-7.111 75.068-9.138 32.654-42.436 40.983-72.057 35.942 51.775 8.812 64.946 38 36.501 67.187-54.021 55.433-77.644-13.908-83.696-31.676-1.11-3.257-1.63-4.78-1.637-3.485-.008-1.296-.527.228-1.637 3.485-6.052 17.768-29.675 87.11-83.696 31.676-28.445-29.187-15.274-58.375 36.5-67.187-29.62 5.041-62.918-3.288-72.056-35.942C4.482 91.79 0 33.934 0 26.116 0-13.028 34.314-.727 55.491 15.172Z"/>
1171</svg>
1172</span>
1173                                                    </a>
1174                    </li>
1175                                                                                                        <li>
1176                        <a href="https://www.instagram.com/okaydevs" aria-label="OkayDev on Instagram" target="_blank" rel="noopener">
1177                                                            <span aria-hidden="true"><svg class="bento-social-mark bento-social-mark--instagram" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 264.583 264.583">
1178    <path fill="currentColor" d="M132.345 33.973c-26.716 0-30.07.117-40.563.594-10.472.48-17.62 2.136-23.876 4.567-6.47 2.51-11.958 5.87-17.426 11.335-5.472 5.464-8.834 10.948-11.354 17.412-2.44 6.252-4.1 13.397-4.57 23.858-.47 10.486-.593 13.838-.593 40.535 0 26.697.119 30.037.594 40.522.482 10.465 2.14 17.609 4.57 23.859 2.515 6.465 5.876 11.95 11.346 17.414 5.466 5.468 10.955 8.834 17.42 11.345 6.26 2.431 13.41 4.088 23.881 4.567 10.493.477 13.844.594 40.559.594 26.719 0 30.061-.117 40.555-.594 10.472-.48 17.63-2.136 23.888-4.567 6.468-2.51 11.948-5.877 17.414-11.345 5.472-5.464 8.834-10.949 11.354-17.412 2.419-6.252 4.079-13.398 4.57-23.858.472-10.486.595-13.828.595-40.525s-.123-30.047-.594-40.533c-.492-10.465-2.152-17.608-4.57-23.858-2.521-6.466-5.883-11.95-11.355-17.414-5.472-5.468-10.944-8.827-17.42-11.335-6.271-2.431-13.424-4.088-23.897-4.567-10.493-.477-13.834-.594-40.558-.594zm-8.825 17.715c2.62-.004 5.542 0 8.825 0 26.266 0 29.38.094 39.752.565 9.591.438 14.797 2.04 18.264 3.385 4.591 1.782 7.864 3.912 11.305 7.352 3.443 3.44 5.575 6.717 7.362 11.305 1.346 3.46 2.951 8.663 3.388 18.247.47 10.363.573 13.475.573 39.71 0 26.233-.102 29.346-.573 39.709-.44 9.584-2.042 14.786-3.388 18.247-1.783 4.587-3.919 7.854-7.362 11.292-3.443 3.441-6.712 5.57-11.305 7.352-3.463 1.352-8.673 2.95-18.264 3.388-10.37.47-13.486.573-39.752.573-26.268 0-29.38-.102-39.751-.573-9.592-.443-14.797-2.044-18.267-3.39-4.59-1.781-7.87-3.911-11.313-7.352-3.443-3.44-5.574-6.709-7.362-11.298-1.346-3.461-2.95-8.663-3.387-18.247-.472-10.363-.566-13.476-.566-39.726s.094-29.347.566-39.71c.438-9.584 2.04-14.786 3.387-18.25 1.783-4.588 3.919-7.865 7.362-11.305 3.443-3.441 6.722-5.57 11.313-7.357 3.468-1.351 8.675-2.949 18.267-3.389 9.075-.41 12.592-.532 30.926-.553zm61.337 16.322c-6.518 0-11.805 5.277-11.805 11.792 0 6.512 5.287 11.796 11.805 11.796 6.517 0 11.804-5.284 11.804-11.796 0-6.513-5.287-11.796-11.805-11.796zm-52.512 13.782c-27.9 0-50.519 22.603-50.519 50.482 0 27.879 22.62 50.471 50.52 50.471s50.51-22.592 50.51-50.471c0-27.879-22.613-50.482-50.513-50.482zm0 17.715c18.11 0 32.792 14.67 32.792 32.767 0 18.096-14.683 32.767-32.792 32.767-18.11 0-32.791-14.671-32.791-32.767 0-18.098 14.68-32.767 32.791-32.767Z"/>
1179</svg>
1180</span>
1181                                                    </a>
1182                    </li>
1183                                                                                                        <li>
1184                        <a href="https://www.linkedin.com/company/okay-dev" aria-label="OkayDev on LinkedIn" target="_blank" rel="noopener">
1185                                                            <span aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256">
1186    <path fill="currentColor" d="M218.123 218.127h-37.931v-59.403c0-14.165-.253-32.4-19.728-32.4-19.756 0-22.779 15.434-22.779 31.369v60.43h-37.93V95.967h36.413v16.694h.51a39.907 39.907 0 0 1 35.928-19.733c38.445 0 45.533 25.288 45.533 58.186l-.016 67.013ZM56.955 79.27c-12.157.002-22.014-9.852-22.016-22.009-.002-12.157 9.851-22.014 22.008-22.016 12.157-.003 22.014 9.851 22.016 22.008A22.013 22.013 0 0 1 56.955 79.27m18.966 138.858H37.95V95.967h37.97v122.16ZM237.033.018H18.89C8.58-.098.125 8.161-.001 18.471v219.053c.122 10.315 8.576 18.582 18.89 18.474h218.144c10.336.128 18.823-8.139 18.966-18.474V18.454c-.147-10.33-8.635-18.588-18.966-18.453"/>
1186
1187</svg>
1188</span>
1189                                                    </a>
1190                    </li>
1191                                                                                                        <li>
1192                        <a href="https://github.com/okaydevco" aria-label="OkayDev on GitHub" target="_blank" rel="noopener">
1193                                                            <span aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
1194    <path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M512 0C229.12 0 0 229.12 0 512c0 226.56 146.56 417.92 350.08 485.76 25.6 4.48 35.2-10.88 35.2-24.32 0-12.16-.64-52.48-.64-95.36-128.64 23.68-161.92-31.36-172.16-60.16-5.76-14.72-30.72-60.16-52.48-72.32-17.92-9.6-43.52-33.28-.64-33.92 40.32-.64 69.12 37.12 78.72 52.48 46.08 77.44 119.68 55.68 149.12 42.24 4.48-33.28 17.92-55.68 32.64-68.48-113.92-12.8-232.96-56.96-232.96-252.8 0-55.68 19.84-101.76 52.48-137.6-5.12-12.8-23.04-65.28 5.12-135.68 0 0 42.88-13.44 140.8 52.48 40.96-11.52 84.48-17.28 128-17.28s87.04 5.76 128 17.28c97.92-66.56 140.8-52.48 140.8-52.48 28.16 70.4 10.24 122.88 5.12 135.68 32.64 35.84 52.48 81.28 52.48 137.6 0 196.48-119.68 240-233.6 252.8 18.56 16 34.56 46.72 34.56 94.72 0 68.48-.64 123.52-.64 140.8 0 13.44 9.6 29.44 35.2 24.32C877.44 929.92 1024 737.92 1024 512 1024 229.12 794.88 0 512 0"/>
1195</svg>
1196</span>
1197                                                    </a>
1198                    </li>
1199                                    </ul>
1200    </nav>
1201</div>
1202                    </div>
1203
1204    </div>
1205
1206    <div class="mobile-content-cover"></div>
1207
1208</nav>
1209                    </div>
1210
1211                <button type="button"
1212    class="social-feed-top-button"
1213    data-social-feed-top-button
1214    aria-label="Jump to top"
1215    hidden>
1216    <span class="social-feed-top-button-icon" aria-hidden="true">
1217        <svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M11.29 8.71L6.7 13.3c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 10.83l3.88 3.88c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L12.7 8.71c-.38-.39-1.02-.39-1.41 0z"/></svg>    </span>
1218    <span class="social-feed-top-button-label">TOP</span>
1219    <span class="social-feed-top-button-spinner" aria-hidden="true"></span>
1220</button>
1221
1222    </header>
1223    
1223<script>
1224        (function () {
1225            // Clear before the first paint, including when older critical CSS still
1226            // contains the unconditional intro-hide selector. Do not wait for app.js.
1227            if (document.documentElement.dataset.headerIntroSeen === 'true') {
1228                var header = document.currentScript.previousElementSibling;
1229                header.removeAttribute('data-header-enter-pending');
1230                // Servd may hydrate after the app boots; its avatar entrance should
1231                // also stay skipped when this tab has already shown the header.
1232                header.querySelectorAll('.okaydev-navbar-leading-root, .okaydev-navbar-auth-root').forEach(function (root) {
1233                    root.classList.add('is-navbar-auth-refreshed');
1234                });
1235            }
1236        })();
1237    </script>
1237
1238    <div class="app-logo">
1239    <a
1240        class="app-logo-link"
1241        href="https://okaydev.co/"
1242                aria-label="OkayDev, Home"
1243        data-app-tab="home"
1244    >
1245        <svg class="app-logo-mark" viewBox="0 0 1483 276" aria-hidden="true" focusable="false">
1246            <g class="app-logo-shade">
1247                <path d="M1350.75 34.5V4H1252.25L1202.25 54V272H1374.75L1424.75 222L1483 4H1381.25L1350.75 34.5Z"/>
1248                <path d="M1088.75 4L1038.75 54V272H1211L1261 222V4H1088.75Z"/>
1249                <path d="M875.5 4L825.5 54V272H935.5C967 272 996 259.75 1016.5 239.25L1066.5 189.25C1086.5 169.25 1099.25 142.5 1099.25 113C1099.25 53 1047.75 4 985.5 4H875.5Z"/>
1250                <path d="M791.75 272L841.75 222L900 4H795.25L777.5 21.75V4H680.25L630.25 54V235.5H696.75L687 272H791.75Z"/>
1251                <path d="M540.25 240.25V272H638.25L688.25 222V4H515L465 54L406.75 272H508.5L540.25 240.25Z"/>
1252                <path d="M337 254.25V272H434.25L484.25 222V85.25H465.5L487.25 4H272L222 54V272H319.25L337 254.25Z"/>
1253                <path d="M197.25 243.5L247.25 193.5C269 173 282.5 144.5 282.5 112.75C282.5 50.75 229.75 0 166.5 0C135 0 106.5 12 85.5 31.75L35.5 81.75C14.25 103 0 131 0 162.75C0 225.25 52 276 116.5 276C147.75 276 176.25 263.75 197.25 243.5Z"/>
1254            </g>
1255            <g class="app-logo-fill">
1256                <path d="M1261.25 13V213H1417.75L1471.25 13H1388.25L1356.25 132C1353.75 141 1341.75 140.25 1341.75 130V13H1261.25Z"/>
1257                <path d="M1097.75 13V213H1252V145.5H1207V107H1184.5C1177.25 107 1172 101.5 1172 93.75C1172 86 1177.25 80.5 1184.5 80.5H1252V13H1097.75Z"/>
1258                <path d="M884.5 13V213H985.5C1043 213 1090.25 168 1090.25 113C1090.25 58 1043 13 985.5 13H884.5ZM953 113C953 97.25 966 84.25 981.75 84.25C997.5 84.25 1010.25 97.25 1010.25 113C1010.25 128.75 997.5 141.75 981.75 141.75C966 141.75 953 128.75 953 113Z"/>
1259                <path d="M758.5 176.5L748.75 213H834.75L888.25 13H802.25L778.5 101.25C777 107 768.5 105.5 768.5 99.25V13H689.25V176.5H758.5Z"/>
1260                <path d="M522 13L468.5 213H551.5L564.75 163.75H599.25V213H679.25V13H522ZM568.25 90.5C568.25 79.25 577.5 70.25 588.5 70.25C599.5 70.25 608.5 79.25 608.5 90.5C608.5 101.5 599.5 110.5 588.5 110.5C577.5 110.5 568.25 101.5 568.25 90.5Z"/>
1261                <path d="M281 13V213H360.25V151.25H396V213H475.25V94.25H453.75L475.5 13H381V71C381 88.25 360.25 88.25 360.25 71V13H281Z"/>
1262                <path d="M166.5 217C225 217 273.5 170.25 273.5 112.75C273.5 55.75 225 9 166.5 9C106.75 9 59 55.75 59 112.75C59 170.25 106.75 217 166.5 217ZM137.25 113C137.25 97.25 150.5 84.25 166.25 84.25C181.5 84.25 194.5 97.25 194.5 113C194.5 129 181.5 141.75 166.25 141.75C150.5 141.75 137.25 129 137.25 113Z"/>
1263            </g>
1264        </svg>
1265    </a>
1266</div>
1267</div>
1268
1269    <main data-router-wrapper>
1270        
1271    			    		
1272        <section data-router-view="default" data-handle="about" data-theme="dark" data-sticky-mobile-header="true">
1273
1274            <div class="auth-shell-bg" aria-hidden="true">
1275	<div class="auth-shell-bg-shadow">
1276		<img
1277		src="/dist/images/home/hero/bg-shadow.webp"
1278			width="1577"
1279	height="997"
1280	alt=""
1281		>
1282	</div>
1283	<div class="auth-shell-grid-lines"></div>
1284</div>
1285
1286            <div class="about-container page-container wrapper">
1287
1288                
1289<div class="settings-shell">
1290	<div class="settings-body">
1291		<aside class="settings-rail">
1292							
1293
1294	<ul class="links settings-nav-user-menu">
1295
1296		
1297			
1298		
1299			
1300		
1301			
1302		
1303			
1304		
1305			
1306		
1307			
1308		
1309		
1310			
1311																
1312				
1313				<li class="is-about">
1314					<a class="label-1 is-inverse is-active" href="https://okaydev.co/about">
1315
1316													<span class="icon">
1317								<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#000000"><path d="M440-280h80v-240h-80v240Zm40-320q17 0 28.5-11.5T520-640q0-17-11.5-28.5T480-680q-17 0-28.5 11.5T440-640q0 17 11.5 28.5T480-600Zm0 520q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z"/></svg>
1318							</span>
1319						
1320						<span class="text">About</span>
1321
1322					</a>
1323				</li>
1324
1325			
1326		
1327			
1328																
1329				
1330				<li class="is-faqs">
1331					<a class="label-1 is-inverse" href="https://okaydev.co/faqs">
1332
1333													<span class="icon">
1334								<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#000000"><path d="M479.56-255.39q17.13 0 28.94-11.82 11.81-11.83 11.81-28.97 0-17.13-11.83-28.94-11.83-11.8-28.96-11.8-17.13 0-28.94 11.83-11.81 11.83-11.81 28.96 0 17.13 11.83 28.94 11.83 11.8 28.96 11.8Zm-28.33-143.23h56.31q.77-29.53 8.65-47.19 7.89-17.65 38.27-46.8 26.39-26.39 40.42-48.74 14.04-22.34 14.04-52.77 0-51.65-37.11-80.69-37.12-29.03-87.81-29.03-50.08 0-82.88 26.73-32.81 26.73-46.81 62.96l51.38 20.61q7.31-19.92 25-38.81 17.69-18.88 52.54-18.88 35.46 0 52.42 19.42 16.97 19.43 16.97 42.73 0 20.39-11.62 37.31-11.61 16.92-29.61 32.69-39.39 35.54-49.77 56.7-10.39 21.15-10.39 63.76ZM480.07-100q-78.84 0-148.21-29.92t-120.68-81.21q-51.31-51.29-81.25-120.63Q100-401.1 100-479.93q0-78.84 29.92-148.21t81.21-120.68q51.29-51.31 120.63-81.25
1334Q401.1-860 479.93-860q78.84 0 148.21 29.92t120.68 81.21q51.31 51.29 81.25 120.63Q860-558.9 860-480.07q0 78.84-29.92 148.21t-81.21 120.68q-51.29 51.31-120.63 81.25Q558.9-100 480.07-100Zm-.07-60q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z"/></svg>							</span>
1335						
1336						<span class="text">FAQs</span>
1337
1338					</a>
1339				</li>
1340
1341			
1342		
1343			
1344																
1345				
1346				<li class="is-brand">
1347					<a class="label-1 is-inverse" href="https://okaydev.co/brand">
1348
1349													<span class="icon">
1350								<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><g><rect fill="none" height="24" width="24"/><path d="M19,3H5C3.9,3,3,3.9,3,5v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V5C21,3.9,20.1,3,19,3z M13,17H8c-0.55,0-1-0.45-1-1 c0-0.55,0.45-1,1-1h5c0.55,0,1,0.45,1,1C14,16.55,13.55,17,13,17z M16,13H8c-0.55,0-1-0.45-1-1c0-0.55,0.45-1,1-1h8 c0.55,0,1,0.45,1,1C17,12.55,16.55,13,16,13z M16,9H8C7.45,9,7,8.55,7,8c0-0.55,0.45-1,1-1h8c0.55,0,1,0.45,1,1 C17,8.55,16.55,9,16,9z"/></g></svg>							</span>
1351						
1352						<span class="text">Brand</span>
1353
1354					</a>
1355				</li>
1356
1357			
1358		
1359			
1360																
1361				
1362				<li class="is-contact">
1363					<a class="label-1 is-inverse" href="https://okaydev.co/contact">
1364
1365													<span class="icon">
1366								<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#e8eaed"><path d="M187.52-205.54q-25.77 0-43.57-17.8t-17.8-43.58v-426.16q0-25.78 17.8-43.58 17.8-17.8 43.57-17.8h584.96q25.77 0 43.57 17.8t17.8 43.58v426.16q0 25.78-17.8 43.58-17.8 17.8-43.57 17.8H187.52ZM480-477.92 163.08-685.23v418.15q0 10.77 6.92 17.7 6.92 6.92 17.69 6.92h584.62q10.77 0 17.69-6.92 6.92-6.93 6.92-17.7v-418.15L480-477.92Zm0-41.46 304-198.16H176l304 198.16ZM163.08-685.23v-32.31 450.46q0 10.77 6.92 17.7 6.92 6.92 17.69 6.92h-24.61v-442.77Z"/></svg>							</span>
1367						
1368						<span class="text">Contact</span>
1369
1370					</a>
1371				</li>
1372
1373			
1374		
1375			
1376		
1377			
1378		
1379	</ul>
1380					</aside>
1381
1382		<div class="settings-main">
1383			<h1 class="settings-title">About</h1>
1384
1385			<div class="settings-content">
1386				
1387                        <h3>At <strong>OkayDev</strong>, we’ve built a platform where creatives of all kinds — freelancers, studios, and agencies — can connect and showcase their&nbsp;work.</h3><p><span class="text-big">While many portfolio sites focus solely on design, we celebrate the innovative, interactive projects that bring ideas to life. Whether you’re a developer, designer, or multidisciplinary creator, explore live projects, expand your network, celebrate launches, and draw inspiration from industry&nbsp;leaders.</span></p><hr><p>Sign up for our newsletter and follow us on our social channels for future updates. You’ll find all the links in the footer&nbsp;below.</p>
1388
1389                    			</div>
1390		</div>
1391	</div>
1392</div>
1393
1394            </div>
1395
1396        </section>
1397
1398    
1399    </main>
1400
1401    
1402
1403
1404<footer id="core-footer" class="core-footer core-footer--made-on" data-accent="black">
1405    <div class="bento-page-bg" aria-hidden="true">
1406        <div class="bento-page-bg__shadow">
1407            <img
1408		src="https://images.okaydev.co/production/images/home/bg-shadow.webp?w=1577&amp;h=997&amp;auto=compress%2Cformat&amp;fit=min&amp;dm=1784704132&amp;s=0d73f62cc40403b5d51e8e9e06a60810"
1409			width="1577"
1410	height="997"
1411	alt=""
1412	loading="lazy" decoding="async"	>
1413        </div>
1414        <div class="bento-page-bg__grid-lines"></div>
1415        <div class="bento-page-bg__center-fade"></div>
1416    </div>
1417    
1418
1419
1420<div class="bento-made-on" data-bento-made-on>
1421    <div class="bento-made-on__content">
1422        <div class="bento-made-on__brand">
1423            <p class="bento-made-on__copy">A Social Network &amp; Portfolio Platform</p>
1424            <a class="bento-made-on__link" href="https://okaydev.co/" data-bento-made-on-logo>
1425                <span class="bento-made-on__logo">
1426                    <svg class="logo-okaydev" role="img" aria-label="OKAYDEV logo" width="1483" height="276" viewBox="0 0 1483 276" fill="none" xmlns="http://www.w3.org/2000/svg">
1427        <g class="logo-shades" aria-hidden="true">
1428        <path class="logo-letter-shadow" data-letter="V" d="M1350.75 34.5V4H1252.25L1202.25 54V272H1374.75L1424.75 222L1483 4H1381.25L1350.75 34.5Z" fill="var(--logo-fill-outer)"/>
1429        <path class="logo-letter-shadow" data-letter="E" d="M1088.75 4L1038.75 54V272H1211L1261 222V4H1088.75Z" fill="var(--logo-fill-outer)"/>
1430        <path class="logo-letter-shadow" data-letter="D" d="M875.5 4L825.5 54V272H935.5C967 272 996 259.75 1016.5 239.25L1066.5 189.25C1086.5 169.25 1099.25 142.5 1099.25 113C1099.25 53 1047.75 4 985.5 4H875.5Z" fill="var(--logo-fill-outer)"/>
1431        <path class="logo-letter-shadow" data-letter="Y" d="M791.75 272L841.75 222L900 4H795.25L777.5 21.75V4H680.25L630.25 54V235.5H696.75L687 272H791.75Z" fill="var(--logo-fill-outer)"/>
1432        <path class="logo-letter-shadow" data-letter="A" d="M540.25 240.25V272H638.25L688.25 222V4H515L4
143265 54L406.75 272H508.5L540.25 240.25Z" fill="var(--logo-fill-outer)"/>
1433        <path class="logo-letter-shadow" data-letter="K" d="M337 254.25V272H434.25L484.25 222V85.25H465.5L487.25 4H272L222 54V272H319.25L337 254.25Z" fill="var(--logo-fill-outer)"/>
1434        <path class="logo-letter-shadow" data-letter="O" d="M197.25 243.5L247.25 193.5C269 173 282.5 144.5 282.5 112.75C282.5 50.75 229.75 0 166.5 0C135 0 106.5 12 85.5 31.75L35.5 81.75C14.25 103 0 131 0 162.75C0 225.25 52 276 116.5 276C147.75 276 176.25 263.75 197.25 243.5Z" fill="var(--logo-fill-outer)"/>
1435    </g>
1436
1437        <g class="logo-faces">
1438        <g class="logo-letter" data-letter="V">
1439            <path class="logo-letter-face" d="M1261.25 13V213H1417.75L1471.25 13H1388.25L1356.25 132C1353.75 141 1341.75 140.25 1341.75 130V13H1261.25Z" fill="var(--logo-fill-inner)"/>
1440        </g>
1441        <g class="logo-letter" data-letter="E">
1442            <path class="logo-letter-face" d="M1097.75 13V213H1252V145.5H1207V107H1184.5C1177.25 107 1172 101.5 1172 93.75C1172 86 1177.25 80.5 1184.5 80.5H1252V13H1097.75Z" fill="var(--logo-fill-inner)"/>
1443        </g>
1444        <g class="logo-letter" data-letter="D">
1445            <path class="logo-letter-face" d="M884.5 13V213H985.5C1043 213 1090.25 168 1090.25 113C1090.25 58 1043 13 985.5 13H884.5ZM953 113C953 97.25 966 84.25 981.75 84.25C997.5 84.25 1010.25 97.25 1010.25 113C1010.25 128.75 997.5 141.75 981.75 141.75C966 141.75 953 128.75 953 113Z" fill="var(--logo-fill-inner)"/>
1446        </g>
1447        <g class="logo-letter" data-letter="Y">
1448            <path class="logo-letter-face" d="M758.5 176.5L748.75 213H834.75L888.25 13H802.25L778.5 101.25C777 107 768.5 105.5 768.5 99.25V13H689.25V176.5H758.5Z" fill="var(--logo-fill-inner)"/>
1449        </g>
1450        <g class="logo-letter" data-letter="A">
1451            <path class="logo-letter-face" d="M522 13L468.5 213H551.5L564.75 163.75H599.25V213H679.25V13H522ZM568.25 90.5C568.25 79.25 577.5 70.25 588.5 70.25C599.5 70.25 608.5 79.25 608.5 90.5C608.5 101.5 599.5 110.5 588.5 110.5C577.5 110.5 568.25 101.5 568.25 90.5Z" fill="var(--logo-fill-inner)"/>
1452        </g>
1453        <g class="logo-letter" data-letter="K">
1454            <path class="logo-letter-face" d="M281 13V213H360.25V151.25H396V213H475.25V94.25H453.75L475.5 13H381V71C381 88.25 360.25 88.25 360.25 71V13H281Z" fill="var(--logo-fill-inner)"/>
1455        </g>
1456        <g class="logo-letter" data-letter="O">
1457            <path class="logo-letter-face" d="M166.5 217C225 217 273.5 170.25 273.5 112.75C273.5 55.75 225 9 166.5 9C106.75 9 59 55.75 59 112.75C59 170.25 106.75 217 166.5 217ZM137.25 113C137.25 97.25 150.5 84.25 166.25 84.25C181.5 84.25 194.5 97.25 194.5 113C194.5 129 181.5 141.75 166.25 141.75C150.5 141.75 137.25 129 137.25 113Z" fill="var(--logo-fill-inner)"/>
1458        </g>
1459    </g>
1460</svg>
1461                </span>
1462            </a>
1463        </div>
1464
1465                <div class="bento-made-on__join">
1466                            <p class="bento-made-on__cta-heading">
1467                    Join for free and hang with creative people on the internet.
1468                </p>
1469                <a class="bento-button bento-made-on__cta" href="https://okaydev.co/sign-up">
1470                    <span class="bento-button__label">Make Your Profile</span>
1471                    <span class="bento-external-icon" aria-hidden="true"><svg class="bento-external-icon__arrow" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" aria-hidden="true"><path class="bento-external-icon__arrow-stem" d="M5.77 17.12 16.89 6"/><path d="M6.14 6H16.89V16"/></svg>
1472</span>
1473                </a>
1474                    </div>
1475
1476        <div class="bento-made-on__nav-rows">
1477            <nav class="bento-made-on__nav bento-made-on__nav--primary" aria-label="OkayDev">
1478                <ul class="bento-made-on__nav-list">
1479                    <li>
1480                        <a href="https://okaydev.co/">Home</a>
1481                    </li>
1482                                                                        <li>
1483                                <a href="https://okaydev.co/social">Social</a>
1484                            </li>
1485                                                                                                <li>
1486                                <a href="https://okaydev.co/gallery">Gallery</a>
1487                            </li>
1488                                                                                                <li>
1489                                <a href="https://okaydev.co/directory">Directory</a>
1490                            </li>
1491                                                                                                <li>
1492                                <a href="https://okaydev.co/articles">Articles</a>
1493                            </li>
1494                                                                                                <li>
1495                                <a href="https://okaydev.co/jobs">Jobs</a>
1496                            </li>
1497                                                                                                <li>
1498                                <a href="https://okaydev.co/pricing">Pricing</a>
1499                            </li>
1500                                                            </ul>
1501            </nav>
1502
1503            <nav class="bento-made-on__nav bento-made-on__nav--secondary" aria-label="OkayDev secondary">
1504                <ul class="bento-made-on__nav-list">
1505                                                                                                        <li>
1506                                    <a class="" href="https://okaydev.co/about">About</a>
1507                                </li>
1508                                                                                                                                                            <li>
1509                                    <a class="is-text-transform-none" href="https://okaydev.co/faqs">FAQs</a>
1510                                </li>
1511                                                                                                                                                            <li>
1512                                    <a class="" href="https://okaydev.co/brand">Brand</a>
1513                                </li>
1514                                                                                                                                                            <li>
1515                                    <a class="" href="https://okaydev.co/contact">Contact</a>
1516                                </li>
1517                                                                                                                                                            <li>
1518                                    <a class="" href="https://okaydev.co/login">Login</a>
1519                                </li>
1520                                                                                                                                                            <li>
1521                                    <a class="" href="https://okaydev.co/sign-up">Sign up</a>
1522                                </li>
1523                                                                                            <li>
1524                        <a href="/newsletter" data-dialog="newsletter" aria-haspopup="dialog">Newsletter</a>
1525                    </li>
1526                </ul>
1527            </nav>
1528
1529            <nav class="bento-made-on__nav bento-made-on__nav--social" aria-label="OkayDev social">
1530                <ul class="bento-made-on__nav-list">
1531                    <li>
1532                        <a
1533                            class="bento-made-on__social-link"
1534                            href="https://okaydev.co/u/okaydev/social"
1535                            aria-label="OkayDev social"
1536                            title="OkayDev"
1537                        >
1538                            <span class="bento-made-on__social-logo bento-made-on__social-logo--okaydev-outline" aria-hidden="true">
1539                                <svg class="bento-social-mark bento-social-mark--okaydev" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 250 250">
1540    <circle cx="125" cy="125" r="117" fill="none" stroke="currentColor" stroke-width="16"/>
1541    <path d="M55 160c20 28 41 38 70 38s50-10 70-38" fill="none" stroke="currentColor" stroke-width="16"/>
1542    <path d="m142 55-34 95" fill="none" stroke="currentColor" stroke-width="15"/>
1543    <path d="M84.3 130 59.3 105 84.3 80M165.7 130 190.7 105 165.7 80" fill="none" stroke="currentColor" stroke-width="15"/>
1544</svg>
1545                            </span>
1546                        </a>
1547                    </li>
1548                                                                                                                                                                                                                    <li>
1549                                <a
1550                                    class="bento-made-on__social-link"
1551                                    href="https://x.com/okaydevs"
1552                                    target="_blank"
1553                                    rel="noopener"
1554                                    aria-label="OkayDev on X" title="X"                                >
1555                                                                            <sp
1555an class="bento-made-on__social-logo bento-made-on__social-logo--x" aria-hidden="true">
1556                                            <svg class="bento-social-mark bento-social-mark--x" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 1227">
1557    <path fill="currentColor" d="M714.163 519.284 1160.89 0h-105.86L667.137 450.887 357.328 0H0l468.492 681.821L0 1226.37h105.866l409.625-476.152 327.181 476.152H1200L714.137 519.284h.026ZM569.165 687.828l-47.468-67.894-377.686-540.24h162.604l304.797 435.991 47.468 67.894 396.2 566.721H892.476L569.165 687.854v-.026Z"/>
1558</svg>
1559                                        </span>
1560                                                                    </a>
1561                            </li>
1562                                                                                                                                                <li>
1563                                <a
1564                                    class="bento-made-on__social-link"
1565                                    href="https://bsky.app/profile/okaydev.co"
1566                                    target="_blank"
1567                                    rel="noopener"
1568                                    aria-label="OkayDev on Bluesky" title="Bluesky"                                >
1569                                                                            <span class="bento-made-on__social-logo bento-made-on__social-logo--bluesky" aria-hidden="true">
1570                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 226">
1571    <path fill="currentColor" d="M55.491 15.172c29.35 22.035 60.917 66.712 72.509 90.686 11.592-23.974 43.159-68.651 72.509-90.686C221.686-.727 256-13.028 256 26.116c0 7.818-4.482 65.674-7.111 75.068-9.138 32.654-42.436 40.983-72.057 35.942 51.775 8.812 64.946 38 36.501 67.187-54.021 55.433-77.644-13.908-83.696-31.676-1.11-3.257-1.63-4.78-1.637-3.485-.008-1.296-.527.228-1.637 3.485-6.052 17.768-29.675 87.11-83.696 31.676-28.445-29.187-15.274-58.375 36.5-67.187-29.62 5.041-62.918-3.288-72.056-35.942C4.482 91.79 0 33.934 0 26.116 0-13.028 34.314-.727 55.491 15.172Z"/>
1572</svg>
1573                                        </span>
1574                                                                    </a>
1575                            </li>
1576                                                                                                                                                <li>
1577                                <a
1578                                    class="bento-made-on__social-link"
1579                                    href="https://www.instagram.com/okaydevs"
1580                                    target="_blank"
1581                                    rel="noopener"
1582                                    aria-label="OkayDev on Instagram" title="Instagram"                                >
1583                                                                            <span class="bento-made-on__social-logo bento-made-on__social-logo--instagram" aria-hidden="true">
1584                                            <svg class="bento-social-mark bento-social-mark--instagram" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 264.583 264.583">
1585    <path fill="currentColor" d="M132.345 33.973c-26.716 0-30.07.117-40.563.594-10.472.48-17.62 2.136-23.876 4.567-6.47 2.51-11.958 5.87-17.426 11.335-5.472 5.464-8.834 10.948-11.354 17.412-2.44 6.252-4.1 13.397-4.57 23.858-.47 10.486-.593 13.838-.593 40.535 0 26.697.119 30.037.594 40.522.482 10.465 2.14 17.609 4.57 23.859 2.515 6.465 5.876 11.95 11.346 17.414 5.466 5.468 10.955 8.834 17.42 11.345 6.26 2.431 13.41 4.088 23.881 4.567 10.493.477 13.844.594 40.559.594 26.719 0 30.061-.117 40.555-.594 10.472-.48 17.63-2.136 23.888-4.567 6.468-2.51 11.948-5.877 17.414-11.345 5.472-5.464 8.834-10.949 11.354-17.412 2.419-6.252 4.079-13.398 4.57-23.858.472-10.486.595-13.828.595-40.525s-.123-30.047-.594-40.533c-.492-10.465-2.152-17.608-4.57-23.858-2.521-6.466-5.883-11.95-11.355-17.414-5.472-5.468-10.944-8.827-17.42-11.335-6.271-2.431-13.424-4.088-23.897-4.567-10.493-.477-13.834-.594-40.558-.594zm-8.825 17.715c2.62-.004 5.542 0 8.825 0 26.266 0 29.38.094 39.752.565 9.591.438 14.797 2.04 18.264 3.385 4.591 1.782 7.864 3.912 11.305 7.352 3.443 3.44 5.575 6.717 7.362 11.305 1.346 3.46 2.951 8.663 3.388 18.247.47 10.363.573 13.475.573 39.71 0 26.233-.102 29.346-.573 39.709-.44 9.584-2.042 14.786-3.388 18.247-1.783 4.587-3.919 7.854-7.362 11.292-3.443 3.441-6.712 5.57-11.305 7.352-3.463 1.352-8.673 2.95-18.264 3.388-10.37.47-13.486.573-39.752.573-26.268 0-29.38-.102-39.751-.573-9.592-.443-14.797-2.044-18.267-3.39-4.59-1.781-7.87-3.911-11.313-7.352-3.443-3.44-5.574-6.709-7.362-11.298-1.346-3.461-2.95-8.663-3.387-18.247-.472-10.363-.566-13.476-.566-39.726s.094-29.347.566-39.71c.438-9.584 2.04-14.786 3.387-18.25 1.783-4.588 3.919-7.865 7.362-11.305 3.443-3.441 6.722-5.57 11.313-7.357 3.468-1.351 8.675-2.949 18.267-3.389 9.075-.41 12.592-.532 30.926-.553zm61.337 16.322c-6.518 0-11.805 5.277-11.805 11.792 0 6.512 5.287 11.796 11.805 11.796 6.517 0 11.804-5.284 11.804-11.796 0-6.513-5.287-11.796-11.805-11.796zm-52.512 13.782c-27.9 0-50.519 22.603-50.519 50.482 0 27.879 22.62 50.471 50.52 50.471s50.51-22.592 50.51-50.471c0-27.879-22.613-50.482-50.513-50.482zm0 17.715c18.11 0 32.792 14.67 32.792 32.767 0 18.096-14.683 32.767-32.792 32.767-18.11 0-32.791-14.671-32.791-32.767 0-18.098 14.68-32.767 32.791-32.767Z"/>
1586</svg>
1587                                        </span>
1588                                                                    </a>
1589                            </li>
1590                                                                                                                                                <li>
1591                                <a
1592                                    class="bento-made-on__social-link"
1593                                    href="https://www.linkedin.com/company/okay-dev"
1594                                    target="_blank"
1595                                    rel="noopener"
1596                                    aria-label="OkayDev on LinkedIn" title="LinkedIn"                                >
1597                                                                            <sp
1597an class="bento-made-on__social-logo bento-made-on__social-logo--linkedin" aria-hidden="true">
1598                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256">
1599    <path fill="currentColor" d="M218.123 218.127h-37.931v-59.403c0-14.165-.253-32.4-19.728-32.4-19.756 0-22.779 15.434-22.779 31.369v60.43h-37.93V95.967h36.413v16.694h.51a39.907 39.907 0 0 1 35.928-19.733c38.445 0 45.533 25.288 45.533 58.186l-.016 67.013ZM56.955 79.27c-12.157.002-22.014-9.852-22.016-22.009-.002-12.157 9.851-22.014 22.008-22.016 12.157-.003 22.014 9.851 22.016 22.008A22.013 22.013 0 0 1 56.955 79.27m18.966 138.858H37.95V95.967h37.97v122.16ZM237.033.018H18.89C8.58-.098.125 8.161-.001 18.471v219.053c.122 10.315 8.576 18.582 18.89 18.474h218.144c10.336.128 18.823-8.139 18.966-18.474V18.454c-.147-10.33-8.635-18.588-18.966-18.453"/>
1600</svg>
1601                                        </span>
1602                                                                    </a>
1603                            </li>
1604                                                                                                                                                <li>
1605                                <a
1606                                    class="bento-made-on__social-link"
1607                                    href="https://github.com/okaydevco"
1608                                    target="_blank"
1609                                    rel="noopener"
1610                                    aria-label="OkayDev on GitHub" title="GitHub"                                >
1611                                                                            <span class="bento-made-on__social-logo bento-made-on__social-logo--github" aria-hidden="true">
1612                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
1613    <path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M512 0C229.12 0 0 229.12 0 512c0 226.56 146.56 417.92 350.08 485.76 25.6 4.48 35.2-10.88 35.2-24.32 0-12.16-.64-52.48-.64-95.36-128.64 23.68-161.92-31.36-172.16-60.16-5.76-14.72-30.72-60.16-52.48-72.32-17.92-9.6-43.52-33.28-.64-33.92 40.32-.64 69.12 37.12 78.72 52.48 46.08 77.44 119.68 55.68 149.12 42.24 4.48-33.28 17.92-55.68 32.64-68.48-113.92-12.8-232.96-56.96-232.96-252.8 0-55.68 19.84-101.76 52.48-137.6-5.12-12.8-23.04-65.28 5.12-135.68 0 0 42.88-13.44 140.8 52.48 40.96-11.52 84.48-17.28 128-17.28s87.04 5.76 128 17.28c97.92-66.56 140.8-52.48 140.8-52.48 28.16 70.4 10.24 122.88 5.12 135.68 32.64 35.84 52.48 81.28 52.48 137.6 0 196.48-119.68 240-233.6 252.8 18.56 16 34.56 46.72 34.56 94.72 0 68.48-.64 123.52-.64 140.8 0 13.44 9.6 29.44 35.2 24.32C877.44 929.92 1024 737.92 1024 512 1024 229.12 794.88 0 512 0"/>
1614</svg>
1615                                        </span>
1616                                                                    </a>
1617                            </li>
1618                                                            </ul>
1619            </nav>
1620        </div>
1621        
1622        <div class="bento-made-on__legal-block">
1623            <p class="bento-made-on__copyright">
1624                <span class="bento-made-on__copyright-owner">OKAY DEV® 2026 &copy;</span>
1625                <span class="bento-made-on__copyright-rights">All rights reserved</span>
1626            </p>
1627            <ul class="bento-made-on__legal">
1628                <li>
1629                    <a href="/terms-and-conditions">Terms</a>
1630                </li>
1631                <li>
1632                    <a href="/privacy-policy">Privacy</a>
1633                </li>
1634                <li>
1635                    <a href="/acceptable-use-policy">Acceptable Use</a>
1636                </li>
1637                <li>
1638                    <a href="/disclaimer">Disclaimer</a>
1639                </li>
1640                <li>
1641                    <a href="/return-policy">Returns</a>
1642                </li>
1643                <li>
1644                    <a href="/cookie-policy">Cookie Policy</a>
1645                </li>
1646                <li>
1647                    <a href="/community-guidelines">Community Guidelines</a>
1648                </li>
1649            </ul>
1650        </div>
1651    </div>
1652</div>
1653</footer>
1654
1655            
1656<nav class="app-toolbar" aria-label="App" style="--app-toolbar-count: 4" data-app-toolbar>
1657    <ul class="app-toolbar-list">
1658        <li class="app-toolbar-item">
1659            <a class="app-toolbar-tab" href="https://okaydev.co/social" data-app-tab="social">
1660                <span class="app-toolbar-icon" aria-hidden="true">
1661                                        <svg class="app-toolbar-glyph app-toolbar-glyph--social" viewBox="-14 -14 278 278">
1662                        <circle class="app-toolbar-glyph-disc" cx="125" cy="125" r="115.75" fill="none" stroke="currentColor" stroke-width="18.5"/>
1663                        <path class="app-toolbar-glyph-mark" fill="currentColor" d="m182.332 146.485 10.336 7.03-.163.235c-.213.302-.51.707-.89 1.202l-.168.218a69.175 69.175 0 0 1-3.268 3.894c-3.56 3.955-7.8 7.894-12.726 11.57C161.346 181.161 144.485 187.5 125 187.5c-19.485 0-36.346-6.339-50.453-16.866-4.927-3.676-9.166-7.615-12.726-11.57a70.558 70.558 0 0 1-2.955-3.494l-.313-.4a43.152 43.152 0 0 1-.962-1.284l-.259-.37 10.336-7.031.345.476c.115.154.256.34.422.555a56.741 56.741 0 0 0 2.676 3.185c3.034 3.37 6.676 6.755 10.911 9.915C94.09 169.62 108.4 175 125 175c16.601 0 30.91-5.38 42.978-14.384 4.234-3.16 7.877-6.545 10.91-9.915a58.306 58.306 0 0 0 2.394-2.824l.513-.661c.176-.232.312-.416.408-.548l.13-.183ZM131.571 66.774l11.858 3.952-25 75-11.858-3.952zm26.51 25.145 8.838-8.838 23.17 23.169-23.17 23.169-8.838-8.838 14.33-14.331zM83.081 83.081l8.838 8.838-14.33 14.331 14.33 14.331-8.838 8.838-23.17-23.169z"/>
1664                    </svg>
1665                </span>
1666                <span class="app-toolbar-label">Social</span>
1667            </a>
1668        </li>
1669
1670        <li class="app-toolbar-item">
1671            <a class="app-toolbar-tab" href="https://okaydev.co/gallery" data-app-tab="explore">
1672                <span class="app-toolbar-icon" aria-hidden="true">
1673                    <svg class="app-toolbar-glyph app-toolbar-glyph--explore" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round">
1674                        <circle class="app-toolbar-glyph-disc" cx="12" cy="12" r="9.25"/>
1675                        <path class="app-toolbar-glyph-mark" d="m15.6 8.4-2.1 5.1-5.1 2.1 2.1-5.1 5.1-2.1Z"/>
1676                    </svg>
1677                </span>
1678                <span class="app-toolbar-label">Explore</span>
1679            </a>
1680        </li>
1681
1682                    <li class="app-toolbar-item">
1683                <a class="app-toolbar-tab" href="https://okaydev.co/login" data-app-tab="log-in">
1684                    <span class="app-toolbar-icon" aria-hidden="true">
1685                        <svg class="app-toolbar-glyph" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round">
1686                            <path d="M13.75 4.75h3.5a2 2 0 0 1 2 2v10.5a2 2 0 0 1-2 2h-3.5"/>
1687                            <path d="M4.75 12h10M11.25 8.25 15 12l-3.75 3.75"/>
1688                        </svg>
1689                    </span>
1690                    <span class="app-toolbar-label">Log in</span>
1691                </a>
1692            </li>
1693
1694            <li class="app-toolbar-item">
1695                <a class="app-toolbar-tab" href="https://okaydev.co/sign-up" data-app-tab="sign-up">
1696                    <span class="app-toolbar-icon" aria-hidden="true">
1697                        <svg class="app-toolbar-glyph" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round">
1698                            <circle cx="10" cy="8.25" r="3.75"/>
1699                            <path d="M3.25 19.25c.85-3.3 3.55-5.25 6.75-5.25 1.5 0 2.9.43 4.05 1.2M18.25 13.25v6M15.25 16.25h6"/>
1700                        </svg>
1701                    </span>
1702                    <span class="app-toolbar-label">Sign up</span>
1703                </a>
1704            </li>
1705            </ul>
1706
1707    </nav>
1708    
1709            
1710
1711
1712	<dialog class="okay-dialog" tabindex="-1"
1713				data-dialog="social-guest-gate"								data-size="sm"		>
1714
1715		<div class="dialog-content">
1716
1717			<div class="dialog-header">
1718				<div class="dialog-heading">
1719
1720					<div class="dialog-heading-content">
1721                        						
1722													<span class="dialog-heading-text">The social network for creatives</span>
1723											</div>
1724
1725					<button type="button" class="btn-close-dialog icon-container" aria-label="Close">
1726						<svg aria-hidden="true" class="hide-on-mobile" xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" viewBox="0 0 20 20"><path fill="#0C0C0C" d="m6.063 14.711-.775-.774L9.226 10 5.288 6.062l.774-.774L10 9.226l3.938-3.938.773.774L10.774 10l3.938 3.938-.774.773L10 10.774l-3.938 3.938Z"/></svg>
1727<svg aria-hidden="true" class="hide-on-desktop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
1727<path fill="#0C0C0C" d="m6.4 18.308-.708-.708 5.6-5.6-5.6-5.6.708-.708 5.6 5.6 5.6-5.6.708.708-5.6 5.6 5.6 5.6-.708.708-5.6-5.6-5.6 5.6Z"/></svg>					</button>
1728
1729				</div>
1730			</div>
1731
1732            			<div class="dialog-inner" data-dialog-scroll>
1733				<div class="ui-claim-project ui-social-guest-gate">
1734		<img
1735		class="ui-social-guest-gate-image"
1736		data-dialog-img-src="https://images.okaydev.co/production/images/okay_social-social_share.png?w=1200&h=630&auto=compress%2Cformat&fit=min&dm=1750180106&s=7be33bb1d2aac260cc2762686f7e4057"
1737		alt="Okay Social"
1738		width="1200"
1739		height="630"
1740		decoding="async"
1741		fetchpriority="low"
1742		hidden
1743	>
1744	<p>
1745		Tired of ads, algorithms, and the usual social network BS?
1746	</p>
1747	<p>
1748		The OkayDev community is built for creative devs and designers who want to share cool shit, reconnect, and talk like actual humans.
1749	</p>
1750	<p>
1751		Join for free and come hang with creative people on the internet.
1752	</p>
1753</div>
1754
1755			</div>
1756            
1757							<div class="dialog-footer">
1758					<div class="ui-claim-project-actions">
1759						<a href="/login" class="button ui-claim-project-action is-secondary">LOGIN</a>
1760						<a href="/sign-up" class="button ui-claim-project-action is-primary">SIGN UP</a>
1761					</div>
1762				</div>
1763						
1764		</div>
1765
1766	</dialog>
1767    
1768    <dialog
1769	class="social-image-viewer-dialog"
1770	data-social-image-viewer
1771	closedby="closerequest"
1772	tabindex="-1"
1773	aria-modal="true"
1774	aria-label="Image viewer"
1775>
1776	<div class="social-image-viewer-dialog__panel">
1777		<button
1778			type="button"
1779			class="social-image-viewer-dialog__close btn-close-dialog icon-container"
1780			data-social-image-viewer-close
1781			aria-label="Close image viewer"
1782		>
1783			<svg aria-hidden="true" class="hide-on-mobile" xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" viewBox="0 0 20 20"><path fill="#0C0C0C" d="m6.063 14.711-.775-.774L9.226 10 5.288 6.062l.774-.774L10 9.226l3.938-3.938.773.774L10.774 10l3.938 3.938-.774.773L10 10.774l-3.938 3.938Z"/></svg>
1784<svg aria-hidden="true" class="hide-on-desktop" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="#0C0C0C" d="m6.4 18.308-.708-.708 5.6-5.6-5.6-5.6.708-.708 5.6 5.6 5.6-5.6.708.708-5.6 5.6 5.6 5.6-.708.708-5.6-5.6-5.6 5.6Z"/></svg>		</button>
1785
1786		<div
1787			class="social-image-viewer-dialog__thumbs"
1788			data-social-image-viewer-thumbs
1789			hidden
1790		></div>
1791
1792		<div
1793			class="social-image-viewer-dialog__viewport"
1794			data-social-image-viewer-viewport
1795		>
1796			<div
1797				class="social-image-viewer-dialog__track"
1798				data-social-image-viewer-track
1799			></div>
1800		</div>
1801
1802		<div class="social-image-viewer-dialog__footer" data-social-image-viewer-footer>
1803			<div
1804				class="social-image-viewer-dialog__pagination"
1805				data-social-image-viewer-pagination
1806				hidden
1807			>
1808				<span data-social-image-viewer-pagination-current></span>
1809				<span class="social-image-viewer-dialog__pagination-sep" aria-hidden="true">/</span>
1810				<span data-social-image-viewer-pagination-total></span>
1811			</div>
1812			<p class="social-image-viewer-dialog__title" data-social-image-viewer-title></p>
1813		</div>
1814	</div>
1815</dialog>
1816
1817        
1818
1819                                    
1819<script src="https://okaydev.co/cpresources/927fa84b/js/scripts/front-end/plugin/freeform.js?v=1762884662"></script>
1819
1820<link rel="stylesheet" href="https://okaydev.co/cpresources/927fa84b/css/front-end/plugin/freeform.css?v=1762884662">
1821<script src="https://okaydev.co/cpresources/927fa84b/js/scripts/front-end/captchas/recaptcha/v3.js?v=1762884662"></script>
1821
1822        
1823                <template id="custom-video-player-chrome">
1824            <div class="custom-video-player__overlay">
1825	<button type="button" class="custom-video-player__play-center" aria-label="Play">
1826		<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
1827			<path d="M8 5v14l11-7z"/>
1828		</svg>
1829	</button>
1830
1831	<div class="custom-video-player__chrome">
1832		<div class="custom-video-player__controls">
1833			<div class="custom-video-player__controls-left">
1834				<button type="button" class="custom-video-player__play-pause" aria-label="Play">
1835					<span class="custom-video-player__icon custom-video-player__icon--play" aria-hidden="true">
1836						<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="currentColor"><path d="M8 5v14l11-7z"/></svg>
1837					</span>
1838					<span class="custom-video-player__icon custom-video-player__icon--pause" aria-hidden="true" hidden>
1839						<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="currentColor"><path d="M6 19h4V5H6v14zm8-14v14h4V5h-4z"/></svg>
1840					</span>
1841				</button>
1842
1843				<span class="custom-video-player__time">
1844					<span data-current-time>0:00</span>
1845					<span class="custom-video-player__time-sep" aria-hidden="true">/</span>
1846					<span data-duration>0:00</span>
1847				</span>
1848
1849				<div class="custom-video-player__progress" role="slider" aria-label="Seek" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0" tabindex="0">
1850					<div class="custom-video-player__progress-track">
1851						<div class="custom-video-player__progress-fill"></div>
1852						<div class="custom-video-player__progress-thumb"></div>
1853					</div>
1854				</div>
1855			</div>
1856
1857			<div class="custom-video-player__controls-right">
1858				<button type="button" class="custom-video-player__mute" aria-label="Unmute">
1859					<span class="custom-video-player__icon custom-video-player__icon--muted" aria-hidden="true">
1860						<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="currentColor"><path d="M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51C20.63 14.91 21 13.5 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3 3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06c1.38-.31 2.63-.95 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4 9.91 6.09 12 8.18V4z"/></svg>
1861					</span>
1862					<span class="custom-video-player__icon custom-video-player__icon--unmuted" aria-hidden="true" hidden>
1863						<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="currentColor"><path d="M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z"/></svg>
1864					</span>
1865				</button>
1866
1867				<div class="custom-video-player__speed">
1868					<button type="button" class="custom-video-player__speed-toggle" aria-label="Playback speed" aria-haspopup="true" aria-expanded="false">1×</button>
1869					<div class="custom-video-player__speed-menu" hidden>
1870						<button type="button" data-speed="0.5">0.5×</button>
1871						<button type="button" data-speed="1">1×</button>
1872						<button type="button" data-speed="1.5">1.5×</button>
1873						<button type="button" data-speed="2">2×</button>
1874					</div>
1875				</div>
1876
1877				<button type="button" class="custom-video-player__pip" aria-label="Picture in picture" hidden>
1878					<span class="custom-video-player__icon custom-video-player__icon--pip" aria-hidden="true">
1879						<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="currentColor"><path d="M19 7h-8v6h8V7zm2-4H3c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16.01H3V4.99h18v14.02z"/></svg>
1880					</span>
1881				</button>
1882
1883				<button type="button" class="custom-video-player__fullscreen" aria-label="Fullscreen">
1884					<span class="custom-video-player__icon custom-video-player__icon--enter-fs" aria-hidden="true">
1885						<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="currentColor"><path d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"/></svg>
1886					</span>
1887					<span class="custom-video-player__icon custom-video-player__icon--exit-fs" aria-hidden="true" hidden>
1888						<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="currentColor"><path d="M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z"/></svg>
1889					</span>
1890				</button>
1891			</div>
1892		</div>
1893	</div>
1894</div>
1895        </template>
1896
1897    
1897<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","author":{"@id":"#identity"},"copyrightHolder":{"@id":"#identity"},"copyrightYear":"2022","creator":{"@id":"#creator"},"dateCreated":"2022-08-17T16:13:24-04:00","dateModified":"2026-09-06T04:26:00-04:00","datePublished":"2022-08-17T16:13:00-04:00","description":"Founded in 2018, OKAY DEV® brings together web devs, designers and studios who want a space built for creators, not algorithms.","headline":"About — Built for Creative Web Professionals","image":{"@type":"ImageObject","url":"https://images.okaydev.co/production/images/okaydev.co-social_share.jpg?w=1200&h=630&q=82&auto=format&fit=min&dm=1785646407&s=b84ef9735ba3b389faf686b0fd2207c1"},"inLanguage":"en-us","mainEntityOfPage":"https://okaydev.co/about","name":"About — Built for Creative Web Professionals","publisher":{"@id":"#creator"},"url":"https://okaydev.co/about"},{"@id":"#identity","@type":"LocalBusiness","priceRange":"$","sameAs":["https://x.com/okaydevs","https://www.linkedin.com/company/okay-dev","https://www.instagram.com/okaydevs"]},{"@id":"#creator","@type":"Organization"},{"@type":"BreadcrumbList","description":"Breadcrumbs list","itemListElement":[{"@type":"ListItem","item":"https://okaydev.co/","name":"Home","position":1},{"@type":"ListItem","item":"https://okaydev.co/about","name":"About","position":2}],"name":"Breadcrumbs"}]}</script>
1897<script>function insertBlocks(blocks)
1898                {
1899                    var allChildrenOnPage = [];
1900                    for(var i = 0; i < blocks.length; i++){
1901                        var rBlock = blocks[i];
1902                        var dBlock = document.getElementById(rBlock.id);
1903                        var placeholder = document.createElement("div");
1904                        placeholder.insertAdjacentHTML("afterbegin", rBlock.html);
1905                        var allChildren = [];
1906                        for (var j = 0; j < placeholder.childNodes.length; j++) {
1907                            allChildren.push(placeholder.childNodes[j]);
1908                            allChildrenOnPage.push(placeholder.childNodes[j]);
1909                        }
1910                        for(var node of allChildren){
1911                            dBlock.parentNode.insertBefore(node, dBlock);
1912                        }
1913                        dBlock.parentNode.removeChild(dBlock);
1914                    }
1915
1916                    return allChildrenOnPage;
1917                }
1918                function pullDynamic() {
1919                    var injectedContent = document.getElementById("SERVD_DYNAMIC_BLOCKS");
1920                    if(injectedContent){
1921                        var parsedContent = JSON.parse(injectedContent.innerHTML);
1922                        let insertedBlocks = insertBlocks(parsedContent.blocks);
1923                        window.dispatchEvent( new CustomEvent("servd.dynamicloaded", {detail: {blocks: insertedBlocks}}) );
1924                        return;
1925                    }
1926
1927                    var dynamicBlocks = document.getElementsByClassName("dynamic-block");
1928                    var len = dynamicBlocks.length;
1929                    var allBlocks = [];
1930                    for (var i=0; i<len; i++) {
1931                        var block = dynamicBlocks[i];
1932                        var blockId = block.id;
1933                        var template = block.getAttribute("data-template");
1934                        var args = block.getAttribute("data-args");
1935                        var siteId = block.getAttribute("data-site");
1936                        allBlocks.push({
1937                            id: blockId,
1938                            template: template,
1939                            args: args,
1940                            siteId: siteId
1941                        });
1942                    }
1943
1944                    if(allBlocks.length > 0){
1945                        var xhr = new XMLHttpRequest();
1946                        xhr.onload = function () {
1947                            if (xhr.status >= 200 && xhr.status <= 299) {
1948                                var responseContent = JSON.parse(xhr.response);
1949                                let insertedBlocks = insertBlocks(responseContent.blocks);
1950                                window.dispatchEvent( new CustomEvent("servd.dynamicloaded", {detail: {blocks: insertedBlocks}}) );
1951                            }
1952                        }
1953                        xhr.open("POST", "https://okaydev.co/index.php/actions/servd-asset-storage/dynamic-content/get-content", );
1954                        xhr.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
1955                        xhr.send(JSON.stringify(allBlocks));
1956                    } else {
1957                        window.dispatchEvent( new CustomEvent("servd.dynamicloaded", {detail: {blocks: []}}) );
1958                    }
1959                }
1960
1961                setTimeout(function(){
1962                    if (!window.SERVD_MANUAL_DYNAMIC_LOAD) {
1963                        pullDynamic();
1964                    }
1965                }, 50);</script>
1965</body>
1966
1967</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.