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('vite-script-loaded', {detail:{path: 'vite/legacy-polyfills-legacy'}});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('vite-script-loaded', {detail:{path: 'src/js/app.js'}});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('vite-script-loaded', {detail:{path: 'src/js/app-legacy.js'}});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('vite-script-loaded', {detail:{path: 'src/js/app.js'}});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='all'"><link 78href="https://okaydev.co/dist/assets/HeaderLogoLetters-DngiwBoB.css" rel="stylesheet" media="print" onload="this.media='all'">
78<script src="https://okaydev.co/dist/assets/app-legacy-CcTcNDK7.js" nomodule onload="e=new CustomEvent('vite-script-loaded', {detail:{path: 'src/js/app-legacy.js'}});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&h=630&q=82&auto=format&fit=min&dm=1785646407&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&h=630&q=82&auto=format&fit=min&dm=1785646407&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 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 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 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&h=997&auto=compress%2Cformat&fit=min&dm=1784704132&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 & 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 ©</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.