<!DOCTYPE html>
<html lang="en">
<head>
  <title>Christopher Sardegna | Dribbble</title>
  <meta name="description" content="Christopher Sardegna | Software engineer, financial analyst. | Connect with them on Dribbble; the global community for designers and creative professionals." />
  <meta charset="utf-8" />
<script type="text/javascript">window.NREUM||(NREUM={});NREUM.info={"beacon":"bam.nr-data.net","errorBeacon":"bam.nr-data.net","licenseKey":"7840d0c136","applicationID":"2909452","transactionName":"Jg1bREUOClsARUpEEQoEXFxSThVfCkMWGwoLBlBI","queueTime":1,"applicationTime":427,"agent":""}</script>
<script type="text/javascript">(window.NREUM||(NREUM={})).init={privacy:{cookies_enabled:true},ajax:{deny_list:["bam.nr-data.net"]}};(window.NREUM||(NREUM={})).loader_config={xpid:"VQEAWVVACgoAXVVXBQ==",licenseKey:"7840d0c136",applicationID:"2909452"};;(()=>{var e,t,r={9071:(e,t,r)=>{"use strict";r.d(t,{I:()=>n});var n=0,i=navigator.userAgent.match(/Firefox[\/\s](\d+\.\d+)/);i&&(n=+i[1])},6562:(e,t,r)=>{"use strict";r.d(t,{P_:()=>g,Mt:()=>v,C5:()=>d,DL:()=>y,OP:()=>N,lF:()=>L,Yu:()=>E,Dg:()=>p,CX:()=>f,GE:()=>w,sU:()=>k});var n={};r.r(n),r.d(n,{agent:()=>T,match:()=>S,version:()=>A});var i=r(6797),o=r(909),a=r(8610);class s{constructor(e,t){try{if(!e||"object"!=typeof e)return(0,a.Z)("New setting a Configurable requires an object as input");if(!t||"object"!=typeof t)return(0,a.Z)("Setting a Configurable requires a model to set its initial properties");Object.assign(this,t),Object.entries(e).forEach((e=>{let[t,r]=e;const n=(0,o.q)(t);n.length&&r&&"object"==typeof r&&n.forEach((e=>{e in r&&((0,a.Z)('"'.concat(e,'" is a protected attribute and can not be changed in feature ').concat(t,".  It will have no effect.")),delete r[e])})),this[t]=r}))}catch(e){(0,a.Z)("An error occured while setting a Configurable",e)}}}const c={beacon:i.ce.beacon,errorBeacon:i.ce.errorBeacon,licenseKey:void 0,applicationID:void 0,sa:void 0,queueTime:void 0,applicationTime:void 0,ttGuid:void 0,user:void 0,account:void 0,product:void 0,extra:void 0,jsAttributes:{},userAttributes:void 0,atts:void 0,transactionName:void 0,tNamePlain:void 0},u={};function d(e){if(!e)throw new Error("All info objects require an agent identifier!");if(!u[e])throw new Error("Info for ".concat(e," was never set"));return u[e]}function f(e,t){if(!e)throw new Error("All info objects require an agent identifier!");u[e]=new s(t,c),(0,i.Qy)(e,u[e],"info")}const l={allow_bfcache:!0,privacy:{cookies_enabled:!0},ajax:{deny_list:void 0,enabled:!0,harvestTimeSeconds:10},distributed_tracing:{enabled:void 0,exclude_newrelic_header:void 0,cors_use_newrelic_header:void 0,cors_use_tracecontext_headers:void 0,allowed_origins:void 0},ssl:void 0,obfuscate:void 0,jserrors:{enabled:!0,harvestTimeSeconds:10},metrics:{enabled:!0},page_action:{enabled:!0,harvestTimeSeconds:30},page_view_event:{enabled:!0},page_view_timing:{enabled:!0,harvestTimeSeconds:30,long_task:!1},session_trace:{enabled:!0,harvestTimeSeconds:10},spa:{enabled:!0,harvestTimeSeconds:10}},h={};function g(e){if(!e)throw new Error("All configuration objects require an agent identifier!");if(!h[e])throw new Error("Configuration for ".concat(e," was never set"));return h[e]}function p(e,t){if(!e)throw new Error("All configuration objects require an agent identifier!");h[e]=new s(t,l),(0,i.Qy)(e,h[e],"config")}function v(e,t){if(!e)throw new Error("All configuration objects require an agent identifier!");var r=g(e);if(r){for(var n=t.split("."),i=0;i<n.length-1;i++)if("object"!=typeof(r=r[n[i]]))return;r=r[n[n.length-1]]}return r}const m={accountID:void 0,trustKey:void 0,agentID:void 0,licenseKey:void 0,applicationID:void 0,xpid:void 0},b={};function y(e){if(!e)throw new Error("All loader-config objects require an agent identifier!");if(!b[e])throw new Error("LoaderConfig for ".concat(e," was never set"));return b[e]}function w(e,t){if(!e)throw new Error("All loader-config objects require an agent identifier!");b[e]=new s(t,m),(0,i.Qy)(e,b[e],"loader_config")}const E=(0,i.mF)().o;var T=null,A=null;if(navigator.userAgent){var x=navigator.userAgent,_=x.match(/Version\/(\S+)\s+Safari/);_&&-1===x.indexOf("Chrome")&&-1===x.indexOf("Chromium")&&(T="Safari",A=_[1])}function S(e,t){if(!T)return!1;if(e!==T)return!1;if(!t)return!0;if(!A)return!1;for(var r=A.split("."),n=t.split("."),i=0;i<n.length;i++)if(n[i]!==r[i])return!1;return!0}var O=r(5526),P=r(2374);const D="NRBA_SESSION_ID";function j(){if(!P.il)return null;try{let e;return null===(e=window.sessionStorage.getItem(D))&&(e=(0,O.ky)(16),window.sessionStorage.setItem(D,e)),e}catch(e){return null}}var C=r(8226);const I=e=>({customTransaction:void 0,disabled:!1,isolatedBacklog:!1,loaderType:void 0,maxBytes:3e4,offset:Math.floor(P._A?.performance?.timeOrigin||P._A?.performance?.timing?.navigationStart||Date.now()),onerror:void 0,origin:""+P._A.location,ptid:void 0,releaseIds:{},sessionId:1==v(e,"privacy.cookies_enabled")?j():null,xhrWrappable:"function"==typeof P._A.XMLHttpRequest?.prototype?.addEventListener,userAgent:n,version:C.q}),R={};function N(e){if(!e)throw new Error("All runtime objects require an agent identifier!");if(!R[e])throw new Error("Runtime for ".concat(e," was never set"));return R[e]}function k(e,t){if(!e)throw new Error("All runtime objects require an agent identifier!");R[e]=new s(t,I(e)),(0,i.Qy)(e,R[e],"runtime")}function L(e){return function(e){try{const t=d(e);return!!t.licenseKey&&!!t.errorBeacon&&!!t.applicationID}catch(e){return!1}}(e)}},8226:(e,t,r)=>{"use strict";r.d(t,{q:()=>n});const n="1228.PROD"},9557:(e,t,r)=>{"use strict";r.d(t,{w:()=>o});var n=r(8610);const i={agentIdentifier:""};class o{constructor(e){try{if("object"!=typeof e)return(0,n.Z)("shared context requires an object as input");this.sharedContext={},Object.assign(this.sharedContext,i),Object.entries(e).forEach((e=>{let[t,r]=e;Object.keys(i).includes(t)&&(this.sharedContext[t]=r)}))}catch(e){(0,n.Z)("An error occured while setting SharedContext",e)}}}},4329:(e,t,r)=>{"use strict";r.d(t,{L:()=>d,R:()=>c});var n=r(3752),i=r(7022),o=r(4045),a=r(2325);const s={};function c(e,t){const r={staged:!1,priority:a.p[t]||0};u(e),s[e].get(t)||s[e].set(t,r)}function u(e){e&&(s[e]||(s[e]=new Map))}function d(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"feature";if(u(e),!e||!s[e].get(t))return a(t);s[e].get(t).staged=!0;const r=Array.from(s[e]);function a(t){const r=e?n.ee.get(e):n.ee,a=o.X.handlers;if(r.backlog&&a){var s=r.backlog[t],c=a[t];if(c){for(var u=0;s&&u<s.length;++u)f(s[u],c);(0,i.D)(c,(function(e,t){(0,i.D)(t,(function(t,r){r[0].on(e,r[1])}))}))}delete a[t],r.backlog[t]=null,r.emit("drain-"+t,[])}}r.every((e=>{let[t,r]=e;return r.staged}))&&(r.sort(((e,t)=>e[1].priority-t[1].priority)),r.forEach((e=>{let[t]=e;a(t)})))}function f(e,t){var r=e[1];(0,i.D)(t[r],(function(t,r){var n=e[0];if(r[0]===n){var i=r[1],o=e[3],a=e[2];i.apply(o,a)}}))}},3752:(e,t,r)=>{"use strict";r.d(t,{ee:()=>u});var n=r(6797),i=r(3916),o=r(7022),a=r(6562),s="nr@context";let c=(0,n.fP)();var u;function d(){}function f(){return new d}function l(){u.aborted=!0,u.backlog={}}c.ee?u=c.ee:(u=function e(t,r){var n={},c={},h={},g=!1;try{g=16===r.length&&(0,a.OP)(r).isolatedBacklog}catch(e){}var p={on:b,addEventListener:b,removeEventListener:y,emit:m,get:E,listeners:w,context:v,buffer:T,abort:l,aborted:!1,isBuffering:A,debugId:r,backlog:g?{}:t&&"object"==typeof t.backlog?t.backlog:{}};return p;function v(e){return e&&e instanceof d?e:e?(0,i.X)(e,s,f):f()}function m(e,r,n,i,o){if(!1!==o&&(o=!0),!u.aborted||i){t&&o&&t.emit(e,r,n);for(var a=v(n),s=w(e),d=s.length,f=0;f<d;f++)s[f].apply(a,r);var l=x()[c[e]];return l&&l.push([p,e,r,a]),a}}function b(e,t){n[e]=w(e).concat(t)}function y(e,t){var r=n[e];if(r)for(var i=0;i<r.length;i++)r[i]===t&&r.splice(i,1)}function w(e){return n[e]||[]}function E(t){return h[t]=h[t]||e(p,t)}function T(e,t){var r=x();p.aborted||(0,o.D)(e,(function(e,n){t=t||"feature",c[n]=t,t in r||(r[t]=[])}))}function A(e){return!!x()[c[e]]}function x(){return p.backlog}}(void 0,"globalEE"),c.ee=u)},9252:(e,t,r)=>{"use strict";r.d(t,{E:()=>n,p:()=>i});var n=r(3752).ee.get("handle");function i(e,t,r,i,o){o?(o.buffer([e],i),o.emit(e,t,r)):(n.buffer([e],i),n.emit(e,t,r))}},4045:(e,t,r)=>{"use strict";r.d(t,{X:()=>o});var n=r(9252);o.on=a;var i=o.handlers={};function o(e,t,r,o){a(o||n.E,i,e,t,r)}function a(e,t,r,i,o){o||(o="feature"),e||(e=n.E);var a=t[o]=t[o]||{};(a[r]=a[r]||[]).push([e,i])}},8544:(e,t,r)=>{"use strict";r.d(t,{bP:()=>s,iz:()=>c,m$:()=>a});var n=r(2374);let i=!1,o=!1;try{const e={get passive(){return i=!0,!1},get signal(){return o=!0,!1}};n._A.addEventListener("test",null,e),n._A.removeEventListener("test",null,e)}catch(e){}function a(e,t){return i||o?{capture:!!e,passive:i,signal:t}:!!e}function s(e,t){let r=arguments.length>2&&void 0!==arguments[2]&&arguments[2];window.addEventListener(e,t,a(r))}function c(e,t){let r=arguments.length>2&&void 0!==arguments[2]&&arguments[2];document.addEventListener(e,t,a(r))}},5526:(e,t,r)=>{"use strict";r.d(t,{Ht:()=>a,M:()=>o,Rl:()=>i,ky:()=>s});var n=r(2374);function i(){var e=null,t=0,r=n._A?.crypto||n._A?.msCrypto;function i(){return e?15&e[t++]:16*Math.random()|0}r&&r.getRandomValues&&(e=r.getRandomValues(new Uint8Array(31)));for(var o,a="xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx",s="",c=0;c<a.length;c++)s+="x"===(o=a[c])?i().toString(16):"y"===o?(o=3&i()|8).toString(16):o;return s}function o(){return s(16)}function a(){return s(32)}function s(e){var t=null,r=0,n=self.crypto||self.msCrypto;n&&n.getRandomValues&&Uint8Array&&(t=n.getRandomValues(new Uint8Array(31)));for(var i=[],o=0;o<e;o++)i.push(a().toString(16));return i.join("");function a(){return t?15&t[r++]:16*Math.random()|0}}},2053:(e,t,r)=>{"use strict";r.d(t,{B:()=>n,z:()=>i});const n=(new Date).getTime();function i(){return Math.round(performance.now())}},8283:(e,t,r)=>{"use strict";r.d(t,{B:()=>a,L:()=>s});var n=r(6562),i=r(2053),o={};function a(e,t,r){void 0===r&&(r=(0,i.z)()+(0,n.OP)(e).offset),o[e]=o[e]||{},o[e][t]=r}function s(e,t,r,n){const i=e.sharedContext.agentIdentifier;var a=o[i]?.[r],s=o[i]?.[n];void 0!==a&&void 0!==s&&e.store("measures",t,{value:s-a})}},2545:(e,t,r)=>{"use strict";r.d(t,{L:()=>c});var n=r(9071),i=r(8544),o=r(8305),a=r(2374),s=r(6998);if(a.v6){a._A.cleanupTasks=[];const e=a._A.close;a._A.close=()=>{for(let e of a._A.cleanupTasks)e();e()}}function c(e,t){if(a.il)if(t)(0,s.N)(e,!0),(0,i.bP)("pagehide",e);else{var r=(0,o.Z)(e);!n.I||navigator.sendBeacon?(0,i.bP)("pagehide",r):(0,i.bP)("beforeunload",r),(0,i.bP)("unload",r)}else a.v6&&a._A.cleanupTasks.push(e)}},6368:(e,t,r)=>{"use strict";r.d(t,{e:()=>o});var n=r(2374),i={};function o(e){if(e in i)return i[e];if(0===(e||"").indexOf("data:"))return{protocol:"data"};let t;var r=n._A?.location,o={};if(n.il)t=document.createElement("a"),t.href=e;else try{t=new URL(e,r.href)}catch(e){return o}o.port=t.port;var a=t.href.split("://");!o.port&&a[1]&&(o.port=a[1].split("/")[0].split("@").pop().split(":")[1]),o.port&&"0"!==o.port||(o.port="https"===a[0]?"443":"80"),o.hostname=t.hostname||r.hostname,o.pathname=t.pathname,o.protocol=a[0],"/"!==o.pathname.charAt(0)&&(o.pathname="/"+o.pathname);var s=!t.protocol||":"===t.protocol||t.protocol===r.protocol,c=t.hostname===r.hostname&&t.port===r.port;return o.sameOrigin=s&&(!t.hostname||c),"/"===o.pathname&&(i[e]=o),o}},8610:(e,t,r)=>{"use strict";function n(e,t){console&&console.warn&&"function"==typeof console.warn&&(console.warn("New Relic: ".concat(e)),t&&console.warn(t))}r.d(t,{Z:()=>n})},3916:(e,t,r)=>{"use strict";r.d(t,{X:()=>i});var n=Object.prototype.hasOwnProperty;function i(e,t,r){if(n.call(e,t))return e[t];var i=r();if(Object.defineProperty&&Object.keys)try{return Object.defineProperty(e,t,{value:i,writable:!0,enumerable:!1}),i}catch(e){}return e[t]=i,i}},2374:(e,t,r)=>{"use strict";r.d(t,{_A:()=>o,il:()=>n,lW:()=>a,v6:()=>i});const n=Boolean("undefined"!=typeof window&&window.document),i=Boolean("undefined"!=typeof WorkerGlobalScope&&self.navigator instanceof WorkerNavigator);let o=(()=>{if(n)return window;if(i){if("undefined"!=typeof globalThis&&globalThis instanceof WorkerGlobalScope)return globalThis;if(self instanceof WorkerGlobalScope)return self}throw new Error('New Relic browser agent shutting down due to error: Unable to locate global scope. This is possibly due to code redefining browser global variables like "self" and "window".')})();function a(){return o}},7022:(e,t,r)=>{"use strict";r.d(t,{D:()=>i});var n=Object.prototype.hasOwnProperty;function i(e,t){var r=[],i="",o=0;for(i in e)n.call(e,i)&&(r[o]=t(i,e[i]),o+=1);return r}},8305:(e,t,r)=>{"use strict";r.d(t,{Z:()=>o});var n=r(8683),i=r.n(n);function o(e){var t,r=!1;return function(){return r?t:(r=!0,t=e.apply(this,i()(arguments)))}}},2438:(e,t,r)=>{"use strict";r.d(t,{P:()=>o});var n=r(3752);const i=()=>{const e=new WeakSet;return(t,r)=>{if("object"==typeof r&&null!==r){if(e.has(r))return;e.add(r)}return r}};function o(e){try{return JSON.stringify(e,i())}catch(e){try{n.ee.emit("internal-error",[e])}catch(e){}}}},2650:(e,t,r)=>{"use strict";r.d(t,{K:()=>a,b:()=>o});var n=r(8544);function i(){return"undefined"==typeof document||"complete"===document.readyState}function o(e,t){if(i())return e();(0,n.bP)("load",e,t)}function a(e){if(i())return e();(0,n.iz)("DOMContentLoaded",e)}},6797:(e,t,r)=>{"use strict";r.d(t,{EZ:()=>u,Qy:()=>c,ce:()=>o,fP:()=>a,gG:()=>d,mF:()=>s});var n=r(2053),i=r(2374);const o={beacon:"bam.nr-data.net",errorBeacon:"bam.nr-data.net"};function a(){return i._A.NREUM||(i._A.NREUM={}),void 0===i._A.newrelic&&(i._A.newrelic=i._A.NREUM),i._A.NREUM}function s(){let e=a();return e.o||(e.o={ST:i._A.setTimeout,SI:i._A.setImmediate,CT:i._A.clearTimeout,XHR:i._A.XMLHttpRequest,REQ:i._A.Request,EV:i._A.Event,PR:i._A.Promise,MO:i._A.MutationObserver,FETCH:i._A.fetch}),e}function c(e,t,r){let i=a();const o=i.initializedAgents||{},s=o[e]||{};return Object.keys(s).length||(s.initializedAt={ms:(0,n.z)(),date:new Date}),i.initializedAgents={...o,[e]:{...s,[r]:t}},i}function u(e,t){a()[e]=t}function d(){return function(){let e=a();const t=e.info||{};e.info={beacon:o.beacon,errorBeacon:o.errorBeacon,...t}}(),function(){let e=a();const t=e.init||{};e.init={...t}}(),s(),function(){let e=a();const t=e.loader_config||{};e.loader_config={...t}}(),a()}},6998:(e,t,r)=>{"use strict";r.d(t,{N:()=>i,e:()=>o});var n=r(8544);function i(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return void(0,n.iz)("visibilitychange",(function(){if(t){if("hidden"!=document.visibilityState)return;e()}e(document.visibilityState)}))}function o(){return"hidden"===document.visibilityState?-1:1/0}},6408:(e,t,r)=>{"use strict";r.d(t,{W:()=>i});var n=r(2374);function i(){return"function"==typeof n._A?.PerformanceObserver}},8675:(e,t,r)=>{"use strict";r.d(t,{t:()=>n});const n=r(2325).D.ajax},8322:(e,t,r)=>{"use strict";r.d(t,{A:()=>i,t:()=>n});const n=r(2325).D.jserrors,i="nr@seenError"},6034:(e,t,r)=>{"use strict";r.d(t,{gF:()=>o,mY:()=>i,t9:()=>n,vz:()=>s,xS:()=>a});const n=r(2325).D.metrics,i="sm",o="cm",a="storeSupportabilityMetrics",s="storeEventMetrics"},6486:(e,t,r)=>{"use strict";r.d(t,{t:()=>n});const n=r(2325).D.pageAction},2484:(e,t,r)=>{"use strict";r.d(t,{t:()=>n});const n=r(2325).D.pageViewEvent},6382:(e,t,r)=>{"use strict";r.d(t,{t:()=>n});const n=r(2325).D.pageViewTiming},2628:(e,t,r)=>{"use strict";r.r(t),r.d(t,{ADD_EVENT_LISTENER:()=>p,BST_RESOURCE:()=>a,BST_TIMER:()=>l,END:()=>u,FEATURE_NAME:()=>i,FN_END:()=>f,FN_START:()=>d,ORIG_EVENT:()=>g,PUSH_STATE:()=>h,RESOURCE:()=>s,RESOURCE_TIMING_BUFFER_FULL:()=>o,START:()=>c});var n=r(6562);const i=r(2325).D.sessionTrace,o="resourcetimingbufferfull",a="bstResource",s="resource",c="-start",u="-end",d="fn"+c,f="fn"+u,l="bstTimer",h="pushState",g=n.Yu.EV,p="addEventListener"},1509:(e,t,r)=>{"use strict";r.d(t,{W:()=>s});var n=r(6562),i=r(3752),o=r(2384),a=r(6797);class s{constructor(e,t,r){this.agentIdentifier=e,this.aggregator=t,this.ee=i.ee.get(e,(0,n.OP)(this.agentIdentifier).isolatedBacklog),this.featureName=r,this.blocked=!1,this.checkConfiguration()}checkConfiguration(){if(!(0,n.lF)(this.agentIdentifier)){let e={...(0,a.gG)().info?.jsAttributes};try{e={...e,...(0,n.C5)(this.agentIdentifier)?.jsAttributes}}catch(e){}(0,o.j)(this.agentIdentifier,{...(0,a.gG)(),info:{...(0,a.gG)().info,jsAttributes:e}})}}}},2384:(e,t,r)=>{"use strict";r.d(t,{j:()=>w});var n=r(8683),i=r.n(n),o=r(2325),a=r(6562),s=r(9252),c=r(7022),u=r(3752),d=r(2053),f=r(4329),l=r(2650),h=r(2374),g=r(8610),p=r(6034);function v(e){["setErrorHandler","finished","addToTrace","inlineHit","addRelease","addPageAction","setCurrentRouteName","setPageViewName","setCustomAttribute","interaction","noticeError"].forEach((t=>{e[t]=function(){for(var r=arguments.length,n=new Array(r),i=0;i<r;i++)n[i]=arguments[i];return function(t){for(var r=arguments.length,n=new Array(r>1?r-1:0),i=1;i<r;i++)n[i-1]=arguments[i];Object.values(e.initializedAgents).forEach((e=>{e.exposed&&e.api[t]&&e.api[t](...n)}))}(t,...n)}}))}var m=r(6797);const b={stn:[o.D.sessionTrace],err:[o.D.jserrors,o.D.metrics],ins:[o.D.pageAction],spa:[o.D.spa]};const y={};function w(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2?arguments[2]:void 0,w=arguments.length>3?arguments[3]:void 0,{init:E,info:T,loader_config:A,runtime:x={loaderType:n},exposed:_=!0}=t;const S=(0,m.gG)();let O={};return T||(E=S.init,T=S.info,A=S.loader_config,O=S),h.v6&&(T.jsAttributes={...T.jsAttributes,isWorker:!0}),(0,a.CX)(e,T),(0,a.Dg)(e,E||{}),(0,a.GE)(e,A||{}),(0,a.sU)(e,x),function(e,t,n){n||(0,f.R)(e,"api"),v(t);var m=u.ee.get(e),b=m.get("tracer"),y="api-",w=y+"ixn-";function E(){}(0,c.D)(["setErrorHandler","finished","addToTrace","inlineHit","addRelease"],(function(e,r){t[r]=A(y,r,!0,"api")})),t.addPageAction=A(y,"addPageAction",!0,o.D.pageAction),t.setCurrentRouteName=A(y,"routeName",!0,o.D.spa),t.setPageViewName=function(t,r){if("string"==typeof t)return"/"!==t.charAt(0)&&(t="/"+t),(0,a.OP)(e).customTransaction=(r||"http://custom.transaction")+t,A(y,"setPageViewName",!0,"api")()},t.setCustomAttribute=function(t,r){const n=(0,a.C5)(e);return(0,a.CX)(e,{...n,jsAttributes:{...n.jsAttributes,[t]:r}}),A(y,"setCustomAttribute",!0,"api")()},t.interaction=function(){return(new E).get()};var T=E.prototype={createTracer:function(e,t){var r={},n=this,i="function"==typeof t;return(0,s.p)(w+"tracer",[(0,d.z)(),e,r],n,o.D.spa,m),function(){if(b.emit((i?"":"no-")+"fn-start",[(0,d.z)(),n,i],r),i)try{return t.apply(this,arguments)}catch(e){throw b.emit("fn-err",[arguments,this,"string"==typeof e?new Error(e):e],r),e}finally{b.emit("fn-end",[(0,d.z)()],r)}}}};function A(e,t,r,n){return function(){return(0,s.p)(p.xS,["API/"+t+"/called"],void 0,o.D.metrics,m),(0,s.p)(e+t,[(0,d.z)()].concat(i()(arguments)),r?null:this,n,m),r?void 0:this}}function x(){r.e(439).then(r.bind(r,5692)).then((t=>{let{setAPI:r}=t;r(e),(0,f.L)(e,"api")})).catch((()=>(0,g.Z)("Downloading runtime APIs failed...")))}(0,c.D)("actionText,setName,setAttribute,save,ignore,onEnd,getContext,end,get".split(","),(function(e,t){T[t]=A(w,t,void 0,o.D.spa)})),t.noticeError=function(e,t){"string"==typeof e&&(e=new Error(e)),(0,s.p)(p.xS,["API/noticeError/called"],void 0,o.D.metrics,m),(0,s.p)("err",[e,(0,d.z)(),!1,t],void 0,o.D.jserrors,m)},h.v6?x():(0,l.b)((()=>x()),!0)}(e,O,w),(0,m.Qy)(e,S,"api"),(0,m.Qy)(e,_,"exposed"),(0,m.EZ)("activatedFeatures",y),(0,m.EZ)("setToken",(t=>function(e,t){var r=u.ee.get(t);e&&"object"==typeof e&&((0,c.D)(e,(function(e,t){if(!t)return(b[e]||[]).forEach((t=>{(0,s.p)("block-"+e,[],void 0,t,r)}));y[e]||((0,s.p)("feat-"+e,[],void 0,b[e],r),y[e]=!0)})),(0,f.L)(t,o.D.pageViewEvent))}(t,e))),O}},909:(e,t,r)=>{"use strict";r.d(t,{Z:()=>i,q:()=>o});var n=r(2325);function i(e){switch(e){case n.D.ajax:return[n.D.jserrors];case n.D.sessionTrace:return[n.D.ajax,n.D.pageViewEvent];case n.D.pageViewTiming:return[n.D.pageViewEvent];default:return[]}}function o(e){return e===n.D.jserrors?[]:["auto"]}},2325:(e,t,r)=>{"use strict";r.d(t,{D:()=>n,p:()=>i});const n={ajax:"ajax",jserrors:"jserrors",metrics:"metrics",pageAction:"page_action",pageViewEvent:"page_view_event",pageViewTiming:"page_view_timing",sessionTrace:"session_trace",spa:"spa"},i={[n.pageViewEvent]:1,[n.pageViewTiming]:2,[n.metrics]:3,[n.jserrors]:4,[n.ajax]:5,[n.sessionTrace]:6,[n.pageAction]:7,[n.spa]:8}},8683:e=>{e.exports=function(e,t,r){t||(t=0),void 0===r&&(r=e?e.length:0);for(var n=-1,i=r-t||0,o=Array(i<0?0:i);++n<i;)o[n]=e[t+n];return o}}},n={};function i(e){var t=n[e];if(void 0!==t)return t.exports;var o=n[e]={exports:{}};return r[e](o,o.exports,i),o.exports}i.m=r,i.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return i.d(t,{a:t}),t},i.d=(e,t)=>{for(var r in t)i.o(t,r)&&!i.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},i.f={},i.e=e=>Promise.all(Object.keys(i.f).reduce(((t,r)=>(i.f[r](e,t),t)),[])),i.u=e=>(({78:"page_action-aggregate",147:"metrics-aggregate",193:"session_trace-aggregate",317:"jserrors-aggregate",348:"page_view_timing-aggregate",439:"async-api",729:"lazy-loader",786:"page_view_event-aggregate",873:"spa-aggregate",898:"ajax-aggregate"}[e]||e)+"."+{78:"1ef08094",147:"56d9a464",193:"ada8b15b",317:"64f61365",348:"ced8c919",439:"61caf4d9",729:"37550b27",786:"46b69e61",862:"e74e95d2",873:"7222cbb6",898:"e6085a9a"}[e]+"-1228.min.js"),i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),e={},t="NRBA:",i.l=(r,n,o,a)=>{if(e[r])e[r].push(n);else{var s,c;if(void 0!==o)for(var u=document.getElementsByTagName("script"),d=0;d<u.length;d++){var f=u[d];if(f.getAttribute("src")==r||f.getAttribute("data-webpack")==t+o){s=f;break}}s||(c=!0,(s=document.createElement("script")).charset="utf-8",s.timeout=120,i.nc&&s.setAttribute("nonce",i.nc),s.setAttribute("data-webpack",t+o),s.src=r),e[r]=[n];var l=(t,n)=>{s.onerror=s.onload=null,clearTimeout(h);var i=e[r];if(delete e[r],s.parentNode&&s.parentNode.removeChild(s),i&&i.forEach((e=>e(n))),t)return t(n)},h=setTimeout(l.bind(null,void 0,{type:"timeout",target:s}),12e4);s.onerror=l.bind(null,s.onerror),s.onload=l.bind(null,s.onload),c&&document.head.appendChild(s)}},i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.p="https://js-agent.newrelic.com/",(()=>{var e={785:0,357:0};i.f.j=(t,r)=>{var n=i.o(e,t)?e[t]:void 0;if(0!==n)if(n)r.push(n[2]);else{var o=new Promise(((r,i)=>n=e[t]=[r,i]));r.push(n[2]=o);var a=i.p+i.u(t),s=new Error;i.l(a,(r=>{if(i.o(e,t)&&(0!==(n=e[t])&&(e[t]=void 0),n)){var o=r&&("load"===r.type?"missing":r.type),a=r&&r.target&&r.target.src;s.message="Loading chunk "+t+" failed.\n("+o+": "+a+")",s.name="ChunkLoadError",s.type=o,s.request=a,n[1](s)}}),"chunk-"+t,t)}};var t=(t,r)=>{var n,o,[a,s,c]=r,u=0;if(a.some((t=>0!==e[t]))){for(n in s)i.o(s,n)&&(i.m[n]=s[n]);if(c)c(i)}for(t&&t(r);u<a.length;u++)o=a[u],i.o(e,o)&&e[o]&&e[o][0](),e[o]=0},r=window.webpackChunkNRBA=window.webpackChunkNRBA||[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))})();var o={};(()=>{"use strict";i.r(o);var e=i(2325),t=i(6562);const r=Object.values(e.D);function n(e){const n={};return r.forEach((r=>{n[r]=function(e,r){return!1!==(0,t.Mt)(r,"".concat(e,".enabled"))}(r,e)})),n}var a=i(2384),s=i(909),c=i(9252),u=i(2053),d=i(8283),f=i(4329),l=i(1509),h=i(2650),g=i(2374),p=i(8610);class v extends l.W{constructor(e,t,r){let n=!(arguments.length>3&&void 0!==arguments[3])||arguments[3];super(e,t,r),this.hasAggregator=!1,this.auto=n,this.abortHandler,n&&(0,f.R)(e,r)}importAggregator(){if(this.hasAggregator||!this.auto)return;this.hasAggregator=!0;const e=async()=>{try{const{lazyLoader:e}=await i.e(729).then(i.bind(i,8110)),{Aggregate:t}=await e(this.featureName,"aggregate");new t(this.agentIdentifier,this.aggregator)}catch(e){(0,p.Z)("Downloading ".concat(this.featureName," failed...")),this.abortHandler?.()}};g.v6?e():(0,h.b)((()=>e()),!0)}}var m,b,y,w=i(2484);class E extends v{constructor(e,r){let n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];super(e,r,w.t,n),(0,d.B)(e,"starttime",(0,t.OP)(e).offset),(0,d.B)(e,"firstbyte",u.B),(0,h.K)((()=>this.measureDomContentLoaded())),(0,h.b)((()=>this.measureWindowLoaded()),!0),this.importAggregator()}measureWindowLoaded(){var r=(0,u.z)();(0,d.B)(this.agentIdentifier,"onload",r+(0,t.OP)(this.agentIdentifier).offset),(0,c.p)("timing",["load",r],void 0,e.D.pageViewTiming,this.ee)}measureDomContentLoaded(){(0,d.B)(this.agentIdentifier,"domContent",(0,u.z)()+(0,t.OP)(this.agentIdentifier).offset)}}m=E,b="featureName",y=w.t,(b=function(e){var t=function(e,t){if("object"!=typeof e||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:String(t)}(b))in m?Object.defineProperty(m,b,{value:y,enumerable:!0,configurable:!0,writable:!0}):m[b]=y;var T=i(9557),A=i(7022);class x extends T.w{constructor(e){super(e),this.aggregatedData={}}store(e,t,r,n,i){var o=this.getBucket(e,t,r,i);return o.metrics=function(e,t){t||(t={count:0});return t.count+=1,(0,A.D)(e,(function(e,r){t[e]=_(r,t[e])})),t}(n,o.metrics),o}merge(e,t,r,n,i){var o=this.getBucket(e,t,n,i);if(o.metrics){var a=o.metrics;a.count+=r.count,(0,A.D)(r,(function(e,t){if("count"!==e){var n=a[e],i=r[e];i&&!i.c?a[e]=_(i.t,n):a[e]=function(e,t){if(!t)return e;t.c||(t=S(t.t));return t.min=Math.min(e.min,t.min),t.max=Math.max(e.max,t.max),t.t+=e.t,t.sos+=e.sos,t.c+=e.c,t}(i,a[e])}}))}else o.metrics=r}storeMetric(e,t,r,n){var i=this.getBucket(e,t,r);return i.stats=_(n,i.stats),i}getBucket(e,t,r,n){this.aggregatedData[e]||(this.aggregatedData[e]={});var i=this.aggregatedData[e][t];return i||(i=this.aggregatedData[e][t]={params:r||{}},n&&(i.custom=n)),i}get(e,t){return t?this.aggregatedData[e]&&this.aggregatedData[e][t]:this.aggregatedData[e]}take(e){for(var t={},r="",n=!1,i=0;i<e.length;i++)t[r=e[i]]=O(this.aggregatedData[r]),t[r].length&&(n=!0),delete this.aggregatedData[r];return n?t:null}}function _(e,t){return null==e?function(e){e?e.c++:e={c:1};return e}(t):t?(t.c||(t=S(t.t)),t.c+=1,t.t+=e,t.sos+=e*e,e>t.max&&(t.max=e),e<t.min&&(t.min=e),t):{t:e}}function S(e){return{t:e,min:e,max:e,sos:e*e,c:1}}function O(e){return"object"!=typeof e?[]:(0,A.D)(e,P)}function P(e,t){return t}var D=i(6797),j=i(5526),C=i(2438);var I,R=i(6998),N=i(8544),k=i(6382),L=-1,H=function(e){addEventListener("pageshow",(function(t){t.persisted&&(L=t.timeStamp,e(t))}),!0)},z=function(){return window.performance&&performance.getEntriesByType&&performance.getEntriesByType("navigation")[0]},M=function(){var e=z();return e&&e.activationStart||0},B=function(e,t){var r=z(),n="navigate";return L>=0?n="back-forward-cache":r&&(n=document.prerendering||M()>0?"prerender":document.wasDiscarded?"restore":r.type.replace(/_/g,"-")),{name:e,value:void 0===t?-1:t,rating:"good",delta:0,entries:[],id:"v3-".concat(Date.now(),"-").concat(Math.floor(8999999999999*Math.random())+1e12),navigationType:n}},F=function(e,t,r){try{if(PerformanceObserver.supportedEntryTypes.includes(e)){var n=new PerformanceObserver((function(e){Promise.resolve().then((function(){t(e.getEntries())}))}));return n.observe(Object.assign({type:e,buffered:!0},r||{})),n}}catch(e){}},U=function(e,t,r,n){var i,o;return function(a){t.value>=0&&(a||n)&&((o=t.value-(i||0))||void 0===i)&&(i=t.value,t.delta=o,t.rating=function(e,t){return e>t[1]?"poor":e>t[0]?"needs-improvement":"good"}(t.value,r),e(t))}},V=function(e){var t=function(t){"pagehide"!==t.type&&"hidden"!==document.visibilityState||e(t)};addEventListener("visibilitychange",t,!0),addEventListener("pagehide",t,!0)},W=function(e){document.prerendering?addEventListener("prerenderingchange",(function(){return e()}),!0):e()},q=(new Date,0),G=1/0,X=0,Z=function(e){e.forEach((function(e){e.interactionId&&(G=Math.min(G,e.interactionId),X=Math.max(X,e.interactionId),q=X?(X-G)/7+1:0)}))},Q=function(){return I?q:performance.interactionCount||0},$=function(){"interactionCount"in performance||I||(I=F("event",Z,{type:"event",buffered:!0,durationThreshold:0}))},Y=[200,500],K=0,J=function(){return Q()-K},ee=[],te={},re=function(e){var t=ee[ee.length-1],r=te[e.interactionId];if(r||ee.length<10||e.duration>t.latency){if(r)r.entries.push(e),r.latency=Math.max(r.latency,e.duration);else{var n={id:e.interactionId,latency:e.duration,entries:[e]};te[n.id]=n,ee.push(n)}ee.sort((function(e,t){return t.latency-e.latency})),ee.splice(10).forEach((function(e){delete te[e.id]}))}},ne=i(2545);class ie extends v{constructor(r,n){var i;let o=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];if(super(r,n,k.t,o),i=this,g.il){if(this.pageHiddenTime=(0,R.e)(),this.performanceObserver,this.lcpPerformanceObserver,this.clsPerformanceObserver,this.fiRecorded=!1,"PerformanceObserver"in window&&"function"==typeof window.PerformanceObserver){this.performanceObserver=new PerformanceObserver((function(){return i.perfObserver(...arguments)}));try{this.performanceObserver.observe({entryTypes:["paint"]})}catch(e){}this.lcpPerformanceObserver=new PerformanceObserver((function(){return i.lcpObserver(...arguments)}));try{this.lcpPerformanceObserver.observe({entryTypes:["largest-contentful-paint"]})}catch(e){}this.clsPerformanceObserver=new PerformanceObserver((function(){return i.clsObserver(...arguments)}));try{this.clsPerformanceObserver.observe({type:"layout-shift",buffered:!0})}catch(e){}}this.fiRecorded=!1;["click","keydown","mousedown","pointerdown","touchstart"].forEach((e=>{(0,N.iz)(e,(function(){return i.captureInteraction(...arguments)}))})),function(e,t){t=t||{},W((function(){$();var r,n=B("INP"),i=function(e){e.forEach((function(e){e.interactionId&&re(e),"first-input"===e.entryType&&!ee.some((function(t){return t.entries.some((function(t){return e.duration===t.duration&&e.startTime===t.startTime}))}))&&re(e)}));var t,i=(t=Math.min(ee.length-1,Math.floor(J()/50)),ee[t]);i&&i.latency!==n.value&&(n.value=i.latency,n.entries=i.entries,r())},o=F("event",i,{durationThreshold:t.durationThreshold||40});r=U(e,n,Y,t.reportAllChanges),o&&(o.observe({type:"first-input",buffered:!0}),V((function(){i(o.takeRecords()),n.value<0&&J()>0&&(n.value=0,n.entries=[]),r(!0)})),H((function(){ee=[],K=Q(),n=B("INP"),r=U(e,n,Y,t.reportAllChanges)})))}))}((t=>{let{name:r,value:n,id:i}=t;(0,c.p)("timing",[r.toLowerCase(),n,{metricId:i}],void 0,e.D.pageViewTiming,this.ee)})),!0===(0,t.Mt)(this.agentIdentifier,"page_view_timing.long_task")&&(e=>{const t=t=>{t.forEach((t=>{const r={name:"LT",value:t.duration,info:{ltFrame:t.name,ltStart:t.startTime,ltCtr:t.attribution[0].containerType}};"window"!==r.info.ltCtr&&Object.assign(r.info,{ltCtrSrc:t.attribution[0].containerSrc,ltCtrId:t.attribution[0].containerId,ltCtrName:t.attribution[0].containerName}),e(r)}))};let r;try{PerformanceObserver.supportedEntryTypes.includes("longtask")&&(r=new PerformanceObserver((e=>{Promise.resolve().then((()=>{t(e.getEntries())}))})),r.observe({type:"longtask",buffered:!0}))}catch(e){}r&&(0,ne.L)((()=>{t(r.takeRecords())}),!0)})((t=>{let{name:r,value:n,info:i}=t;(0,c.p)("timing",[r.toLowerCase(),n,i],void 0,e.D.pageViewTiming,this.ee)})),(0,R.N)((()=>{this.pageHiddenTime=(0,u.z)(),(0,c.p)("docHidden",[this.pageHiddenTime],void 0,e.D.pageViewTiming,this.ee)}),!0),(0,N.bP)("pagehide",(()=>(0,c.p)("winPagehide",[(0,u.z)()],void 0,e.D.pageViewTiming,this.ee))),this.importAggregator()}}perfObserver(t,r){t.getEntries().forEach((t=>{"first-paint"===t.name?(0,c.p)("timing",["fp",Math.floor(t.startTime)],void 0,e.D.pageViewTiming,this.ee):"first-contentful-paint"===t.name&&(0,c.p)("timing",["fcp",Math.floor(t.startTime)],void 0,e.D.pageViewTiming,this.ee)}))}lcpObserver(t,r){var n=t.getEntries();if(n.length>0){var i=n[n.length-1];if(this.pageHiddenTime<i.startTime)return;var o=[i],a=this.addConnectionAttributes({});a&&o.push(a),(0,c.p)("lcp",o,void 0,e.D.pageViewTiming,this.ee)}}clsObserver(t){t.getEntries().forEach((t=>{t.hadRecentInput||(0,c.p)("cls",[t],void 0,e.D.pageViewTiming,this.ee)}))}addConnectionAttributes(e){var t=navigator.connection||navigator.mozConnection||navigator.webkitConnection;if(t)return t.type&&(e["net-type"]=t.type),t.effectiveType&&(e["net-etype"]=t.effectiveType),t.rtt&&(e["net-rtt"]=t.rtt),t.downlink&&(e["net-dlink"]=t.downlink),e}captureInteraction(r){if(r instanceof t.Yu.EV&&!this.fiRecorded){var n=Math.round(r.timeStamp),i={type:r.type};this.addConnectionAttributes(i);const o=(0,t.OP)(this.agentIdentifier).offset;n<=(0,u.z)()?i.fid=(0,u.z)()-n:n>o&&n<=Date.now()?(n-=o,i.fid=(0,u.z)()-n):n=(0,u.z)(),this.fiRecorded=!0,(0,c.p)("timing",["fi",n,i],void 0,e.D.pageViewTiming,this.ee)}}}!function(e,t,r){(t=function(e){var t=function(e,t){if("object"!=typeof e||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r}(ie,"featureName",k.t);const oe={dedicated:Boolean(g._A?.Worker),shared:Boolean(g._A?.SharedWorker),service:Boolean(g._A?.navigator?.serviceWorker)};let ae,se,ce;var ue=i(6034);class de extends v{constructor(t,r){let n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];super(t,r,ue.t9,n),function(e){if(!ae){if(oe.dedicated){ae=Worker;try{g._A.Worker=r(ae,"Dedicated")}catch(e){o(e,"Dedicated")}if(oe.shared){se=SharedWorker;try{g._A.SharedWorker=r(se,"Shared")}catch(e){o(e,"Shared")}}else n("Shared");if(oe.service){ce=navigator.serviceWorker.register;try{g._A.navigator.serviceWorker.register=(t=ce,function(){for(var e=arguments.length,r=new Array(e),n=0;n<e;n++)r[n]=arguments[n];return i("Service",r[1]?.type),t.apply(navigator.serviceWorker,r)})}catch(e){o(e,"Service")}}else n("Service");var t;return}n("All")}function r(e,t){return"undefined"==typeof Proxy?e:new Proxy(e,{construct:(e,r)=>(i(t,r[1]?.type),new e(...r))})}function n(t){g.v6||e("Workers/".concat(t,"/Unavailable"))}function i(t,r){e("Workers/".concat(t,"module"===r?"/Module":"/Classic"))}function o(t,r){e("Workers/".concat(r,"/SM/Unsupported")),(0,p.Z)("NR Agent: Unable to capture ".concat(r," workers."),t)}}((t=>(0,c.p)(ue.xS,[t],void 0,e.D.metrics,this.ee))),this.importAggregator()}}!function(e,t,r){(t=function(e){var t=function(e,t){if("object"!=typeof e||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r}(de,"featureName",ue.t9);var fe=i(3916),le=i(3752),he=i(8683),ge=i.n(he);const pe="nr@original";var ve=Object.prototype.hasOwnProperty,me=!1;function be(e,t){return e||(e=le.ee),r.inPlace=function(e,t,n,i,o){n||(n="");var a,s,c,u="-"===n.charAt(0);for(c=0;c<t.length;c++)Ee(a=e[s=t[c]])||(e[s]=r(a,u?s+n:n,i,s,o))},r.flag=pe,r;function r(t,r,i,o,a){return Ee(t)?t:(r||(r=""),nrWrapper[pe]=t,we(t,nrWrapper,e),nrWrapper);function nrWrapper(){var s,c,u,d;try{c=this,s=ge()(arguments),u="function"==typeof i?i(s,c):i||{}}catch(t){ye([t,"",[s,c,o],u],e)}n(r+"start",[s,c,o],u,a);try{return d=t.apply(c,s)}catch(e){throw n(r+"err",[s,c,e],u,a),e}finally{n(r+"end",[s,c,d],u,a)}}}function n(r,n,i,o){if(!me||t){var a=me;me=!0;try{e.emit(r,n,i,t,o)}catch(t){ye([t,r,n,i],e)}me=a}}}function ye(e,t){t||(t=le.ee);try{t.emit("internal-error",e)}catch(e){}}function we(e,t,r){if(Object.defineProperty&&Object.keys)try{return Object.keys(e).forEach((function(r){Object.defineProperty(t,r,{get:function(){return e[r]},set:function(t){return e[r]=t,t}})})),t}catch(e){ye([e],r)}for(var n in e)ve.call(e,n)&&(t[n]=e[n]);return t}function Ee(e){return!(e&&e instanceof Function&&e.apply&&!e[pe])}var Te="fetch-",Ae=Te+"body-",xe=["arrayBuffer","blob","json","text","formData"],_e=g._A.Request,Se=g._A.Response,Oe="prototype",Pe="nr@context";const De={};function je(e){const t=function(e){return(e||le.ee).get("fetch")}(e);if(!(_e&&Se&&g._A.fetch))return t;if(De[t.debugId]++)return t;function r(e,r,n){var i=e[r];"function"==typeof i&&(e[r]=function(){var e,r=ge()(arguments),o={};t.emit(n+"before-start",[r],o),o[Pe]&&o[Pe].dt&&(e=o[Pe].dt);var a=i.apply(this,r);return t.emit(n+"start",[r,e],a),a.then((function(e){return t.emit(n+"end",[null,e],a),e}),(function(e){throw t.emit(n+"end",[e],a),e}))},e[r][pe]=i)}return De[t.debugId]=1,xe.forEach((e=>{r(_e[Oe],e,Ae),r(Se[Oe],e,Ae)})),r(g._A,"fetch",Te),t.on(Te+"end",(function(e,r){var n=this;if(r){var i=r.headers.get("content-length");null!==i&&(n.rxSize=i),t.emit(Te+"done",[null,r],n)}else t.emit(Te+"done",[e],n)})),t}const Ce={},Ie="setTimeout",Re="setInterval",Ne="clearTimeout",ke="-start",Le="-",He=[Ie,"setImmediate",Re,Ne,"clearImmediate"];function ze(e){const t=function(e){return(e||le.ee).get("timer")}(e);if(Ce[t.debugId]++)return t;Ce[t.debugId]=1;var r=be(t);return r.inPlace(g._A,He.slice(0,2),Ie+Le),r.inPlace(g._A,He.slice(2,3),Re+Le),r.inPlace(g._A,He.slice(3),Ne+Le),t.on(Re+ke,(function(e,t,n){e[0]=r(e[0],"fn-",null,n)})),t.on(Ie+ke,(function(e,t,n){this.method=n,this.timerDuration=isNaN(e[1])?0:+e[1],e[0]=r(e[0],"fn-",this,n)})),t}const Me={},Be="requestAnimationFrame";function Fe(e){const t=function(e){return(e||le.ee).get("raf")}(e);if(!g.il||Me[t.debugId]++)return t;Me[t.debugId]=1;var r=be(t);return r.inPlace(window,[Be],"raf-"),t.on("raf-start",(function(e){e[0]=r(e[0],"fn-")})),t}const Ue={},Ve=["pushState","replaceState"];function We(e){const t=function(e){return(e||le.ee).get("history")}(e);return!g.il||Ue[t.debugId]++||(Ue[t.debugId]=1,be(t).inPlace(window.history,Ve,"-")),t}const qe={},Ge=XMLHttpRequest,Xe="addEventListener",Ze="removeEventListener";function Qe(e){var t=function(e){return(e||le.ee).get("events")}(e);if(qe[t.debugId]++)return t;qe[t.debugId]=1;var r=be(t,!0);function n(e){r.inPlace(e,[Xe,Ze],"-",i)}function i(e,t){return e[1]}return"getPrototypeOf"in Object&&(g.il&&$e(document,n),$e(g._A,n),$e(Ge.prototype,n)),t.on(Xe+"-start",(function(e,t){var n=e[1];if(null!==n&&("function"==typeof n||"object"==typeof n)){var i=(0,fe.X)(n,"nr@wrapped",(function(){var e={object:function(){if("function"!=typeof n.handleEvent)return;return n.handleEvent.apply(n,arguments)},function:n}[typeof n];return e?r(e,"fn-",null,e.name||"anonymous"):n}));this.wrapped=e[1]=i}})),t.on(Ze+"-start",(function(e){e[1]=this.wrapped||e[1]})),t}function $e(e,t){let r=e;for(;"object"==typeof r&&!Object.prototype.hasOwnProperty.call(r,Xe);)r=Object.getPrototypeOf(r);for(var n=arguments.length,i=new Array(n>2?n-2:0),o=2;o<n;o++)i[o-2]=arguments[o];r&&t(r,...i)}const Ye={},Ke=["open","send"];function Je(e){var r=e||le.ee;const n=function(e){return(e||le.ee).get("xhr")}(r);if(Ye[n.debugId]++)return n;Ye[n.debugId]=1,Qe(r);var i=be(n),o=t.Yu.XHR,a=t.Yu.MO,s=t.Yu.PR,c=t.Yu.SI,u="readystatechange",d=["onload","onerror","onabort","onloadstart","onloadend","onprogress","ontimeout"],f=[],l=g._A.XMLHttpRequest.listeners,h=g._A.XMLHttpRequest=function(e){var t=new o(e);function r(){try{n.emit("new-xhr",[t],t),t.addEventListener(u,m,(0,N.m$)(!1))}catch(e){(0,p.Z)("An error occured while intercepting XHR",e);try{n.emit("internal-error",[e])}catch(e){}}}return this.listeners=l?[...l,r]:[r],this.listeners.forEach((e=>e())),t};function v(e,t){i.inPlace(t,["onreadystatechange"],"fn-",T)}function m(){var e=this,t=n.context(e);e.readyState>3&&!t.resolved&&(t.resolved=!0,n.emit("xhr-resolved",[],e)),i.inPlace(e,d,"fn-",T)}if(function(e,t){for(var r in e)t[r]=e[r]}(o,h),h.prototype=o.prototype,i.inPlace(h.prototype,Ke,"-xhr-",T),n.on("send-xhr-start",(function(e,t){v(e,t),function(e){f.push(e),a&&(b?b.then(E):c?c(E):(y=-y,w.data=y))}(t)})),n.on("open-xhr-start",v),a){var b=s&&s.resolve();if(!c&&!s){var y=1,w=document.createTextNode(y);new a(E).observe(w,{characterData:!0})}}else r.on("fn-end",(function(e){e[0]&&e[0].type===u||E()}));function E(){for(var e=0;e<f.length;e++)v(0,f[e]);f.length&&(f=[])}function T(e,t){return t}return n}var et,tt={};try{et=localStorage.getItem("__nr_flags").split(","),console&&"function"==typeof console.log&&(tt.console=!0,-1!==et.indexOf("dev")&&(tt.dev=!0),-1!==et.indexOf("nr_dev")&&(tt.nrDev=!0))}catch(e){}function rt(e){try{tt.console&&rt(e)}catch(e){}}tt.nrDev&&le.ee.on("internal-error",(function(e){rt(e.stack)})),tt.dev&&le.ee.on("fn-err",(function(e,t,r){rt(r.stack)})),tt.dev&&(rt("NR AGENT IN DEVELOPMENT MODE"),rt("flags: "+(0,A.D)(tt,(function(e,t){return e})).join(", ")));var nt=i(8322);function it(e,t){!function(e,t){if(t.has(e))throw new TypeError("Cannot initialize the same private elements twice on an object")}(e,t),t.add(e)}var ot=new WeakSet;class at extends v{constructor(r,n){var i;let o=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];super(r,n,nt.t,o),i=this,it(this,ot),this.skipNext=0,this.origOnerror=g._A.onerror;try{this.removeOnAbort=new AbortController}catch(e){}const a=this;a.ee.on("fn-start",(function(e,t,r){a.abortHandler&&(a.skipNext+=1)})),a.ee.on("fn-err",(function(e,t,r){a.abortHandler&&!r[nt.A]&&((0,fe.X)(r,nt.A,(function(){return!0})),this.thrown=!0,ut(r,void 0,a.ee))})),a.ee.on("fn-end",(function(){a.abortHandler&&!this.thrown&&a.skipNext>0&&(a.skipNext-=1)})),a.ee.on("internal-error",(function(t){(0,c.p)("ierr",[t,(0,u.z)(),!0],void 0,e.D.jserrors,a.ee)})),g._A.onerror=function(){return i.origOnerror&&i.origOnerror(...arguments),i.onerrorHandler(...arguments),!1},g._A.addEventListener("unhandledrejection",(t=>{const r=function(e){let t="Unhandled Promise Rejection: ";if(e instanceof Error)try{return e.message=t+e.message,e}catch(t){return e}if(void 0===e)return new Error(t);try{return new Error(t+(0,C.P)(e))}catch(e){return new Error(t)}}(t.reason);(0,c.p)("err",[r,(0,u.z)(),!1,{unhandledPromiseRejection:1}],void 0,e.D.jserrors,this.ee)}),(0,N.m$)(!1,this.removeOnAbort?.signal)),Fe(this.ee),ze(this.ee),Qe(this.ee),(0,t.OP)(r).xhrWrappable&&Je(this.ee),this.abortHandler=function(e,t,r){if(!t.has(e))throw new TypeError("attempted to get private field on non-instance");return r}(this,ot,st),this.importAggregator()}onerrorHandler(t,r,n,i,o){try{this.skipNext?this.skipNext-=1:ut(o||new ct(t,r,n),!0,this.ee)}catch(t){try{(0,c.p)("ierr",[t,(0,u.z)(),!0],void 0,e.D.jserrors,this.ee)}catch(e){}}return"function"==typeof this.origOnerror&&this.origOnerror.apply(this,ge()(arguments))}}function st(){this.removeOnAbort?.abort(),this.abortHandler=void 0}function ct(e,t,r){this.message=e||"Uncaught error with no additional information",this.sourceURL=t,this.line=r}function ut(t,r,n){var i=r?null:(0,u.z)();(0,c.p)("err",[t,i],void 0,e.D.jserrors,n)}!function(e,t,r){(t=function(e){var t=function(e,t){if("object"!=typeof e||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r}(at,"featureName",nt.t);var dt=1,ft="nr@id";function lt(e){var t=typeof e;return!e||"object"!==t&&"function"!==t?-1:e===g._A?0:(0,fe.X)(e,ft,(function(){return dt++}))}var ht=i(9071);function gt(e){if("string"==typeof e&&e.length)return e.length;if("object"==typeof e){if("undefined"!=typeof ArrayBuffer&&e instanceof ArrayBuffer&&e.byteLength)return e.byteLength;if("undefined"!=typeof Blob&&e instanceof Blob&&e.size)return e.size;if(!("undefined"!=typeof FormData&&e instanceof FormData))try{return(0,C.P)(e).length}catch(e){return}}}var pt=i(6368);class vt{constructor(e){this.agentIdentifier=e,this.generateTracePayload=this.generateTracePayload.bind(this),this.shouldGenerateTrace=this.shouldGenerateTrace.bind(this)}generateTracePayload(e){if(!this.shouldGenerateTrace(e))return null;var r=(0,t.DL)(this.agentIdentifier);if(!r)return null;var n=(r.accountID||"").toString()||null,i=(r.agentID||"").toString()||null,o=(r.trustKey||"").toString()||null;if(!n||!i)return null;var a=(0,j.M)(),s=(0,j.Ht)(),c=Date.now(),u={spanId:a,traceId:s,timestamp:c};return(e.sameOrigin||this.isAllowedOrigin(e)&&this.useTraceContextHeadersForCors())&&(u.traceContextParentHeader=this.generateTraceContextParentHeader(a,s),u.traceContextStateHeader=this.generateTraceContextStateHeader(a,c,n,i,o)),(e.sameOrigin&&!this.excludeNewrelicHeader()||!e.sameOrigin&&this.isAllowedOrigin(e)&&this.useNewrelicHeaderForCors())&&(u.newrelicHeader=this.generateTraceHeader(a,s,c,n,i,o)),u}generateTraceContextParentHeader(e,t){return"00-"+t+"-"+e+"-01"}generateTraceContextStateHeader(e,t,r,n,i){return i+"@nr=0-1-"+r+"-"+n+"-"+e+"----"+t}generateTraceHeader(e,t,r,n,i,o){if(!("function"==typeof g._A?.btoa))return null;var a={v:[0,1],d:{ty:"Browser",ac:n,ap:i,id:e,tr:t,ti:r}};return o&&n!==o&&(a.d.tk=o),btoa((0,C.P)(a))}shouldGenerateTrace(e){return this.isDtEnabled()&&this.isAllowedOrigin(e)}isAllowedOrigin(e){var r=!1,n={};if((0,t.Mt)(this.agentIdentifier,"distributed_tracing")&&(n=(0,t.P_)(this.agentIdentifier).distributed_tracing),e.sameOrigin)r=!0;else if(n.allowed_origins instanceof Array)for(var i=0;i<n.allowed_origins.length;i++){var o=(0,pt.e)(n.allowed_origins[i]);if(e.hostname===o.hostname&&e.protocol===o.protocol&&e.port===o.port){r=!0;break}}return r}isDtEnabled(){var e=(0,t.Mt)(this.agentIdentifier,"distributed_tracing");return!!e&&!!e.enabled}excludeNewrelicHeader(){var e=(0,t.Mt)(this.agentIdentifier,"distributed_tracing");return!!e&&!!e.exclude_newrelic_header}useNewrelicHeaderForCors(){var e=(0,t.Mt)(this.agentIdentifier,"distributed_tracing");return!!e&&!1!==e.cors_use_newrelic_header}useTraceContextHeadersForCors(){var e=(0,t.Mt)(this.agentIdentifier,"distributed_tracing");return!!e&&!!e.cors_use_tracecontext_headers}}var mt=i(8675);var bt=["load","error","abort","timeout"],yt=bt.length,wt=t.Yu.REQ,Et=g._A.XMLHttpRequest;class Tt extends v{constructor(r,n){let i=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];super(r,n,mt.t,i),(0,t.OP)(r).xhrWrappable&&(this.dt=new vt(r),this.handler=(e,t,r,n)=>(0,c.p)(e,t,r,n,this.ee),je(this.ee),Je(this.ee),function(r,n,i,o){function a(e){var t=this;t.totalCbs=0,t.called=0,t.cbTime=0,t.end=A,t.ended=!1,t.xhrGuids={},t.lastSize=null,t.loadCaptureCalled=!1,t.params=this.params||{},t.metrics=this.metrics||{},e.addEventListener("load",(function(r){_(t,e)}),(0,N.m$)(!1)),ht.I||e.addEventListener("progress",(function(e){t.lastSize=e.loaded}),(0,N.m$)(!1))}function s(e){this.params={method:e[0]},x(this,e[1]),this.metrics={}}function c(e,n){var i=(0,t.DL)(r);"xpid"in i&&this.sameOrigin&&n.setRequestHeader("X-NewRelic-ID",i.xpid);var a=o.generateTracePayload(this.parsedOrigin);if(a){var s=!1;a.newrelicHeader&&(n.setRequestHeader("newrelic",a.newrelicHeader),s=!0),a.traceContextParentHeader&&(n.setRequestHeader("traceparent",a.traceContextParentHeader),a.traceContextStateHeader&&n.setRequestHeader("tracestate",a.traceContextStateHeader),s=!0),s&&(this.dt=a)}}function d(e,t){var r=this.metrics,i=e[0],o=this;if(r&&i){var a=gt(i);a&&(r.txSize=a)}this.startTime=(0,u.z)(),this.listener=function(e){try{"abort"!==e.type||o.loadCaptureCalled||(o.params.aborted=!0),("load"!==e.type||o.called===o.totalCbs&&(o.onloadCalled||"function"!=typeof t.onload)&&"function"==typeof o.end)&&o.end(t)}catch(e){try{n.emit("internal-error",[e])}catch(e){}}};for(var s=0;s<yt;s++)t.addEventListener(bt[s],this.listener,(0,N.m$)(!1))}function f(e,t,r){this.cbTime+=e,t?this.onloadCalled=!0:this.called+=1,this.called!==this.totalCbs||!this.onloadCalled&&"function"==typeof r.onload||"function"!=typeof this.end||this.end(r)}function l(e,t){var r=""+lt(e)+!!t;this.xhrGuids&&!this.xhrGuids[r]&&(this.xhrGuids[r]=!0,this.totalCbs+=1)}function h(e,t){var r=""+lt(e)+!!t;this.xhrGuids&&this.xhrGuids[r]&&(delete this.xhrGuids[r],this.totalCbs-=1)}function p(){this.endTime=(0,u.z)()}function v(e,t){t instanceof Et&&"load"===e[0]&&n.emit("xhr-load-added",[e[1],e[2]],t)}function m(e,t){t instanceof Et&&"load"===e[0]&&n.emit("xhr-load-removed",[e[1],e[2]],t)}function b(e,t,r){t instanceof Et&&("onload"===r&&(this.onload=!0),("load"===(e[0]&&e[0].type)||this.onload)&&(this.xhrCbStart=(0,u.z)()))}function y(e,t){this.xhrCbStart&&n.emit("xhr-cb-time",[(0,u.z)()-this.xhrCbStart,this.onload,t],t)}function w(e){var t,r=e[1]||{};"string"==typeof e[0]?t=e[0]:e[0]&&e[0].url?t=e[0].url:g._A?.URL&&e[0]&&e[0]instanceof URL&&(t=e[0].href),t&&(this.parsedOrigin=(0,pt.e)(t),this.sameOrigin=this.parsedOrigin.sameOrigin);var n=o.generateTracePayload(this.parsedOrigin);if(n&&(n.newrelicHeader||n.traceContextParentHeader))if("string"==typeof e[0]||g._A?.URL&&e[0]&&e[0]instanceof URL){var i={};for(var a in r)i[a]=r[a];i.headers=new Headers(r.headers||{}),s(i.headers,n)&&(this.dt=n),e.length>1?e[1]=i:e.push(i)}else e[0]&&e[0].headers&&s(e[0].headers,n)&&(this.dt=n);function s(e,t){var r=!1;return t.newrelicHeader&&(e.set("newrelic",t.newrelicHeader),r=!0),t.traceContextParentHeader&&(e.set("traceparent",t.traceContextParentHeader),t.traceContextStateHeader&&e.set("tracestate",t.traceContextStateHeader),r=!0),r}}function E(e,t){this.params={},this.metrics={},this.startTime=(0,u.z)(),this.dt=t,e.length>=1&&(this.target=e[0]),e.length>=2&&(this.opts=e[1]);var r,n=this.opts||{},i=this.target;"string"==typeof i?r=i:"object"==typeof i&&i instanceof wt?r=i.url:g._A?.URL&&"object"==typeof i&&i instanceof URL&&(r=i.href),x(this,r);var o=(""+(i&&i instanceof wt&&i.method||n.method||"GET")).toUpperCase();this.params.method=o,this.txSize=gt(n.body)||0}function T(t,r){var n;this.endTime=(0,u.z)(),this.params||(this.params={}),this.params.status=r?r.status:0,"string"==typeof this.rxSize&&this.rxSize.length>0&&(n=+this.rxSize);var o={txSize:this.txSize,rxSize:n,duration:(0,u.z)()-this.startTime};i("xhr",[this.params,o,this.startTime,this.endTime,"fetch"],this,e.D.ajax)}function A(t){var r=this.params,n=this.metrics;if(!this.ended){this.ended=!0;for(var o=0;o<yt;o++)t.removeEventListener(bt[o],this.listener,!1);r.aborted||(n.duration=(0,u.z)()-this.startTime,this.loadCaptureCalled||4!==t.readyState?null==r.status&&(r.status=0):_(this,t),n.cbTime=this.cbTime,i("xhr",[r,n,this.startTime,this.endTime,"xhr"],this,e.D.ajax))}}function x(e,t){var r=(0,pt.e)(t),n=e.params;n.hostname=r.hostname,n.port=r.port,n.protocol=r.protocol,n.host=r.hostname+":"+r.port,n.pathname=r.pathname,e.parsedOrigin=r,e.sameOrigin=r.sameOrigin}function _(e,t){e.params.status=t.status;var r=function(e,t){var r=e.responseType;return"json"===r&&null!==t?t:"arraybuffer"===r||"blob"===r||"json"===r?gt(e.response):"text"===r||""===r||void 0===r?gt(e.responseText):void 0}(t,e.lastSize);if(r&&(e.metrics.rxSize=r),e.sameOrigin){var n=t.getResponseHeader("X-NewRelic-App-Data");n&&(e.params.cat=n.split(", ").pop())}e.loadCaptureCalled=!0}n.on("new-xhr",a),n.on("open-xhr-start",s),n.on("open-xhr-end",c),n.on("send-xhr-start",d),n.on("xhr-cb-time",f),n.on("xhr-load-added",l),n.on("xhr-load-removed",h),n.on("xhr-resolved",p),n.on("addEventListener-end",v),n.on("removeEventListener-end",m),n.on("fn-end",y),n.on("fetch-before-start",w),n.on("fetch-start",E),n.on("fn-start",b),n.on("fetch-done",T)}(r,this.ee,this.handler,this.dt),this.importAggregator())}}!function(e,t,r){(t=function(e){var t=function(e,t){if("object"!=typeof e||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r}(Tt,"featureName",mt.t);var At=i(6408),xt=i(2628);function _t(e,t){!function(e,t){if(t.has(e))throw new TypeError("Cannot initialize the same private elements twice on an object")}(e,t),t.add(e)}const{BST_RESOURCE:St,BST_TIMER:Ot,END:Pt,FEATURE_NAME:Dt,FN_END:jt,FN_START:Ct,ADD_EVENT_LISTENER:It,PUSH_STATE:Rt,RESOURCE:Nt,RESOURCE_TIMING_BUFFER_FULL:kt,START:Lt,ORIG_EVENT:Ht}=xt,zt="clearResourceTimings";var Mt=new WeakSet;class Bt extends v{constructor(t,r){if(super(t,r,Dt,!(arguments.length>2&&void 0!==arguments[2])||arguments[2]),_t(this,Mt),!g.il)return;const n=this.ee;this.timerEE=ze(n),this.rafEE=Fe(n),We(n),Qe(n),n.on(Ct,(function(e,t){e[0]instanceof Ht&&(this.bstStart=(0,u.z)())})),n.on(jt,(function(t,r){var i=t[0];i instanceof Ht&&(0,c.p)("bst",[i,r,this.bstStart,(0,u.z)()],void 0,e.D.sessionTrace,n)})),this.timerEE.on(Ct,(function(e,t,r){this.bstStart=(0,u.z)(),this.bstType=r})),this.timerEE.on(jt,(function(t,r){(0,c.p)(Ot,[r,this.bstStart,(0,u.z)(),this.bstType],void 0,e.D.sessionTrace,n)})),this.rafEE.on(Ct,(function(){this.bstStart=(0,u.z)()})),this.rafEE.on(jt,(function(t,r){(0,c.p)(Ot,[r,this.bstStart,(0,u.z)(),"requestAnimationFrame"],void 0,e.D.sessionTrace,n)})),n.on(Rt+Lt,(function(e){this.time=(0,u.z)(),this.startPath=location.pathname+location.hash})),n.on(Rt+Pt,(function(t){(0,c.p)("bstHist",[location.pathname+location.hash,this.startPath,this.time],void 0,e.D.sessionTrace,n)})),(0,At.W)()?((0,c.p)(St,[window.performance.getEntriesByType("resource")],void 0,e.D.sessionTrace,n),function(){var t=new PerformanceObserver(((t,r)=>{var i=t.getEntries();(0,c.p)(St,[i],void 0,e.D.sessionTrace,n)}));try{t.observe({entryTypes:["resource"]})}catch(e){}}()):window.performance[zt]&&window.performance[It]&&window.performance.addEventListener(kt,this.onResourceTimingBufferFull,(0,N.m$)(!1)),document.addEventListener("scroll",this.noOp,(0,N.m$)(!1)),document.addEventListener("keypress",this.noOp,(0,N.m$)(!1)),document.addEventListener("click",this.noOp,(0,N.m$)(!1)),this.abortHandler=function(e,t,r){if(!t.has(e))throw new TypeError("attempted to get private field on non-instance");return r}(this,Mt,Ft),this.importAggregator()}noOp(e){}onResourceTimingBufferFull(t){if((0,c.p)(St,[window.performance.getEntriesByType(Nt)],void 0,e.D.sessionTrace,this.ee),window.performance[zt])try{window.performance.removeEventListener(kt,this.onResourceTimingBufferFull,!1)}catch(e){}}}function Ft(){window.performance.removeEventListener(kt,this.onResourceTimingBufferFull,!1),this.abortHandler=void 0}!function(e,t,r){(t=function(e){var t=function(e,t){if("object"!=typeof e||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r}(Bt,"featureName",Dt);var Ut=i(6486);class Vt extends v{constructor(e,t){let r=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];super(e,t,Ut.t,r),this.importAggregator()}}!function(e,t,r){(t=function(e){var t=function(e,t){if("object"!=typeof e||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r}(Vt,"featureName",Ut.t),new class{constructor(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:(0,j.ky)(16);this.agentIdentifier=t,this.sharedAggregator=new x({agentIdentifier:this.agentIdentifier}),this.features={},this.desiredFeatures=new Set(e.features||[]),this.desiredFeatures.add(E),Object.assign(this,(0,a.j)(this.agentIdentifier,e,e.loaderType||"agent")),this.start()}get config(){return{info:(0,t.C5)(this.agentIdentifier),init:(0,t.P_)(this.agentIdentifier),loader_config:(0,t.DL)(this.agentIdentifier),runtime:(0,t.OP)(this.agentIdentifier)}}start(){const t="features";try{const r=n(this.agentIdentifier),i=Array.from(this.desiredFeatures);i.sort(((t,r)=>e.p[t.featureName]-e.p[r.featureName])),i.forEach((t=>{if(r[t.featureName]||t.featureName===e.D.pageViewEvent){const e=(0,s.Z)(t.featureName),n=e.every((e=>r[e]));n||(0,p.Z)("".concat(t.featureName," is enabled but one or more dependent features has been disabled (").concat((0,C.P)(e),"). This may cause unintended consequences or missing data...")),this.features[t.featureName]=new t(this.agentIdentifier,this.sharedAggregator)}})),(0,D.Qy)(this.agentIdentifier,this.features,t)}catch(e){(0,p.Z)("Failed to initialize all enabled instrument classes (agent aborted) -",e);for(const e in this.features)this.features[e].abortHandler?.();const r=(0,D.fP)();return delete r.initializedAgents[this.agentIdentifier]?.api,delete r.initializedAgents[this.agentIdentifier]?.[t],delete this.sharedAggregator,r.ee?.abort(),delete r.ee?.get(this.agentIdentifier),!1}}}({features:[E,ie,Bt,Tt,de,Vt,at],loaderType:"pro"})})(),window.NRBA=o})();</script>
  <meta name="theme-color" content="#FFFFFF">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0" />
    <meta name="referrer" content="origin-when-cross-origin">
  <meta name="facebook-domain-verification" content="14yui0t6bj9n8uz4d48a2snpt3cvnz" />

  <link rel="preload" href="https://dogefs.s3.ladydaily.com/~/source/dribbble/assets/neue-haas-grotesk/NeueHaasGrotTextRound-55Roman-Web-9e7322596eec47d8e79e2453d75a77fb58045ae944ec818e4fc1ba05559121a4.woff2" as="font" crossorigin="anonymous">
  <link rel="preload" href="https://dogefs.s3.ladydaily.com/~/source/dribbble/assets/neue-haas-grotesk/NeueHaasGrotTextRound-65Medium-Web-741c8c70e5c90808119c701483ca7362baff5ae482c823718406bbb1e31d9143.woff2" as="font" crossorigin="anonymous">
  <link rel="preload" href="https://dogefs.s3.ladydaily.com/~/source/dribbble/assets/neue-haas-grotesk/NeueHaasGrotTextRound-75Bold-Web-f2ff2f34217e3fdab82c30ef689f5be3fb86a8e4218a1906a9399d0354a95d45.woff2" as="font" crossorigin="anonymous">

  <!--[if gte IE 7]><!-->


  <link rel="stylesheet" media="screen" href="https://dogefs.s3.ladydaily.com/~/source/dribbble/assets/profile-new-e94ec6b0590040c5e4c1e6db0629343a87f31d34fa335985222c4323e4601a41.css" />

  <!-- <![endif]-->
  <link href="https://dogefs.s3.ladydaily.com/~/source/dribbble/assets/dribbble-vector-ball-f320a6ba48a4ccf416ef6e396e204c899874565b694593834b6c23f978394498.svg" rel="mask-icon" color="#ea4c89" />
<link href="https://dogefs.s3.ladydaily.com/~/source/dribbble/assets/apple-touch-icon-precomposed-1c6d9b0a173f5b2d5c392ea101bb206ee9a2a39bef19eb21513b857eeb3624d2.png" rel="apple-touch-icon-precomposed" />
<link href="https://dogefs.s3.ladydaily.com/~/source/dribbble/assets/favicon-b38525134603b9513174ec887944bde1a869eb6cd414f4d640ee48ab2a15a26b.ico" rel="icon" />
<link href="https://dogefs.s3.ladydaily.com/~/source/dribbble/assets/dribbble-ball-192-23ecbdf987832231e87c642bb25de821af1ba6734a626c8c259a20a0ca51a247.png" sizes="192x192" rel="icon" />

  
  <meta name="csrf-param" content="authenticity_token" />
<meta name="csrf-token" content="Opa9z/HarL7KSpKy3UQ2Pc0ORhpkQoN3U12fYpyZ2a8AKi02JuvGePhFjLQVv4iPoXjQ00ZW6dqz4ytc0/lmfg==" />
    <link rel="canonical" href="https://dribbble.dogedoge.com/css" />
  <meta property="og:type" content="profile" />
<meta property="og:title" content="Christopher Sardegna" />
<meta name="twitter:title" content="Christopher Sardegna" />
<meta property="og:site_name" content="Dribbble" />
<meta name="twitter:site" content="@dribbble" />
<meta name="twitter:domain" content="dribbble.com" />
<meta property="og:url" content="https://dribbble.dogedoge.com/css" />
<meta name="twitter:url" content="https://dribbble.dogedoge.com/css" />
<meta name="twitter:creator" content="@rxcs" />
<meta property="og:image" content="https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/5714666/sz_glyph_4x.png" />
<meta property="og:image:secure_url" content="https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/5714666/sz_glyph_4x.png" />
<meta property="og:image:alt" content="Dribbble shot titled &quot;SixteenZero Glyph&quot; by Christopher Sardegna" />
<meta property="og:image:width" content="9091" />
<meta property="og:image:height" content="6818" />
<meta name="twitter:image" content="https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/5714666/sz_glyph_4x.png" />
<meta name="twitter:image:alt" content="Dribbble shot titled &quot;SixteenZero Glyph&quot; by Christopher Sardegna" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:label1" content="Dribbbled by" />
<meta name="twitter:data1" content="@css" />


  
    <link rel="stylesheet" href="https://dogefs.s3.ladydaily.com/~/source/dribbble/assets/profile-new-async-1c0878766832e58e9d7918528680ee36c349e3fea90835d79b90ff0209d3ba74.css" media="print" onload="this.media='all'">
  <noscript><link rel="stylesheet" href="https://dogefs.s3.ladydaily.com/~/source/dribbble/assets/profile-new-async-1c0878766832e58e9d7918528680ee36c349e3fea90835d79b90ff0209d3ba74.css"></noscript>

  <script src="https://dogefs.s3.ladydaily.com/~/source/dribbble/assets/packs/js/profile.c6e281a7c2f420bd5885.js"></script>




  <meta property="fb:app_id" content="811749452338490">

  <script>
    if (location.hash.match(/^#\./) && window.history) {
      window.history.replaceState({}, window.title, location.origin + location.pathname + location.search)
    }
  </script>
  <noscript>
    <style>ol.dribbbles { display: block !important }</style>
  </noscript>
  <meta name="itly-controller" content="profile/shots" />
<meta name="itly-action" content="index" />


    <script src="https://accounts.google.com/gsi/client" async defer></script>
</head>

<body id="profile" class="logged-out not-pro not-player not-self not-team not-on-team  ">

  <div class="psst">
  <div>
    <a href="#" class="close" aria-label="close">
      <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon icon-16 text-white fill-current"><path d="m14.828 12 4.586-4.586c.781-.781.781-2.047 0-2.828-.78-.781-2.048-.781-2.828 0l-4.586 4.586-4.586-4.586c-.78-.781-2.048-.781-2.828 0-.781.781-.781 2.047 0 2.828l4.586 4.586-4.586 4.586c-.781.781-.781 2.047 0 2.828.39.391.902.586 1.414.586s1.024-.195 1.414-.586l4.586-4.586 4.586 4.586c.39.391.902.586 1.414.586s1.024-.195 1.414-.586c.781-.781.781-2.047 0-2.828z"></path></svg>

    </a>

      <p data-url="/announcements/3771/view">
        <span>📣 Last Call: Learn Design Systems in 8 weeks online. Register by Monday, March 27 at 11:59 PM PT <a href="https://dribbble.dogedoge.com/courses/design-systems?utm_campaign=announcement-3771&amp;utm_medium=banner&amp;utm_source=dribbble">→ Enroll now!</a>

</span>
      </p>
  </div>
</div>


<div class="js-site-nav site-nav lazyloading-hidden">
  <div class="site-nav-container">
    <nav class="site-nav-desktop-only align-center" aria-label="primary">
  <div data-site-nav-category="Top Nav">
    <a href="/" data-site-nav-element="Logo">
      <svg xmlns="http://www.w3.org/2000/svg" width="76" height="30" viewBox="0 0 76 19" fill="none" class="site-nav-desktop-logo fill-current">
<title>Dribbble: the community for graphic design</title>
<path fill-rule="evenodd" clip-rule="evenodd" d="M75.8822 14.657C72.7063 20.0415 67.6766 18.4791 66.166 17.2558C65.5231 17.692 64.3958 18.6481 62.8926 18.5377C59.6913 18.3027 58.5449 13.7279 58.5449 13.7279C58.5679 13.7462 57.5913 14.0649 57.0635 14.0592C57.0567 15.4008 55.897 18.6056 52.7672 18.5646C49.2551 18.5188 48.5411 13.2864 48.5411 13.2864C48.5411 13.2864 48.1916 13.7717 46.8627 14.2551C46.9296 13.2244 46.8807 18.4077 42.6713 18.4839C39.3435 18.5442 38.4452 13.2057 38.4452 13.2057C38.4452 13.2057 37.8679 13.8054 36.7491 14.0134C36.8202 12.9659 36.7046 18.5015 32.4947 18.4839C29.6497 18.4721 28.6775 15.1954 28.7531 14.7406C28.8496 14.161 27.7916 18.5654 25.0281 18.4968C23.8877 18.4633 23.0375 17.6376 22.504 16.5368C21.7898 17.354 20.7529 18.4968 19.5897 18.4968C17.5017 18.4968 16.5812 16.7504 16.7371 11.7624C16.7504 11.1708 16.7077 10.9381 16.1196 10.8496C15.7666 10.7907 15.4051 10.6792 15.0226 10.6204C14.9 11.0295 13.8602 18.3637 10.2847 18.5029C9.08519 18.5496 8.4293 17.5105 7.89066 16.7393C7.06497 17.8316 5.97501 18.5377 4.42227 18.5377C1.79205 18.5377 0 16.4114 0 13.7885C0 11.1655 1.79205 9.03942 4.42227 9.03942C4.88732 9.03942 5.01787 9.10608 5.44272 9.23004C4.569 1.27504 6.63238 0.0317866 8.43739 0.0317866C10.1703 0.0317866 13.1308 4.05384 8.96512 14.2559C9.88998 17.2989 11.8838 17.1268 12.8419 10.8626C13.0369 9.58927 12.5155 7.87099 13.3265 7.63117C14.809 7.19289 14.9663 8.50787 15.6614 8.72697C16.3964 8.95853 16.8254 8.93592 17.531 9.08327C18.7367 9.31873 19.2072 9.96643 19.0603 11.409C18.8839 13.2343 18.5753 15.891 19.5162 16.2148C20.1947 16.45 21.4335 15.0429 21.6509 14.273C21.8682 13.5031 21.9136 13.2396 21.9329 12.6749C21.9623 11.468 21.9992 10.5833 22.205 9.67055C22.2931 9.31736 22.3935 9.08347 22.7931 9.06748C23.1219 9.0591 23.7232 8.96009 23.9879 9.16611C24.3407 9.43119 24.2966 9.70017 24.2561 10.4081C23.8458 20.5015 27.0038 15.4628 27.9454 11.4283C27.6101 6.86623 27.8403 0.115326 30.6991 0.00210112C32.1859 -0.0567822 32.8432 1.13431 32.9155 2.02335C33.12 4.53433 31.9745 8.69372 30.468 11.4909C29.607 17.1984 34.2325 18.3269 34.9722 13.7712C33.762 13.1958 32.4541 10.8668 33.5184 9.73181C34.1156 9.09483 36.6015 10.0099 36.6422 12.0057C37.8616 11.6796 38.0244 10.9911 38.0413 11.1052C37.7061 6.54312 38.017 0.115385 40.876 0.00215941C42.3626 -0.0567239 43.0198 1.13437 43.0921 2.02341C43.2966 4.53438 42.1511 8.69378 40.6448 11.491C39.7837 17.1984 44.4093 18.327 45.1488 13.7713C44.2528 13.5984 42.3614 11.1212 43.4527 9.73187C44.0359 8.98944 46.5127 10.5334 46.79 12.0718C47.9614 11.7403 48.1205 11.0737 48.1373 11.1859C47.802 6.62397 48.1129 0.196235 50.9719 0.0830097C52.4585 0.0241264 53.1157 1.21522 53.188 2.10426C53.3925 4.61523 52.247 8.77471 50.7405 11.5719C49.8796 17.2794 54.5051 18.4077 55.2448 13.852C54.0135 13.647 52.2636 11.0314 53.672 9.69333C54.2347 9.15869 56.3848 10.5465 56.8881 12.1298C57.5874 12.1029 58.0227 11.8617 58.116 11.8374C56.9996 6.4818 57.8307 0.0558781 60.9062 0.00223793C62.5685 -0.0267262 64.1936 0.900905 63.4803 5.99604C62.7994 10.8574 60.3519 12.8975 60.3576 12.9287C60.5 13.5111 61.7559 18.3851 64.9185 15.8134C64.7548 15.4427 64.5909 15.064 64.4993 14.6052C63.9751 11.9327 65.0047 8.91409 67.8032 8.42622C69.4066 8.14671 70.917 8.92734 71.1558 10.6872C71.5487 13.5669 68.9484 15.6524 67.9596 16.1048C67.5167 15.8532 71.9742 18.712 74.6196 12.9829C74.773 12.6558 74.9579 12.6835 75.1975 12.8521C75.3667 12.9712 76.3305 13.8842 75.8822 14.657ZM6.33552 13.0809C6.20092 12.6785 5.92469 11.7918 5.82701 11.4076C5.28905 10.9398 4.90507 10.8638 4.21455 10.8638C2.68 10.8638 1.77679 12.2826 1.77679 13.8125C1.77679 15.3423 2.76077 16.7613 4.29533 16.7613C5.6252 16.7613 6.63735 15.8571 6.94615 14.5771C6.73001 14.0781 6.5156 13.6195 6.33552 13.0809ZM8.39979 2.13753C7.32153 2.13753 6.95576 4.70973 7.02674 6.90406C7.08953 8.84411 7.63164 10.5521 7.91286 11.3174C7.98426 11.4133 7.971 11.3509 8.03474 11.4526C9.90694 7.35053 9.13041 2.13753 8.39979 2.13753ZM30.8531 2.21833C29.4595 2.0585 29.4685 7.86389 29.6415 9.16611C30.3653 8.00823 31.6226 2.53009 30.8531 2.21833ZM41.0297 2.21833C39.6361 2.0585 39.6451 7.86389 39.8182 9.16611C40.5419 8.00823 41.7993 2.53009 41.0297 2.21833ZM51.1257 2.2991C49.732 2.13927 49.741 7.94469 49.9141 9.247C50.6378 8.08902 51.8952 2.61084 51.1257 2.2991ZM61.06 1.87849C58.8887 2.31451 59.3943 9.55399 59.7241 10.8237C62.2817 7.31085 62.3344 1.74654 61.06 1.87849ZM69.1975 10.9254C69.0871 10.4638 68.5351 10.2171 68.1541 10.2779C67.0639 10.4268 66.0065 11.7846 66.4158 13.8518C66.5069 14.3122 66.7349 14.736 66.7312 14.7219C69.1711 13.085 69.3785 11.7951 69.1975 10.9254ZM23.2205 7.46958C22.9089 7.46964 22.6043 7.37729 22.3452 7.20422C22.0861 7.03114 21.8841 6.78512 21.7648 6.49725C21.6455 6.20939 21.6143 5.89261 21.6751 5.587C21.7358 5.28138 21.8859 5.00065 22.1062 4.7803C22.3265 4.55995 22.6072 4.40989 22.9128 4.34909C23.2184 4.28829 23.5352 4.31948 23.8231 4.43873C24.111 4.55797 24.357 4.75991 24.5301 5.019C24.7032 5.27809 24.7956 5.5827 24.7956 5.89429C24.7956 6.10115 24.7549 6.30599 24.6757 6.4971C24.5966 6.68822 24.4806 6.86187 24.3343 7.00815C24.188 7.15443 24.0144 7.27047 23.8233 7.34964C23.6322 7.42882 23.4274 7.46957 23.2205 7.46958Z" fill="#0D0C22"></path>
</svg>

      <span class="accessibility-text">Back to home page</span>
    </a>
  </div>
  <ul class="site-nav-desktop-nav">
    <li class="site-nav-desktop-item site-nav-hover-item" data-site-nav-category="Top Nav">
      <a data-site-nav-element="Inspiration" href="/shots">Inspiration</a>
      <div class="site-nav-hover-menu">
        <ul class="site-nav-dropdown-list site-nav-dropdown-white-bg">
          <div data-site-nav-category="Inspiration">
            <li class="site-nav-dropdown-item purple">
              <a class="site-nav-dropdown-item-padding site-nav-dropdown-item-hover flex" data-site-nav-element="Explore Design Work" href="/shots/popular">
                <div class="site-nav-dropdown-icon-container">
                  <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="site-nav-dropdown-icon">
<path d="M2.5 0.75H6.5C7.4665 0.75 8.25 1.5335 8.25 2.5V6.5C8.25 7.4665 7.4665 8.25 6.5 8.25H2.5C1.5335 8.25 0.75 7.4665 0.75 6.5V2.5C0.75 1.5335 1.5335 0.75 2.5 0.75ZM13.5 0.75H17.5C18.4665 0.75 19.25 1.5335 19.25 2.5V6.5C19.25 7.4665 18.4665 8.25 17.5 8.25H13.5C12.5335 8.25 11.75 7.4665 11.75 6.5V2.5C11.75 1.5335 12.5335 0.75 13.5 0.75ZM13.5 11.75H17.5C18.4665 11.75 19.25 12.5335 19.25 13.5V17.5C19.25 18.4665 18.4665 19.25 17.5 19.25H13.5C12.5335 19.25 11.75 18.4665 11.75 17.5V13.5C11.75 12.5335 12.5335 11.75 13.5 11.75ZM2.5 11.75H6.5C7.4665 11.75 8.25 12.5335 8.25 13.5V17.5C8.25 18.4665 7.4665 19.25 6.5 19.25H2.5C1.5335 19.25 0.75 18.4665 0.75 17.5V13.5C0.75 12.5335 1.5335 11.75 2.5 11.75Z" fill="currentColor" fill-opacity="0.2" stroke="currentColor" stroke-width="1.5"></path>
</svg>

                </div>
                <div class="site-nav-dropdown-item-text">
                  <div class="site-nav-dropdown-item-title">
                    Explore Design Work
                  </div>
                  <p class="site-nav-dropdown-item-desc">Trending designs to inspire you</p>
                </div>
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" fill="none" class="site-nav-dropdown-arrow icon-12 fill-current">
<path d="M11.7803 6.53033C12.0732 6.23744 12.0732 5.76257 11.7803 5.46967L7.18414 0.873479C6.89124 0.580585 6.41637 0.580585 6.12348 0.873478C5.83058 1.16637 5.83058 1.64125 6.12348 1.93414L9.43934 5.25H0.75C0.335787 5.25 0 5.58579 0 6C0 6.41422 0.335787 6.75 0.75 6.75H9.43934L6.12348 10.0659C5.83058 10.3588 5.83058 10.8336 6.12348 11.1265C6.41637 11.4194 6.89124 11.4194 7.18414 11.1265L11.7803 6.53033Z"></path>
</svg>

</a>            </li>
            <li class="site-nav-dropdown-item red">
              <a class="site-nav-dropdown-item-padding site-nav-dropdown-item-hover flex" data-site-nav-element="New &amp; Noteworthy" href="/shots/recent">
                <div class="site-nav-dropdown-icon-container">
                  <svg xmlns="http://www.w3.org/2000/svg" width="20" height="21" viewBox="0 0 20 21" fill="currentColor" class="site-nav-dropdown-icon">
<path d="M13.4842 15.5185C11.8769 16.8972 10.4552 17.9485 10 18.279C9.54459 17.9483 8.12304 16.897 6.51599 15.5185C4.62061 13.8926 2.5424 11.8742 1.4452 10.0758L1.44176 10.07L1.43651 10.0611C0.987839 9.31334 0.75 8.45358 0.75 7.57322C0.75 4.91104 2.90591 2.75 5.54681 2.75C7.07683 2.75 8.49854 3.48017 9.39693 4.69529L10 5.51098L10.6031 4.69529C11.5014 3.48018 12.9234 2.75 14.4532 2.75C17.0941 2.75 19.25 4.91104 19.25 7.57322C19.25 8.45358 19.0122 9.31334 18.5635 10.0611L18.5581 10.0701L18.556 10.0738C17.4592 11.8727 15.3803 13.892 13.4842 15.5185Z" fill="currentColor" fill-opacity="0.2" stroke="currentColor" stroke-width="1.5"></path>
</svg>

                </div>
                <div class="site-nav-dropdown-item-text">
                  <div class="site-nav-dropdown-item-title">
                    New & Noteworthy
                  </div>
                  <p class="site-nav-dropdown-item-desc">Up-and-coming designers</p>
                </div>
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" fill="none" class="site-nav-dropdown-arrow icon-12 fill-current">
<path d="M11.7803 6.53033C12.0732 6.23744 12.0732 5.76257 11.7803 5.46967L7.18414 0.873479C6.89124 0.580585 6.41637 0.580585 6.12348 0.873478C5.83058 1.16637 5.83058 1.64125 6.12348 1.93414L9.43934 5.25H0.75C0.335787 5.25 0 5.58579 0 6C0 6.41422 0.335787 6.75 0.75 6.75H9.43934L6.12348 10.0659C5.83058 10.3588 5.83058 10.8336 6.12348 11.1265C6.41637 11.4194 6.89124 11.4194 7.18414 11.1265L11.7803 6.53033Z"></path>
</svg>

</a>            </li>
            <li class="site-nav-dropdown-item green">
              <a class="site-nav-dropdown-item-padding site-nav-dropdown-item-hover flex" data-site-nav-element="Playoffs" href="/shots?list=playoffs">
                <div class="site-nav-dropdown-icon-container">
                  <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="site-nav-dropdown-icon">
<rect x="0.75" y="4.75" width="14.5" height="14.5" rx="3.25" fill="currentColor" fill-opacity="0.2" stroke="currentColor" stroke-width="1.5"></rect>
<path d="M16 1.5H8C7.40168 1.5 6.85156 1.70993 6.42022 2.062H4.5C5.18236 0.832288 6.49399 0 8 0H16C18.2091 0 20 1.79086 20 4V12C20 13.4806 19.1956 14.7733 18 15.4649V13.5002C18.314 13.0824 18.5 12.5629 18.5 12V4C18.5 2.61929 17.3807 1.5 16 1.5Z" fill="currentColor"></path>
</svg>

                </div>
                <div class="site-nav-dropdown-item-text">
                  <div class="site-nav-dropdown-item-title">
                    Playoffs
                  </div>
                  <p class="site-nav-dropdown-item-desc">Work designers are riffing on</p>
                </div>
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" fill="none" class="site-nav-dropdown-arrow icon-12 fill-current">
<path d="M11.7803 6.53033C12.0732 6.23744 12.0732 5.76257 11.7803 5.46967L7.18414 0.873479C6.89124 0.580585 6.41637 0.580585 6.12348 0.873478C5.83058 1.16637 5.83058 1.64125 6.12348 1.93414L9.43934 5.25H0.75C0.335787 5.25 0 5.58579 0 6C0 6.41422 0.335787 6.75 0.75 6.75H9.43934L6.12348 10.0659C5.83058 10.3588 5.83058 10.8336 6.12348 11.1265C6.41637 11.4194 6.89124 11.4194 7.18414 11.1265L11.7803 6.53033Z"></path>
</svg>

</a>            </li>
            <li class="site-nav-dropdown-item yellow">
              <a class="site-nav-dropdown-item-padding site-nav-dropdown-item-hover flex" data-site-nav-element="Blog" href="/stories">
                <div class="site-nav-dropdown-icon-container">
                  <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="site-nav-dropdown-icon">
<rect x="0.75" y="0.75" width="18.5" height="18.5" rx="3.25" fill="currentColor" fill-opacity="0.2" stroke="currentColor" stroke-width="1.5"></rect>
<path d="M4.16667 5.08331C4.16667 4.6691 4.50246 4.33331 4.91667 4.33331H14.25C14.6642 4.33331 15 4.6691 15 5.08331C15 5.49753 14.6642 5.83331 14.25 5.83331L4.91667 5.83331C4.50246 5.83331 4.16667 5.49753 4.16667 5.08331Z" fill="currentColor"></path>
<path d="M4.16667 9.25C4.16667 8.83579 4.50246 8.5 4.91667 8.5L12.5833 8.5C12.9976 8.5 13.3333 8.83579 13.3333 9.25C13.3333 9.66422 12.9976 10 12.5833 10L4.91667 10C4.50246 10 4.16667 9.66421 4.16667 9.25Z" fill="currentColor"></path>
<path d="M4.91667 12.6666C4.50246 12.6666 4.16667 13.0024 4.16667 13.4166C4.16667 13.8308 4.50246 14.1666 4.91667 14.1666H9.25001C9.66422 14.1666 10 13.8308 10 13.4166C10 13.0024 9.66422 12.6666 9.25001 12.6666H4.91667Z" fill="currentColor"></path>
</svg>

                </div>
                <div class="site-nav-dropdown-item-text">
                  <div class="site-nav-dropdown-item-title">
                    Blog
                  </div>
                  <p class="site-nav-dropdown-item-desc">Interviews, tutorials, and more</p>
                </div>
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" fill="none" class="site-nav-dropdown-arrow icon-12 fill-current">
<path d="M11.7803 6.53033C12.0732 6.23744 12.0732 5.76257 11.7803 5.46967L7.18414 0.873479C6.89124 0.580585 6.41637 0.580585 6.12348 0.873478C5.83058 1.16637 5.83058 1.64125 6.12348 1.93414L9.43934 5.25H0.75C0.335787 5.25 0 5.58579 0 6C0 6.41422 0.335787 6.75 0.75 6.75H9.43934L6.12348 10.0659C5.83058 10.3588 5.83058 10.8336 6.12348 11.1265C6.41637 11.4194 6.89124 11.4194 7.18414 11.1265L11.7803 6.53033Z"></path>
</svg>

</a>            </li>
              <li class="site-nav-dropdown-item purple">
                <a class="site-nav-dropdown-item-padding site-nav-dropdown-item-hover flex" data-site-nav-element="Weekly Warm-up" href="/shots/20935605-Design-a-badge-inspired-by-Spring">
                  <div class="site-nav-dropdown-icon-container">
                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="21" viewBox="0 0 20 21" fill="none" class="site-nav-dropdown-icon">
<rect x="0.75" y="2.58331" width="18.5" height="16.8333" rx="3.25" fill="currentColor" fill-opacity="0.2" stroke="currentColor" stroke-width="1.5"></rect>
<path fill-rule="evenodd" clip-rule="evenodd" d="M5 0.25C5.41421 0.25 5.75 0.585786 5.75 1V5C5.75 5.41421 5.41421 5.75 5 5.75C4.58579 5.75 4.25 5.41421 4.25 5V1C4.25 0.585786 4.58579 0.25 5 0.25ZM15 0.25C15.4142 0.25 15.75 0.585786 15.75 1V5C15.75 5.41421 15.4142 5.75 15 5.75C14.5858 5.75 14.25 5.41421 14.25 5V1C14.25 0.585786 14.5858 0.25 15 0.25ZM12.8333 12.5H13.8333C14.1095 12.5 14.3333 12.7239 14.3333 13V14C14.3333 14.2761 14.1095 14.5 13.8333 14.5H12.8333C12.5572 14.5 12.3333 14.2761 12.3333 14V13C12.3333 12.7239 12.5572 12.5 12.8333 12.5ZM10.8333 13C10.8333 11.8954 11.7288 11 12.8333 11H13.8333C14.9379 11 15.8333 11.8954 15.8333 13V14C15.8333 15.1046 14.9379 16 13.8333 16H12.8333C11.7288 16 10.8333 15.1046 10.8333 14V13Z" fill="currentColor"></path>
</svg>

                  </div>
                  <div class="site-nav-dropdown-item-text">
                    <div class="site-nav-dropdown-item-title">
                      Weekly Warm-up
                    </div>
                    <p class="site-nav-dropdown-item-desc">Prompt to flex your design skills</p>
                  </div>
                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" fill="none" class="site-nav-dropdown-arrow icon-12 fill-current">
<path d="M11.7803 6.53033C12.0732 6.23744 12.0732 5.76257 11.7803 5.46967L7.18414 0.873479C6.89124 0.580585 6.41637 0.580585 6.12348 0.873478C5.83058 1.16637 5.83058 1.64125 6.12348 1.93414L9.43934 5.25H0.75C0.335787 5.25 0 5.58579 0 6C0 6.41422 0.335787 6.75 0.75 6.75H9.43934L6.12348 10.0659C5.83058 10.3588 5.83058 10.8336 6.12348 11.1265C6.41637 11.4194 6.89124 11.4194 7.18414 11.1265L11.7803 6.53033Z"></path>
</svg>

</a>              </li>
          </div>
        </ul>
        <ul class="site-nav-dropdown-list site-nav-dropdown-grey-bg" data-site-nav-category="Inspiration">
          <p class="site-nav-dropdown-item site-nav-dropdown-category-padding site-nav-dropdown-item-title">Browse Categories</p>
            <li>
              <a class="site-nav-dropdown-category-padding" data-site-nav-element="Animation" href="/shots/popular/animation">Animation</a>
            </li>
            <li>
              <a class="site-nav-dropdown-category-padding" data-site-nav-element="Branding" href="/shots/popular/branding">Branding</a>
            </li>
            <li>
              <a class="site-nav-dropdown-category-padding" data-site-nav-element="Illustration" href="/shots/popular/illustration">Illustration</a>
            </li>
            <li>
              <a class="site-nav-dropdown-category-padding" data-site-nav-element="Mobile" href="/shots/popular/mobile">Mobile</a>
            </li>
            <li>
              <a class="site-nav-dropdown-category-padding" data-site-nav-element="Print" href="/shots/popular/print">Print</a>
            </li>
            <li>
              <a class="site-nav-dropdown-category-padding" data-site-nav-element="Product Design" href="/shots/popular/product-design">Product Design</a>
            </li>
            <li>
              <a class="site-nav-dropdown-category-padding" data-site-nav-element="Typography" href="/shots/popular/typography">Typography</a>
            </li>
            <li>
              <a class="site-nav-dropdown-category-padding" data-site-nav-element="Web Design" href="/shots/popular/web-design">Web Design</a>
            </li>
        </ul>
      </div>
    </li>

    <li class="site-nav-desktop-item site-nav-hover-item" data-site-nav-category="Top Nav">
      <a data-site-nav-element="Find Work" href="/jobs">Find Work</a>
      <div class="site-nav-hover-menu">
        <ul class="site-nav-dropdown-list">
          <div data-site-nav-category="Find Work">
            <li class="site-nav-dropdown-item purple">
              <a class="site-nav-dropdown-item-padding site-nav-dropdown-item-hover flex" data-site-nav-element="Job Board" href="/jobs">
                <div class="site-nav-dropdown-icon-container">
                  <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="site-nav-dropdown-icon">
<path d="M0.75 2.5C0.75 1.5335 1.5335 0.75 2.5 0.75H8.5C9.4665 0.75 10.25 1.5335 10.25 2.5V8.5C10.25 9.4665 9.4665 10.25 8.5 10.25H2.5C1.5335 10.25 0.75 9.4665 0.75 8.5V2.5ZM13.75 2.5C13.75 1.5335 14.5335 0.75 15.5 0.75H17.5C18.4665 0.75 19.25 1.5335 19.25 2.5V8.5C19.25 9.4665 18.4665 10.25 17.5 10.25H15.5C14.5335 10.25 13.75 9.4665 13.75 8.5V2.5ZM9.75 15.5C9.75 14.5335 10.5335 13.75 11.5 13.75H17.5C18.4665 13.75 19.25 14.5335 19.25 15.5V17.5C19.25 18.4665 18.4665 19.25 17.5 19.25H11.5C10.5335 19.25 9.75 18.4665 9.75 17.5V15.5ZM0.75 15.5C0.75 14.5335 1.5335 13.75 2.5 13.75H4.5C5.4665 13.75 6.25 14.5335 6.25 15.5V17.5C6.25 18.4665 5.4665 19.25 4.5 19.25H2.5C1.5335 19.25 0.75 18.4665 0.75 17.5V15.5Z" fill="currentColor" fill-opacity="0.2" stroke="currentColor" stroke-width="1.5"></path>
</svg>

                </div>
                <div class="site-nav-dropdown-item-text">
                  <div class="site-nav-dropdown-item-title">
                    Job Board
                  </div>
                  <p class="site-nav-dropdown-item-desc">Find your dream design job</p>
                </div>
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" fill="none" class="site-nav-dropdown-arrow icon-12 fill-current">
<path d="M11.7803 6.53033C12.0732 6.23744 12.0732 5.76257 11.7803 5.46967L7.18414 0.873479C6.89124 0.580585 6.41637 0.580585 6.12348 0.873478C5.83058 1.16637 5.83058 1.64125 6.12348 1.93414L9.43934 5.25H0.75C0.335787 5.25 0 5.58579 0 6C0 6.41422 0.335787 6.75 0.75 6.75H9.43934L6.12348 10.0659C5.83058 10.3588 5.83058 10.8336 6.12348 11.1265C6.41637 11.4194 6.89124 11.4194 7.18414 11.1265L11.7803 6.53033Z"></path>
</svg>

</a>            </li>
            <li class="site-nav-dropdown-item red">
              <a class="site-nav-dropdown-item-padding site-nav-dropdown-item-hover flex" data-site-nav-element="Freelance Projects" href="/freelance-jobs">
                <div class="site-nav-dropdown-icon-container">
                  <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="site-nav-dropdown-icon">
<path d="M1.25 8.5C1.25 7.5335 2.0335 6.75 3 6.75H14C14.9665 6.75 15.75 7.5335 15.75 8.5V14C15.75 16.8995 13.3995 19.25 10.5 19.25H6.5C3.60051 19.25 1.25 16.8995 1.25 14V8.5Z" fill="currentColor" fill-opacity="0.2" stroke="currentColor" stroke-width="1.5"></path>
<path d="M6.25 0.833313C6.25 0.419099 5.91421 0.083313 5.5 0.083313C5.08579 0.083313 4.75 0.419099 4.75 0.833313V3.33331C4.75 3.74753 5.08579 4.08331 5.5 4.08331C5.91421 4.08331 6.25 3.74753 6.25 3.33331V0.833313Z" fill="currentColor"></path>
<path d="M9.58331 0.833313C9.58331 0.419099 9.24753 0.083313 8.83331 0.083313C8.4191 0.083313 8.08331 0.419099 8.08331 0.833313V3.33331C8.08331 3.74753 8.4191 4.08331 8.83331 4.08331C9.24753 4.08331 9.58331 3.74753 9.58331 3.33331V0.833313Z" fill="currentColor"></path>
<path d="M12.1667 0.083313C12.5809 0.083313 12.9167 0.419099 12.9167 0.833313V3.33331C12.9167 3.74753 12.5809 4.08331 12.1667 4.08331C11.7525 4.08331 11.4167 3.74753 11.4167 3.33331V0.833313C11.4167 0.419099 11.7525 0.083313 12.1667 0.083313Z" fill="currentColor"></path>
<path fill-rule="evenodd" clip-rule="evenodd" d="M16 16C16.1693 16 16.3362 15.9895 16.5 15.9691C18.4732 15.723 20 14.0398 20 12C20 9.96019 18.4732 8.277 16.5 8.03095C16.3362 8.01052 16.1693 8 16 8H15V16H16ZM18.5 12C18.5 10.7905 17.6411 9.78164 16.5 9.55001V14.45C17.6411 14.2184 18.5 13.2095 18.5 12Z" fill="currentColor"></path>
</svg>

                </div>
                <div class="site-nav-dropdown-item-text">
                  <div class="site-nav-dropdown-item-title">
                    Freelance Projects
                    <div class="pro-flag margin-l-8">Pro+</div>
                  </div>
                  <p class="site-nav-dropdown-item-desc">An exclusive list for contract work</p>
                </div>
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" fill="none" class="site-nav-dropdown-arrow icon-12 fill-current">
<path d="M11.7803 6.53033C12.0732 6.23744 12.0732 5.76257 11.7803 5.46967L7.18414 0.873479C6.89124 0.580585 6.41637 0.580585 6.12348 0.873478C5.83058 1.16637 5.83058 1.64125 6.12348 1.93414L9.43934 5.25H0.75C0.335787 5.25 0 5.58579 0 6C0 6.41422 0.335787 6.75 0.75 6.75H9.43934L6.12348 10.0659C5.83058 10.3588 5.83058 10.8336 6.12348 11.1265C6.41637 11.4194 6.89124 11.4194 7.18414 11.1265L11.7803 6.53033Z"></path>
</svg>

</a>            </li>
            </li>
            <li class="padding-h-32">
              <hr />
            </li>
            <li class="site-nav-dropdown-item green">
              <a class="site-nav-dropdown-item-padding site-nav-dropdown-item-hover flex" data-site-nav-element="Design Leads" href="/projects">
                <div class="site-nav-dropdown-icon-container">
                  <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="site-nav-dropdown-icon">
<rect x="0.75" y="1.75" width="18.5" height="16.5" rx="3.25" fill="currentColor" fill-opacity="0.2" stroke="currentColor" stroke-width="1.5"></rect>
<path d="M19 4L10 11L1 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>

                </div>
                <div class="site-nav-dropdown-item-text">
                  <div class="site-nav-dropdown-item-title">
                    Want freelance design projects?
                  </div>
                  <p class="site-nav-dropdown-item-desc">Get new leads in your inbox every day</p>
                </div>
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" fill="none" class="site-nav-dropdown-arrow icon-12 fill-current">
<path d="M11.7803 6.53033C12.0732 6.23744 12.0732 5.76257 11.7803 5.46967L7.18414 0.873479C6.89124 0.580585 6.41637 0.580585 6.12348 0.873478C5.83058 1.16637 5.83058 1.64125 6.12348 1.93414L9.43934 5.25H0.75C0.335787 5.25 0 5.58579 0 6C0 6.41422 0.335787 6.75 0.75 6.75H9.43934L6.12348 10.0659C5.83058 10.3588 5.83058 10.8336 6.12348 11.1265C6.41637 11.4194 6.89124 11.4194 7.18414 11.1265L11.7803 6.53033Z"></path>
</svg>

</a>            </li>
            <li class="site-nav-dropdown-item yellow">
              <a class="site-nav-dropdown-item-padding site-nav-dropdown-item-hover flex" data-site-nav-element="Pitch" href="/pro/pitch">
                <div class="site-nav-dropdown-icon-container">
                  <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="site-nav-dropdown-icon">
<rect x="4.25" y="0.75" width="11.5" height="18.5" rx="2.25" stroke="currentColor" stroke-width="1.5"></rect>
<path d="M4.25 17C4.25 14.6528 6.15279 12.75 8.5 12.75H11.5C13.8472 12.75 15.75 14.6528 15.75 17C15.75 18.2426 14.7426 19.25 13.5 19.25H6.5C5.25736 19.25 4.25 18.2426 4.25 17Z" fill="currentColor" fill-opacity="0.2" stroke="currentColor" stroke-width="1.5"></path>
<circle cx="10" cy="7" r="3.25" fill="currentColor" fill-opacity="0.2" stroke="currentColor" stroke-width="1.5"></circle>
</svg>

                </div>
                <div class="site-nav-dropdown-item-text">
                  <div class="site-nav-dropdown-item-title">
                    Personalize your profile with video
                  </div>
                  <p class="site-nav-dropdown-item-desc">Introduce yourself to new clients with Pitch</p>
                </div>
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" fill="none" class="site-nav-dropdown-arrow icon-12 fill-current">
<path d="M11.7803 6.53033C12.0732 6.23744 12.0732 5.76257 11.7803 5.46967L7.18414 0.873479C6.89124 0.580585 6.41637 0.580585 6.12348 0.873478C5.83058 1.16637 5.83058 1.64125 6.12348 1.93414L9.43934 5.25H0.75C0.335787 5.25 0 5.58579 0 6C0 6.41422 0.335787 6.75 0.75 6.75H9.43934L6.12348 10.0659C5.83058 10.3588 5.83058 10.8336 6.12348 11.1265C6.41637 11.4194 6.89124 11.4194 7.18414 11.1265L11.7803 6.53033Z"></path>
</svg>

</a>            </li>
          </div>
        </ul>
      </div>
    </li>

    <li class="site-nav-desktop-item site-nav-hover-item" data-site-nav-category="Top Nav">
      <a data-site-nav-element="Learn Design" href="/learn">
        <span>Learn Design</span>
</a>      <div class="site-nav-hover-menu">
        <ul class="site-nav-dropdown-list">
          <div data-site-nav-category="Learn Design">
          <li class="site-nav-dropdown-item purple">
              <a class="site-nav-dropdown-item-padding site-nav-dropdown-item-hover flex" data-site-nav-element="Product Design Course" href="/courses/product-design">
                <div class="site-nav-dropdown-icon-container">
                  <svg xmlns="http://www.w3.org/2000/svg" width="20" height="22" viewBox="0 0 20 22" fill="none" class="site-nav-dropdown-icon">
<path d="M4.375 20.375C3.71196 20.375 3.07607 20.1116 2.60723 19.6427C2.13839 19.1739 1.875 18.538 1.875 17.875V6.44165C1.87606 6.05378 1.96736 5.67148 2.14167 5.32498L3.80833 1.99165C3.86038 1.88819 3.94014 1.80123 4.03873 1.74046C4.13732 1.6797 4.25086 1.64752 4.36667 1.64752C4.48248 1.64752 4.59601 1.6797 4.6946 1.74046C4.79319 1.80123 4.87295 1.88819 4.925 1.99165L6.59167 5.32498C6.76598 5.67148 6.85727 6.05378 6.85833 6.44165V17.875C6.85835 18.5351 6.59724 19.1685 6.132 19.6369C5.66676 20.1052 5.03515 20.3706 4.375 20.375Z" fill="none" fill-opacity="0.2" stroke="currentColor" stroke-width="1.5"></path>
<path d="M1.875 6.41669H6.875" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M1.875 16.4167H6.875" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M16.875 1.625H11.875C11.1846 1.625 10.625 2.18464 10.625 2.875V19.125C10.625 19.8154 11.1846 20.375 11.875 20.375H16.875C17.5654 20.375 18.125 19.8154 18.125 19.125V2.875C18.125 2.18464 17.5654 1.625 16.875 1.625Z" fill="none" fill-opacity="0.2" stroke="currentColor" stroke-width="1.5"></path>
<path d="M10.625 5.375H13.5417" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M10.625 9.125H13.5417" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M10.625 12.875H13.5417" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M10.625 16.625H13.5417" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>

                </div>
                <div class="site-nav-dropdown-item-text">
                  <div class="site-nav-dropdown-item-title">
                    Certified Product Design Course
                  </div>
                  <p class="site-nav-dropdown-item-desc">Learn product design in just 16 weeks...</p>
                </div>
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" fill="none" class="site-nav-dropdown-arrow icon-12 fill-current">
<path d="M11.7803 6.53033C12.0732 6.23744 12.0732 5.76257 11.7803 5.46967L7.18414 0.873479C6.89124 0.580585 6.41637 0.580585 6.12348 0.873478C5.83058 1.16637 5.83058 1.64125 6.12348 1.93414L9.43934 5.25H0.75C0.335787 5.25 0 5.58579 0 6C0 6.41422 0.335787 6.75 0.75 6.75H9.43934L6.12348 10.0659C5.83058 10.3588 5.83058 10.8336 6.12348 11.1265C6.41637 11.4194 6.89124 11.4194 7.18414 11.1265L11.7803 6.53033Z"></path>
</svg>

</a>            </li>
            <li class="site-nav-dropdown-item red">
              <a class="site-nav-dropdown-item-padding site-nav-dropdown-item-hover flex" data-site-nav-element="UI Design Course" href="/courses/ui-design">
                <div class="site-nav-dropdown-icon-container">
                  <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="site-nav-dropdown-icon">
<g clip-path="url(#clip0_11881_16619)">
<path d="M8 15L6 19H14L12 15H8Z" fill="#E54F6D" fill-opacity="0.22" stroke="#E54F6D" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<rect x="0.75" y="3.75" width="18.5" height="11.5" rx="1.25" fill="#E54F6D" fill-opacity="0.22" stroke="#E54F6D" stroke-width="1.5"></rect>
<path d="M10.3929 6.93852L13.6189 1.54892C14.0545 0.821159 15.0158 0.615322 15.7112 1.1009V1.1009C16.4049 1.58528 16.5441 2.55542 16.0147 3.21536L12.0816 8.11773L10.3929 6.93852Z" fill="#E54F6D" fill-opacity="0.22" stroke="#E54F6D" stroke-width="1.5"></path>
<path d="M9.62285 7.34418C8.52118 7.55943 8.20332 8.14645 8.03211 8.98745C7.86089 9.82846 8.38044 12.4726 8.38044 12.4726C8.58093 12.1374 9.3261 11.3349 10.7029 10.8075C12.0797 10.2801 11.7624 8.8508 11.4317 8.20208C11.2878 7.82642 10.7245 7.12892 9.62285 7.34418Z" fill="#E54F6D" fill-opacity="0.13" stroke="#E54F6D" stroke-width="1.5" stroke-linejoin="round"></path>
<path d="M4 19L16 19" stroke="#E54F6D" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
<defs>
<clipPath id="clip0_11881_16619">
<rect width="20" height="20" fill="white"></rect>
</clipPath>
</defs>
</svg>

                </div>
                <div class="site-nav-dropdown-item-text">
                  <div class="site-nav-dropdown-item-title">
                    Introduction to UI Design
                  </div>
                  <p class="site-nav-dropdown-item-desc">
                    Learn UI Design Basics and Figma Fundamentals...
                  </p>
                </div>
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" fill="none" class="site-nav-dropdown-arrow icon-12 fill-current">
<path d="M11.7803 6.53033C12.0732 6.23744 12.0732 5.76257 11.7803 5.46967L7.18414 0.873479C6.89124 0.580585 6.41637 0.580585 6.12348 0.873478C5.83058 1.16637 5.83058 1.64125 6.12348 1.93414L9.43934 5.25H0.75C0.335787 5.25 0 5.58579 0 6C0 6.41422 0.335787 6.75 0.75 6.75H9.43934L6.12348 10.0659C5.83058 10.3588 5.83058 10.8336 6.12348 11.1265C6.41637 11.4194 6.89124 11.4194 7.18414 11.1265L11.7803 6.53033Z"></path>
</svg>

</a>            </li>
            <li class="site-nav-dropdown-item green">
              <a class="site-nav-dropdown-item-padding site-nav-dropdown-item-hover flex" data-site-nav-element="Design Systems Course" href="/courses/design-systems">
                <div class="site-nav-dropdown-icon-container">
                  <svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21" fill="none" class="site-nav-dropdown-icon">
<path d="M7.47558 7.92103C7.33637 7.85938 7.21159 7.7693 7.10927 7.65657L6.58427 7.07323C6.43433 6.90403 6.23521 6.78598 6.01482 6.7356C5.79442 6.68523 5.56378 6.70508 5.35523 6.79236C5.14668 6.87964 4.97065 7.02998 4.85183 7.22232C4.733 7.41465 4.67733 7.63934 4.6926 7.8649V8.63992C4.70104 8.79208 4.67729 8.94425 4.6229 9.08658C4.56851 9.22892 4.48471 9.35817 4.37696 9.46592C4.26922 9.57367 4.13996 9.6575 3.99762 9.71183C3.85528 9.76625 3.70308 9.79 3.55093 9.78158L2.7676 9.73992C2.54294 9.72942 2.32052 9.78858 2.13076 9.90925C1.94099 10.03 1.79313 10.2063 1.70741 10.4143C1.62169 10.6223 1.60227 10.8516 1.65183 11.0709C1.70139 11.2903 1.81749 11.489 1.98427 11.6399L2.5676 12.1566C2.68272 12.2623 2.77417 12.3913 2.83592 12.5349C2.89768 12.6785 2.92836 12.8336 2.92593 12.9899C2.92943 13.1464 2.89925 13.3018 2.83742 13.4456C2.77559 13.5893 2.68357 13.7182 2.5676 13.8233L1.98427 14.3483C1.81793 14.4993 1.70226 14.698 1.65305 14.9173C1.60383 15.1365 1.62346 15.3656 1.70927 15.5733C1.7951 15.7802 1.94297 15.9553 2.1325 16.0748C2.32203 16.1942 2.54392 16.2518 2.7676 16.2399H3.55093C3.70308 16.2315 3.85528 16.2553 3.99762 16.3096C4.13996 16.364 4.26922 16.4478 4.37696 16.5555C4.48471 16.6633 4.56851 16.7926 4.6229 16.9349C4.67729 17.0773 4.70104 17.2294 4.6926 17.3816V18.1566C4.67925 18.3814 4.73631 18.6048 4.85585 18.7958C4.97538 18.9867 5.15145 19.1355 5.35956 19.2217C5.56766 19.3078 5.79744 19.3271 6.01695 19.2765C6.23645 19.226 6.43475 19.1083 6.58427 18.9399L7.10927 18.3649C7.21159 18.2522 7.33637 18.1621 7.47558 18.1004C7.61479 18.0388 7.76535 18.0069 7.9176 18.0069C8.06985 18.0069 8.22042 18.0388 8.35963 18.1004C8.49883 18.1621 8.62361 18.2522 8.72593 18.3649L9.25093 18.9399C9.40042 19.1083 9.59875 19.226 9.81825 19.2765C10.0378 19.3271 10.2676 19.3078 10.4757 19.2217C10.6838 19.1355 10.8598 18.9867 10.9793 18.7958C11.0989 18.6048 11.1559 18.3814 11.1426 18.1566V17.3816C11.1342 17.2294 11.1579 17.0773 11.2123 16.9349C11.2667 16.7926 11.3505 16.6633 11.4583 16.5555C11.566 16.4478 11.6953 16.364 11.8376 16.3096C11.9799 16.2553 12.1322 16.2315 12.2843 16.2399H13.0676C13.2913 16.2518 13.5132 16.1942 13.7027 16.0748C13.8923 15.9553 14.0401 15.7802 14.1259 15.5733C14.2118 15.3656 14.2313 15.1365 14.1822 14.9173C14.1329 14.698 14.0173 14.4993 13.8509 14.3483L13.2676 13.8233C13.1517 13.7182 13.0596 13.5893 12.9978 13.4456C12.9359 13.3018 12.9058 13.1464 12.9093 12.9899C12.9068 12.8336 12.9375 12.6785 12.9993 12.5349C13.061 12.3913 13.1525 12.2623 13.2676 12.1566L13.8509 11.6399C14.0178 11.489 14.1338 11.2903 14.1833 11.0709C14.2329 10.8516 14.2135 10.6223 14.1278 10.4143C14.0421 10.2063 13.8943 10.03 13.7044 9.90925C13.5147 9.78858 13.2923 9.72942 13.0676 9.73992L12.2843 9.78158C12.1322 9.79 11.9799 9.76625 11.8376 9.71183C11.6953 9.6575 11.566 9.57367 11.4583 9.46592C11.3505 9.35817 11.2667 9.22892 11.2123 9.08658C11.1579 8.94425 11.1342 8.79208 11.1426 8.63992V7.8649C11.1579 7.63934 11.1022 7.41465 10.9833 7.22232C10.8646 7.02998 10.6885 6.87964 10.48 6.79236C10.2714 6.70508 10.0408 6.68523 9.82042 6.7356C9.6 6.78598 9.40083 6.90403 9.25093 7.07323L8.72593 7.65657C8.62361 7.7693 8.49883 7.85938 8.35963 7.92103C8.22042 7.98268 8.06985 8.01453 7.9176 8.01453C7.76535 8.01453 7.61479 7.98268 7.47558 7.92103Z" fill="currentColor" fill-opacity="0.2" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M7.9175 14.5315C8.78275 14.5315 9.48413 13.8301 9.48413 12.9649C9.48413 12.0996 8.78275 11.3982 7.9175 11.3982C7.05225 11.3982 6.35083 12.0996 6.35083 12.9649C6.35083 13.8301 7.05225 14.5315 7.9175 14.5315Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M16.1305 5.19857C15.9005 5.19857 15.7139 5.01202 15.7139 4.7819C15.7139 4.55178 15.9005 4.36523 16.1305 4.36523" stroke="currentColor"></path>
<path d="M16.1304 5.19857C16.3605 5.19857 16.547 5.01202 16.547 4.7819C16.547 4.55178 16.3605 4.36523 16.1304 4.36523" stroke="currentColor"></path>
<path d="M14.4455 1.52922C14.4507 1.35282 14.5126 1.18279 14.6221 1.04437C14.7316 0.905966 14.8828 0.806542 15.0532 0.760866C15.2237 0.715191 15.4044 0.725697 15.5684 0.790826C15.7324 0.855957 15.871 0.972232 15.9637 1.12241L16.4591 1.91761C16.541 2.04966 16.6701 2.14566 16.8201 2.18619C16.9702 2.22672 17.13 2.20877 17.2674 2.13594L18.0899 1.69774C18.2462 1.61545 18.4246 1.58541 18.5992 1.61202C18.7737 1.63865 18.9351 1.72052 19.0596 1.84563C19.1842 1.97075 19.2654 2.1325 19.2912 2.30714C19.317 2.48178 19.2862 2.66012 19.2032 2.81593L18.7642 3.64182C18.6912 3.77954 18.673 3.93978 18.7134 4.09034C18.7537 4.24089 18.8495 4.37059 18.9816 4.45337L19.7727 4.95092C19.9225 5.04437 20.0384 5.18338 20.1033 5.34755C20.1683 5.51172 20.1789 5.69237 20.1335 5.86301C20.0882 6.03363 19.9894 6.18524 19.8515 6.29556C19.7137 6.40587 19.5441 6.46908 19.3677 6.47592L18.4362 6.50774C18.2809 6.51333 18.1334 6.5777 18.0238 6.68782C17.9141 6.79795 17.8504 6.94561 17.8454 7.10096L17.8158 8.03427C17.8105 8.21067 17.7486 8.38067 17.6391 8.51908C17.5297 8.6575 17.3784 8.75692 17.208 8.80258C17.0375 8.84833 16.8569 8.83775 16.6929 8.77266C16.5289 8.7075 16.3902 8.59125 16.2975 8.44108L15.8016 7.64604C15.7198 7.514 15.5908 7.41797 15.4409 7.37741C15.2909 7.33685 15.1312 7.35476 14.9939 7.42754L14.1707 7.8659C14.0145 7.9482 13.836 7.97824 13.6615 7.95162C13.4869 7.925 13.3256 7.84312 13.201 7.71801C13.0764 7.5929 12.9953 7.43114 12.9694 7.2565C12.9436 7.08186 12.9744 6.90353 13.0574 6.74771L13.4944 5.92112C13.5674 5.78339 13.5855 5.62315 13.5452 5.4726C13.5049 5.32204 13.409 5.19234 13.2769 5.10957L12.4859 4.61457C12.3361 4.52111 12.2202 4.38209 12.1553 4.21792C12.0904 4.05377 12.0798 3.8731 12.125 3.70247C12.1704 3.53184 12.2692 3.38023 12.407 3.26992C12.5449 3.15961 12.7144 3.09639 12.8909 3.08957L13.823 3.05757C13.9782 3.05198 14.1255 2.98762 14.2351 2.87752C14.3447 2.76741 14.4084 2.61978 14.4132 2.46452L14.4455 1.52922Z" fill="currentColor" fill-opacity="0.2" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>

                </div>
                <div class="site-nav-dropdown-item-text">
                  <div class="site-nav-dropdown-item-title">
                    Design Systems Course
                  </div>
                  <p class="site-nav-dropdown-item-desc">
                    Scale Design Systems in 8 weeks...
                  </p>
                </div>
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" fill="none" class="site-nav-dropdown-arrow icon-12 fill-current">
<path d="M11.7803 6.53033C12.0732 6.23744 12.0732 5.76257 11.7803 5.46967L7.18414 0.873479C6.89124 0.580585 6.41637 0.580585 6.12348 0.873478C5.83058 1.16637 5.83058 1.64125 6.12348 1.93414L9.43934 5.25H0.75C0.335787 5.25 0 5.58579 0 6C0 6.41422 0.335787 6.75 0.75 6.75H9.43934L6.12348 10.0659C5.83058 10.3588 5.83058 10.8336 6.12348 11.1265C6.41637 11.4194 6.89124 11.4194 7.18414 11.1265L11.7803 6.53033Z"></path>
</svg>

</a>            </li>
            <li class="site-nav-dropdown-item yellow">
              <a class="site-nav-dropdown-item-padding site-nav-dropdown-item-hover flex" data-site-nav-element="Design Career Prep Course" href="/courses/career-prep">
                <div class="site-nav-dropdown-icon-container">
                  <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="site-nav-dropdown-icon">
<g clip-path="url(#clip0_11974_16556)">
<circle cx="7.5" cy="12.5" r="6.5" fill="none" fill-opacity="0.2"></circle>
<path d="M10.3084 12.5C10.3083 13.1184 10.1249 13.7229 9.78111 14.237C9.43736 14.7511 8.94881 15.1516 8.3773 15.3879C7.8058 15.6242 7.17704 15.6856 6.57062 15.5643C5.96421 15.4431 5.4074 15.1446 4.97069 14.7068C4.53399 14.2689 4.23702 13.7113 4.11738 13.1045C3.99775 12.4978 4.06082 11.8692 4.29863 11.2983C4.53643 10.7275 4.93826 10.24 5.45326 9.89761C5.96826 9.55524 6.57327 9.37336 7.19168 9.37501" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M13.2167 10.8333C13.3609 11.3771 13.4337 11.9374 13.4334 12.5C13.4282 13.8151 13.0067 15.0948 12.2293 16.1555C11.4518 17.2162 10.3585 18.0035 9.10595 18.4043C7.85343 18.8052 6.50613 18.7991 5.25729 18.3869C4.00845 17.9747 2.92224 17.1776 2.15444 16.1099C1.38665 15.0422 0.976733 13.7588 0.98348 12.4437C0.990228 11.1286 1.41329 9.84941 2.192 8.78964C2.97071 7.72986 4.06504 6.94393 5.31805 6.54457C6.57105 6.14521 7.91834 6.15294 9.16668 6.56666" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M7.19165 12.5L12.875 6.80835" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M0.94165 19.375L3.09165 17.2167" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M13.4334 19.375L11.2834 17.225" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M16.4083 6.80833C16.2734 6.94827 16.1069 7.05383 15.9227 7.11618C15.7386 7.17852 15.5422 7.19584 15.35 7.16667L12.85 6.80833L12.5 4.33333C12.4731 4.14189 12.4907 3.94684 12.5514 3.7633C12.6121 3.57976 12.7143 3.41267 12.85 3.275L15.525 0.625L16.2833 3.40833L19.0583 4.15833L16.4083 6.80833Z" fill="none" fill-opacity="0.2" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
<defs>
<clipPath id="clip0_11974_16556">
<rect width="20" height="20" fill="white"></rect>
</clipPath>
</defs>
</svg>

                </div>
                <div class="site-nav-dropdown-item-text">
                  <div class="site-nav-dropdown-item-title">
                    Design Career Prep Course
                  </div>
                  <p class="site-nav-dropdown-item-desc">
                    Land your dream job! You'll have a career support specialist to review your portfolio...
                  </p>
                </div>
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" fill="none" class="site-nav-dropdown-arrow icon-12 fill-current">
<path d="M11.7803 6.53033C12.0732 6.23744 12.0732 5.76257 11.7803 5.46967L7.18414 0.873479C6.89124 0.580585 6.41637 0.580585 6.12348 0.873478C5.83058 1.16637 5.83058 1.64125 6.12348 1.93414L9.43934 5.25H0.75C0.335787 5.25 0 5.58579 0 6C0 6.41422 0.335787 6.75 0.75 6.75H9.43934L6.12348 10.0659C5.83058 10.3588 5.83058 10.8336 6.12348 11.1265C6.41637 11.4194 6.89124 11.4194 7.18414 11.1265L11.7803 6.53033Z"></path>
</svg>

</a>            </li>
            <li class="site-nav-dropdown-item purple">
              <a class="site-nav-dropdown-item-padding site-nav-dropdown-item-hover flex" data-site-nav-element="Browse our courses &amp; workshops" href="/learn">
                <div class="site-nav-dropdown-icon-container">
                  <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="site-nav-dropdown-icon">
<path d="M15 7.50915L12.5 8.34249V7.50915C12.5 7.17763 12.3683 6.85969 12.1339 6.62527C11.8995 6.39085 11.5815 6.25916 11.25 6.25916H6.25C5.91848 6.25916 5.60054 6.39085 5.36612 6.62527C5.1317 6.85969 5 7.17763 5 7.50915V12.5092C5 12.8407 5.1317 13.1586 5.36612 13.393C5.60054 13.6275 5.91848 13.7592 6.25 13.7592H11.25C11.5815 13.7592 11.8995 13.6275 12.1339 13.393C12.3683 13.1586 12.5 12.8407 12.5 12.5092V11.6758L15 12.5092V7.50915Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M5 2.00916H15C16.6569 2.00916 18 3.3523 18 5.00915V15.0092C18 16.666 16.6569 18.0092 15 18.0092H5C3.34315 18.0092 2 16.666 2 15.0092V5.00915C2 3.3523 3.34315 2.00916 5 2.00916Z" fill="none" fill-opacity="0.2" stroke="currentColor" stroke-width="1.5"></path>
</svg>

                </div>
                <div class="site-nav-dropdown-item-text">
                  <div class="site-nav-dropdown-item-title">
                    Browse our courses & workshops
                  </div>
                  <p class="site-nav-dropdown-item-desc">Level up your skills with our interactive courses and workshops…</p>
                </div>
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" fill="none" class="site-nav-dropdown-arrow icon-12 fill-current">
<path d="M11.7803 6.53033C12.0732 6.23744 12.0732 5.76257 11.7803 5.46967L7.18414 0.873479C6.89124 0.580585 6.41637 0.580585 6.12348 0.873478C5.83058 1.16637 5.83058 1.64125 6.12348 1.93414L9.43934 5.25H0.75C0.335787 5.25 0 5.58579 0 6C0 6.41422 0.335787 6.75 0.75 6.75H9.43934L6.12348 10.0659C5.83058 10.3588 5.83058 10.8336 6.12348 11.1265C6.41637 11.4194 6.89124 11.4194 7.18414 11.1265L11.7803 6.53033Z"></path>
</svg>

</a>            </li>
          </div>
        </ul>
      </div>
    </li>

      <li class="site-nav-desktop-item site-nav-hover-item" data-site-nav-category="Top Nav">
        <a data-site-nav-element="Go Pro" href="/pro">Go Pro</a>
        <div class="site-nav-hover-menu">
          <ul class="site-nav-dropdown-list">
            <div data-site-nav-category="Go Pro">
              <li class="site-nav-dropdown-item purple">
                <a class="site-nav-dropdown-item-padding site-nav-dropdown-item-hover flex" data-site-nav-element="For Designers" href="/pro">
                  <div class="site-nav-dropdown-icon-container">
                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="site-nav-dropdown-icon">
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.80083 1.65L6.875 4.375L4.875 7.52083C4.71738 7.83675 4.62846 8.18247 4.6141 8.53524C4.59974 8.888 4.66025 9.23981 4.79167 9.5675C4.79167 9.5675 9.40584 18.75 10.0308 19.375C10.6558 18.75 15.2083 9.5675 15.2083 9.5675C15.3398 9.23981 15.4003 8.888 15.3859 8.53524C15.3715 8.18247 15.2826 7.83675 15.125 7.52083L13.125 4.375L14.2608 1.65C14.3368 1.55875 14.3853 1.44773 14.4005 1.32995C14.4157 1.21216 14.397 1.09249 14.3466 0.984941C14.2962 0.877391 14.2163 0.786416 14.1161 0.72267C14.0159 0.658924 13.8996 0.625045 13.7808 0.625H6.28083C6.16207 0.625045 6.04579 0.658924 5.94559 0.72267C5.84539 0.786416 5.76542 0.877391 5.71506 0.984941C5.66469 1.09249 5.64601 1.21216 5.6612 1.32995C5.67639 1.44773 5.72483 1.55875 5.80083 1.65Z" fill="currentColor" fill-opacity="0.15"></path>
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.21554 1.5L6.88981 3.1857C6.96575 3.37552 7.1496 3.5 7.35405 3.5H12.6459C12.8504 3.5 13.0342 3.37552 13.1102 3.18569L13.7844 1.5H6.21554ZM5.4971 3.74278C5.54249 3.85626 5.59753 3.9639 5.66104 4.06492L3.60878 7.48535C3.23331 8.11112 3.22849 8.89172 3.5962 9.52209L9.13621 19.0192C9.52209 19.6807 10.4779 19.6807 10.8638 19.0192L16.4038 9.52209C16.7715 8.89173 16.7667 8.11112 16.3912 7.48535L14.3389 4.06492C14.4024 3.9639 14.4575 3.85626 14.5029 3.74278L15.4514 1.37139C15.7142 0.714526 15.2304 0 14.523 0H5.47702C4.76956 0 4.2858 0.714527 4.54854 1.37139L5.4971 3.74278ZM7.35405 5H12.6459H13.1507L15.105 8.2571C15.1988 8.41354 15.2 8.60869 15.1081 8.76628L9.99999 17.523L4.89187 8.76628C4.79994 8.60869 4.80115 8.41354 4.89502 8.2571L6.84927 5H7.35405ZM8.58579 7.73569C8.96086 7.36062 9.46957 7.1499 10 7.1499C10.5304 7.1499 11.0391 7.36062 11.4142 7.73569C11.7893 8.11076 12 8.61947 12 9.1499C12 9.68034 11.7893 10.189 11.4142 10.5641C11.2227 10.7556 10.9963 10.9043 10.75 11.004V13.7499C10.75 14.1641 10.4142 14.4999 10 14.4999C9.58579 14.4999 9.25 14.1641 9.25 13.7499V11.004C9.00368 10.9043 8.77731 10.7556 8.58579 10.5641C8.21071 10.189 8 9.68034 8 9.1499C8 8.61947 8.21071 8.11076 8.58579 7.73569ZM10.3536 9.50346C10.2598 9.59722 10.1326 9.6499 10 9.6499C9.86739 9.6499 9.74021 9.59722 9.64645 9.50346C9.55268 9.40969 9.5 9.28251 9.5 9.1499C9.5 9.01729 9.55268 8.89012 9.64645 8.79635C9.74022 8.70258 9.86739 8.6499 10 8.6499C10.1326 8.6499 10.2598 8.70258 10.3536 8.79635C10.4473 8.89012 10.5 9.01729 10.5 9.1499C10.5 9.28251 10.4473 9.40969 10.3536 9.50346Z" fill="currentColor"></path>
</svg>

                  </div>
                  <div class="site-nav-dropdown-item-text">
                    <div class="site-nav-dropdown-item-title">
                      For Designers
                    </div>
                    <p class="site-nav-dropdown-item-desc">Portfolio creation made easy</p>
                  </div>
</a>              </li>
              <li class="site-nav-dropdown-item red">
                <a class="site-nav-dropdown-item-padding site-nav-dropdown-item-hover flex" data-site-nav-element="For Freelancers" href="/projects">
                  <div class="site-nav-dropdown-icon-container">
                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="22" viewBox="0 0 20 22" fill="none" class="site-nav-dropdown-icon">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.99999 2C1.01482 4.13455 0.223755 8.17789 4.7902 7.53235L3.5 8.5L4 10H3V18C3 19.1046 3.89543 20 5 20H12C13.1046 20 14 19.1046 14 18V10H13L14.5 5.5L14 2L11 4L9 9.5L13 10H7.5L5.5 7L5.28504 7.16122C5.76869 6.48755 6.24377 5.24377 5 4L1.99999 2Z" fill="currentColor" fill-opacity="0.15"></path>
<path fill-rule="evenodd" clip-rule="evenodd" d="M14.7299 1.48449C14.682 1.21679 14.4929 0.996026 14.2357 0.907531C13.9786 0.819036 13.6937 0.876681 13.4911 1.05818L10.4411 3.79151C10.3472 3.87571 10.276 3.98224 10.2342 4.10126L8.43534 9.21686H8.36303L6.47967 6.45549C6.56825 6.14342 6.60427 5.81828 6.5858 5.49347C6.56388 5.10793 6.46561 4.73064 6.29678 4.38348C6.07936 3.89473 5.72683 3.47813 5.28051 3.18282L5.28054 3.18279L5.27427 3.17873C4.74835 2.83823 4.37325 2.69769 4.17254 2.62248L4.17253 2.62248L4.17253 2.62248C4.11611 2.60134 4.07347 2.58536 4.04514 2.57156C3.82759 2.46558 3.42515 2.20273 2.16736 1.07491C1.99274 0.918328 1.75492 0.852455 1.52463 0.896873C1.29433 0.941291 1.09807 1.09089 0.99421 1.30117C0.571373 2.15729 0.351425 3.09929 0.351425 4.05413C0.351425 5.00027 0.567381 5.93381 0.982697 6.78366C1.13009 7.13636 1.34541 7.45675 1.6165 7.72651C1.89431 8.00296 2.22498 8.22059 2.58876 8.36639C2.72967 8.42287 2.87443 8.46812 3.02169 8.5019L3.10232 9.21686H3.02499C2.61078 9.21686 2.27499 9.55265 2.27499 9.96686V16.6335C2.27499 17.827 2.7491 18.9716 3.59301 19.8155C4.43693 20.6594 5.58152 21.1335 6.77499 21.1335H10.525V20.3834L10.5267 21.1335C11.7189 21.1309 12.8615 20.6561 13.7045 19.8131C14.3691 19.1486 14.8048 18.2979 14.9608 17.3835H15.525C16.608 17.3835 17.6466 16.9533 18.4123 16.1875C19.1781 15.4218 19.6083 14.3832 19.6083 13.3002C19.6083 12.2172 19.1781 11.1786 18.4123 10.4128C17.6466 9.64706 16.608 9.21685 15.525 9.21685H14.275L14.2703 9.21686H14.1848L15.399 5.77452C15.4422 5.65211 15.4528 5.52059 15.4299 5.39282L14.7299 1.48449ZM13.1161 10.7169C13.122 10.7169 13.128 10.7169 13.134 10.7169H13.525V16.6327C13.523 17.4279 13.2062 18.1901 12.6439 18.7524C12.0815 19.3148 11.3194 19.6316 10.5241 19.6335H6.77499C5.97934 19.6335 5.21628 19.3175 4.65367 18.7549C4.09106 18.1922 3.77499 17.4292 3.77499 16.6335V10.7169H7.96602C7.96691 10.7169 7.9678 10.7169 7.96869 10.7169H8.95776C8.96372 10.7169 8.96968 10.7169 8.97563 10.7169H13.1161ZM12.5942 9.21686L13.9185 5.46233L13.4906 3.07291L11.5854 4.78024L10.0254 9.21686H12.5942ZM6.54736 9.21686L5.60911 7.8412C5.38857 8.0368 5.13922 8.1982 4.86934 8.31948C4.75721 8.36986 4.64226 8.413 4.5252 8.44872L4.61183 9.21686H6.54736ZM3.95484 7.04759C4.05775 7.02677 4.15827 6.99452 4.25451 6.95127C4.42814 6.87325 4.58427 6.76103 4.71357 6.62132C4.78039 6.54912 4.83933 6.47034 4.88958 6.38634C4.91142 6.27716 4.95742 6.17277 5.02594 6.08188C5.07675 5.9194 5.09791 5.74893 5.08822 5.57864C5.07741 5.38859 5.02841 5.20266 4.94415 5.03197C4.93903 5.02161 4.93416 5.01113 4.92953 5.00055C4.82898 4.77069 4.66446 4.57461 4.45562 4.43565C4.07128 4.18702 3.95282 4.14541 3.79607 4.09035C3.69894 4.05623 3.5871 4.01695 3.38819 3.92004C3.06613 3.76315 2.68024 3.49914 1.99116 2.91454C1.89865 3.28608 1.85143 3.66873 1.85143 4.05413C1.85143 4.77858 2.0183 5.4933 2.33911 6.14284C2.34716 6.15913 2.35461 6.17571 2.36145 6.19254C2.43314 6.36889 2.53963 6.52899 2.67456 6.66326C2.80949 6.79754 2.97011 6.90324 3.1468 6.97406C3.23411 7.00905 3.32445 7.03517 3.41648 7.05217C3.47646 7.02856 3.54049 7.01236 3.6076 7.00479C3.72932 6.99106 3.84753 7.00729 3.95484 7.04759ZM15.525 15.8835H15.025V10.7169H15.525C16.2101 10.7169 16.8672 10.989 17.3517 11.4735C17.8362 11.958 18.1083 12.615 18.1083 13.3002C18.1083 13.9853 17.8362 14.6424 17.3517 15.1269C16.8672 15.6113 16.2101 15.8835 15.525 15.8835Z" fill="currentColor"></path>
</svg>

                  </div>
                  <div class="site-nav-dropdown-item-text">
                    <div class="site-nav-dropdown-item-title">
                      For Freelancers
                    </div>
                    <p class="site-nav-dropdown-item-desc">Fresh leads in your inbox every day</p>
                  </div>
</a>              </li>
              <li class="site-nav-dropdown-item green">
                <a class="site-nav-dropdown-item-padding site-nav-dropdown-item-hover flex" data-site-nav-element="For Teams" href="/pro/teams">
                  <div class="site-nav-dropdown-icon-container">
                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="site-nav-dropdown-icon">
<g clip-path="url(#clip0_11298_16616)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M3.81932 8.99318C3.17466 8.34852 2.8125 7.47418 2.8125 6.5625C2.8125 5.65082 3.17466 4.77648 3.81932 4.13182C4.46398 3.48716 5.33832 3.125 6.25 3.125C7.16168 3.125 8.03602 3.48716 8.68068 4.13182C9.32534 4.77648 9.6875 5.65082 9.6875 6.5625C9.6875 7.47418 9.32534 8.34852 8.68068 8.99318C8.03602 9.63784 7.16168 10 6.25 10C5.33832 10 4.46398 9.63784 3.81932 8.99318ZM12.7838 10.4262C12.2563 9.89879 11.96 9.18342 11.96 8.4375C11.96 7.69158 12.2563 6.97621 12.7838 6.44876C13.3112 5.92132 14.0266 5.625 14.7725 5.625C15.5184 5.625 16.2338 5.92132 16.7612 6.44876C17.2887 6.97621 17.585 7.69158 17.585 8.4375C17.585 9.18342 17.2887 9.89879 16.7612 10.4262C16.2338 10.9537 15.5184 11.25 14.7725 11.25C14.0266 11.25 13.3112 10.9537 12.7838 10.4262Z" fill="currentColor" fill-opacity="0.15"></path>
<path fill-rule="evenodd" clip-rule="evenodd" d="M3.28899 3.60149C4.0743 2.81618 5.13941 2.375 6.25 2.375C7.36059 2.375 8.4257 2.81618 9.21101 3.60149C9.99632 4.3868 10.4375 5.45191 10.4375 6.5625C10.4375 7.67309 9.99632 8.7382 9.21101 9.52351C8.69482 10.0397 8.05774 10.4072 7.36632 10.5985C8.64245 10.8254 9.82874 11.4381 10.7578 12.3672C11.9534 13.5627 12.625 15.1842 12.625 16.875C12.625 17.2892 12.2892 17.625 11.875 17.625C11.4608 17.625 11.125 17.2892 11.125 16.875C11.125 15.5821 10.6114 14.3421 9.69715 13.4279C8.78291 12.5136 7.54293 12 6.25 12C4.95707 12 3.71709 12.5136 2.80285 13.4279C1.88861 14.3421 1.375 15.5821 1.375 16.875C1.375 17.2892 1.03921 17.625 0.625 17.625C0.210786 17.625 -0.125 17.2892 -0.125 16.875C-0.125 15.1842 0.54665 13.5627 1.74219 12.3672C2.67126 11.4381 3.85755 10.8254 5.13368 10.5985C4.44226 10.4072 3.80518 10.0397 3.28899 9.52351C2.50368 8.7382 2.0625 7.67309 2.0625 6.5625C2.0625 5.45191 2.50368 4.3868 3.28899 3.60149ZM6.25 3.875C5.53723 3.875 4.85365 4.15815 4.34965 4.66215C3.84565 5.16615 3.5625 5.84973 3.5625 6.5625C3.5625 7.27527 3.84565 7.95885 4.34965 8.46285C4.85365 8.96685 5.53723 9.25 6.25 9.25C6.96277 9.25 7.64635 8.96685 8.15035 8.46285C8.65435 7.95885 8.9375 7.27527 8.9375 6.5625C8.9375 5.84973 8.65435 5.16615 8.15035 4.66215C7.64635 4.15815 6.96277 3.875 6.25 3.875ZM12.2534 5.91843C12.9215 5.25033 13.8277 4.875 14.7725 4.875C15.7173 4.875 16.6235 5.25033 17.2916 5.91843C17.9597 6.58653 18.335 7.49267 18.335 8.4375C18.335 9.38233 17.9597 10.2885 17.2916 10.9566C16.9686 11.2796 16.5899 11.5341 16.1782 11.7109C16.7677 11.8716 17.3271 12.1325 17.8314 12.4839C18.539 12.9769 19.1171 13.6336 19.5164 14.398C19.9158 15.1625 20.1245 16.0121 20.125 16.8745C20.1252 17.2887 19.7896 17.6247 19.3754 17.6249C18.9612 17.6251 18.6252 17.2895 18.625 16.8753C18.6247 16.2545 18.4744 15.6429 18.1869 15.0925C17.8994 14.5422 17.4833 14.0695 16.9739 13.7146C16.4645 13.3596 15.8769 13.133 15.2611 13.0539C14.6452 12.9748 14.0194 13.0456 13.4369 13.2603C13.0482 13.4036 12.617 13.2046 12.4738 12.816C12.3305 12.4273 12.5295 11.9961 12.9181 11.8529C13.0652 11.7987 13.2143 11.7511 13.3649 11.7101C12.9539 11.5333 12.5759 11.2791 12.2534 10.9566C11.5853 10.2885 11.21 9.38233 11.21 8.4375C11.21 7.49267 11.5853 6.58653 12.2534 5.91843ZM14.7725 6.375C14.2255 6.375 13.7009 6.5923 13.3141 6.97909C12.9273 7.36589 12.71 7.89049 12.71 8.4375C12.71 8.98451 12.9273 9.50911 13.3141 9.89591C13.7009 10.2827 14.2255 10.5 14.7725 10.5C15.3195 10.5 15.8441 10.2827 16.2309 9.89591C16.6177 9.50911 16.835 8.98451 16.835 8.4375C16.835 7.89049 16.6177 7.36589 16.2309 6.97909C15.8441 6.5923 15.3195 6.375 14.7725 6.375Z" fill="currentColor"></path>
</g>
<defs>
<clipPath id="clip0_11298_16616">
<rect width="20" height="20" fill="white"></rect>
</clipPath>
</defs>
</svg>

                  </div>
                  <div class="site-nav-dropdown-item-text">
                    <div class="site-nav-dropdown-item-title">
                      For Teams
                    </div>
                    <p class="site-nav-dropdown-item-desc">Build your team’s pipeline or profile</p>
                  </div>
</a>              </li>
            </div>
          </ul>
        </div>
      </li>

    <li class="site-nav-desktop-item site-nav-hover-item" data-site-nav-category="Top Nav">
      <a data-site-nav-element="Hire Designers" href="/hiring">Hire Designers</a>
      <div class="site-nav-hover-menu">
        <ul class="site-nav-dropdown-list">
          <div data-site-nav-category="Hire Designers">
            <li class="site-nav-dropdown-item purple">
              <a class="site-nav-dropdown-item-padding site-nav-dropdown-item-hover flex" data-site-nav-element="Designer Search" href="/designers">
                <div class="site-nav-dropdown-icon-container">
                  <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" class="site-nav-dropdown-icon">
<path d="M14.25 10C14.25 12.3472 12.3472 14.25 10 14.25C7.65279 14.25 5.75 12.3472 5.75 10C5.75 7.65279 7.65279 5.75 10 5.75C12.3472 5.75 14.25 7.65279 14.25 10ZM5.25 17C5.25 18.2426 4.24264 19.25 3 19.25C1.75736 19.25 0.75 18.2426 0.75 17C0.75 15.7574 1.75736 14.75 3 14.75C4.24264 14.75 5.25 15.7574 5.25 17ZM5.25 3C5.25 4.24264 4.24264 5.25 3 5.25C1.75736 5.25 0.75 4.24264 0.75 3C0.75 1.75736 1.75736 0.75 3 0.75C4.24264 0.75 5.25 1.75736 5.25 3ZM19.25 17C19.25 18.2426 18.2426 19.25 17 19.25C15.7574 19.25 14.75 18.2426 14.75 17C14.75 15.7574 15.7574 14.75 17 14.75C18.2426 14.75 19.25 15.7574 19.25 17ZM19.25 3C19.25 4.24264 18.2426 5.25 17 5.25C15.7574 5.25 14.75 4.24264 14.75 3C14.75 1.75736 15.7574 0.75 17 0.75C18.2426 0.75 19.25 1.75736 19.25 3Z" fill="currentColor" fill-opacity="0.2" stroke="currentColor" stroke-width="1.5"></path>
</svg>

                </div>
                <div class="site-nav-dropdown-item-text">
                  <div class="site-nav-dropdown-item-title">
                    Designer Search
                  </div>
                  <p class="site-nav-dropdown-item-desc">Find, contact, and hire designers</p>
                </div>
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" fill="none" class="site-nav-dropdown-arrow icon-12 fill-current">
<path d="M11.7803 6.53033C12.0732 6.23744 12.0732 5.76257 11.7803 5.46967L7.18414 0.873479C6.89124 0.580585 6.41637 0.580585 6.12348 0.873478C5.83058 1.16637 5.83058 1.64125 6.12348 1.93414L9.43934 5.25H0.75C0.335787 5.25 0 5.58579 0 6C0 6.41422 0.335787 6.75 0.75 6.75H9.43934L6.12348 10.0659C5.83058 10.3588 5.83058 10.8336 6.12348 11.1265C6.41637 11.4194 6.89124 11.4194 7.18414 11.1265L11.7803 6.53033Z"></path>
</svg>

</a>            </li>
            <li class="site-nav-dropdown-item red">
              <a class="site-nav-dropdown-item-padding site-nav-dropdown-item-hover flex" data-site-nav-element="List my Job Opening" href="/jobs/new">
                <div class="site-nav-dropdown-icon-container">
                  <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" class="site-nav-dropdown-icon small-icon">
<path d="M7 0.75L7 13.25M13.25 7L0.75 7" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path>
</svg>

                </div>
                <div class="site-nav-dropdown-item-text">
                  <div class="site-nav-dropdown-item-title">
                    List my Job Opening
                  </div>
                  <p class="site-nav-dropdown-item-desc">The #1 job board for creatives</p>
                </div>
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" fill="none" class="site-nav-dropdown-arrow icon-12 fill-current">
<path d="M11.7803 6.53033C12.0732 6.23744 12.0732 5.76257 11.7803 5.46967L7.18414 0.873479C6.89124 0.580585 6.41637 0.580585 6.12348 0.873478C5.83058 1.16637 5.83058 1.64125 6.12348 1.93414L9.43934 5.25H0.75C0.335787 5.25 0 5.58579 0 6C0 6.41422 0.335787 6.75 0.75 6.75H9.43934L6.12348 10.0659C5.83058 10.3588 5.83058 10.8336 6.12348 11.1265C6.41637 11.4194 6.89124 11.4194 7.18414 11.1265L11.7803 6.53033Z"></path>
</svg>

</a>            </li>
            <li class="site-nav-dropdown-item green">
              <a class="site-nav-dropdown-item-padding site-nav-dropdown-item-hover flex" data-site-nav-element="Post a Freelance Project" href="/freelance-jobs">
                <div class="site-nav-dropdown-icon-container">
                  <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" class="site-nav-dropdown-icon small-icon">
<path d="M7 0.75L7 13.25M13.25 7L0.75 7" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path>
</svg>

                </div>
                <div class="site-nav-dropdown-item-text">
                  <div class="site-nav-dropdown-item-title">
                    Post a Freelance Project
                  </div>
                  <p class="site-nav-dropdown-item-desc">Board for freelance & contract work</p>
                </div>
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" fill="none" class="site-nav-dropdown-arrow icon-12 fill-current">
<path d="M11.7803 6.53033C12.0732 6.23744 12.0732 5.76257 11.7803 5.46967L7.18414 0.873479C6.89124 0.580585 6.41637 0.580585 6.12348 0.873478C5.83058 1.16637 5.83058 1.64125 6.12348 1.93414L9.43934 5.25H0.75C0.335787 5.25 0 5.58579 0 6C0 6.41422 0.335787 6.75 0.75 6.75H9.43934L6.12348 10.0659C5.83058 10.3588 5.83058 10.8336 6.12348 11.1265C6.41637 11.4194 6.89124 11.4194 7.18414 11.1265L11.7803 6.53033Z"></path>
</svg>

</a>            </li>
          </div>
        </ul>
      </div>
    </li>
  </ul>
</nav>


    <div class="site-nav-mobile-only align-center site-nav-mobile-menu-toggle" role="navigation" aria-label="Toggle Navigation">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 16" fill="none" role="img" class="icon js-site-nav-mobile-menu-open site-nav-mobile-menu-open icon-18 fill-current">
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 2C0 1.37868 0.50368 0.875 1.125 0.875H16.875C17.4963 0.875 18 1.37868 18 2C18 2.62132 17.4963 3.125 16.875 3.125H1.125C0.50368 3.125 0 2.62132 0 2ZM0 8C0 7.37868 0.50368 6.875 1.125 6.875H16.875C17.4963 6.875 18 7.37868 18 8C18 8.62132 17.4963 9.125 16.875 9.125H1.125C0.50368 9.125 0 8.62132 0 8ZM1.125 12.875C0.50368 12.875 0 13.3787 0 14C0 14.6213 0.50368 15.125 1.125 15.125H16.875C17.4963 15.125 18 14.6213 18 14C18 13.3787 17.4963 12.875 16.875 12.875H1.125Z"></path>
</svg>

      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22" fill="currentColor" role="img" class="icon js-site-nav-mobile-menu-close site-nav-mobile-menu-close icon-24 fill-current">
<path d="M7.22876 5.81455C6.83824 5.42403 6.20507 5.42403 5.81455 5.81455C5.42402 6.20507 5.42402 6.83824 5.81455 7.22876L9.58578 11L5.81455 14.7712C5.42402 15.1618 5.42402 15.7949 5.81455 16.1854C6.20507 16.576 6.83824 16.576 7.22876 16.1854L11 12.4142L14.7712 16.1854C15.1618 16.576 15.7949 16.576 16.1854 16.1854C16.576 15.7949 16.576 15.1618 16.1854 14.7712L12.4142 11L16.1854 7.22876C16.576 6.83824 16.576 6.20507 16.1854 5.81455C15.7949 5.42403 15.1618 5.42403 14.7712 5.81455L11 9.58579L7.22876 5.81455Z"></path>
</svg>

    </div>

    <div class="site-nav-mobile-only site-nav-mobile-logo" data-site-nav-category="Top Nav">
      <a href="/" data-site-nav-element="Logo">
        <svg xmlns="http://www.w3.org/2000/svg" width="76" height="30" viewBox="0 0 76 19" fill="none" class="site-nav-logo fill-current">
<title>Dribbble: the community for graphic design</title>
<path fill-rule="evenodd" clip-rule="evenodd" d="M75.8822 14.657C72.7063 20.0415 67.6766 18.4791 66.166 17.2558C65.5231 17.692 64.3958 18.6481 62.8926 18.5377C59.6913 18.3027 58.5449 13.7279 58.5449 13.7279C58.5679 13.7462 57.5913 14.0649 57.0635 14.0592C57.0567 15.4008 55.897 18.6056 52.7672 18.5646C49.2551 18.5188 48.5411 13.2864 48.5411 13.2864C48.5411 13.2864 48.1916 13.7717 46.8627 14.2551C46.9296 13.2244 46.8807 18.4077 42.6713 18.4839C39.3435 18.5442 38.4452 13.2057 38.4452 13.2057C38.4452 13.2057 37.8679 13.8054 36.7491 14.0134C36.8202 12.9659 36.7046 18.5015 32.4947 18.4839C29.6497 18.4721 28.6775 15.1954 28.7531 14.7406C28.8496 14.161 27.7916 18.5654 25.0281 18.4968C23.8877 18.4633 23.0375 17.6376 22.504 16.5368C21.7898 17.354 20.7529 18.4968 19.5897 18.4968C17.5017 18.4968 16.5812 16.7504 16.7371 11.7624C16.7504 11.1708 16.7077 10.9381 16.1196 10.8496C15.7666 10.7907 15.4051 10.6792 15.0226 10.6204C14.9 11.0295 13.8602 18.3637 10.2847 18.5029C9.08519 18.5496 8.4293 17.5105 7.89066 16.7393C7.06497 17.8316 5.97501 18.5377 4.42227 18.5377C1.79205 18.5377 0 16.4114 0 13.7885C0 11.1655 1.79205 9.03942 4.42227 9.03942C4.88732 9.03942 5.01787 9.10608 5.44272 9.23004C4.569 1.27504 6.63238 0.0317866 8.43739 0.0317866C10.1703 0.0317866 13.1308 4.05384 8.96512 14.2559C9.88998 17.2989 11.8838 17.1268 12.8419 10.8626C13.0369 9.58927 12.5155 7.87099 13.3265 7.63117C14.809 7.19289 14.9663 8.50787 15.6614 8.72697C16.3964 8.95853 16.8254 8.93592 17.531 9.08327C18.7367 9.31873 19.2072 9.96643 19.0603 11.409C18.8839 13.2343 18.5753 15.891 19.5162 16.2148C20.1947 16.45 21.4335 15.0429 21.6509 14.273C21.8682 13.5031 21.9136 13.2396 21.9329 12.6749C21.9623 11.468 21.9992 10.5833 22.205 9.67055C22.2931 9.31736 22.3935 9.08347 22.7931 9.06748C23.1219 9.0591 23.7232 8.96009 23.9879 9.16611C24.3407 9.43119 24.2966 9.70017 24.2561 10.4081C23.8458 20.5015 27.0038 15.4628 27.9454 11.4283C27.6101 6.86623 27.8403 0.115326 30.6991 0.00210112C32.1859 -0.0567822 32.8432 1.13431 32.9155 2.02335C33.12 4.53433 31.9745 8.69372 30.468 11.4909C29.607 17.1984 34.2325 18.3269 34.9722 13.7712C33.762 13.1958 32.4541 10.8668 33.5184 9.73181C34.1156 9.09483 36.6015 10.0099 36.6422 12.0057C37.8616 11.6796 38.0244 10.9911 38.0413 11.1052C37.7061 6.54312 38.017 0.115385 40.876 0.00215941C42.3626 -0.0567239 43.0198 1.13437 43.0921 2.02341C43.2966 4.53438 42.1511 8.69378 40.6448 11.491C39.7837 17.1984 44.4093 18.327 45.1488 13.7713C44.2528 13.5984 42.3614 11.1212 43.4527 9.73187C44.0359 8.98944 46.5127 10.5334 46.79 12.0718C47.9614 11.7403 48.1205 11.0737 48.1373 11.1859C47.802 6.62397 48.1129 0.196235 50.9719 0.0830097C52.4585 0.0241264 53.1157 1.21522 53.188 2.10426C53.3925 4.61523 52.247 8.77471 50.7405 11.5719C49.8796 17.2794 54.5051 18.4077 55.2448 13.852C54.0135 13.647 52.2636 11.0314 53.672 9.69333C54.2347 9.15869 56.3848 10.5465 56.8881 12.1298C57.5874 12.1029 58.0227 11.8617 58.116 11.8374C56.9996 6.4818 57.8307 0.0558781 60.9062 0.00223793C62.5685 -0.0267262 64.1936 0.900905 63.4803 5.99604C62.7994 10.8574 60.3519 12.8975 60.3576 12.9287C60.5 13.5111 61.7559 18.3851 64.9185 15.8134C64.7548 15.4427 64.5909 15.064 64.4993 14.6052C63.9751 11.9327 65.0047 8.91409 67.8032 8.42622C69.4066 8.14671 70.917 8.92734 71.1558 10.6872C71.5487 13.5669 68.9484 15.6524 67.9596 16.1048C67.5167 15.8532 71.9742 18.712 74.6196 12.9829C74.773 12.6558 74.9579 12.6835 75.1975 12.8521C75.3667 12.9712 76.3305 13.8842 75.8822 14.657ZM6.33552 13.0809C6.20092 12.6785 5.92469 11.7918 5.82701 11.4076C5.28905 10.9398 4.90507 10.8638 4.21455 10.8638C2.68 10.8638 1.77679 12.2826 1.77679 13.8125C1.77679 15.3423 2.76077 16.7613 4.29533 16.7613C5.6252 16.7613 6.63735 15.8571 6.94615 14.5771C6.73001 14.0781 6.5156 13.6195 6.33552 13.0809ZM8.39979 2.13753C7.32153 2.13753 6.95576 4.70973 7.02674 6.90406C7.08953 8.84411 7.63164 10.5521 7.91286 11.3174C7.98426 11.4133 7.971 11.3509 8.03474 11.4526C9.90694 7.35053 9.13041 2.13753 8.39979 2.13753ZM30.8531 2.21833C29.4595 2.0585 29.4685 7.86389 29.6415 9.16611C30.3653 8.00823 31.6226 2.53009 30.8531 2.21833ZM41.0297 2.21833C39.6361 2.0585 39.6451 7.86389 39.8182 9.16611C40.5419 8.00823 41.7993 2.53009 41.0297 2.21833ZM51.1257 2.2991C49.732 2.13927 49.741 7.94469 49.9141 9.247C50.6378 8.08902 51.8952 2.61084 51.1257 2.2991ZM61.06 1.87849C58.8887 2.31451 59.3943 9.55399 59.7241 10.8237C62.2817 7.31085 62.3344 1.74654 61.06 1.87849ZM69.1975 10.9254C69.0871 10.4638 68.5351 10.2171 68.1541 10.2779C67.0639 10.4268 66.0065 11.7846 66.4158 13.8518C66.5069 14.3122 66.7349 14.736 66.7312 14.7219C69.1711 13.085 69.3785 11.7951 69.1975 10.9254ZM23.2205 7.46958C22.9089 7.46964 22.6043 7.37729 22.3452 7.20422C22.0861 7.03114 21.8841 6.78512 21.7648 6.49725C21.6455 6.20939 21.6143 5.89261 21.6751 5.587C21.7358 5.28138 21.8859 5.00065 22.1062 4.7803C22.3265 4.55995 22.6072 4.40989 22.9128 4.34909C23.2184 4.28829 23.5352 4.31948 23.8231 4.43873C24.111 4.55797 24.357 4.75991 24.5301 5.019C24.7032 5.27809 24.7956 5.5827 24.7956 5.89429C24.7956 6.10115 24.7549 6.30599 24.6757 6.4971C24.5966 6.68822 24.4806 6.86187 24.3343 7.00815C24.188 7.15443 24.0144 7.27047 23.8233 7.34964C23.6322 7.42882 23.4274 7.46957 23.2205 7.46958Z" fill="#0D0C22"></path>
</svg>

        <span class="accessibility-text">Back to home page</span>
      </a>
    </div>

    
<ul class="site-nav-actions" data-site-nav-category="Top Nav">


  <li class="js-site-nav-search site-nav-actions-item site-nav-desktop-only">
    <a class="" data-site-nav-element="Search" href="/search">
      <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon icon-18 fill-current">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.6002 12.0498C9.49758 12.8568 8.13777 13.3333 6.66667 13.3333C2.98477 13.3333 0 10.3486 0 6.66667C0 2.98477 2.98477 0 6.66667 0C10.3486 0 13.3333 2.98477 13.3333 6.66667C13.3333 8.15637 12.8447 9.53194 12.019 10.6419C12.0265 10.6489 12.0338 10.656 12.0411 10.6633L15.2935 13.9157C15.6841 14.3063 15.6841 14.9394 15.2935 15.33C14.903 15.7205 14.2699 15.7205 13.8793 15.33L10.6269 12.0775C10.6178 12.0684 10.6089 12.0592 10.6002 12.0498ZM11.3333 6.66667C11.3333 9.244 9.244 11.3333 6.66667 11.3333C4.08934 11.3333 2 9.244 2 6.66667C2 4.08934 4.08934 2 6.66667 2C9.244 2 11.3333 4.08934 11.3333 6.66667Z"></path>
</svg>

      <span class="accessibility-text">Search</span>
</a>  </li>

      <li class="js-site-nav-sign-in site-nav-actions-item">
        <a data-site-nav-element="Sign in" href="/session/new?return_to=%2Fcss%3Ffamily%3DMulish%3A300%2C300italic%2C400%2C400italic%2C700%2C700italic%257CFredericka%2520the%2520Great%3A300%2C300italic%2C400%2C400italic%2C700%2C700italic%257CNoto%2520Serif%2520JP%3A300%2C300italic%2C400%2C400italic%2C700%2C700italic%257CNoto%2520Serif%2520SC%3A300%2C300italic%2C400%2C400italic%2C700%2C700italic%257CInconsolata%3A300%2C300italic%2C400%2C400italic%2C700%2C700italic%26display%3Dswap%26subset%3Dlatin%2Clatin-ext">Sign in</a>
      </li>
      <li class="js-site-nav-sign-up site-nav-actions-item site-nav-desktop-only">
        <a class="form-sub" data-site-nav-element="Sign Up" href="/signup/new">Sign up</a>
      </li>
</ul>

  </div>

  <div class="site-nav-mobile-menu js-site-nav-mobile-menu">
  <nav aria-label="primary">
    <ul>
      <li>
        <form class="site-nav-mobile-menu-search" action="/search">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon site-nav-mobile-search-icon fill-current icon-16">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.6002 12.0498C9.49758 12.8568 8.13777 13.3333 6.66667 13.3333C2.98477 13.3333 0 10.3486 0 6.66667C0 2.98477 2.98477 0 6.66667 0C10.3486 0 13.3333 2.98477 13.3333 6.66667C13.3333 8.15637 12.8447 9.53194 12.019 10.6419C12.0265 10.6489 12.0338 10.656 12.0411 10.6633L15.2935 13.9157C15.6841 14.3063 15.6841 14.9394 15.2935 15.33C14.903 15.7205 14.2699 15.7205 13.8793 15.33L10.6269 12.0775C10.6178 12.0684 10.6089 12.0592 10.6002 12.0498ZM11.3333 6.66667C11.3333 9.244 9.244 11.3333 6.66667 11.3333C4.08934 11.3333 2 9.244 2 6.66667C2 4.08934 4.08934 2 6.66667 2C9.244 2 11.3333 4.08934 11.3333 6.66667Z"></path>
</svg>

          <input class="site-nav-mobile-search-input" type="search" name="q" placeholder="Search" autocomplete="off" value="" />
          
        </form>
      </li>

      <li class="site-nav-mobile-dropdown">
        <input type="checkbox" name="dropdown" id="inspiration">
        <label for="inspiration" class="site-nav-mobile-list-item">
          Inspiration
        </label>
        <ul class="site-nav-mobile-dropdown-list">
          <div class="site-nav-mobile-dropdown-list-container" data-site-nav-category="Inspiration">
            <li><a data-site-nav-element="Explore Design Work" href="/shots/popular">Explore Design Work</a></li>
            <li>
              <a class="flex align-center" data-site-nav-element="New &amp; Noteworthy" href="/shots/recent">
                New & Noteworthy
</a>            </li>
            <li><a data-site-nav-element="Playoffs" href="/shots?list=playoffs">Playoffs</a></li>
            <li><a data-site-nav-element="Blog" href="/stories">Blog</a></li>
              <li><a data-site-nav-element="Weekly Warmup" href="/shots/20935605-Design-a-badge-inspired-by-Spring">Weekly Warmup</a></li>
          </div>
        </ul>
      </li>
       <li class="site-nav-mobile-dropdown">
        <input type="checkbox" name="dropdown" id="find-work">
        <label for="find-work" class="site-nav-mobile-list-item">
          Find Work
        </label>
        <ul class="site-nav-mobile-dropdown-list">
          <div class="site-nav-mobile-dropdown-list-container" data-site-nav-category="Find Work">
            <li><a data-site-nav-element="Job Board" href="/jobs">Job Board</a></li>
            <li>
              <a class="flex align-center" data-site-nav-element="Freelance Projects" href="/freelance-jobs">
                Freelance Projects
                <span class="pro-flag margin-l-8">Pro+</span>
</a>            </li>
            <li>
              <a class="flex align-center" data-site-nav-element="Projects" href="/projects">
                Want freelance design projects?
</a>            </li>
            <li>
              <a class="flex align-center" data-site-nav-element="Pitch" href="/pro/pitch">
                Personalize your profile with video
</a>            </li>
          </div>
        </ul>
      </li>

      <li class="site-nav-mobile-dropdown">
        <input type="checkbox" name="dropdown" id="learn-design">
        <label for="learn-design" class="site-nav-mobile-list-item">
          Learn Design
        </label>
        <ul class="site-nav-mobile-dropdown-list" data-site-nav-category="Learn Design">
          <div class="site-nav-mobile-dropdown-list-container">
            <li><a data-site-nav-element="Product Design Course" href="/courses/product-design">Certified Product Design Course</a></li>
            <li><a data-site-nav-element="UI Design Course" href="/courses/ui-design">Introduction to UI Design</a></li>
            <li><a data-site-nav-element="Design Systems Course" href="/courses/design-systems">Design Systems Course</a></li>
            <li><a data-site-nav-element="Design Career Prep Course" href="/courses/career-prep">Design Career Prep Course</a></li>
            <li><a data-site-nav-element="Browse our courses &amp; workshops" href="/learn">Browse our courses &amp; workshops</a></li>
          </div>
        </ul>
      </li>

        <li class="site-nav-mobile-dropdown">
          <input type="checkbox" name="dropdown" id="go-pro">
          <label for="go-pro" class="site-nav-mobile-list-item">
            Go Pro
          </label>
          <ul class="site-nav-mobile-dropdown-list" data-site-nav-category="Learn Design">
            <div class="site-nav-mobile-dropdown-list-container">
              <li><a data-site-nav-element="For Designers" href="/pro">For Designers</a></li>
              <li><a data-site-nav-element="For Freelancers" href="/projects">For Freelancers</a></li>
              <li><a data-site-nav-element="For Teams" href="/pro/teams">For Teams</a></li>
            </div>
          </ul>
        </li>

      <li class="site-nav-mobile-dropdown">
        <input type="checkbox" name="dropdown" id="hire-designers">
        <label for="hire-designers" class="site-nav-mobile-list-item">
          Hire Designers
        </label>
        <ul class="site-nav-mobile-dropdown-list">
          <div class="site-nav-mobile-dropdown-list-container" data-site-nav-category="Hire Designers">
            <li><a data-site-nav-element="About Dribbble Hiring" href="/hiring">About Dribbble Hiring</a></li>
            <li>
              <a class="flex align-center" data-site-nav-element="Designer Search" href="/designers">
                Designer Search
</a>            </li>
            <li><a data-billing-interval="quarterly" data-site-nav-element="List my job opening" href="/jobs/new">List my Job Opening</a></li>
            <li><a data-site-nav-element="Post a Freelance Project" href="/freelance-jobs">Post a Freelance Project</a></li>
          </div>
        </ul>
      </li>


    </ul>
  </nav>

</div>

</div>


<div class="ajax notice hide">
  <h2></h2>
</div>




<div class="notice-alert">
  <h3><!-- message goes here --></h3>
  <div class="close" aria-label="close">
    <img
      class="lazyload"
      data-src="https://dogefs.s3.ladydaily.com/~/source/dribbble/assets/icon-shot-x-light-f3676a5f3f6b7d0902be702c858a78e3de991957bbb7cec07daef7150e284fd8.png"
      width="16"
      height="16"
      alt="close"
    >
  </div>
</div>

  <div
    id="g_id_onload"
    data-client_id="32073492121-s6ur8ti01mh34gq2bpbufb8ujdfrpn4v.apps.googleusercontent.com"
    data-login_uri="https://dribbble.dogedoge.com/auth/google_one_tap/callback"
    
    data-ux_mode="redirect"
  ></div>


<div id="wrap">
  
    <div class="profile-masthead ">
      <section class="profile-simple-masthead">
  <div class="container-large masthead-wrapper">
    <div class="masthead-avatar">
      <img class="profile-avatar" alt="Christopher Sardegna" src="https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/avatars/normal/b448c9be1732936712813fee454c4af4.png?1420574466" />
    </div>
    <div class="masthead-content">
      <h1 class="masthead-profile-name">Christopher Sardegna</h1>
        <p class="masthead-profile-locality">USA</p>
        <p class="masthead-profile-specializations">
          
        </p>
      <div class="masthead-actions">
        
<div class="profile-action-buttons">
  
  <div class="follow-prompt profile-action-item">

    <a class="form-btn  tipsy-mobile-disabled light-btn follow  " rel="tipsy" title="Follow Christopher Sardegna" data-signup-trigger="" data-context="follow-user" href="/css/followers">
      <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon "><path d="m20 10h-6v-6c0-1.104-.896-2-2-2s-2 .896-2 2v6h-6c-1.104 0-2 .896-2 2s.896 2 2 2h6v6c0 1.104.896 2 2 2s2-.896 2-2v-6h6c1.104 0 2-.896 2-2s-.896-2-2-2z"></path></svg>

      <span>Follow</span>
</a>    <a class="outlined form-btn tipsy-mobile-disabled link-btn unfollow  " href="/css/followers/css">
      <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon "><path d="m21.28 4.473c-.848-.721-2.109-.604-2.817.262l-8.849 10.835-4.504-3.064c-.918-.626-2.161-.372-2.773.566s-.364 2.205.555 2.83l7.494 5.098 11.151-13.653c.707-.866.592-2.152-.257-2.874z"></path></svg>

      <span>Following</span>
</a>    <a rel="nofollow" class="form-btn tipsy-mobile-disabled light-btn unblock " data-hover="Unblock" href="/blocks/css">
      <span>Blocked</span>
</a></div>
</div>

      </div>
    </div>
  </div>
</section>

  </div>
  <div class="container-large">
  <div class="profile-subnav">
    <div class="profile-subnav-menu">
      <nav class="scrolling-subnav">
        <span class="scroll scroll-backward">
          <a class="d-none" href="#"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" role="img" class="icon ">
<path d="M21.5265 8.77171C22.1578 8.13764 22.1578 7.10962 21.5265 6.47555C20.8951 5.84148 19.8714 5.84148 19.24 6.47555L11.9999 13.7465L4.75996 6.47573C4.12858 5.84166 3.10492 5.84166 2.47354 6.47573C1.84215 7.10979 1.84215 8.13782 2.47354 8.77188L10.8332 17.1671C10.8408 17.1751 10.8486 17.183 10.8565 17.1909C11.0636 17.399 11.313 17.5388 11.577 17.6103C11.5834 17.6121 11.5899 17.6138 11.5964 17.6154C12.132 17.7536 12.7242 17.6122 13.1435 17.1911C13.1539 17.1807 13.1641 17.1702 13.1742 17.1596L21.5265 8.77171Z"></path>
</svg>
</a>
        </span>
        <span class="scroll scroll-forward">
          <a class="d-none" href="#"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" role="img" class="icon ">
<path d="M21.5265 8.77171C22.1578 8.13764 22.1578 7.10962 21.5265 6.47555C20.8951 5.84148 19.8714 5.84148 19.24 6.47555L11.9999 13.7465L4.75996 6.47573C4.12858 5.84166 3.10492 5.84166 2.47354 6.47573C1.84215 7.10979 1.84215 8.13782 2.47354 8.77188L10.8332 17.1671C10.8408 17.1751 10.8486 17.183 10.8565 17.1909C11.0636 17.399 11.313 17.5388 11.577 17.6103C11.5834 17.6121 11.5899 17.6138 11.5964 17.6154C12.132 17.7536 12.7242 17.6122 13.1435 17.1911C13.1539 17.1807 13.1641 17.1702 13.1742 17.1596L21.5265 8.77171Z"></path>
</svg>
</a>
        </span>
        <ul class="scrolling-subnav-list">
          <li class="work active">
  <a href="/css/shots">
    <span class="label">Work</span>

      <span class="count">84</span>
</a></li>




          <li class="collections empty">
  <a href="/css/collections">
    <span class="label">Collections</span>

      <span class="count">0</span>
</a></li>


          <li class="liked shots">
  <a href="/css/likes">
    <span class="label">Liked Shots</span>

      <span class="count">528</span>
</a></li>




          

          <li class="about empty">
  <a href="/css/about">
    <span class="label">About</span>

</a></li>




        </ul>
      </nav>
    </div>

      <div class="profile-subnav-actions">
            
<div class="shots-filter">
    <span class="btn-dropdown btn-dropdown-neue js-shots-filter-select">
      <a class="form-btn outlined btn-dropdown-link" data-track-sub-nav href="#">
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" role="img" class="icon btn-dropdown-caret">
<path d="M21.5265 8.77171C22.1578 8.13764 22.1578 7.10962 21.5265 6.47555C20.8951 5.84148 19.8714 5.84148 19.24 6.47555L11.9999 13.7465L4.75996 6.47573C4.12858 5.84166 3.10492 5.84166 2.47354 6.47573C1.84215 7.10979 1.84215 8.13782 2.47354 8.77188L10.8332 17.1671C10.8408 17.1751 10.8486 17.183 10.8565 17.1909C11.0636 17.399 11.313 17.5388 11.577 17.6103C11.5834 17.6121 11.5899 17.6138 11.5964 17.6154C12.132 17.7536 12.7242 17.6122 13.1435 17.1911C13.1539 17.1807 13.1641 17.1702 13.1742 17.1596L21.5265 8.77171Z"></path>
</svg>

        <span class="js-current-filter">Recent Shots</span>
      </a>
      <div class="btn-dropdown-options">
        <ul>
            <li><a class="dropdown-item active" data-selectvalue="recent" data-selectTitle="Recent Shots" href="#">Recent Shots</a></li>
            <li><a class="dropdown-item " data-selectvalue="popular" data-selectTitle="Popular Shots" href="#">Popular Shots</a></li>
        </ul>
      </div>
    </span>
</div>


      </div>
  </div>
</div>


  

  <div id="wrap-inner" class="flushed">
    <div id="content" role="main">
      



<div id="main" class="main-full" data-user-id=187923>
  

<div class="container-large content-wrapper">
    
    <div class="shot-grid-wrapper">
      

<ol class="js-thumbnail-grid shots-grid group dribbbles  ">
  <script>if (!document.querySelector(".js-thumbnail-grid")){ window.location.reload(); }</script>



<li
  id="screenshot-5714666" data-thumbnail-id="5714666"
  class="shot-thumbnail js-thumbnail shot-thumbnail-container      "
  data-ad-data=""
  data-boost-id=""
  data-is-boost-fallback=""
>
  

<div class="js-thumbnail-base shot-thumbnail-base disabled-shot-section dribbble-shot dribbble  "
>
      <figure
    style="background-color: #000000"
  class="js-thumbnail-placeholder shot-thumbnail-placeholder"
>
  <noscript>
      <img src="https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/5714666/media/543796c824bd1721bca42f1b7e9e8ae9.png?compress=1&amp;resize=400x300" alt="SixteenZero Glyph branding design illustration logo typography ui vector web">
  </noscript>
    <img alt="SixteenZero Glyph branding design illustration logo typography ui vector web" width="330" height="247" data-srcset="https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/5714666/media/543796c824bd1721bca42f1b7e9e8ae9.png?compress=1&amp;resize=320x240&amp;vertical=top 320w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/5714666/media/543796c824bd1721bca42f1b7e9e8ae9.png?compress=1&amp;resize=400x300&amp;vertical=top 400w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/5714666/media/543796c824bd1721bca42f1b7e9e8ae9.png?compress=1&amp;resize=450x338&amp;vertical=top 450w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/5714666/media/543796c824bd1721bca42f1b7e9e8ae9.png?compress=1&amp;resize=640x480&amp;vertical=top 640w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/5714666/media/543796c824bd1721bca42f1b7e9e8ae9.png?compress=1&amp;resize=700x525&amp;vertical=top 700w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/5714666/media/543796c824bd1721bca42f1b7e9e8ae9.png?compress=1&amp;resize=800x600&amp;vertical=top 800w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/5714666/media/543796c824bd1721bca42f1b7e9e8ae9.png?compress=1&amp;resize=840x630&amp;vertical=top 840w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/5714666/media/543796c824bd1721bca42f1b7e9e8ae9.png?compress=1&amp;resize=1000x750&amp;vertical=top 1000w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/5714666/media/543796c824bd1721bca42f1b7e9e8ae9.png?compress=1&amp;resize=1200x900&amp;vertical=top 1200w" data-src="https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/5714666/media/543796c824bd1721bca42f1b7e9e8ae9.png?compress=1&amp;resize=400x300&amp;vertical=top" data-sizes="auto" class=" lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" />
</figure>


    <div class="shot-thumbnail-extras">
      
    </div>

      <a class="shot-thumbnail-link dribbble-link js-shot-link" href="/shots/5714666-SixteenZero-Glyph">
        <span class="accessibility-text">View SixteenZero Glyph</span>
</a>
    <div class="shot-thumbnail-overlay">
      <div class="shot-thumbnail-overlay-content">
            <div class="shot-title">SixteenZero Glyph</div>

            <ul class="js-dribbble-shot-actions shot-actions-container">
                <li data-bucket-container="true" class="shot-action">
                  

  <a class="bucket-shot form-btn" title="Save shot" data-signup-trigger="true" data-href="/signup/new" data-context="bucket-shot" href="/signup/new">
        <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon "><path d="m22 5h-11l-2-3h-7c-1.104 0-2 .896-2 2v16c0 1.104.896 2 2 2h20c1.104 0 2-.896 2-2v-13c0-1.104-.896-2-2-2zm-6 10h-3v3c0 .55-.45 1-1 1s-1-.45-1-1v-3h-3c-.55 0-1-.45-1-1s.45-1 1-1h3v-3c0-.55.45-1 1-1s1 .45 1 1v3h3c.55 0 1 .45 1 1s-.45 1-1 1z"></path></svg>

</a>
                </li>

                

  <div class="like-action-5714666   shot-action">
    <script>
      if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") {
        Dribbble.Shots.update(5714666, {
          likes_count: 13,
          liked: false
      });
      }
    </script>
      <a class="form-btn tipsy-mobile-disabled stats-action like-shot" rel="no-follow" title="Like this shot" data-signup-trigger="true" data-href="/signup/new" data-context="like-shot" href="/signup/new">
        <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon "><path d="m18.199 2.04c-2.606-.284-4.262.961-6.199 3.008-2.045-2.047-3.593-3.292-6.199-3.008-3.544.388-6.321 4.43-5.718 7.96.966 5.659 5.944 9 11.917 12 5.973-3 10.951-6.341 11.917-12 .603-3.53-2.174-7.572-5.718-7.96z"></path></svg>

          <span class="accessibility-text">Like</span>
</a>  </div>

            </ul>
      </div>
    </div>
</div>





</li>


<li
  id="screenshot-5714622" data-thumbnail-id="5714622"
  class="shot-thumbnail js-thumbnail shot-thumbnail-container      "
  data-ad-data=""
  data-boost-id=""
  data-is-boost-fallback=""
>
  

<div class="js-thumbnail-base shot-thumbnail-base disabled-shot-section dribbble-shot dribbble  "
>
      <figure
    style="background-color: #06080A"
  class="js-thumbnail-placeholder shot-thumbnail-placeholder"
>
  <noscript>
      <img src="https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/5714622/media/832cc44e89137a71ffa2ba59954ee7f4.png?compress=1&amp;resize=400x300" alt="de_train CS:GO 2D Map 2d game illustration map ui">
  </noscript>
    <img alt="de_train CS:GO 2D Map 2d game illustration map ui" width="330" height="247" data-srcset="https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/5714622/media/832cc44e89137a71ffa2ba59954ee7f4.png?compress=1&amp;resize=320x240&amp;vertical=top 320w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/5714622/media/832cc44e89137a71ffa2ba59954ee7f4.png?compress=1&amp;resize=400x300&amp;vertical=top 400w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/5714622/media/832cc44e89137a71ffa2ba59954ee7f4.png?compress=1&amp;resize=450x338&amp;vertical=top 450w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/5714622/media/832cc44e89137a71ffa2ba59954ee7f4.png?compress=1&amp;resize=640x480&amp;vertical=top 640w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/5714622/media/832cc44e89137a71ffa2ba59954ee7f4.png?compress=1&amp;resize=700x525&amp;vertical=top 700w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/5714622/media/832cc44e89137a71ffa2ba59954ee7f4.png?compress=1&amp;resize=800x600&amp;vertical=top 800w" data-src="https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/5714622/media/832cc44e89137a71ffa2ba59954ee7f4.png?compress=1&amp;resize=400x300&amp;vertical=top" data-sizes="auto" class=" lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" />
</figure>


    <div class="shot-thumbnail-extras">
      
    </div>

      <a class="shot-thumbnail-link dribbble-link js-shot-link" href="/shots/5714622-de-train-CS-GO-2D-Map">
        <span class="accessibility-text">View de_train CS:GO 2D Map</span>
</a>
    <div class="shot-thumbnail-overlay">
      <div class="shot-thumbnail-overlay-content">
            <div class="shot-title">de_train CS:GO 2D Map</div>

            <ul class="js-dribbble-shot-actions shot-actions-container">
                <li data-bucket-container="true" class="shot-action">
                  

  <a class="bucket-shot form-btn" title="Save shot" data-signup-trigger="true" data-href="/signup/new" data-context="bucket-shot" href="/signup/new">
        <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon "><path d="m22 5h-11l-2-3h-7c-1.104 0-2 .896-2 2v16c0 1.104.896 2 2 2h20c1.104 0 2-.896 2-2v-13c0-1.104-.896-2-2-2zm-6 10h-3v3c0 .55-.45 1-1 1s-1-.45-1-1v-3h-3c-.55 0-1-.45-1-1s.45-1 1-1h3v-3c0-.55.45-1 1-1s1 .45 1 1v3h3c.55 0 1 .45 1 1s-.45 1-1 1z"></path></svg>

</a>
                </li>

                

  <div class="like-action-5714622   shot-action">
    <script>
      if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") {
        Dribbble.Shots.update(5714622, {
          likes_count: 3,
          liked: false
      });
      }
    </script>
      <a class="form-btn tipsy-mobile-disabled stats-action like-shot" rel="no-follow" title="Like this shot" data-signup-trigger="true" data-href="/signup/new" data-context="like-shot" href="/signup/new">
        <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon "><path d="m18.199 2.04c-2.606-.284-4.262.961-6.199 3.008-2.045-2.047-3.593-3.292-6.199-3.008-3.544.388-6.321 4.43-5.718 7.96.966 5.659 5.944 9 11.917 12 5.973-3 10.951-6.341 11.917-12 .603-3.53-2.174-7.572-5.718-7.96z"></path></svg>

          <span class="accessibility-text">Like</span>
</a>  </div>

            </ul>
      </div>
    </div>
</div>





</li>


<li
  id="screenshot-4368817" data-thumbnail-id="4368817"
  class="shot-thumbnail js-thumbnail shot-thumbnail-container      "
  data-ad-data=""
  data-boost-id=""
  data-is-boost-fallback=""
>
  

<div class="js-thumbnail-base shot-thumbnail-base disabled-shot-section dribbble-shot dribbble  "
>
      <figure
    style="background-color: #000004"
  class="js-thumbnail-placeholder shot-thumbnail-placeholder"
>
  <noscript>
      <img src="https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/4368817/media/f9cafee25b02c78f934191e77afe9565.png?compress=1&amp;resize=400x300" alt="SixteenZero Glyph Concepts brand design logo">
  </noscript>
    <img alt="SixteenZero Glyph Concepts brand design logo" width="330" height="247" data-srcset="https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/4368817/media/f9cafee25b02c78f934191e77afe9565.png?compress=1&amp;resize=320x240&amp;vertical=top 320w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/4368817/media/f9cafee25b02c78f934191e77afe9565.png?compress=1&amp;resize=400x300&amp;vertical=top 400w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/4368817/media/f9cafee25b02c78f934191e77afe9565.png?compress=1&amp;resize=450x338&amp;vertical=top 450w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/4368817/media/f9cafee25b02c78f934191e77afe9565.png?compress=1&amp;resize=640x480&amp;vertical=top 640w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/4368817/media/f9cafee25b02c78f934191e77afe9565.png?compress=1&amp;resize=700x525&amp;vertical=top 700w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/4368817/media/f9cafee25b02c78f934191e77afe9565.png?compress=1&amp;resize=800x600&amp;vertical=top 800w" data-src="https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/4368817/media/f9cafee25b02c78f934191e77afe9565.png?compress=1&amp;resize=400x300&amp;vertical=top" data-sizes="auto" class=" lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" />
</figure>


    <div class="shot-thumbnail-extras">
      
    </div>

      <a class="shot-thumbnail-link dribbble-link js-shot-link" href="/shots/4368817-SixteenZero-Glyph-Concepts">
        <span class="accessibility-text">View SixteenZero Glyph Concepts</span>
</a>
    <div class="shot-thumbnail-overlay">
      <div class="shot-thumbnail-overlay-content">
            <div class="shot-title">SixteenZero Glyph Concepts</div>

            <ul class="js-dribbble-shot-actions shot-actions-container">
                <li data-bucket-container="true" class="shot-action">
                  

  <a class="bucket-shot form-btn" title="Save shot" data-signup-trigger="true" data-href="/signup/new" data-context="bucket-shot" href="/signup/new">
        <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon "><path d="m22 5h-11l-2-3h-7c-1.104 0-2 .896-2 2v16c0 1.104.896 2 2 2h20c1.104 0 2-.896 2-2v-13c0-1.104-.896-2-2-2zm-6 10h-3v3c0 .55-.45 1-1 1s-1-.45-1-1v-3h-3c-.55 0-1-.45-1-1s.45-1 1-1h3v-3c0-.55.45-1 1-1s1 .45 1 1v3h3c.55 0 1 .45 1 1s-.45 1-1 1z"></path></svg>

</a>
                </li>

                

  <div class="like-action-4368817   shot-action">
    <script>
      if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") {
        Dribbble.Shots.update(4368817, {
          likes_count: 13,
          liked: false
      });
      }
    </script>
      <a class="form-btn tipsy-mobile-disabled stats-action like-shot" rel="no-follow" title="Like this shot" data-signup-trigger="true" data-href="/signup/new" data-context="like-shot" href="/signup/new">
        <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon "><path d="m18.199 2.04c-2.606-.284-4.262.961-6.199 3.008-2.045-2.047-3.593-3.292-6.199-3.008-3.544.388-6.321 4.43-5.718 7.96.966 5.659 5.944 9 11.917 12 5.973-3 10.951-6.341 11.917-12 .603-3.53-2.174-7.572-5.718-7.96z"></path></svg>

          <span class="accessibility-text">Like</span>
</a>  </div>

            </ul>
      </div>
    </div>
</div>





</li>


<li
  id="screenshot-4303947" data-thumbnail-id="4303947"
  class="shot-thumbnail js-thumbnail shot-thumbnail-container      "
  data-ad-data=""
  data-boost-id=""
  data-is-boost-fallback=""
>
  

<div class="js-thumbnail-base shot-thumbnail-base disabled-shot-section dribbble-shot dribbble  "
>
      <figure
    style="background-color: #323341"
  class="js-thumbnail-placeholder shot-thumbnail-placeholder"
>
  <noscript>
      <img src="https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/4303947/media/2d9639b478a9c0c1858217a670161a44.png?compress=1&amp;resize=400x300" alt="s1mple CS:GO Reaction Time Infographic csgo dataviz esports sixteenzero">
  </noscript>
    <img alt="s1mple CS:GO Reaction Time Infographic csgo dataviz esports sixteenzero" width="330" height="247" data-srcset="https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/4303947/media/2d9639b478a9c0c1858217a670161a44.png?compress=1&amp;resize=320x240&amp;vertical=top 320w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/4303947/media/2d9639b478a9c0c1858217a670161a44.png?compress=1&amp;resize=400x300&amp;vertical=top 400w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/4303947/media/2d9639b478a9c0c1858217a670161a44.png?compress=1&amp;resize=450x338&amp;vertical=top 450w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/4303947/media/2d9639b478a9c0c1858217a670161a44.png?compress=1&amp;resize=640x480&amp;vertical=top 640w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/4303947/media/2d9639b478a9c0c1858217a670161a44.png?compress=1&amp;resize=700x525&amp;vertical=top 700w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/4303947/media/2d9639b478a9c0c1858217a670161a44.png?compress=1&amp;resize=800x600&amp;vertical=top 800w" data-src="https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/4303947/media/2d9639b478a9c0c1858217a670161a44.png?compress=1&amp;resize=400x300&amp;vertical=top" data-sizes="auto" class=" lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" />
</figure>


    <div class="shot-thumbnail-extras">
      
    </div>

      <a class="shot-thumbnail-link dribbble-link js-shot-link" href="/shots/4303947-s1mple-CS-GO-Reaction-Time-Infographic">
        <span class="accessibility-text">View s1mple CS:GO Reaction Time Infographic</span>
</a>
    <div class="shot-thumbnail-overlay">
      <div class="shot-thumbnail-overlay-content">
            <div class="shot-title">s1mple CS:GO Reaction Time Infographic</div>

            <ul class="js-dribbble-shot-actions shot-actions-container">
                <li data-bucket-container="true" class="shot-action">
                  

  <a class="bucket-shot form-btn" title="Save shot" data-signup-trigger="true" data-href="/signup/new" data-context="bucket-shot" href="/signup/new">
        <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon "><path d="m22 5h-11l-2-3h-7c-1.104 0-2 .896-2 2v16c0 1.104.896 2 2 2h20c1.104 0 2-.896 2-2v-13c0-1.104-.896-2-2-2zm-6 10h-3v3c0 .55-.45 1-1 1s-1-.45-1-1v-3h-3c-.55 0-1-.45-1-1s.45-1 1-1h3v-3c0-.55.45-1 1-1s1 .45 1 1v3h3c.55 0 1 .45 1 1s-.45 1-1 1z"></path></svg>

</a>
                </li>

                

  <div class="like-action-4303947   shot-action">
    <script>
      if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") {
        Dribbble.Shots.update(4303947, {
          likes_count: 9,
          liked: false
      });
      }
    </script>
      <a class="form-btn tipsy-mobile-disabled stats-action like-shot" rel="no-follow" title="Like this shot" data-signup-trigger="true" data-href="/signup/new" data-context="like-shot" href="/signup/new">
        <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon "><path d="m18.199 2.04c-2.606-.284-4.262.961-6.199 3.008-2.045-2.047-3.593-3.292-6.199-3.008-3.544.388-6.321 4.43-5.718 7.96.966 5.659 5.944 9 11.917 12 5.973-3 10.951-6.341 11.917-12 .603-3.53-2.174-7.572-5.718-7.96z"></path></svg>

          <span class="accessibility-text">Like</span>
</a>  </div>

            </ul>
      </div>
    </div>
</div>





</li>


<li
  id="screenshot-4300761" data-thumbnail-id="4300761"
  class="shot-thumbnail js-thumbnail shot-thumbnail-container      "
  data-ad-data=""
  data-boost-id=""
  data-is-boost-fallback=""
>
  

<div class="js-thumbnail-base shot-thumbnail-base disabled-shot-section dribbble-shot dribbble  "
>
      <figure
    style="background-color: #020321"
  class="js-thumbnail-placeholder shot-thumbnail-placeholder"
>
  <noscript>
      <img src="https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/4300761/media/533bda063e3fffb44a5c2be56cd69bb2.png?compress=1&amp;resize=400x300" alt="SixteenZero.net Logo and Glyph csgo esports glyph machine learning typography">
  </noscript>
    <img alt="SixteenZero.net Logo and Glyph csgo esports glyph machine learning typography" width="330" height="247" data-srcset="https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/4300761/media/533bda063e3fffb44a5c2be56cd69bb2.png?compress=1&amp;resize=320x240&amp;vertical=top 320w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/4300761/media/533bda063e3fffb44a5c2be56cd69bb2.png?compress=1&amp;resize=400x300&amp;vertical=top 400w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/4300761/media/533bda063e3fffb44a5c2be56cd69bb2.png?compress=1&amp;resize=450x338&amp;vertical=top 450w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/4300761/media/533bda063e3fffb44a5c2be56cd69bb2.png?compress=1&amp;resize=640x480&amp;vertical=top 640w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/4300761/media/533bda063e3fffb44a5c2be56cd69bb2.png?compress=1&amp;resize=700x525&amp;vertical=top 700w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/4300761/media/533bda063e3fffb44a5c2be56cd69bb2.png?compress=1&amp;resize=800x600&amp;vertical=top 800w" data-src="https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/4300761/media/533bda063e3fffb44a5c2be56cd69bb2.png?compress=1&amp;resize=400x300&amp;vertical=top" data-sizes="auto" class=" lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" />
</figure>


    <div class="shot-thumbnail-extras">
      
    </div>

      <a class="shot-thumbnail-link dribbble-link js-shot-link" href="/shots/4300761-SixteenZero-net-Logo-and-Glyph">
        <span class="accessibility-text">View SixteenZero.net Logo and Glyph</span>
</a>
    <div class="shot-thumbnail-overlay">
      <div class="shot-thumbnail-overlay-content">
            <div class="shot-title">SixteenZero.net Logo and Glyph</div>

            <ul class="js-dribbble-shot-actions shot-actions-container">
                <li data-bucket-container="true" class="shot-action">
                  

  <a class="bucket-shot form-btn" title="Save shot" data-signup-trigger="true" data-href="/signup/new" data-context="bucket-shot" href="/signup/new">
        <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon "><path d="m22 5h-11l-2-3h-7c-1.104 0-2 .896-2 2v16c0 1.104.896 2 2 2h20c1.104 0 2-.896 2-2v-13c0-1.104-.896-2-2-2zm-6 10h-3v3c0 .55-.45 1-1 1s-1-.45-1-1v-3h-3c-.55 0-1-.45-1-1s.45-1 1-1h3v-3c0-.55.45-1 1-1s1 .45 1 1v3h3c.55 0 1 .45 1 1s-.45 1-1 1z"></path></svg>

</a>
                </li>

                

  <div class="like-action-4300761   shot-action">
    <script>
      if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") {
        Dribbble.Shots.update(4300761, {
          likes_count: 11,
          liked: false
      });
      }
    </script>
      <a class="form-btn tipsy-mobile-disabled stats-action like-shot" rel="no-follow" title="Like this shot" data-signup-trigger="true" data-href="/signup/new" data-context="like-shot" href="/signup/new">
        <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon "><path d="m18.199 2.04c-2.606-.284-4.262.961-6.199 3.008-2.045-2.047-3.593-3.292-6.199-3.008-3.544.388-6.321 4.43-5.718 7.96.966 5.659 5.944 9 11.917 12 5.973-3 10.951-6.341 11.917-12 .603-3.53-2.174-7.572-5.718-7.96z"></path></svg>

          <span class="accessibility-text">Like</span>
</a>  </div>

            </ul>
      </div>
    </div>
</div>





</li>


<li
  id="screenshot-4300746" data-thumbnail-id="4300746"
  class="shot-thumbnail js-thumbnail shot-thumbnail-container      "
  data-ad-data=""
  data-boost-id=""
  data-is-boost-fallback=""
>
  

<div class="js-thumbnail-base shot-thumbnail-base disabled-shot-section dribbble-shot dribbble  "
>
      <figure
    style="background-color: #080625"
  class="js-thumbnail-placeholder shot-thumbnail-placeholder"
>
  <noscript>
      <img src="https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/4300746/media/e6dd51dc15be9fc54426ff3611410593.jpg?compress=1&amp;resize=400x300" alt="CS:GO Boston Major Trade Kill/Death Scatterplot csgo dataviz esports sixteenzero">
  </noscript>
    <img alt="CS:GO Boston Major Trade Kill/Death Scatterplot csgo dataviz esports sixteenzero" width="330" height="247" data-srcset="https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/4300746/media/e6dd51dc15be9fc54426ff3611410593.jpg?compress=1&amp;resize=320x240&amp;vertical=top 320w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/4300746/media/e6dd51dc15be9fc54426ff3611410593.jpg?compress=1&amp;resize=400x300&amp;vertical=top 400w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/4300746/media/e6dd51dc15be9fc54426ff3611410593.jpg?compress=1&amp;resize=450x338&amp;vertical=top 450w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/4300746/media/e6dd51dc15be9fc54426ff3611410593.jpg?compress=1&amp;resize=640x480&amp;vertical=top 640w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/4300746/media/e6dd51dc15be9fc54426ff3611410593.jpg?compress=1&amp;resize=700x525&amp;vertical=top 700w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/4300746/media/e6dd51dc15be9fc54426ff3611410593.jpg?compress=1&amp;resize=800x600&amp;vertical=top 800w" data-src="https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/4300746/media/e6dd51dc15be9fc54426ff3611410593.jpg?compress=1&amp;resize=400x300&amp;vertical=top" data-sizes="auto" class=" lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" />
</figure>


    <div class="shot-thumbnail-extras">
      
    </div>

      <a class="shot-thumbnail-link dribbble-link js-shot-link" href="/shots/4300746-CS-GO-Boston-Major-Trade-Kill-Death-Scatterplot">
        <span class="accessibility-text">View CS:GO Boston Major Trade Kill/Death Scatterplot</span>
</a>
    <div class="shot-thumbnail-overlay">
      <div class="shot-thumbnail-overlay-content">
            <div class="shot-title">CS:GO Boston Major Trade Kill/Death Scatterplot</div>

            <ul class="js-dribbble-shot-actions shot-actions-container">
                <li data-bucket-container="true" class="shot-action">
                  

  <a class="bucket-shot form-btn" title="Save shot" data-signup-trigger="true" data-href="/signup/new" data-context="bucket-shot" href="/signup/new">
        <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon "><path d="m22 5h-11l-2-3h-7c-1.104 0-2 .896-2 2v16c0 1.104.896 2 2 2h20c1.104 0 2-.896 2-2v-13c0-1.104-.896-2-2-2zm-6 10h-3v3c0 .55-.45 1-1 1s-1-.45-1-1v-3h-3c-.55 0-1-.45-1-1s.45-1 1-1h3v-3c0-.55.45-1 1-1s1 .45 1 1v3h3c.55 0 1 .45 1 1s-.45 1-1 1z"></path></svg>

</a>
                </li>

                

  <div class="like-action-4300746   shot-action">
    <script>
      if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") {
        Dribbble.Shots.update(4300746, {
          likes_count: 6,
          liked: false
      });
      }
    </script>
      <a class="form-btn tipsy-mobile-disabled stats-action like-shot" rel="no-follow" title="Like this shot" data-signup-trigger="true" data-href="/signup/new" data-context="like-shot" href="/signup/new">
        <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon "><path d="m18.199 2.04c-2.606-.284-4.262.961-6.199 3.008-2.045-2.047-3.593-3.292-6.199-3.008-3.544.388-6.321 4.43-5.718 7.96.966 5.659 5.944 9 11.917 12 5.973-3 10.951-6.341 11.917-12 .603-3.53-2.174-7.572-5.718-7.96z"></path></svg>

          <span class="accessibility-text">Like</span>
</a>  </div>

            </ul>
      </div>
    </div>
</div>





</li>


<li
  id="screenshot-4300734" data-thumbnail-id="4300734"
  class="shot-thumbnail js-thumbnail shot-thumbnail-container      "
  data-ad-data=""
  data-boost-id=""
  data-is-boost-fallback=""
>
  

<div class="js-thumbnail-base shot-thumbnail-base disabled-shot-section dribbble-shot dribbble  "
>
      <figure
    style="background-color: #191B34"
  class="js-thumbnail-placeholder shot-thumbnail-placeholder"
>
  <noscript>
      <img src="https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/4300734/media/e0b886a3462b1c7c1736b2989bae8ea2.png?compress=1&amp;resize=400x300" alt="Ticket Booth CS:GO Infographic csgo dataviz esports sixteenzero">
  </noscript>
    <img alt="Ticket Booth CS:GO Infographic csgo dataviz esports sixteenzero" width="330" height="247" data-srcset="https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/4300734/media/e0b886a3462b1c7c1736b2989bae8ea2.png?compress=1&amp;resize=320x240&amp;vertical=top 320w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/4300734/media/e0b886a3462b1c7c1736b2989bae8ea2.png?compress=1&amp;resize=400x300&amp;vertical=top 400w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/4300734/media/e0b886a3462b1c7c1736b2989bae8ea2.png?compress=1&amp;resize=450x338&amp;vertical=top 450w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/4300734/media/e0b886a3462b1c7c1736b2989bae8ea2.png?compress=1&amp;resize=640x480&amp;vertical=top 640w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/4300734/media/e0b886a3462b1c7c1736b2989bae8ea2.png?compress=1&amp;resize=700x525&amp;vertical=top 700w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/4300734/media/e0b886a3462b1c7c1736b2989bae8ea2.png?compress=1&amp;resize=800x600&amp;vertical=top 800w" data-src="https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/4300734/media/e0b886a3462b1c7c1736b2989bae8ea2.png?compress=1&amp;resize=400x300&amp;vertical=top" data-sizes="auto" class=" lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" />
</figure>


    <div class="shot-thumbnail-extras">
      
    </div>

      <a class="shot-thumbnail-link dribbble-link js-shot-link" href="/shots/4300734-Ticket-Booth-CS-GO-Infographic">
        <span class="accessibility-text">View Ticket Booth CS:GO Infographic</span>
</a>
    <div class="shot-thumbnail-overlay">
      <div class="shot-thumbnail-overlay-content">
            <div class="shot-title">Ticket Booth CS:GO Infographic</div>

            <ul class="js-dribbble-shot-actions shot-actions-container">
                <li data-bucket-container="true" class="shot-action">
                  

  <a class="bucket-shot form-btn" title="Save shot" data-signup-trigger="true" data-href="/signup/new" data-context="bucket-shot" href="/signup/new">
        <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon "><path d="m22 5h-11l-2-3h-7c-1.104 0-2 .896-2 2v16c0 1.104.896 2 2 2h20c1.104 0 2-.896 2-2v-13c0-1.104-.896-2-2-2zm-6 10h-3v3c0 .55-.45 1-1 1s-1-.45-1-1v-3h-3c-.55 0-1-.45-1-1s.45-1 1-1h3v-3c0-.55.45-1 1-1s1 .45 1 1v3h3c.55 0 1 .45 1 1s-.45 1-1 1z"></path></svg>

</a>
                </li>

                

  <div class="like-action-4300734   shot-action">
    <script>
      if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") {
        Dribbble.Shots.update(4300734, {
          likes_count: 12,
          liked: false
      });
      }
    </script>
      <a class="form-btn tipsy-mobile-disabled stats-action like-shot" rel="no-follow" title="Like this shot" data-signup-trigger="true" data-href="/signup/new" data-context="like-shot" href="/signup/new">
        <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon "><path d="m18.199 2.04c-2.606-.284-4.262.961-6.199 3.008-2.045-2.047-3.593-3.292-6.199-3.008-3.544.388-6.321 4.43-5.718 7.96.966 5.659 5.944 9 11.917 12 5.973-3 10.951-6.341 11.917-12 .603-3.53-2.174-7.572-5.718-7.96z"></path></svg>

          <span class="accessibility-text">Like</span>
</a>  </div>

            </ul>
      </div>
    </div>
</div>





</li>


<li
  id="screenshot-4300730" data-thumbnail-id="4300730"
  class="shot-thumbnail js-thumbnail shot-thumbnail-container      "
  data-ad-data=""
  data-boost-id=""
  data-is-boost-fallback=""
>
  

<div class="js-thumbnail-base shot-thumbnail-base disabled-shot-section dribbble-shot dribbble  "
>
      <figure
    style="background-color: #110F29"
  class="js-thumbnail-placeholder shot-thumbnail-placeholder"
>
  <noscript>
      <img src="https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/4300730/media/39a052a54437df1924eb16cb4300631d.png?compress=1&amp;resize=400x300" alt="Overpass CS:GO Flashbangs Infographic csgo dataviz esports sixteenzero">
  </noscript>
    <img alt="Overpass CS:GO Flashbangs Infographic csgo dataviz esports sixteenzero" width="330" height="247" data-srcset="https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/4300730/media/39a052a54437df1924eb16cb4300631d.png?compress=1&amp;resize=320x240&amp;vertical=top 320w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/4300730/media/39a052a54437df1924eb16cb4300631d.png?compress=1&amp;resize=400x300&amp;vertical=top 400w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/4300730/media/39a052a54437df1924eb16cb4300631d.png?compress=1&amp;resize=450x338&amp;vertical=top 450w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/4300730/media/39a052a54437df1924eb16cb4300631d.png?compress=1&amp;resize=640x480&amp;vertical=top 640w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/4300730/media/39a052a54437df1924eb16cb4300631d.png?compress=1&amp;resize=700x525&amp;vertical=top 700w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/4300730/media/39a052a54437df1924eb16cb4300631d.png?compress=1&amp;resize=800x600&amp;vertical=top 800w" data-src="https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/4300730/media/39a052a54437df1924eb16cb4300631d.png?compress=1&amp;resize=400x300&amp;vertical=top" data-sizes="auto" class=" lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" />
</figure>


    <div class="shot-thumbnail-extras">
      
    </div>

      <a class="shot-thumbnail-link dribbble-link js-shot-link" href="/shots/4300730-Overpass-CS-GO-Flashbangs-Infographic">
        <span class="accessibility-text">View Overpass CS:GO Flashbangs Infographic</span>
</a>
    <div class="shot-thumbnail-overlay">
      <div class="shot-thumbnail-overlay-content">
            <div class="shot-title">Overpass CS:GO Flashbangs Infographic</div>

            <ul class="js-dribbble-shot-actions shot-actions-container">
                <li data-bucket-container="true" class="shot-action">
                  

  <a class="bucket-shot form-btn" title="Save shot" data-signup-trigger="true" data-href="/signup/new" data-context="bucket-shot" href="/signup/new">
        <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon "><path d="m22 5h-11l-2-3h-7c-1.104 0-2 .896-2 2v16c0 1.104.896 2 2 2h20c1.104 0 2-.896 2-2v-13c0-1.104-.896-2-2-2zm-6 10h-3v3c0 .55-.45 1-1 1s-1-.45-1-1v-3h-3c-.55 0-1-.45-1-1s.45-1 1-1h3v-3c0-.55.45-1 1-1s1 .45 1 1v3h3c.55 0 1 .45 1 1s-.45 1-1 1z"></path></svg>

</a>
                </li>

                

  <div class="like-action-4300730   shot-action">
    <script>
      if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") {
        Dribbble.Shots.update(4300730, {
          likes_count: 10,
          liked: false
      });
      }
    </script>
      <a class="form-btn tipsy-mobile-disabled stats-action like-shot" rel="no-follow" title="Like this shot" data-signup-trigger="true" data-href="/signup/new" data-context="like-shot" href="/signup/new">
        <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon "><path d="m18.199 2.04c-2.606-.284-4.262.961-6.199 3.008-2.045-2.047-3.593-3.292-6.199-3.008-3.544.388-6.321 4.43-5.718 7.96.966 5.659 5.944 9 11.917 12 5.973-3 10.951-6.341 11.917-12 .603-3.53-2.174-7.572-5.718-7.96z"></path></svg>

          <span class="accessibility-text">Like</span>
</a>  </div>

            </ul>
      </div>
    </div>
</div>





</li>


<li
  id="screenshot-2856267" data-thumbnail-id="2856267"
  class="shot-thumbnail js-thumbnail shot-thumbnail-container      "
  data-ad-data=""
  data-boost-id=""
  data-is-boost-fallback=""
>
  

<div class="js-thumbnail-base shot-thumbnail-base disabled-shot-section dribbble-shot dribbble  "
>
      <figure
    style="background-color: #A9B358"
  class="js-thumbnail-placeholder shot-thumbnail-placeholder"
>
  <noscript>
      <img src="https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/2856267/media/536499f379ea8a4d75816e10960698bd.png?compress=1&amp;resize=400x300" alt="Face Design Progression face human identity negative space person">
  </noscript>
    <img alt="Face Design Progression face human identity negative space person" width="330" height="247" data-srcset="https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/2856267/media/536499f379ea8a4d75816e10960698bd.png?compress=1&amp;resize=320x240&amp;vertical=top 320w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/2856267/media/536499f379ea8a4d75816e10960698bd.png?compress=1&amp;resize=400x300&amp;vertical=top 400w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/2856267/media/536499f379ea8a4d75816e10960698bd.png?compress=1&amp;resize=450x338&amp;vertical=top 450w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/2856267/media/536499f379ea8a4d75816e10960698bd.png?compress=1&amp;resize=640x480&amp;vertical=top 640w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/2856267/media/536499f379ea8a4d75816e10960698bd.png?compress=1&amp;resize=700x525&amp;vertical=top 700w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/2856267/media/536499f379ea8a4d75816e10960698bd.png?compress=1&amp;resize=800x600&amp;vertical=top 800w" data-src="https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/2856267/media/536499f379ea8a4d75816e10960698bd.png?compress=1&amp;resize=400x300&amp;vertical=top" data-sizes="auto" class=" lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" />
</figure>


    <div class="shot-thumbnail-extras">
      
    </div>

      <a class="shot-thumbnail-link dribbble-link js-shot-link" href="/shots/2856267-Face-Design-Progression">
        <span class="accessibility-text">View Face Design Progression</span>
</a>
    <div class="shot-thumbnail-overlay">
      <div class="shot-thumbnail-overlay-content">
            <div class="shot-title">Face Design Progression</div>

            <ul class="js-dribbble-shot-actions shot-actions-container">
                <li data-bucket-container="true" class="shot-action">
                  

  <a class="bucket-shot form-btn" title="Save shot" data-signup-trigger="true" data-href="/signup/new" data-context="bucket-shot" href="/signup/new">
        <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon "><path d="m22 5h-11l-2-3h-7c-1.104 0-2 .896-2 2v16c0 1.104.896 2 2 2h20c1.104 0 2-.896 2-2v-13c0-1.104-.896-2-2-2zm-6 10h-3v3c0 .55-.45 1-1 1s-1-.45-1-1v-3h-3c-.55 0-1-.45-1-1s.45-1 1-1h3v-3c0-.55.45-1 1-1s1 .45 1 1v3h3c.55 0 1 .45 1 1s-.45 1-1 1z"></path></svg>

</a>
                </li>

                

  <div class="like-action-2856267   shot-action">
    <script>
      if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") {
        Dribbble.Shots.update(2856267, {
          likes_count: 13,
          liked: false
      });
      }
    </script>
      <a class="form-btn tipsy-mobile-disabled stats-action like-shot" rel="no-follow" title="Like this shot" data-signup-trigger="true" data-href="/signup/new" data-context="like-shot" href="/signup/new">
        <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon "><path d="m18.199 2.04c-2.606-.284-4.262.961-6.199 3.008-2.045-2.047-3.593-3.292-6.199-3.008-3.544.388-6.321 4.43-5.718 7.96.966 5.659 5.944 9 11.917 12 5.973-3 10.951-6.341 11.917-12 .603-3.53-2.174-7.572-5.718-7.96z"></path></svg>

          <span class="accessibility-text">Like</span>
</a>  </div>

            </ul>
      </div>
    </div>
</div>





</li>


<li
  id="screenshot-2564297" data-thumbnail-id="2564297"
  class="shot-thumbnail js-thumbnail shot-thumbnail-container      "
  data-ad-data=""
  data-boost-id=""
  data-is-boost-fallback=""
>
  

<div class="js-thumbnail-base shot-thumbnail-base disabled-shot-section dribbble-shot dribbble  "
>
      <figure
    style="background-color: #E1DBC7"
  class="js-thumbnail-placeholder shot-thumbnail-placeholder"
>
  <noscript>
      <img src="https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/2564297/media/647b735d896cf7d0d06e1258fc316011.jpg?compress=1&amp;resize=400x300" alt="12&quot; Record-Inspired Cover for Apple Music album art light leak record retro">
  </noscript>
    <img alt="12&quot; Record-Inspired Cover for Apple Music album art light leak record retro" width="330" height="247" data-srcset="https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/2564297/media/647b735d896cf7d0d06e1258fc316011.jpg?compress=1&amp;resize=320x240&amp;vertical=top 320w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/2564297/media/647b735d896cf7d0d06e1258fc316011.jpg?compress=1&amp;resize=400x300&amp;vertical=top 400w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/2564297/media/647b735d896cf7d0d06e1258fc316011.jpg?compress=1&amp;resize=450x338&amp;vertical=top 450w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/2564297/media/647b735d896cf7d0d06e1258fc316011.jpg?compress=1&amp;resize=640x480&amp;vertical=top 640w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/2564297/media/647b735d896cf7d0d06e1258fc316011.jpg?compress=1&amp;resize=700x525&amp;vertical=top 700w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/2564297/media/647b735d896cf7d0d06e1258fc316011.jpg?compress=1&amp;resize=800x600&amp;vertical=top 800w" data-src="https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/2564297/media/647b735d896cf7d0d06e1258fc316011.jpg?compress=1&amp;resize=400x300&amp;vertical=top" data-sizes="auto" class=" lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" />
</figure>


    <div class="shot-thumbnail-extras">
      
    </div>

      <a class="shot-thumbnail-link dribbble-link js-shot-link" href="/shots/2564297-12-Record-Inspired-Cover-for-Apple-Music">
        <span class="accessibility-text">View 12&quot; Record-Inspired Cover for Apple Music</span>
</a>
    <div class="shot-thumbnail-overlay">
      <div class="shot-thumbnail-overlay-content">
            <div class="shot-title">12&quot; Record-Inspired Cover for Apple Music</div>

            <ul class="js-dribbble-shot-actions shot-actions-container">
                <li data-bucket-container="true" class="shot-action">
                  

  <a class="bucket-shot form-btn" title="Save shot" data-signup-trigger="true" data-href="/signup/new" data-context="bucket-shot" href="/signup/new">
        <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon "><path d="m22 5h-11l-2-3h-7c-1.104 0-2 .896-2 2v16c0 1.104.896 2 2 2h20c1.104 0 2-.896 2-2v-13c0-1.104-.896-2-2-2zm-6 10h-3v3c0 .55-.45 1-1 1s-1-.45-1-1v-3h-3c-.55 0-1-.45-1-1s.45-1 1-1h3v-3c0-.55.45-1 1-1s1 .45 1 1v3h3c.55 0 1 .45 1 1s-.45 1-1 1z"></path></svg>

</a>
                </li>

                

  <div class="like-action-2564297   shot-action">
    <script>
      if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") {
        Dribbble.Shots.update(2564297, {
          likes_count: 10,
          liked: false
      });
      }
    </script>
      <a class="form-btn tipsy-mobile-disabled stats-action like-shot" rel="no-follow" title="Like this shot" data-signup-trigger="true" data-href="/signup/new" data-context="like-shot" href="/signup/new">
        <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon "><path d="m18.199 2.04c-2.606-.284-4.262.961-6.199 3.008-2.045-2.047-3.593-3.292-6.199-3.008-3.544.388-6.321 4.43-5.718 7.96.966 5.659 5.944 9 11.917 12 5.973-3 10.951-6.341 11.917-12 .603-3.53-2.174-7.572-5.718-7.96z"></path></svg>

          <span class="accessibility-text">Like</span>
</a>  </div>

            </ul>
      </div>
    </div>
</div>





</li>


<li
  id="screenshot-2454413" data-thumbnail-id="2454413"
  class="shot-thumbnail js-thumbnail shot-thumbnail-container      "
  data-ad-data=""
  data-boost-id=""
  data-is-boost-fallback=""
>
  

<div class="js-thumbnail-base shot-thumbnail-base disabled-shot-section dribbble-shot dribbble  "
>
      <figure
    style="background-color: #535353"
  class="js-thumbnail-placeholder shot-thumbnail-placeholder"
>
  <noscript>
      <img src="https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/2454413/media/942d850a33954df886774e66d9f13814.jpg?compress=1&amp;resize=400x300" alt="Technically Speaking... album cover iphone podcast retro show">
  </noscript>
    <img alt="Technically Speaking... album cover iphone podcast retro show" width="330" height="247" data-srcset="https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/2454413/media/942d850a33954df886774e66d9f13814.jpg?compress=1&amp;resize=320x240&amp;vertical=top 320w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/2454413/media/942d850a33954df886774e66d9f13814.jpg?compress=1&amp;resize=400x300&amp;vertical=top 400w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/2454413/media/942d850a33954df886774e66d9f13814.jpg?compress=1&amp;resize=450x338&amp;vertical=top 450w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/2454413/media/942d850a33954df886774e66d9f13814.jpg?compress=1&amp;resize=640x480&amp;vertical=top 640w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/2454413/media/942d850a33954df886774e66d9f13814.jpg?compress=1&amp;resize=700x525&amp;vertical=top 700w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/2454413/media/942d850a33954df886774e66d9f13814.jpg?compress=1&amp;resize=800x600&amp;vertical=top 800w" data-src="https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/2454413/media/942d850a33954df886774e66d9f13814.jpg?compress=1&amp;resize=400x300&amp;vertical=top" data-sizes="auto" class=" lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" />
</figure>


    <div class="shot-thumbnail-extras">
      
    </div>

      <a class="shot-thumbnail-link dribbble-link js-shot-link" href="/shots/2454413-Technically-Speaking">
        <span class="accessibility-text">View Technically Speaking...</span>
</a>
    <div class="shot-thumbnail-overlay">
      <div class="shot-thumbnail-overlay-content">
            <div class="shot-title">Technically Speaking...</div>

            <ul class="js-dribbble-shot-actions shot-actions-container">
                <li data-bucket-container="true" class="shot-action">
                  

  <a class="bucket-shot form-btn" title="Save shot" data-signup-trigger="true" data-href="/signup/new" data-context="bucket-shot" href="/signup/new">
        <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon "><path d="m22 5h-11l-2-3h-7c-1.104 0-2 .896-2 2v16c0 1.104.896 2 2 2h20c1.104 0 2-.896 2-2v-13c0-1.104-.896-2-2-2zm-6 10h-3v3c0 .55-.45 1-1 1s-1-.45-1-1v-3h-3c-.55 0-1-.45-1-1s.45-1 1-1h3v-3c0-.55.45-1 1-1s1 .45 1 1v3h3c.55 0 1 .45 1 1s-.45 1-1 1z"></path></svg>

</a>
                </li>

                

  <div class="like-action-2454413   shot-action">
    <script>
      if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") {
        Dribbble.Shots.update(2454413, {
          likes_count: 8,
          liked: false
      });
      }
    </script>
      <a class="form-btn tipsy-mobile-disabled stats-action like-shot" rel="no-follow" title="Like this shot" data-signup-trigger="true" data-href="/signup/new" data-context="like-shot" href="/signup/new">
        <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon "><path d="m18.199 2.04c-2.606-.284-4.262.961-6.199 3.008-2.045-2.047-3.593-3.292-6.199-3.008-3.544.388-6.321 4.43-5.718 7.96.966 5.659 5.944 9 11.917 12 5.973-3 10.951-6.341 11.917-12 .603-3.53-2.174-7.572-5.718-7.96z"></path></svg>

          <span class="accessibility-text">Like</span>
</a>  </div>

            </ul>
      </div>
    </div>
</div>





</li>


<li
  id="screenshot-2164340" data-thumbnail-id="2164340"
  class="shot-thumbnail js-thumbnail shot-thumbnail-container      "
  data-ad-data=""
  data-boost-id=""
  data-is-boost-fallback=""
>
  

<div class="js-thumbnail-base shot-thumbnail-base disabled-shot-section dribbble-shot dribbble  "
>
      <figure
    style="background-color: #020202"
  class="js-thumbnail-placeholder shot-thumbnail-placeholder"
>
  <noscript>
      <img src="https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/2164340/media/17822f8ed1505ba693f95971d0d57534.png?compress=1&amp;resize=400x300" alt="Animated Space Webpage Background web">
  </noscript>
    <img alt="Animated Space Webpage Background web" width="330" height="247" data-srcset="https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/2164340/media/17822f8ed1505ba693f95971d0d57534.png?compress=1&amp;resize=320x240&amp;vertical=top 320w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/2164340/media/17822f8ed1505ba693f95971d0d57534.png?compress=1&amp;resize=400x300&amp;vertical=top 400w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/2164340/media/17822f8ed1505ba693f95971d0d57534.png?compress=1&amp;resize=450x338&amp;vertical=top 450w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/2164340/media/17822f8ed1505ba693f95971d0d57534.png?compress=1&amp;resize=640x480&amp;vertical=top 640w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/2164340/media/17822f8ed1505ba693f95971d0d57534.png?compress=1&amp;resize=700x525&amp;vertical=top 700w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/2164340/media/17822f8ed1505ba693f95971d0d57534.png?compress=1&amp;resize=800x600&amp;vertical=top 800w" data-src="https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/2164340/media/17822f8ed1505ba693f95971d0d57534.png?compress=1&amp;resize=400x300&amp;vertical=top" data-sizes="auto" class=" lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" />
</figure>


    <div class="shot-thumbnail-extras">
      
    </div>

      <a class="shot-thumbnail-link dribbble-link js-shot-link" href="/shots/2164340-Animated-Space-Webpage-Background">
        <span class="accessibility-text">View Animated Space Webpage Background</span>
</a>
    <div class="shot-thumbnail-overlay">
      <div class="shot-thumbnail-overlay-content">
            <div class="shot-title">Animated Space Webpage Background</div>

            <ul class="js-dribbble-shot-actions shot-actions-container">
                <li data-bucket-container="true" class="shot-action">
                  

  <a class="bucket-shot form-btn" title="Save shot" data-signup-trigger="true" data-href="/signup/new" data-context="bucket-shot" href="/signup/new">
        <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon "><path d="m22 5h-11l-2-3h-7c-1.104 0-2 .896-2 2v16c0 1.104.896 2 2 2h20c1.104 0 2-.896 2-2v-13c0-1.104-.896-2-2-2zm-6 10h-3v3c0 .55-.45 1-1 1s-1-.45-1-1v-3h-3c-.55 0-1-.45-1-1s.45-1 1-1h3v-3c0-.55.45-1 1-1s1 .45 1 1v3h3c.55 0 1 .45 1 1s-.45 1-1 1z"></path></svg>

</a>
                </li>

                

  <div class="like-action-2164340   shot-action">
    <script>
      if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") {
        Dribbble.Shots.update(2164340, {
          likes_count: 7,
          liked: false
      });
      }
    </script>
      <a class="form-btn tipsy-mobile-disabled stats-action like-shot" rel="no-follow" title="Like this shot" data-signup-trigger="true" data-href="/signup/new" data-context="like-shot" href="/signup/new">
        <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon "><path d="m18.199 2.04c-2.606-.284-4.262.961-6.199 3.008-2.045-2.047-3.593-3.292-6.199-3.008-3.544.388-6.321 4.43-5.718 7.96.966 5.659 5.944 9 11.917 12 5.973-3 10.951-6.341 11.917-12 .603-3.53-2.174-7.572-5.718-7.96z"></path></svg>

          <span class="accessibility-text">Like</span>
</a>  </div>

            </ul>
      </div>
    </div>
</div>





</li>


<li
  id="screenshot-1971187" data-thumbnail-id="1971187"
  class="shot-thumbnail js-thumbnail shot-thumbnail-container      "
  data-ad-data=""
  data-boost-id=""
  data-is-boost-fallback=""
>
  

<div class="js-thumbnail-base shot-thumbnail-base disabled-shot-section dribbble-shot dribbble  "
>
      <figure
    style="background-color: #82D16B"
  class="js-thumbnail-placeholder shot-thumbnail-placeholder"
>
  <noscript>
      <img src="https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/1971187/media/eb85c05580d7aa92c8b4d6a68a263db8.png?compress=1&amp;resize=400x300" alt="Flat Apple Watch Icon apple flat icon ios watch">
  </noscript>
    <img alt="Flat Apple Watch Icon apple flat icon ios watch" width="330" height="247" data-srcset="https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/1971187/media/eb85c05580d7aa92c8b4d6a68a263db8.png?compress=1&amp;resize=320x240&amp;vertical=top 320w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/1971187/media/eb85c05580d7aa92c8b4d6a68a263db8.png?compress=1&amp;resize=400x300&amp;vertical=top 400w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/1971187/media/eb85c05580d7aa92c8b4d6a68a263db8.png?compress=1&amp;resize=450x338&amp;vertical=top 450w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/1971187/media/eb85c05580d7aa92c8b4d6a68a263db8.png?compress=1&amp;resize=640x480&amp;vertical=top 640w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/1971187/media/eb85c05580d7aa92c8b4d6a68a263db8.png?compress=1&amp;resize=700x525&amp;vertical=top 700w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/1971187/media/eb85c05580d7aa92c8b4d6a68a263db8.png?compress=1&amp;resize=800x600&amp;vertical=top 800w" data-src="https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/1971187/media/eb85c05580d7aa92c8b4d6a68a263db8.png?compress=1&amp;resize=400x300&amp;vertical=top" data-sizes="auto" class=" lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" />
</figure>


    <div class="shot-thumbnail-extras">
      
    </div>

      <a class="shot-thumbnail-link dribbble-link js-shot-link" href="/shots/1971187-Flat-Apple-Watch-Icon">
        <span class="accessibility-text">View Flat Apple Watch Icon</span>
</a>
    <div class="shot-thumbnail-overlay">
      <div class="shot-thumbnail-overlay-content">
            <div class="shot-title">Flat Apple Watch Icon</div>

            <ul class="js-dribbble-shot-actions shot-actions-container">
                <li data-bucket-container="true" class="shot-action">
                  

  <a class="bucket-shot form-btn" title="Save shot" data-signup-trigger="true" data-href="/signup/new" data-context="bucket-shot" href="/signup/new">
        <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon "><path d="m22 5h-11l-2-3h-7c-1.104 0-2 .896-2 2v16c0 1.104.896 2 2 2h20c1.104 0 2-.896 2-2v-13c0-1.104-.896-2-2-2zm-6 10h-3v3c0 .55-.45 1-1 1s-1-.45-1-1v-3h-3c-.55 0-1-.45-1-1s.45-1 1-1h3v-3c0-.55.45-1 1-1s1 .45 1 1v3h3c.55 0 1 .45 1 1s-.45 1-1 1z"></path></svg>

</a>
                </li>

                

  <div class="like-action-1971187   shot-action">
    <script>
      if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") {
        Dribbble.Shots.update(1971187, {
          likes_count: 11,
          liked: false
      });
      }
    </script>
      <a class="form-btn tipsy-mobile-disabled stats-action like-shot" rel="no-follow" title="Like this shot" data-signup-trigger="true" data-href="/signup/new" data-context="like-shot" href="/signup/new">
        <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon "><path d="m18.199 2.04c-2.606-.284-4.262.961-6.199 3.008-2.045-2.047-3.593-3.292-6.199-3.008-3.544.388-6.321 4.43-5.718 7.96.966 5.659 5.944 9 11.917 12 5.973-3 10.951-6.341 11.917-12 .603-3.53-2.174-7.572-5.718-7.96z"></path></svg>

          <span class="accessibility-text">Like</span>
</a>  </div>

            </ul>
      </div>
    </div>
</div>





</li>


<li
  id="screenshot-1870921" data-thumbnail-id="1870921"
  class="shot-thumbnail js-thumbnail shot-thumbnail-container      "
  data-ad-data=""
  data-boost-id=""
  data-is-boost-fallback=""
>
  

<div class="js-thumbnail-base shot-thumbnail-base disabled-shot-section dribbble-shot dribbble  "
>
      <figure
    style="background-color: #1EBC9C"
  class="js-thumbnail-placeholder shot-thumbnail-placeholder"
>
  <noscript>
      <img src="https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/1870921/media/6e2edec6b3caf1aa035687a1dee2132f.png?compress=1&amp;resize=400x300" alt="Svbtle Avatar Close-Up face glyph identity">
  </noscript>
    <img alt="Svbtle Avatar Close-Up face glyph identity" width="330" height="247" data-srcset="https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/1870921/media/6e2edec6b3caf1aa035687a1dee2132f.png?compress=1&amp;resize=320x240&amp;vertical=top 320w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/1870921/media/6e2edec6b3caf1aa035687a1dee2132f.png?compress=1&amp;resize=400x300&amp;vertical=top 400w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/1870921/media/6e2edec6b3caf1aa035687a1dee2132f.png?compress=1&amp;resize=450x338&amp;vertical=top 450w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/1870921/media/6e2edec6b3caf1aa035687a1dee2132f.png?compress=1&amp;resize=640x480&amp;vertical=top 640w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/1870921/media/6e2edec6b3caf1aa035687a1dee2132f.png?compress=1&amp;resize=700x525&amp;vertical=top 700w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/1870921/media/6e2edec6b3caf1aa035687a1dee2132f.png?compress=1&amp;resize=800x600&amp;vertical=top 800w" data-src="https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/1870921/media/6e2edec6b3caf1aa035687a1dee2132f.png?compress=1&amp;resize=400x300&amp;vertical=top" data-sizes="auto" class=" lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" />
</figure>


    <div class="shot-thumbnail-extras">
      
    </div>

      <a class="shot-thumbnail-link dribbble-link js-shot-link" href="/shots/1870921-Svbtle-Avatar-Close-Up">
        <span class="accessibility-text">View Svbtle Avatar Close-Up</span>
</a>
    <div class="shot-thumbnail-overlay">
      <div class="shot-thumbnail-overlay-content">
            <div class="shot-title">Svbtle Avatar Close-Up</div>

            <ul class="js-dribbble-shot-actions shot-actions-container">
                <li data-bucket-container="true" class="shot-action">
                  

  <a class="bucket-shot form-btn" title="Save shot" data-signup-trigger="true" data-href="/signup/new" data-context="bucket-shot" href="/signup/new">
        <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon "><path d="m22 5h-11l-2-3h-7c-1.104 0-2 .896-2 2v16c0 1.104.896 2 2 2h20c1.104 0 2-.896 2-2v-13c0-1.104-.896-2-2-2zm-6 10h-3v3c0 .55-.45 1-1 1s-1-.45-1-1v-3h-3c-.55 0-1-.45-1-1s.45-1 1-1h3v-3c0-.55.45-1 1-1s1 .45 1 1v3h3c.55 0 1 .45 1 1s-.45 1-1 1z"></path></svg>

</a>
                </li>

                

  <div class="like-action-1870921   shot-action">
    <script>
      if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") {
        Dribbble.Shots.update(1870921, {
          likes_count: 11,
          liked: false
      });
      }
    </script>
      <a class="form-btn tipsy-mobile-disabled stats-action like-shot" rel="no-follow" title="Like this shot" data-signup-trigger="true" data-href="/signup/new" data-context="like-shot" href="/signup/new">
        <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon "><path d="m18.199 2.04c-2.606-.284-4.262.961-6.199 3.008-2.045-2.047-3.593-3.292-6.199-3.008-3.544.388-6.321 4.43-5.718 7.96.966 5.659 5.944 9 11.917 12 5.973-3 10.951-6.341 11.917-12 .603-3.53-2.174-7.572-5.718-7.96z"></path></svg>

          <span class="accessibility-text">Like</span>
</a>  </div>

            </ul>
      </div>
    </div>
</div>





</li>


<li
  id="screenshot-1870106" data-thumbnail-id="1870106"
  class="shot-thumbnail js-thumbnail shot-thumbnail-container      "
  data-ad-data=""
  data-boost-id=""
  data-is-boost-fallback=""
>
  

<div class="js-thumbnail-base shot-thumbnail-base disabled-shot-section dribbble-shot dribbble  "
>
      <figure
    style="background-color: #FEFFFF"
  class="js-thumbnail-placeholder shot-thumbnail-placeholder"
>
  <noscript>
      <img src="https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/1870106/media/711e9a9964918eb6e644f5c5e9609693.jpg?compress=1&amp;resize=400x300" alt="Svbtle Avatar avatar face gas glyph mask person">
  </noscript>
    <img alt="Svbtle Avatar avatar face gas glyph mask person" width="330" height="247" data-srcset="https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/1870106/media/711e9a9964918eb6e644f5c5e9609693.jpg?compress=1&amp;resize=320x240&amp;vertical=top 320w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/1870106/media/711e9a9964918eb6e644f5c5e9609693.jpg?compress=1&amp;resize=400x300&amp;vertical=top 400w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/1870106/media/711e9a9964918eb6e644f5c5e9609693.jpg?compress=1&amp;resize=450x338&amp;vertical=top 450w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/1870106/media/711e9a9964918eb6e644f5c5e9609693.jpg?compress=1&amp;resize=640x480&amp;vertical=top 640w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/1870106/media/711e9a9964918eb6e644f5c5e9609693.jpg?compress=1&amp;resize=700x525&amp;vertical=top 700w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/1870106/media/711e9a9964918eb6e644f5c5e9609693.jpg?compress=1&amp;resize=800x600&amp;vertical=top 800w" data-src="https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/1870106/media/711e9a9964918eb6e644f5c5e9609693.jpg?compress=1&amp;resize=400x300&amp;vertical=top" data-sizes="auto" class=" lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" />
</figure>


    <div class="shot-thumbnail-extras">
      
    </div>

      <a class="shot-thumbnail-link dribbble-link js-shot-link" href="/shots/1870106-Svbtle-Avatar">
        <span class="accessibility-text">View Svbtle Avatar</span>
</a>
    <div class="shot-thumbnail-overlay">
      <div class="shot-thumbnail-overlay-content">
            <div class="shot-title">Svbtle Avatar</div>

            <ul class="js-dribbble-shot-actions shot-actions-container">
                <li data-bucket-container="true" class="shot-action">
                  

  <a class="bucket-shot form-btn" title="Save shot" data-signup-trigger="true" data-href="/signup/new" data-context="bucket-shot" href="/signup/new">
        <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon "><path d="m22 5h-11l-2-3h-7c-1.104 0-2 .896-2 2v16c0 1.104.896 2 2 2h20c1.104 0 2-.896 2-2v-13c0-1.104-.896-2-2-2zm-6 10h-3v3c0 .55-.45 1-1 1s-1-.45-1-1v-3h-3c-.55 0-1-.45-1-1s.45-1 1-1h3v-3c0-.55.45-1 1-1s1 .45 1 1v3h3c.55 0 1 .45 1 1s-.45 1-1 1z"></path></svg>

</a>
                </li>

                

  <div class="like-action-1870106   shot-action">
    <script>
      if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") {
        Dribbble.Shots.update(1870106, {
          likes_count: 7,
          liked: false
      });
      }
    </script>
      <a class="form-btn tipsy-mobile-disabled stats-action like-shot" rel="no-follow" title="Like this shot" data-signup-trigger="true" data-href="/signup/new" data-context="like-shot" href="/signup/new">
        <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon "><path d="m18.199 2.04c-2.606-.284-4.262.961-6.199 3.008-2.045-2.047-3.593-3.292-6.199-3.008-3.544.388-6.321 4.43-5.718 7.96.966 5.659 5.944 9 11.917 12 5.973-3 10.951-6.341 11.917-12 .603-3.53-2.174-7.572-5.718-7.96z"></path></svg>

          <span class="accessibility-text">Like</span>
</a>  </div>

            </ul>
      </div>
    </div>
</div>





</li>


<li
  id="screenshot-1869556" data-thumbnail-id="1869556"
  class="shot-thumbnail js-thumbnail shot-thumbnail-container      "
  data-ad-data=""
  data-boost-id=""
  data-is-boost-fallback=""
>
  

<div class="js-thumbnail-base shot-thumbnail-base disabled-shot-section dribbble-shot dribbble  "
>
      <figure
    style="background-color: #263B6E"
  class="js-thumbnail-placeholder shot-thumbnail-placeholder"
>
  <noscript>
      <img src="https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/1869556/media/ecaae6fa2cc74e30155d4eccebcb820b.jpg?compress=1&amp;resize=400x300" alt="Infinity Magazine Cover galaxy magazine publication typography">
  </noscript>
    <img alt="Infinity Magazine Cover galaxy magazine publication typography" width="330" height="247" data-srcset="https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/1869556/media/ecaae6fa2cc74e30155d4eccebcb820b.jpg?compress=1&amp;resize=320x240&amp;vertical=top 320w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/1869556/media/ecaae6fa2cc74e30155d4eccebcb820b.jpg?compress=1&amp;resize=400x300&amp;vertical=top 400w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/1869556/media/ecaae6fa2cc74e30155d4eccebcb820b.jpg?compress=1&amp;resize=450x338&amp;vertical=top 450w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/1869556/media/ecaae6fa2cc74e30155d4eccebcb820b.jpg?compress=1&amp;resize=640x480&amp;vertical=top 640w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/1869556/media/ecaae6fa2cc74e30155d4eccebcb820b.jpg?compress=1&amp;resize=700x525&amp;vertical=top 700w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/1869556/media/ecaae6fa2cc74e30155d4eccebcb820b.jpg?compress=1&amp;resize=800x600&amp;vertical=top 800w" data-src="https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/1869556/media/ecaae6fa2cc74e30155d4eccebcb820b.jpg?compress=1&amp;resize=400x300&amp;vertical=top" data-sizes="auto" class=" lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" />
</figure>


    <div class="shot-thumbnail-extras">
      
    </div>

      <a class="shot-thumbnail-link dribbble-link js-shot-link" href="/shots/1869556-Infinity-Magazine-Cover">
        <span class="accessibility-text">View Infinity Magazine Cover</span>
</a>
    <div class="shot-thumbnail-overlay">
      <div class="shot-thumbnail-overlay-content">
            <div class="shot-title">Infinity Magazine Cover</div>

            <ul class="js-dribbble-shot-actions shot-actions-container">
                <li data-bucket-container="true" class="shot-action">
                  

  <a class="bucket-shot form-btn" title="Save shot" data-signup-trigger="true" data-href="/signup/new" data-context="bucket-shot" href="/signup/new">
        <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon "><path d="m22 5h-11l-2-3h-7c-1.104 0-2 .896-2 2v16c0 1.104.896 2 2 2h20c1.104 0 2-.896 2-2v-13c0-1.104-.896-2-2-2zm-6 10h-3v3c0 .55-.45 1-1 1s-1-.45-1-1v-3h-3c-.55 0-1-.45-1-1s.45-1 1-1h3v-3c0-.55.45-1 1-1s1 .45 1 1v3h3c.55 0 1 .45 1 1s-.45 1-1 1z"></path></svg>

</a>
                </li>

                

  <div class="like-action-1869556   shot-action">
    <script>
      if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") {
        Dribbble.Shots.update(1869556, {
          likes_count: 5,
          liked: false
      });
      }
    </script>
      <a class="form-btn tipsy-mobile-disabled stats-action like-shot" rel="no-follow" title="Like this shot" data-signup-trigger="true" data-href="/signup/new" data-context="like-shot" href="/signup/new">
        <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon "><path d="m18.199 2.04c-2.606-.284-4.262.961-6.199 3.008-2.045-2.047-3.593-3.292-6.199-3.008-3.544.388-6.321 4.43-5.718 7.96.966 5.659 5.944 9 11.917 12 5.973-3 10.951-6.341 11.917-12 .603-3.53-2.174-7.572-5.718-7.96z"></path></svg>

          <span class="accessibility-text">Like</span>
</a>  </div>

            </ul>
      </div>
    </div>
</div>





</li>


<li
  id="screenshot-1857148" data-thumbnail-id="1857148"
  class="shot-thumbnail js-thumbnail shot-thumbnail-container      "
  data-ad-data=""
  data-boost-id=""
  data-is-boost-fallback=""
>
  

<div class="js-thumbnail-base shot-thumbnail-base disabled-shot-section dribbble-shot dribbble  "
>
      <figure
    style="background-color: #F9F9F9"
  class="js-thumbnail-placeholder shot-thumbnail-placeholder"
>
  <noscript>
      <img src="https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/1857148/media/577db5724f305c49aeb60e01a203d0bb.png?compress=1&amp;resize=400x300" alt="Double Exposure Indicator icon logo">
  </noscript>
    <img alt="Double Exposure Indicator icon logo" width="330" height="247" data-srcset="https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/1857148/media/577db5724f305c49aeb60e01a203d0bb.png?compress=1&amp;resize=320x240&amp;vertical=top 320w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/1857148/media/577db5724f305c49aeb60e01a203d0bb.png?compress=1&amp;resize=400x300&amp;vertical=top 400w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/1857148/media/577db5724f305c49aeb60e01a203d0bb.png?compress=1&amp;resize=450x338&amp;vertical=top 450w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/1857148/media/577db5724f305c49aeb60e01a203d0bb.png?compress=1&amp;resize=640x480&amp;vertical=top 640w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/1857148/media/577db5724f305c49aeb60e01a203d0bb.png?compress=1&amp;resize=700x525&amp;vertical=top 700w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/1857148/media/577db5724f305c49aeb60e01a203d0bb.png?compress=1&amp;resize=800x600&amp;vertical=top 800w" data-src="https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/1857148/media/577db5724f305c49aeb60e01a203d0bb.png?compress=1&amp;resize=400x300&amp;vertical=top" data-sizes="auto" class=" lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" />
</figure>


    <div class="shot-thumbnail-extras">
      
    </div>

      <a class="shot-thumbnail-link dribbble-link js-shot-link" href="/shots/1857148-Double-Exposure-Indicator">
        <span class="accessibility-text">View Double Exposure Indicator</span>
</a>
    <div class="shot-thumbnail-overlay">
      <div class="shot-thumbnail-overlay-content">
            <div class="shot-title">Double Exposure Indicator</div>

            <ul class="js-dribbble-shot-actions shot-actions-container">
                <li data-bucket-container="true" class="shot-action">
                  

  <a class="bucket-shot form-btn" title="Save shot" data-signup-trigger="true" data-href="/signup/new" data-context="bucket-shot" href="/signup/new">
        <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon "><path d="m22 5h-11l-2-3h-7c-1.104 0-2 .896-2 2v16c0 1.104.896 2 2 2h20c1.104 0 2-.896 2-2v-13c0-1.104-.896-2-2-2zm-6 10h-3v3c0 .55-.45 1-1 1s-1-.45-1-1v-3h-3c-.55 0-1-.45-1-1s.45-1 1-1h3v-3c0-.55.45-1 1-1s1 .45 1 1v3h3c.55 0 1 .45 1 1s-.45 1-1 1z"></path></svg>

</a>
                </li>

                

  <div class="like-action-1857148   shot-action">
    <script>
      if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") {
        Dribbble.Shots.update(1857148, {
          likes_count: 10,
          liked: false
      });
      }
    </script>
      <a class="form-btn tipsy-mobile-disabled stats-action like-shot" rel="no-follow" title="Like this shot" data-signup-trigger="true" data-href="/signup/new" data-context="like-shot" href="/signup/new">
        <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon "><path d="m18.199 2.04c-2.606-.284-4.262.961-6.199 3.008-2.045-2.047-3.593-3.292-6.199-3.008-3.544.388-6.321 4.43-5.718 7.96.966 5.659 5.944 9 11.917 12 5.973-3 10.951-6.341 11.917-12 .603-3.53-2.174-7.572-5.718-7.96z"></path></svg>

          <span class="accessibility-text">Like</span>
</a>  </div>

            </ul>
      </div>
    </div>
</div>





</li>


<li
  id="screenshot-1814183" data-thumbnail-id="1814183"
  class="shot-thumbnail js-thumbnail shot-thumbnail-container      "
  data-ad-data=""
  data-boost-id=""
  data-is-boost-fallback=""
>
  

<div class="js-thumbnail-base shot-thumbnail-base disabled-shot-section dribbble-shot dribbble  "
>
      <figure
    style="background-color: #5E5860"
  class="js-thumbnail-placeholder shot-thumbnail-placeholder"
>
  <noscript>
      <img src="https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/1814183/media/f748987f7e6408c48c7edc7cc76317f7.png?compress=1&amp;resize=400x300" alt="iPhone 6 Icons blur icon ios ios 8 iphone osx">
  </noscript>
    <img alt="iPhone 6 Icons blur icon ios ios 8 iphone osx" width="330" height="247" data-srcset="https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/1814183/media/f748987f7e6408c48c7edc7cc76317f7.png?compress=1&amp;resize=320x240&amp;vertical=top 320w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/1814183/media/f748987f7e6408c48c7edc7cc76317f7.png?compress=1&amp;resize=400x300&amp;vertical=top 400w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/1814183/media/f748987f7e6408c48c7edc7cc76317f7.png?compress=1&amp;resize=450x338&amp;vertical=top 450w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/1814183/media/f748987f7e6408c48c7edc7cc76317f7.png?compress=1&amp;resize=640x480&amp;vertical=top 640w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/1814183/media/f748987f7e6408c48c7edc7cc76317f7.png?compress=1&amp;resize=700x525&amp;vertical=top 700w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/1814183/media/f748987f7e6408c48c7edc7cc76317f7.png?compress=1&amp;resize=800x600&amp;vertical=top 800w" data-src="https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/1814183/media/f748987f7e6408c48c7edc7cc76317f7.png?compress=1&amp;resize=400x300&amp;vertical=top" data-sizes="auto" class=" lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" />
</figure>


    <div class="shot-thumbnail-extras">
      
    </div>

      <a class="shot-thumbnail-link dribbble-link js-shot-link" href="/shots/1814183-iPhone-6-Icons">
        <span class="accessibility-text">View iPhone 6 Icons</span>
</a>
    <div class="shot-thumbnail-overlay">
      <div class="shot-thumbnail-overlay-content">
            <div class="shot-title">iPhone 6 Icons</div>

            <ul class="js-dribbble-shot-actions shot-actions-container">
                <li data-bucket-container="true" class="shot-action">
                  

  <a class="bucket-shot form-btn" title="Save shot" data-signup-trigger="true" data-href="/signup/new" data-context="bucket-shot" href="/signup/new">
        <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon "><path d="m22 5h-11l-2-3h-7c-1.104 0-2 .896-2 2v16c0 1.104.896 2 2 2h20c1.104 0 2-.896 2-2v-13c0-1.104-.896-2-2-2zm-6 10h-3v3c0 .55-.45 1-1 1s-1-.45-1-1v-3h-3c-.55 0-1-.45-1-1s.45-1 1-1h3v-3c0-.55.45-1 1-1s1 .45 1 1v3h3c.55 0 1 .45 1 1s-.45 1-1 1z"></path></svg>

</a>
                </li>

                

  <div class="like-action-1814183   shot-action">
    <script>
      if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") {
        Dribbble.Shots.update(1814183, {
          likes_count: 3,
          liked: false
      });
      }
    </script>
      <a class="form-btn tipsy-mobile-disabled stats-action like-shot" rel="no-follow" title="Like this shot" data-signup-trigger="true" data-href="/signup/new" data-context="like-shot" href="/signup/new">
        <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon "><path d="m18.199 2.04c-2.606-.284-4.262.961-6.199 3.008-2.045-2.047-3.593-3.292-6.199-3.008-3.544.388-6.321 4.43-5.718 7.96.966 5.659 5.944 9 11.917 12 5.973-3 10.951-6.341 11.917-12 .603-3.53-2.174-7.572-5.718-7.96z"></path></svg>

          <span class="accessibility-text">Like</span>
</a>  </div>

            </ul>
      </div>
    </div>
</div>





</li>


<li
  id="screenshot-1691406" data-thumbnail-id="1691406"
  class="shot-thumbnail js-thumbnail shot-thumbnail-container      "
  data-ad-data=""
  data-boost-id=""
  data-is-boost-fallback=""
>
  

<div class="js-thumbnail-base shot-thumbnail-base disabled-shot-section dribbble-shot dribbble  "
>
      <figure
    style="background-color: #888888"
  class="js-thumbnail-placeholder shot-thumbnail-placeholder"
>
  <noscript>
      <img src="https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/1691406/media/d7b3f7162d043ba8ffe677ba292bace7.png?compress=1&amp;resize=400x300" alt="Watercolor Love abstract bright mask subtle text watercolor">
  </noscript>
    <img alt="Watercolor Love abstract bright mask subtle text watercolor" width="330" height="247" data-srcset="https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/1691406/media/d7b3f7162d043ba8ffe677ba292bace7.png?compress=1&amp;resize=320x240&amp;vertical=top 320w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/1691406/media/d7b3f7162d043ba8ffe677ba292bace7.png?compress=1&amp;resize=400x300&amp;vertical=top 400w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/1691406/media/d7b3f7162d043ba8ffe677ba292bace7.png?compress=1&amp;resize=450x338&amp;vertical=top 450w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/1691406/media/d7b3f7162d043ba8ffe677ba292bace7.png?compress=1&amp;resize=640x480&amp;vertical=top 640w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/1691406/media/d7b3f7162d043ba8ffe677ba292bace7.png?compress=1&amp;resize=700x525&amp;vertical=top 700w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/1691406/media/d7b3f7162d043ba8ffe677ba292bace7.png?compress=1&amp;resize=800x600&amp;vertical=top 800w" data-src="https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/1691406/media/d7b3f7162d043ba8ffe677ba292bace7.png?compress=1&amp;resize=400x300&amp;vertical=top" data-sizes="auto" class=" lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" />
</figure>


    <div class="shot-thumbnail-extras">
      
    </div>

      <a class="shot-thumbnail-link dribbble-link js-shot-link" href="/shots/1691406-Watercolor-Love">
        <span class="accessibility-text">View Watercolor Love</span>
</a>
    <div class="shot-thumbnail-overlay">
      <div class="shot-thumbnail-overlay-content">
            <div class="shot-title">Watercolor Love</div>

            <ul class="js-dribbble-shot-actions shot-actions-container">
                <li data-bucket-container="true" class="shot-action">
                  

  <a class="bucket-shot form-btn" title="Save shot" data-signup-trigger="true" data-href="/signup/new" data-context="bucket-shot" href="/signup/new">
        <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon "><path d="m22 5h-11l-2-3h-7c-1.104 0-2 .896-2 2v16c0 1.104.896 2 2 2h20c1.104 0 2-.896 2-2v-13c0-1.104-.896-2-2-2zm-6 10h-3v3c0 .55-.45 1-1 1s-1-.45-1-1v-3h-3c-.55 0-1-.45-1-1s.45-1 1-1h3v-3c0-.55.45-1 1-1s1 .45 1 1v3h3c.55 0 1 .45 1 1s-.45 1-1 1z"></path></svg>

</a>
                </li>

                

  <div class="like-action-1691406   shot-action">
    <script>
      if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") {
        Dribbble.Shots.update(1691406, {
          likes_count: 7,
          liked: false
      });
      }
    </script>
      <a class="form-btn tipsy-mobile-disabled stats-action like-shot" rel="no-follow" title="Like this shot" data-signup-trigger="true" data-href="/signup/new" data-context="like-shot" href="/signup/new">
        <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon "><path d="m18.199 2.04c-2.606-.284-4.262.961-6.199 3.008-2.045-2.047-3.593-3.292-6.199-3.008-3.544.388-6.321 4.43-5.718 7.96.966 5.659 5.944 9 11.917 12 5.973-3 10.951-6.341 11.917-12 .603-3.53-2.174-7.572-5.718-7.96z"></path></svg>

          <span class="accessibility-text">Like</span>
</a>  </div>

            </ul>
      </div>
    </div>
</div>





</li>


<li
  id="screenshot-1505815" data-thumbnail-id="1505815"
  class="shot-thumbnail js-thumbnail shot-thumbnail-container      "
  data-ad-data=""
  data-boost-id=""
  data-is-boost-fallback=""
>
  

<div class="js-thumbnail-base shot-thumbnail-base disabled-shot-section dribbble-shot dribbble  "
>
      <figure
    style="background-color: #E9E9E9"
  class="js-thumbnail-placeholder shot-thumbnail-placeholder"
>
  <noscript>
      <img src="https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/1505815/apple___movado_both_copy.png?compress=1&amp;resize=400x300" alt="Apple + Movado Champagne Watch Advertisement chronograph gold hands minimalist old retro typography watch">
  </noscript>
    <img alt="Apple + Movado Champagne Watch Advertisement chronograph gold hands minimalist old retro typography watch" width="330" height="247" data-srcset="https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/1505815/apple___movado_both_copy.png?compress=1&amp;resize=320x240&amp;vertical=top 320w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/1505815/apple___movado_both_copy.png?compress=1&amp;resize=400x300&amp;vertical=top 400w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/1505815/apple___movado_both_copy.png?compress=1&amp;resize=450x338&amp;vertical=top 450w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/1505815/apple___movado_both_copy.png?compress=1&amp;resize=640x480&amp;vertical=top 640w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/1505815/apple___movado_both_copy.png?compress=1&amp;resize=700x525&amp;vertical=top 700w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/1505815/apple___movado_both_copy.png?compress=1&amp;resize=800x600&amp;vertical=top 800w" data-src="https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/1505815/apple___movado_both_copy.png?compress=1&amp;resize=400x300&amp;vertical=top" data-sizes="auto" class=" lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" />
</figure>


    <div class="shot-thumbnail-extras">
          <div class="has-attachment shot-thumbnail-extras-icon">
            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon ">
<path d="M14.0369 1.96266C13.2016 1.12666 12.0903 0.666656 10.9083 0.666656C9.72559 0.666656 8.61493 1.12666 7.77959 1.96266C7.59093 2.15066 7.48693 2.40066 7.48693 2.66732C7.48693 2.93399 7.59093 3.18399 7.77893 3.37199C7.95959 3.55266 8.21626 3.65599 8.48359 3.65666C8.75093 3.65666 9.00759 3.55266 9.18826 3.37199C10.1043 2.45666 11.7116 2.45666 12.6269 3.37199C13.0856 3.83132 13.3389 4.44199 13.3389 5.09132C13.3389 5.74066 13.0856 6.35132 12.6269 6.81066L6.80959 12.628C5.89359 13.5433 4.28693 13.5433 3.37093 12.628C2.91293 12.168 2.65959 11.558 2.65959 10.9087C2.65959 10.2593 2.91293 9.64866 3.37159 9.18932L5.85026 6.71066C6.13026 6.43199 6.58493 6.43199 6.86493 6.71066C7.00026 6.84599 7.07493 7.02666 7.07493 7.21799C7.07493 7.40999 7.00026 7.59066 6.86493 7.72532L5.09359 9.49666C4.90493 9.68466 4.80093 9.93466 4.80093 10.2013C4.80093 10.468 4.90493 10.718 5.09293 10.906C5.45359 11.2673 6.14159 11.2673 6.50226 10.906L8.27359 9.13466C8.78493 8.62332 9.06693 7.94266 9.06693 7.21799C9.06693 6.49266 8.78559 5.81199 8.27359 5.30132C7.76226 4.78999 7.08159 4.50866 6.35693 4.50866C5.63226 4.50866 4.95293 4.78999 4.44093 5.30066L1.96226 7.77999C1.12626 8.61466 0.66626 9.72666 0.66626 10.9087C0.66626 12.0907 1.12626 13.2013 1.96226 14.0373C2.79759 14.8733 3.90893 15.3333 5.09093 15.3333C6.27359 15.3333 7.38426 14.8733 8.21959 14.0373L14.0369 8.21999C14.8729 7.38532 15.3329 6.27332 15.3329 5.09132C15.3329 3.90932 14.8729 2.79866 14.0369 1.96266V1.96266Z" fill="white"></path>
</svg>

          </div>
      
    </div>

      <a class="shot-thumbnail-link dribbble-link js-shot-link" href="/shots/1505815-Apple-Movado-Champagne-Watch-Advertisement">
        <span class="accessibility-text">View Apple + Movado Champagne Watch Advertisement</span>
</a>
    <div class="shot-thumbnail-overlay">
      <div class="shot-thumbnail-overlay-content">
            <div class="shot-title">Apple + Movado Champagne Watch Advertisement</div>

            <ul class="js-dribbble-shot-actions shot-actions-container">
                <li data-bucket-container="true" class="shot-action">
                  

  <a class="bucket-shot form-btn" title="Save shot" data-signup-trigger="true" data-href="/signup/new" data-context="bucket-shot" href="/signup/new">
        <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon "><path d="m22 5h-11l-2-3h-7c-1.104 0-2 .896-2 2v16c0 1.104.896 2 2 2h20c1.104 0 2-.896 2-2v-13c0-1.104-.896-2-2-2zm-6 10h-3v3c0 .55-.45 1-1 1s-1-.45-1-1v-3h-3c-.55 0-1-.45-1-1s.45-1 1-1h3v-3c0-.55.45-1 1-1s1 .45 1 1v3h3c.55 0 1 .45 1 1s-.45 1-1 1z"></path></svg>

</a>
                </li>

                

  <div class="like-action-1505815   shot-action">
    <script>
      if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") {
        Dribbble.Shots.update(1505815, {
          likes_count: 6,
          liked: false
      });
      }
    </script>
      <a class="form-btn tipsy-mobile-disabled stats-action like-shot" rel="no-follow" title="Like this shot" data-signup-trigger="true" data-href="/signup/new" data-context="like-shot" href="/signup/new">
        <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon "><path d="m18.199 2.04c-2.606-.284-4.262.961-6.199 3.008-2.045-2.047-3.593-3.292-6.199-3.008-3.544.388-6.321 4.43-5.718 7.96.966 5.659 5.944 9 11.917 12 5.973-3 10.951-6.341 11.917-12 .603-3.53-2.174-7.572-5.718-7.96z"></path></svg>

          <span class="accessibility-text">Like</span>
</a>  </div>

            </ul>
      </div>
    </div>
</div>





</li>


<li
  id="screenshot-1505809" data-thumbnail-id="1505809"
  class="shot-thumbnail js-thumbnail shot-thumbnail-container      "
  data-ad-data=""
  data-boost-id=""
  data-is-boost-fallback=""
>
  

<div class="js-thumbnail-base shot-thumbnail-base disabled-shot-section dribbble-shot dribbble  "
>
      <figure
    style="background-color: #0F1010"
  class="js-thumbnail-placeholder shot-thumbnail-placeholder"
>
  <noscript>
      <img src="https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/1505809/media/dd968495ac4880a87d6a78dbbe69da81.png?compress=1&amp;resize=400x300" alt="Apple + Movado Champagne Watch WIP chronograph gold hands minimalist old retro typography watch">
  </noscript>
    <img alt="Apple + Movado Champagne Watch WIP chronograph gold hands minimalist old retro typography watch" width="330" height="247" data-srcset="https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/1505809/media/dd968495ac4880a87d6a78dbbe69da81.png?compress=1&amp;resize=320x240&amp;vertical=top 320w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/1505809/media/dd968495ac4880a87d6a78dbbe69da81.png?compress=1&amp;resize=400x300&amp;vertical=top 400w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/1505809/media/dd968495ac4880a87d6a78dbbe69da81.png?compress=1&amp;resize=450x338&amp;vertical=top 450w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/1505809/media/dd968495ac4880a87d6a78dbbe69da81.png?compress=1&amp;resize=640x480&amp;vertical=top 640w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/1505809/media/dd968495ac4880a87d6a78dbbe69da81.png?compress=1&amp;resize=700x525&amp;vertical=top 700w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/1505809/media/dd968495ac4880a87d6a78dbbe69da81.png?compress=1&amp;resize=800x600&amp;vertical=top 800w" data-src="https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/1505809/media/dd968495ac4880a87d6a78dbbe69da81.png?compress=1&amp;resize=400x300&amp;vertical=top" data-sizes="auto" class=" lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" />
</figure>


    <div class="shot-thumbnail-extras">
      
    </div>

      <a class="shot-thumbnail-link dribbble-link js-shot-link" href="/shots/1505809-Apple-Movado-Champagne-Watch-WIP">
        <span class="accessibility-text">View Apple + Movado Champagne Watch WIP</span>
</a>
    <div class="shot-thumbnail-overlay">
      <div class="shot-thumbnail-overlay-content">
            <div class="shot-title">Apple + Movado Champagne Watch WIP</div>

            <ul class="js-dribbble-shot-actions shot-actions-container">
                <li data-bucket-container="true" class="shot-action">
                  

  <a class="bucket-shot form-btn" title="Save shot" data-signup-trigger="true" data-href="/signup/new" data-context="bucket-shot" href="/signup/new">
        <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon "><path d="m22 5h-11l-2-3h-7c-1.104 0-2 .896-2 2v16c0 1.104.896 2 2 2h20c1.104 0 2-.896 2-2v-13c0-1.104-.896-2-2-2zm-6 10h-3v3c0 .55-.45 1-1 1s-1-.45-1-1v-3h-3c-.55 0-1-.45-1-1s.45-1 1-1h3v-3c0-.55.45-1 1-1s1 .45 1 1v3h3c.55 0 1 .45 1 1s-.45 1-1 1z"></path></svg>

</a>
                </li>

                

  <div class="like-action-1505809   shot-action">
    <script>
      if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") {
        Dribbble.Shots.update(1505809, {
          likes_count: 3,
          liked: false
      });
      }
    </script>
      <a class="form-btn tipsy-mobile-disabled stats-action like-shot" rel="no-follow" title="Like this shot" data-signup-trigger="true" data-href="/signup/new" data-context="like-shot" href="/signup/new">
        <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon "><path d="m18.199 2.04c-2.606-.284-4.262.961-6.199 3.008-2.045-2.047-3.593-3.292-6.199-3.008-3.544.388-6.321 4.43-5.718 7.96.966 5.659 5.944 9 11.917 12 5.973-3 10.951-6.341 11.917-12 .603-3.53-2.174-7.572-5.718-7.96z"></path></svg>

          <span class="accessibility-text">Like</span>
</a>  </div>

            </ul>
      </div>
    </div>
</div>





</li>


<li
  id="screenshot-1475429" data-thumbnail-id="1475429"
  class="shot-thumbnail js-thumbnail shot-thumbnail-container      "
  data-ad-data=""
  data-boost-id=""
  data-is-boost-fallback=""
>
  

<div class="js-thumbnail-base shot-thumbnail-base disabled-shot-section dribbble-shot dribbble  "
>
      <figure
    style="background-color: #F6F6F6"
  class="js-thumbnail-placeholder shot-thumbnail-placeholder"
>
  <noscript>
      <img src="https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/1475429/lifx_icon_2_copy.png?compress=1&amp;resize=400x300" alt="#PebbleAppChallenge #LIFX Icon android ios lifx pebble">
  </noscript>
    <img alt="#PebbleAppChallenge #LIFX Icon android ios lifx pebble" width="330" height="247" data-srcset="https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/1475429/lifx_icon_2_copy.png?compress=1&amp;resize=320x240&amp;vertical=top 320w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/1475429/lifx_icon_2_copy.png?compress=1&amp;resize=400x300&amp;vertical=top 400w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/1475429/lifx_icon_2_copy.png?compress=1&amp;resize=450x338&amp;vertical=top 450w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/1475429/lifx_icon_2_copy.png?compress=1&amp;resize=640x480&amp;vertical=top 640w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/1475429/lifx_icon_2_copy.png?compress=1&amp;resize=700x525&amp;vertical=top 700w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/1475429/lifx_icon_2_copy.png?compress=1&amp;resize=800x600&amp;vertical=top 800w" data-src="https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/1475429/lifx_icon_2_copy.png?compress=1&amp;resize=400x300&amp;vertical=top" data-sizes="auto" class=" lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" />
</figure>


    <div class="shot-thumbnail-extras">
          <div class="has-attachment shot-thumbnail-extras-icon">
            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon ">
<path d="M14.0369 1.96266C13.2016 1.12666 12.0903 0.666656 10.9083 0.666656C9.72559 0.666656 8.61493 1.12666 7.77959 1.96266C7.59093 2.15066 7.48693 2.40066 7.48693 2.66732C7.48693 2.93399 7.59093 3.18399 7.77893 3.37199C7.95959 3.55266 8.21626 3.65599 8.48359 3.65666C8.75093 3.65666 9.00759 3.55266 9.18826 3.37199C10.1043 2.45666 11.7116 2.45666 12.6269 3.37199C13.0856 3.83132 13.3389 4.44199 13.3389 5.09132C13.3389 5.74066 13.0856 6.35132 12.6269 6.81066L6.80959 12.628C5.89359 13.5433 4.28693 13.5433 3.37093 12.628C2.91293 12.168 2.65959 11.558 2.65959 10.9087C2.65959 10.2593 2.91293 9.64866 3.37159 9.18932L5.85026 6.71066C6.13026 6.43199 6.58493 6.43199 6.86493 6.71066C7.00026 6.84599 7.07493 7.02666 7.07493 7.21799C7.07493 7.40999 7.00026 7.59066 6.86493 7.72532L5.09359 9.49666C4.90493 9.68466 4.80093 9.93466 4.80093 10.2013C4.80093 10.468 4.90493 10.718 5.09293 10.906C5.45359 11.2673 6.14159 11.2673 6.50226 10.906L8.27359 9.13466C8.78493 8.62332 9.06693 7.94266 9.06693 7.21799C9.06693 6.49266 8.78559 5.81199 8.27359 5.30132C7.76226 4.78999 7.08159 4.50866 6.35693 4.50866C5.63226 4.50866 4.95293 4.78999 4.44093 5.30066L1.96226 7.77999C1.12626 8.61466 0.66626 9.72666 0.66626 10.9087C0.66626 12.0907 1.12626 13.2013 1.96226 14.0373C2.79759 14.8733 3.90893 15.3333 5.09093 15.3333C6.27359 15.3333 7.38426 14.8733 8.21959 14.0373L14.0369 8.21999C14.8729 7.38532 15.3329 6.27332 15.3329 5.09132C15.3329 3.90932 14.8729 2.79866 14.0369 1.96266V1.96266Z" fill="white"></path>
</svg>

          </div>
      
    </div>

      <a class="shot-thumbnail-link dribbble-link js-shot-link" href="/shots/1475429--PebbleAppChallenge-LIFX-Icon">
        <span class="accessibility-text">View #PebbleAppChallenge #LIFX Icon</span>
</a>
    <div class="shot-thumbnail-overlay">
      <div class="shot-thumbnail-overlay-content">
            <div class="shot-title">#PebbleAppChallenge #LIFX Icon</div>

            <ul class="js-dribbble-shot-actions shot-actions-container">
                <li data-bucket-container="true" class="shot-action">
                  

  <a class="bucket-shot form-btn" title="Save shot" data-signup-trigger="true" data-href="/signup/new" data-context="bucket-shot" href="/signup/new">
        <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon "><path d="m22 5h-11l-2-3h-7c-1.104 0-2 .896-2 2v16c0 1.104.896 2 2 2h20c1.104 0 2-.896 2-2v-13c0-1.104-.896-2-2-2zm-6 10h-3v3c0 .55-.45 1-1 1s-1-.45-1-1v-3h-3c-.55 0-1-.45-1-1s.45-1 1-1h3v-3c0-.55.45-1 1-1s1 .45 1 1v3h3c.55 0 1 .45 1 1s-.45 1-1 1z"></path></svg>

</a>
                </li>

                

  <div class="like-action-1475429   shot-action">
    <script>
      if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") {
        Dribbble.Shots.update(1475429, {
          likes_count: 2,
          liked: false
      });
      }
    </script>
      <a class="form-btn tipsy-mobile-disabled stats-action like-shot" rel="no-follow" title="Like this shot" data-signup-trigger="true" data-href="/signup/new" data-context="like-shot" href="/signup/new">
        <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon "><path d="m18.199 2.04c-2.606-.284-4.262.961-6.199 3.008-2.045-2.047-3.593-3.292-6.199-3.008-3.544.388-6.321 4.43-5.718 7.96.966 5.659 5.944 9 11.917 12 5.973-3 10.951-6.341 11.917-12 .603-3.53-2.174-7.572-5.718-7.96z"></path></svg>

          <span class="accessibility-text">Like</span>
</a>  </div>

            </ul>
      </div>
    </div>
</div>





</li>


<li
  id="screenshot-1418962" data-thumbnail-id="1418962"
  class="shot-thumbnail js-thumbnail shot-thumbnail-container      "
  data-ad-data=""
  data-boost-id=""
  data-is-boost-fallback=""
>
  

<div class="js-thumbnail-base shot-thumbnail-base disabled-shot-section dribbble-shot dribbble  "
>
      <figure
    style="background-color: #F2F0EE"
  class="js-thumbnail-placeholder shot-thumbnail-placeholder"
>
  <noscript>
      <img src="https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/1418962/pastebot_2014-02-11_18.48.51_pm.png?compress=1&amp;resize=400x300" alt="Starbucks Champagne Passbook Mockup 7 passbook gold ios pass rose starbucks">
  </noscript>
    <img alt="Starbucks Champagne Passbook Mockup 7 passbook gold ios pass rose starbucks" width="330" height="247" data-srcset="https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/1418962/pastebot_2014-02-11_18.48.51_pm.png?compress=1&amp;resize=320x240&amp;vertical=top 320w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/1418962/pastebot_2014-02-11_18.48.51_pm.png?compress=1&amp;resize=400x300&amp;vertical=top 400w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/1418962/pastebot_2014-02-11_18.48.51_pm.png?compress=1&amp;resize=450x338&amp;vertical=top 450w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/1418962/pastebot_2014-02-11_18.48.51_pm.png?compress=1&amp;resize=640x480&amp;vertical=top 640w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/1418962/pastebot_2014-02-11_18.48.51_pm.png?compress=1&amp;resize=700x525&amp;vertical=top 700w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/1418962/pastebot_2014-02-11_18.48.51_pm.png?compress=1&amp;resize=800x600&amp;vertical=top 800w" data-src="https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/1418962/pastebot_2014-02-11_18.48.51_pm.png?compress=1&amp;resize=400x300&amp;vertical=top" data-sizes="auto" class=" lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" />
</figure>


    <div class="shot-thumbnail-extras">
          <div class="has-attachment shot-thumbnail-extras-icon">
            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon ">
<path d="M14.0369 1.96266C13.2016 1.12666 12.0903 0.666656 10.9083 0.666656C9.72559 0.666656 8.61493 1.12666 7.77959 1.96266C7.59093 2.15066 7.48693 2.40066 7.48693 2.66732C7.48693 2.93399 7.59093 3.18399 7.77893 3.37199C7.95959 3.55266 8.21626 3.65599 8.48359 3.65666C8.75093 3.65666 9.00759 3.55266 9.18826 3.37199C10.1043 2.45666 11.7116 2.45666 12.6269 3.37199C13.0856 3.83132 13.3389 4.44199 13.3389 5.09132C13.3389 5.74066 13.0856 6.35132 12.6269 6.81066L6.80959 12.628C5.89359 13.5433 4.28693 13.5433 3.37093 12.628C2.91293 12.168 2.65959 11.558 2.65959 10.9087C2.65959 10.2593 2.91293 9.64866 3.37159 9.18932L5.85026 6.71066C6.13026 6.43199 6.58493 6.43199 6.86493 6.71066C7.00026 6.84599 7.07493 7.02666 7.07493 7.21799C7.07493 7.40999 7.00026 7.59066 6.86493 7.72532L5.09359 9.49666C4.90493 9.68466 4.80093 9.93466 4.80093 10.2013C4.80093 10.468 4.90493 10.718 5.09293 10.906C5.45359 11.2673 6.14159 11.2673 6.50226 10.906L8.27359 9.13466C8.78493 8.62332 9.06693 7.94266 9.06693 7.21799C9.06693 6.49266 8.78559 5.81199 8.27359 5.30132C7.76226 4.78999 7.08159 4.50866 6.35693 4.50866C5.63226 4.50866 4.95293 4.78999 4.44093 5.30066L1.96226 7.77999C1.12626 8.61466 0.66626 9.72666 0.66626 10.9087C0.66626 12.0907 1.12626 13.2013 1.96226 14.0373C2.79759 14.8733 3.90893 15.3333 5.09093 15.3333C6.27359 15.3333 7.38426 14.8733 8.21959 14.0373L14.0369 8.21999C14.8729 7.38532 15.3329 6.27332 15.3329 5.09132C15.3329 3.90932 14.8729 2.79866 14.0369 1.96266V1.96266Z" fill="white"></path>
</svg>

          </div>
          <div class="is-rebound shot-thumbnail-extras-icon">
            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon ">
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 8C0 12.4183 3.58172 16 8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8ZM8.16504 6.24902V5.06161C8.16585 4.89576 8.09142 4.73031 7.94336 4.60411C7.64766 4.35128 7.16872 4.35128 6.87302 4.60411L3.31087 7.6505L6.87302 10.6969C7.02107 10.8231 7.21443 10.8866 7.40819 10.8866C7.60195 10.8866 7.79531 10.8235 7.94336 10.6969C8.09142 10.5707 8.16585 10.4048 8.16504 10.2394V8.98145C10.8239 9.1121 12.2102 10.7855 12.2102 10.7855C12.2102 8.0174 10.5161 6.43227 8.16504 6.24902Z" fill="white"></path>
</svg>

          </div>
      
    </div>

      <a class="shot-thumbnail-link dribbble-link js-shot-link" href="/shots/1418962-Starbucks-Champagne-Passbook-Mockup">
        <span class="accessibility-text">View Starbucks Champagne Passbook Mockup</span>
</a>
    <div class="shot-thumbnail-overlay">
      <div class="shot-thumbnail-overlay-content">
            <div class="shot-title">Starbucks Champagne Passbook Mockup</div>

            <ul class="js-dribbble-shot-actions shot-actions-container">
                <li data-bucket-container="true" class="shot-action">
                  

  <a class="bucket-shot form-btn" title="Save shot" data-signup-trigger="true" data-href="/signup/new" data-context="bucket-shot" href="/signup/new">
        <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon "><path d="m22 5h-11l-2-3h-7c-1.104 0-2 .896-2 2v16c0 1.104.896 2 2 2h20c1.104 0 2-.896 2-2v-13c0-1.104-.896-2-2-2zm-6 10h-3v3c0 .55-.45 1-1 1s-1-.45-1-1v-3h-3c-.55 0-1-.45-1-1s.45-1 1-1h3v-3c0-.55.45-1 1-1s1 .45 1 1v3h3c.55 0 1 .45 1 1s-.45 1-1 1z"></path></svg>

</a>
                </li>

                

  <div class="like-action-1418962   shot-action">
    <script>
      if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") {
        Dribbble.Shots.update(1418962, {
          likes_count: 5,
          liked: false
      });
      }
    </script>
      <a class="form-btn tipsy-mobile-disabled stats-action like-shot" rel="no-follow" title="Like this shot" data-signup-trigger="true" data-href="/signup/new" data-context="like-shot" href="/signup/new">
        <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon "><path d="m18.199 2.04c-2.606-.284-4.262.961-6.199 3.008-2.045-2.047-3.593-3.292-6.199-3.008-3.544.388-6.321 4.43-5.718 7.96.966 5.659 5.944 9 11.917 12 5.973-3 10.951-6.341 11.917-12 .603-3.53-2.174-7.572-5.718-7.96z"></path></svg>

          <span class="accessibility-text">Like</span>
</a>  </div>

            </ul>
      </div>
    </div>
</div>





</li>


<li
  id="screenshot-1418957" data-thumbnail-id="1418957"
  class="shot-thumbnail js-thumbnail shot-thumbnail-container      "
  data-ad-data=""
  data-boost-id=""
  data-is-boost-fallback=""
>
  

<div class="js-thumbnail-base shot-thumbnail-base disabled-shot-section dribbble-shot dribbble  "
>
      <figure
    style="background-color: #F5F5F6"
  class="js-thumbnail-placeholder shot-thumbnail-placeholder"
>
  <noscript>
      <img src="https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/1418957/pastebot_2014-02-11_18.43.05_pm.png?compress=1&amp;resize=400x300" alt="Starbucks Gold Passbook Mockup 7 card flat gold ios passbook starbucks">
  </noscript>
    <img alt="Starbucks Gold Passbook Mockup 7 card flat gold ios passbook starbucks" width="330" height="247" data-srcset="https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/1418957/pastebot_2014-02-11_18.43.05_pm.png?compress=1&amp;resize=320x240&amp;vertical=top 320w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/1418957/pastebot_2014-02-11_18.43.05_pm.png?compress=1&amp;resize=400x300&amp;vertical=top 400w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/1418957/pastebot_2014-02-11_18.43.05_pm.png?compress=1&amp;resize=450x338&amp;vertical=top 450w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/1418957/pastebot_2014-02-11_18.43.05_pm.png?compress=1&amp;resize=640x480&amp;vertical=top 640w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/1418957/pastebot_2014-02-11_18.43.05_pm.png?compress=1&amp;resize=700x525&amp;vertical=top 700w, https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/1418957/pastebot_2014-02-11_18.43.05_pm.png?compress=1&amp;resize=800x600&amp;vertical=top 800w" data-src="https://dogefs.s3.ladydaily.com/~/source/dribbble/users/187923/screenshots/1418957/pastebot_2014-02-11_18.43.05_pm.png?compress=1&amp;resize=400x300&amp;vertical=top" data-sizes="auto" class=" lazyload" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" />
</figure>


    <div class="shot-thumbnail-extras">
          <div class="has-attachment shot-thumbnail-extras-icon">
            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" role="img" class="icon ">
<path d="M14.0369 1.96266C13.2016 1.12666 12.0903 0.666656 10.9083 0.666656C9.72559 0.666656 8.61493 1.12666 7.77959 1.96266C7.59093 2.15066 7.48693 2.40066 7.48693 2.66732C7.48693 2.93399 7.59093 3.18399 7.77893 3.37199C7.95959 3.55266 8.21626 3.65599 8.48359 3.65666C8.75093 3.65666 9.00759 3.55266 9.18826 3.37199C10.1043 2.45666 11.7116 2.45666 12.6269 3.37199C13.0856 3.83132 13.3389 4.44199 13.3389 5.09132C13.3389 5.74066 13.0856 6.35132 12.6269 6.81066L6.80959 12.628C5.89359 13.5433 4.28693 13.5433 3.37093 12.628C2.91293 12.168 2.65959 11.558 2.65959 10.9087C2.65959 10.2593 2.91293 9.64866 3.37159 9.18932L5.85026 6.71066C6.13026 6.43199 6.58493 6.43199 6.86493 6.71066C7.00026 6.84599 7.07493 7.02666 7.07493 7.21799C7.07493 7.40999 7.00026 7.59066 6.86493 7.72532L5.09359 9.49666C4.90493 9.68466 4.80093 9.93466 4.80093 10.2013C4.80093 10.468 4.90493 10.718 5.09293 10.906C5.45359 11.2673 6.14159 11.2673 6.50226 10.906L8.27359 9.13466C8.78493 8.62332 9.06693 7.94266 9.06693 7.21799C9.06693 6.49266 8.78559 5.81199 8.27359 5.30132C7.76226 4.78999 7.08159 4.50866 6.35693 4.50866C5.63226 4.50866 4.95293 4.78999 4.44093 5.30066L1.96226 7.77999C1.12626 8.61466 0.66626 9.72666 0.66626 10.9087C0.66626 12.0907 1.12626 13.2013 1.96226 14.0373C2.79759 14.8733 3.90893 15.3333 5.09093 15.3333C6.27359 15.3333 7.38426 14.8733 8.21959 14.0373L14.0369 8.21999C14.8729 7.38532 15.3329 6.27332 15.3329 5.09132C15.3329 3.90932 14.8729 2.79866 14.0369 1.96266V1.96266Z" fill="white"></path>
</svg>

          </div>
          <div class="has-rebound shot-thumbnail-extras-icon">
            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="12" viewBox="0 0 16 12" fill="none" role="img" class="icon fill-current">
<path d="M6.40436 0.522824C6.936 0.0682789 7.79709 0.0682789 8.32873 0.522824C8.59491 0.749733 8.72873 1.04792 8.72727 1.34537V3.12355C12.9542 3.45373 16 6.65955 16 11.6363C16 11.6363 13.5076 9.16719 8.72727 8.93228V10.6545C8.72873 10.9526 8.59491 11.2501 8.32873 11.477C8.06327 11.7039 7.71491 11.8181 7.36654 11.8181C7.01818 11.8181 6.67054 11.7046 6.40436 11.477L-4.76837e-07 5.99992L6.40436 0.522824Z" fill="white"></path>
</svg>

            <span class="has-rebound-count">1</span>
          </div>
      
    </div>

      <a class="shot-thumbnail-link dribbble-link js-shot-link" href="/shots/1418957-Starbucks-Gold-Passbook-Mockup">
        <span class="accessibility-text">View Starbucks Gold Passbook Mockup</span>
</a>
    <div class="shot-thumbnail-overlay">
      <div class="shot-thumbnail-overlay-content">
            <div class="shot-title">Starbucks Gold Passbook Mockup</div>

            <ul class="js-dribbble-shot-actions shot-actions-container">
                <li data-bucket-container="true" class="shot-action">
                  

  <a class="bucket-shot form-btn" title="Save shot" data-signup-trigger="true" data-href="/signup/new" data-context="bucket-shot" href="/signup/new">
        <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon "><path d="m22 5h-11l-2-3h-7c-1.104 0-2 .896-2 2v16c0 1.104.896 2 2 2h20c1.104 0 2-.896 2-2v-13c0-1.104-.896-2-2-2zm-6 10h-3v3c0 .55-.45 1-1 1s-1-.45-1-1v-3h-3c-.55 0-1-.45-1-1s.45-1 1-1h3v-3c0-.55.45-1 1-1s1 .45 1 1v3h3c.55 0 1 .45 1 1s-.45 1-1 1z"></path></svg>

</a>
                </li>

                

  <div class="like-action-1418957   shot-action">
    <script>
      if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") {
        Dribbble.Shots.update(1418957, {
          likes_count: 1,
          liked: false
      });
      }
    </script>
      <a class="form-btn tipsy-mobile-disabled stats-action like-shot" rel="no-follow" title="Like this shot" data-signup-trigger="true" data-href="/signup/new" data-context="like-shot" href="/signup/new">
        <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon "><path d="m18.199 2.04c-2.606-.284-4.262.961-6.199 3.008-2.045-2.047-3.593-3.292-6.199-3.008-3.544.388-6.321 4.43-5.718 7.96.966 5.659 5.944 9 11.917 12 5.973-3 10.951-6.341 11.917-12 .603-3.53-2.174-7.572-5.718-7.96z"></path></svg>

          <span class="accessibility-text">Like</span>
</a>  </div>

            </ul>
      </div>
    </div>
</div>





</li>


<script>
var newestShots = [{
    id: 5714666,
    title: "SixteenZero Glyph",
    path: "/shots/5714666-SixteenZero-Glyph",
    published_at: 'December 18, 2018',
    is_rebound: false,
    rebounds_count: 0,
    attachments_count: 0,
    view_count: '258',
    comments_count: '0',
    likes_count: '13',
    liked: false,
    ga: []
  },{
    id: 5714622,
    title: "de_train CS:GO 2D Map",
    path: "/shots/5714622-de-train-CS-GO-2D-Map",
    published_at: 'December 18, 2018',
    is_rebound: false,
    rebounds_count: 0,
    attachments_count: 0,
    view_count: '508',
    comments_count: '0',
    likes_count: '3',
    liked: false,
    ga: []
  },{
    id: 4368817,
    title: "SixteenZero Glyph Concepts",
    path: "/shots/4368817-SixteenZero-Glyph-Concepts",
    published_at: 'March 20, 2018',
    is_rebound: false,
    rebounds_count: 0,
    attachments_count: 0,
    view_count: '320',
    comments_count: '0',
    likes_count: '13',
    liked: false,
    ga: []
  },{
    id: 4303947,
    title: "s1mple CS:GO Reaction Time Infographic",
    path: "/shots/4303947-s1mple-CS-GO-Reaction-Time-Infographic",
    published_at: 'March 05, 2018',
    is_rebound: false,
    rebounds_count: 0,
    attachments_count: 0,
    view_count: '2.2k',
    comments_count: '0',
    likes_count: '9',
    liked: false,
    ga: []
  },{
    id: 4300761,
    title: "SixteenZero.net Logo and Glyph",
    path: "/shots/4300761-SixteenZero-net-Logo-and-Glyph",
    published_at: 'March 04, 2018',
    is_rebound: false,
    rebounds_count: 0,
    attachments_count: 0,
    view_count: '1.3k',
    comments_count: '0',
    likes_count: '11',
    liked: false,
    ga: []
  },{
    id: 4300746,
    title: "CS:GO Boston Major Trade Kill/Death Scatterplot",
    path: "/shots/4300746-CS-GO-Boston-Major-Trade-Kill-Death-Scatterplot",
    published_at: 'March 04, 2018',
    is_rebound: false,
    rebounds_count: 0,
    attachments_count: 0,
    view_count: '1k',
    comments_count: '0',
    likes_count: '6',
    liked: false,
    ga: []
  },{
    id: 4300734,
    title: "Ticket Booth CS:GO Infographic",
    path: "/shots/4300734-Ticket-Booth-CS-GO-Infographic",
    published_at: 'March 04, 2018',
    is_rebound: false,
    rebounds_count: 0,
    attachments_count: 0,
    view_count: '1.7k',
    comments_count: '0',
    likes_count: '12',
    liked: false,
    ga: []
  },{
    id: 4300730,
    title: "Overpass CS:GO Flashbangs Infographic",
    path: "/shots/4300730-Overpass-CS-GO-Flashbangs-Infographic",
    published_at: 'March 04, 2018',
    is_rebound: false,
    rebounds_count: 0,
    attachments_count: 0,
    view_count: '1.8k',
    comments_count: '0',
    likes_count: '10',
    liked: false,
    ga: []
  },{
    id: 2856267,
    title: "Face Design Progression",
    path: "/shots/2856267-Face-Design-Progression",
    published_at: 'July 24, 2016',
    is_rebound: false,
    rebounds_count: 0,
    attachments_count: 0,
    view_count: '1.5k',
    comments_count: '0',
    likes_count: '13',
    liked: false,
    ga: []
  },{
    id: 2564297,
    title: "12\" Record-Inspired Cover for Apple Music",
    path: "/shots/2564297-12-Record-Inspired-Cover-for-Apple-Music",
    published_at: 'March 02, 2016',
    is_rebound: false,
    rebounds_count: 0,
    attachments_count: 0,
    view_count: '595',
    comments_count: '0',
    likes_count: '10',
    liked: false,
    ga: []
  },{
    id: 2454413,
    title: "Technically Speaking...",
    path: "/shots/2454413-Technically-Speaking",
    published_at: 'January 13, 2016',
    is_rebound: false,
    rebounds_count: 0,
    attachments_count: 0,
    view_count: '611',
    comments_count: '0',
    likes_count: '8',
    liked: false,
    ga: []
  },{
    id: 2164340,
    title: "Animated Space Webpage Background",
    path: "/shots/2164340-Animated-Space-Webpage-Background",
    published_at: 'July 25, 2015',
    is_rebound: false,
    rebounds_count: 0,
    attachments_count: 0,
    view_count: '556',
    comments_count: '0',
    likes_count: '7',
    liked: false,
    ga: []
  },{
    id: 1971187,
    title: "Flat Apple Watch Icon",
    path: "/shots/1971187-Flat-Apple-Watch-Icon",
    published_at: 'March 12, 2015',
    is_rebound: false,
    rebounds_count: 0,
    attachments_count: 0,
    view_count: '698',
    comments_count: '0',
    likes_count: '11',
    liked: false,
    ga: []
  },{
    id: 1870921,
    title: "Svbtle Avatar Close-Up",
    path: "/shots/1870921-Svbtle-Avatar-Close-Up",
    published_at: 'January 06, 2015',
    is_rebound: false,
    rebounds_count: 0,
    attachments_count: 0,
    view_count: '311',
    comments_count: '0',
    likes_count: '11',
    liked: false,
    ga: []
  },{
    id: 1870106,
    title: "Svbtle Avatar",
    path: "/shots/1870106-Svbtle-Avatar",
    published_at: 'January 06, 2015',
    is_rebound: false,
    rebounds_count: 0,
    attachments_count: 0,
    view_count: '478',
    comments_count: '0',
    likes_count: '7',
    liked: false,
    ga: []
  },{
    id: 1869556,
    title: "Infinity Magazine Cover",
    path: "/shots/1869556-Infinity-Magazine-Cover",
    published_at: 'January 05, 2015',
    is_rebound: false,
    rebounds_count: 0,
    attachments_count: 0,
    view_count: '310',
    comments_count: '0',
    likes_count: '5',
    liked: false,
    ga: []
  },{
    id: 1857148,
    title: "Double Exposure Indicator",
    path: "/shots/1857148-Double-Exposure-Indicator",
    published_at: 'December 22, 2014',
    is_rebound: false,
    rebounds_count: 0,
    attachments_count: 0,
    view_count: '615',
    comments_count: '0',
    likes_count: '10',
    liked: false,
    ga: []
  },{
    id: 1814183,
    title: "iPhone 6 Icons",
    path: "/shots/1814183-iPhone-6-Icons",
    published_at: 'November 18, 2014',
    is_rebound: false,
    rebounds_count: 0,
    attachments_count: 0,
    view_count: '312',
    comments_count: '0',
    likes_count: '3',
    liked: false,
    ga: []
  },{
    id: 1691406,
    title: "Watercolor Love",
    path: "/shots/1691406-Watercolor-Love",
    published_at: 'August 19, 2014',
    is_rebound: false,
    rebounds_count: 0,
    attachments_count: 0,
    view_count: '355',
    comments_count: '0',
    likes_count: '7',
    liked: false,
    ga: []
  },{
    id: 1505815,
    title: "Apple + Movado Champagne Watch Advertisement",
    path: "/shots/1505815-Apple-Movado-Champagne-Watch-Advertisement",
    published_at: 'April 11, 2014',
    is_rebound: false,
    rebounds_count: 0,
    attachments_count: 3,
    view_count: '699',
    comments_count: '0',
    likes_count: '6',
    liked: false,
    ga: []
  },{
    id: 1505809,
    title: "Apple + Movado Champagne Watch WIP",
    path: "/shots/1505809-Apple-Movado-Champagne-Watch-WIP",
    published_at: 'April 11, 2014',
    is_rebound: false,
    rebounds_count: 0,
    attachments_count: 0,
    view_count: '480',
    comments_count: '0',
    likes_count: '3',
    liked: false,
    ga: []
  },{
    id: 1475429,
    title: "#PebbleAppChallenge #LIFX Icon",
    path: "/shots/1475429--PebbleAppChallenge-LIFX-Icon",
    published_at: 'March 23, 2014',
    is_rebound: false,
    rebounds_count: 0,
    attachments_count: 1,
    view_count: '604',
    comments_count: '0',
    likes_count: '2',
    liked: false,
    ga: []
  },{
    id: 1418962,
    title: "Starbucks Champagne Passbook Mockup",
    path: "/shots/1418962-Starbucks-Champagne-Passbook-Mockup",
    published_at: 'February 11, 2014',
    is_rebound: true,
    rebounds_count: 0,
    attachments_count: 1,
    view_count: '753',
    comments_count: '0',
    likes_count: '5',
    liked: false,
    ga: []
  },{
    id: 1418957,
    title: "Starbucks Gold Passbook Mockup",
    path: "/shots/1418957-Starbucks-Gold-Passbook-Mockup",
    published_at: 'February 11, 2014',
    is_rebound: false,
    rebounds_count: 1,
    attachments_count: 1,
    view_count: '827',
    comments_count: '1',
    likes_count: '1',
    liked: false,
    ga: []
  }];

if (typeof(Dribbble) != "undefined" && typeof(Dribbble.Shots) != "undefined") {
  Dribbble.Shots.add(newestShots);
  Dribbble.TeaserStats.init(newestShots);

    Dribbble.Thumbnails.cursor = '1392173054.737738';
}
else {
  if (typeof newShots === "undefined") {
    var newShots = [];
  }
  newShots = newShots.concat(newestShots);
}

</script>


</ol>


  <div class="page">
  <div role="navigation" aria-label="Pagination" class="pagination"><span class="previous_page disabled" aria-disabled="true">&larr; Prev</span> <a class="next_page" rel="next" href="/css?display=swap&amp;family=Mulish%3A300%2C300italic%2C400%2C400italic%2C700%2C700italic%7CFredericka+the+Great%3A300%2C300italic%2C400%2C400italic%2C700%2C700italic%7CNoto+Serif+JP%3A300%2C300italic%2C400%2C400italic%2C700%2C700italic%7CNoto+Serif+SC%3A300%2C300italic%2C400%2C400italic%2C700%2C700italic%7CInconsolata%3A300%2C300italic%2C400%2C400italic%2C700%2C700italic&amp;page=2&amp;subset=latin%2Clatin-ext">Next &rarr;</a></div>
</div>


<div class="infinite shot-grid-width container-fluid infinite-login-actions">
      <a class="form-sub sign-up-to-continue" data-signup-trigger="true" data-href="/signup/new" data-context="homepage-load-more" href="/signup/new">Sign up to continue</a>
<a href="/session/new?return_to=%2Fcss%3Ffamily%3DMulish%3A300%2C300italic%2C400%2C400italic%2C700%2C700italic%257CFredericka%2520the%2520Great%3A300%2C300italic%2C400%2C400italic%2C700%2C700italic%257CNoto%2520Serif%2520JP%3A300%2C300italic%2C400%2C400italic%2C700%2C700italic%257CNoto%2520Serif%2520SC%3A300%2C300italic%2C400%2C400italic%2C700%2C700italic%257CInconsolata%3A300%2C300italic%2C400%2C400italic%2C700%2C700italic%26display%3Dswap%26subset%3Dlatin%2Clatin-ext">or sign in</a>

</div>

<div class="loading-more">
  <span class="processing">Loading more…</span>
</div>

<div class="back-to-top" style="display: none">
  <a href="#">
    <img
      width="50"
      height="50"
      class="lazyloading-hidden lazyload"
      data-src="https://dogefs.s3.ladydaily.com/~/source/dribbble/assets/icon-backtotop-d9d209c36a169637612a8fe4a1f15ab9e5763a20dbe5b7706df4e23aadf6052e.png"
      alt="Back to top"
    />
  </a>
</div>






    </div>
</div>


</div>










    </div>
  </div>
</div>

<hr />

<div id="footer" class="site-footer js-site-footer" role="contentinfo">
  <div class="container-large">
      <div class="footer-main-content">
        <div>
          <a href="/">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 24" role="img" aria-labelledby="ak8t8dcorrdi6t3chfcrtnpzlgp8w6js" class="icon dribbble-wordmark">
<title id="ak8t8dcorrdi6t3chfcrtnpzlgp8w6js">Dribbble: the community for graphic design</title>
<path fill-rule="evenodd" clip-rule="evenodd" d="M95.8512 18.5141C91.8395 25.3156 85.4862 23.342 83.5781 21.7968C82.7661 22.3478 81.342 23.5554 79.4433 23.4161C75.3996 23.1192 73.9514 17.3405 73.9514 17.3405C73.9804 17.3636 72.747 17.7662 72.0802 17.759C72.0716 19.4536 70.6067 23.5018 66.6533 23.4501C62.217 23.3922 61.3151 16.7828 61.3151 16.7828C61.3151 16.7828 60.8736 17.3959 59.195 18.0064C59.2795 16.7045 59.2177 23.2519 53.9006 23.3481C49.6971 23.4242 48.5623 16.6809 48.5623 16.6809C48.5623 16.6809 47.8331 17.4385 46.4199 17.7012C46.5097 16.378 46.3637 23.3703 41.0459 23.3481C37.4523 23.3331 36.2242 19.1941 36.3197 18.6197C36.4416 17.8875 35.1052 23.4511 31.6145 23.3644C30.1739 23.322 29.1 22.2791 28.4261 20.8885C27.524 21.9209 26.2142 23.3644 24.7448 23.3644C22.1075 23.3644 20.9446 21.1584 21.1416 14.8577C21.1583 14.1105 21.1044 13.8165 20.3616 13.7047C19.9157 13.6304 19.459 13.4895 18.976 13.4152C18.8211 13.932 17.5076 23.1962 12.9912 23.372C11.476 23.4311 10.6475 22.1186 9.96715 21.1443C8.92417 22.5241 7.54738 23.4161 5.58603 23.4161C2.26365 23.4161 0 20.7302 0 17.417C0 14.1038 2.26365 11.4182 5.58603 11.4182C6.17345 11.4182 6.33836 11.5024 6.87502 11.659C5.77137 1.61058 8.37774 0.0401515 10.6578 0.0401515C12.8467 0.0401515 16.5863 5.12064 11.3244 18.0074C12.4926 21.8512 15.0111 21.6338 16.2214 13.7212C16.4676 12.1128 15.809 9.9423 16.8335 9.63937C18.7061 9.08575 18.9048 10.7468 19.7828 11.0235C20.7112 11.316 21.2531 11.2875 22.1444 11.4736C23.6674 11.771 24.2618 12.5892 24.0761 14.4113C23.8533 16.7171 23.4636 20.0729 24.652 20.4818C25.5091 20.779 27.0739 19.0016 27.3485 18.0291C27.623 17.0566 27.6803 16.7237 27.7047 16.0105C27.7419 14.4859 27.7884 13.3684 28.0484 12.2154C28.1597 11.7693 28.2865 11.4739 28.7912 11.4537C29.2066 11.4431 29.9661 11.318 30.3005 11.5782C30.7461 11.9131 30.6905 12.2529 30.6393 13.1471C30.121 25.8966 34.11 19.5319 35.2994 14.4357C34.876 8.67313 35.1667 0.145675 38.7779 0.00265405C40.6559 -0.0717249 41.4861 1.43282 41.5775 2.55581C41.8357 5.72757 40.3888 10.9815 38.4859 14.5148C37.3984 21.7242 43.2411 23.1498 44.1754 17.3952C42.6467 16.6684 40.9947 13.7265 42.339 12.2928C43.0934 11.4882 46.2335 12.6441 46.2849 15.1651C47.8252 14.7531 48.0308 13.8835 48.0522 14.0276C47.6287 8.265 48.0214 0.145749 51.6328 0.00272768C53.5106 -0.0716513 54.3408 1.43289 54.4321 2.55589C54.6904 5.72764 53.2435 10.9816 51.3408 14.5149C50.253 21.7243 56.096 23.1498 57.0301 17.3953C55.8983 17.1769 53.5091 14.0478 54.8876 12.2929C55.6243 11.3551 58.7528 13.3053 59.1032 15.2486C60.5829 14.8298 60.7838 13.9878 60.805 14.1296C60.3815 8.36712 60.7742 0.247876 64.3855 0.104854C66.2634 0.0304754 67.0936 1.53502 67.1849 2.65802C67.4432 5.82977 65.9962 11.0838 64.0933 14.6171C63.0058 21.8266 68.8485 23.2519 69.7829 17.4973C68.2276 17.2383 66.0171 13.9344 67.7962 12.2442C68.507 11.5689 71.2229 13.3219 71.8586 15.3218C72.742 15.2878 73.2918 14.9833 73.4097 14.9525C71.9995 8.18754 73.0493 0.0705829 76.9342 0.00282686C79.0338 -0.0337594 81.0867 1.13799 80.1856 7.57394C79.3256 13.7146 76.234 16.2916 76.2411 16.331C76.4211 17.0667 78.0074 23.2233 82.0023 19.9749C81.7955 19.5066 81.5885 19.0282 81.4728 18.4486C80.8107 15.0729 82.1112 11.2599 85.6462 10.6436C87.6715 10.2906 89.5793 11.2766 89.881 13.4996C90.3773 17.1371 87.0927 19.7715 85.8437 20.3429C85.2843 20.0251 90.9148 23.6362 94.2563 16.3995C94.45 15.9863 94.6837 16.0213 94.9863 16.2343C95.2 16.3847 96.4175 17.5379 95.8512 18.5141ZM8.00277 16.5233C7.83274 16.0149 7.48381 14.8949 7.36044 14.4096C6.68091 13.8187 6.19588 13.7227 5.32365 13.7227C3.38526 13.7227 2.24437 15.5148 2.24437 17.4473C2.24437 19.3798 3.48729 21.1722 5.42567 21.1722C7.10552 21.1722 8.38402 20.03 8.77408 18.4132C8.50106 17.7829 8.23024 17.2036 8.00277 16.5233ZM10.6103 2.70004C9.24825 2.70004 8.78622 5.94913 8.87589 8.72092C8.95519 11.1715 9.63996 13.329 9.99519 14.2956C10.0854 14.4168 10.0686 14.338 10.1491 14.4665C12.514 9.28488 11.5331 2.70004 10.6103 2.70004ZM38.9724 2.80209C37.212 2.60021 37.2233 9.93334 37.4419 11.5782C38.3561 10.1157 39.9444 3.1959 38.9724 2.80209V2.80209ZM51.827 2.80209C50.0667 2.60021 50.078 9.93334 50.2966 11.5782C51.2108 10.1157 52.7991 3.1959 51.827 2.80209ZM64.5798 2.90412C62.8194 2.70223 62.8307 10.0354 63.0494 11.6804C63.9635 10.2177 65.5518 3.2979 64.5798 2.90412V2.90412ZM77.1284 2.37283C74.3857 2.9236 75.0244 12.0682 75.4409 13.672C78.6717 9.23475 78.7381 2.20615 77.1284 2.37283V2.37283ZM87.4073 13.8005C87.268 13.2175 86.5707 12.9058 86.0894 12.9826C84.7123 13.1707 83.3767 14.8858 83.8937 17.497C84.0087 18.0786 84.2967 18.6138 84.2921 18.5961C87.3741 16.5285 87.636 14.8991 87.4073 13.8005ZM29.3312 9.43526C28.9376 9.43534 28.5528 9.31869 28.2255 9.10007C27.8982 8.88145 27.6431 8.57067 27.4924 8.20705C27.3417 7.84344 27.3023 7.4433 27.379 7.05726C27.4558 6.67122 27.6453 6.31661 27.9236 6.03827C28.2019 5.75994 28.5565 5.57039 28.9425 5.49359C29.3285 5.41679 29.7287 5.45619 30.0923 5.60681C30.456 5.75744 30.7668 6.01252 30.9854 6.33979C31.2041 6.66706 31.3208 7.05183 31.3208 7.44542C31.3208 7.70672 31.2693 7.96546 31.1693 8.20686C31.0694 8.44827 30.9228 8.66763 30.7381 8.8524C30.5533 9.03718 30.334 9.18375 30.0926 9.28376C29.8512 9.38377 29.5925 9.43525 29.3312 9.43526V9.43526Z"></path>
</svg>

            <span class="accessibility-text">Back to home page</span>
          </a>
          <div class="tagline">
            Dribbble is the world’s leading community for creatives to share, grow, and get hired.
          </div>
          <div class="social-links-container">
            <a href="/dribbble">
              <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none" role="img" class="icon fill-current">
<rect width="32" height="32" fill="black" fill-opacity="0"></rect>
<path fill-rule="evenodd" clip-rule="evenodd" d="M16 0C7.16703 0 0 7.16703 0 16C0 24.833 7.16703 32 16 32C24.8156 32 32 24.833 32 16C32 7.16703 24.8156 0 16 0ZM26.5683 7.37527C28.4772 9.70065 29.6226 12.6681 29.6573 15.8785C29.2061 15.7918 24.6941 14.872 20.1475 15.4447C20.0434 15.2191 19.9566 14.9761 19.8525 14.7332C19.5748 14.0738 19.2625 13.397 18.9501 12.7549C23.9826 10.7072 26.2733 7.75705 26.5683 7.37527ZM16 2.36009C19.4707 2.36009 22.6464 3.66161 25.0586 5.7961C24.8156 6.14317 22.7505 8.90239 17.8915 10.7245C15.6529 6.61171 13.1714 3.24512 12.7896 2.72451C13.8134 2.48156 14.8894 2.36009 16 2.36009ZM10.1866 3.64425C10.551 4.13015 12.9805 7.5141 15.2538 11.5401C8.86768 13.2408 3.22777 13.2061 2.62039 13.2061C3.50542 8.9718 6.36876 5.44902 10.1866 3.64425ZM2.32538 16.0174C2.32538 15.8785 2.32538 15.7397 2.32538 15.6009C2.9154 15.6182 9.54447 15.705 16.3644 13.6573C16.7636 14.4208 17.128 15.2017 17.4751 15.9826C17.3015 16.0347 17.1106 16.0868 16.9371 16.1388C9.89154 18.4121 6.14317 24.6247 5.8308 25.1453C3.6616 22.7332 2.32538 19.5228 2.32538 16.0174ZM16 29.6746C12.8416 29.6746 9.92625 28.5987 7.61822 26.7939C7.86117 26.2907 10.6377 20.9458 18.3427 18.256C18.3774 18.2386 18.3948 18.2386 18.4295 18.2213C20.3557 23.2017 21.1367 27.3839 21.3449 28.5813C19.6963 29.2928 17.8915 29.6746 16 29.6746ZM23.6182 27.3319C23.4794 26.4989 22.7505 22.5076 20.9631 17.5965C25.2495 16.9197 28.9978 18.0304 29.4664 18.1866C28.8764 21.987 26.6898 25.2668 23.6182 27.3319Z"></path>
</svg>

              <span class="accessibility-text">Back to home page</span>
            </a>
            <a href="http://twitter.com/dribbble">
              <svg xmlns="http://www.w3.org/2000/svg" aria-labelledby="at1z6lnj5u16barkkfwsdbavkg8icfn4" role="img" viewBox="0 0 24 24" class="icon fill-current"><title id="at1z6lnj5u16barkkfwsdbavkg8icfn4">Twitter icon</title><path d="M23.954 4.569c-.885.389-1.83.654-2.825.775 1.014-.611 1.794-1.574 2.163-2.723-.951.555-2.005.959-3.127 1.184-.896-.959-2.173-1.559-3.591-1.559-2.717 0-4.92 2.203-4.92 4.917 0 .39.045.765.127 1.124C7.691 8.094 4.066 6.13 1.64 3.161c-.427.722-.666 1.561-.666 2.475 0 1.71.87 3.213 2.188 4.096-.807-.026-1.566-.248-2.228-.616v.061c0 2.385 1.693 4.374 3.946 4.827-.413.111-.849.171-1.296.171-.314 0-.615-.03-.916-.086.631 1.953 2.445 3.377 4.604 3.417-1.68 1.319-3.809 2.105-6.102 2.105-.39 0-.779-.023-1.17-.067 2.189 1.394 4.768 2.209 7.557 2.209 9.054 0 13.999-7.496 13.999-13.986 0-.209 0-.42-.015-.63.961-.689 1.8-1.56 2.46-2.548l-.047-.02z"></path></svg>

              <span class="accessibility-text">Twitter</span>
            </a>
            <a href="http://facebook.com/dribbble">
            <svg xmlns="http://www.w3.org/2000/svg" aria-labelledby="anujgi40wf3rr5lk5fyfo69d4egdbvof" role="img" viewBox="0 0 24 24" class="icon fill-current"><title id="anujgi40wf3rr5lk5fyfo69d4egdbvof">Facebook icon</title><path d="M22.676 0H1.324C.593 0 0 .593 0 1.324v21.352C0 23.408.593 24 1.324 24h11.494v-9.294H9.689v-3.621h3.129V8.41c0-3.099 1.894-4.785 4.659-4.785 1.325 0 2.464.097 2.796.141v3.24h-1.921c-1.5 0-1.792.721-1.792 1.771v2.311h3.584l-.465 3.63H16.56V24h6.115c.733 0 1.325-.592 1.325-1.324V1.324C24 .593 23.408 0 22.676 0"></path></svg>

            <span class="accessibility-text">Facebook</span>
            </a>
            <a href="http://instagram.com/dribbble">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414" role="img" class="icon fill-current"><path d="M8 0C5.827 0 5.555.01 4.702.048 3.85.088 3.27.222 2.76.42c-.526.204-.973.478-1.417.923-.445.444-.72.89-.923 1.417-.198.51-.333 1.09-.372 1.942C.008 5.555 0 5.827 0 8s.01 2.445.048 3.298c.04.852.174 1.433.372 1.942.204.526.478.973.923 1.417.444.445.89.72 1.417.923.51.198 1.09.333 1.942.372.853.04 1.125.048 3.298.048s2.445-.01 3.298-.048c.852-.04 1.433-.174 1.942-.372.526-.204.973-.478 1.417-.923.445-.444.72-.89.923-1.417.198-.51.333-1.09.372-1.942.04-.853.048-1.125.048-3.298s-.01-2.445-.048-3.298c-.04-.852-.174-1.433-.372-1.942-.204-.526-.478-.973-.923-1.417-.444-.445-.89-.72-1.417-.923-.51-.198-1.09-.333-1.942-.372C10.445.008 10.173 0 8 0zm0 1.44c2.136 0 2.39.01 3.233.048.78.036 1.203.166 1.485.276.374.145.64.318.92.598.28.28.453.546.598.92.11.282.24.705.276 1.485.038.844.047 1.097.047 3.233s-.01 2.39-.048 3.233c-.036.78-.166 1.203-.276 1.485-.145.374-.318.64-.598.92-.28.28-.546.453-.92.598-.282.11-.705.24-1.485.276-.844.038-1.097.047-3.233.047s-2.39-.01-3.233-.048c-.78-.036-1.203-.166-1.485-.276-.374-.145-.64-.318-.92-.598-.28-.28-.453-.546-.598-.92-.11-.282-.24-.705-.276-1.485C1.45 10.39 1.44 10.136 1.44 8s.01-2.39.048-3.233c.036-.78.166-1.203.276-1.485.145-.374.318-.64.598-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276C5.61 1.45 5.864 1.44 8 1.44zm0 2.452c-2.27 0-4.108 1.84-4.108 4.108 0 2.27 1.84 4.108 4.108 4.108 2.27 0 4.108-1.84 4.108-4.108 0-2.27-1.84-4.108-4.108-4.108zm0 6.775c-1.473 0-2.667-1.194-2.667-2.667 0-1.473 1.194-2.667 2.667-2.667 1.473 0 2.667 1.194 2.667 2.667 0 1.473-1.194 2.667-2.667 2.667zm5.23-6.937c0 .53-.43.96-.96.96s-.96-.43-.96-.96.43-.96.96-.96.96.43.96.96z"></path></svg>

            <span class="accessibility-text">Instagram</span>
            </a>
            <a href="http://www.pinterest.com/dribbble/">
            <svg xmlns="http://www.w3.org/2000/svg" aria-labelledby="a1fiqr90b91vej0mjpa6g0zmlwpnil3" role="img" viewBox="0 0 24 24" class="icon fill-current"><title id="a1fiqr90b91vej0mjpa6g0zmlwpnil3">Pinterest icon</title><path d="M12.017 0C5.396 0 .029 5.367.029 11.987c0 5.079 3.158 9.417 7.618 11.162-.105-.949-.199-2.403.041-3.439.219-.937 1.406-5.957 1.406-5.957s-.359-.72-.359-1.781c0-1.663.967-2.911 2.168-2.911 1.024 0 1.518.769 1.518 1.688 0 1.029-.653 2.567-.992 3.992-.285 1.193.6 2.165 1.775 2.165 2.128 0 3.768-2.245 3.768-5.487 0-2.861-2.063-4.869-5.008-4.869-3.41 0-5.409 2.562-5.409 5.199 0 1.033.394 2.143.889 2.741.099.12.112.225.085.345-.09.375-.293 1.199-.334 1.363-.053.225-.172.271-.401.165-1.495-.69-2.433-2.878-2.433-4.646 0-3.776 2.748-7.252 7.92-7.252 4.158 0 7.392 2.967 7.392 6.923 0 4.135-2.607 7.462-6.233 7.462-1.214 0-2.354-.629-2.758-1.379l-.749 2.848c-.269 1.045-1.004 2.352-1.498 3.146 1.123.345 2.306.535 3.55.535 6.607 0 11.985-5.365 11.985-11.987C23.97 5.39 18.592.026 11.985.026L12.017 0z"></path></svg>

            <span class="accessibility-text">Pinterest</span>
            </a>
          </div>
        </div>
        <div class="links-container">
            <div class="links-column">
                <div class="link-heading">For designers</div>
                    <a class="link" href="/pro">Go Pro!</a>
                    <a class="link" href="/shots">Explore design work</a>
                    <a class="link" href="/stories">Design blog</a>
                    <a class="link" href="/overtime">Overtime podcast</a>
                    <a class="link" href="/shots?list=playoffs">Playoffs</a>
                    <a class="link" href="/shots/20935605-Design-a-badge-inspired-by-Spring">Weekly Warm-Up</a>
                    <a target="_blank" class="link" href="https://referral.dribbble.com/">Refer a Friend</a>
                    <a class="link" href="/guidelines">Code of conduct</a>
            </div>
            <div class="links-column">
                <div class="link-heading">Hire designers</div>
                    <a class="link" href="/jobs/new">Post a job opening</a>
                    <a class="link" href="/freelance-jobs">Post a freelance project</a>
                    <a class="link" href="/designers">Search for designers</a>
                <div class="link-heading">Brands</div>
                    <a class="link" href="/advertise">Advertise with us</a>
            </div>
            <div class="links-column">
                <div class="link-heading">Company</div>
                    <a class="link" href="/about">About</a>
                    <a class="link" href="/careers">Careers</a>
                    <a class="link" href="/contact">Support</a>
                    <a class="link" href="/media-kit">Media kit</a>
                    <a class="link" href="/testimonials">Testimonials</a>
                    <a class="link" href="https://developer.dribbble.com">API</a>
                    <a class="link" href="/terms">Terms of service</a>
                    <a class="link" href="/privacy">Privacy policy</a>
                    <a class="link" href="/cookie-policy">Cookie policy</a>
            </div>
            <div class="links-column">
                <div class="link-heading">Directories</div>
                    <a class="link" href="/directories/jobs">Design jobs</a>
                    <a class="link" href="/directories/designers">Designers for hire</a>
                    <a class="link" href="/directories/freelance-designers">Freelance designers for hire</a>
                    <a class="link" href="/tags">Tags</a>
                    <a class="link" href="/places">Places</a>
                <div class="link-heading">Design assets</div>
                    <a class="link" href="/marketplace">Dribbble Marketplace</a>
                    <a target="_blank" rel="noopener" class="link" href="https://creativemarket.com/?utm_source=dribbble&amp;utm_medium=referral&amp;utm_campaign=footer">Creative Market</a>
                    <a target="_blank" rel="noopener" class="link" href="https://www.fontspring.com/?utm_source=dribbble&amp;utm_medium=referral&amp;utm_campaign=footer">Fontspring</a>
                    <a target="_blank" rel="noopener" class="link" href="https://www.fontsquirrel.com/?utm_source=dribbble&amp;utm_medium=referral&amp;utm_campaign=footer">Font Squirrel</a>
            </div>
            <div class="links-column">
                <div class="link-heading">Design Resources</div>
                    <a rel="noopener" class="link" href="/resources/freelance">Freelancing</a>
                    <a rel="noopener" class="link" href="/resources/design-hiring">Design Hiring</a>
                    <a rel="noopener" class="link" href="/resources/design-portfolio">Design Portfolio</a>
                    <a rel="noopener" class="link" href="/resources/education">Design Education</a>
                    <a rel="noopener" class="link" href="/resources/creative-process">Creative Process</a>
                    <a rel="noopener" class="link" href="https://www.industry-trends.dribbble.com">Design Industry Trends</a>
            </div>
        </div>
      </div>
    <div class="footer-lower-content">
      <div>&copy; 2023 Dribbble. All rights reserved.</div>
      <div class="total-shots-container">
        <div>
          <span class="shots-count">21,020,817</span>
          shots dribbbled
        </div>
        <img
          class="dribbble-ball lazyload"
          data-src="https://dogefs.s3.ladydaily.com/~/source/dribbble/assets/dribbble-ball-icon-4e54c54abecf8efe027abe6f8bc7794553b8abef3bdb49cd15797067cf80ca53.svg"
          width="24px"
          height="24px"
          alt="Dribbble ball icon"
        >
      </div>
    </div>
  </div>
</div>





  

    <div class="shot-overlay js-shot-overlay lazyloading-hidden-container" tabindex="-1" data-include="css:https://dogefs.s3.ladydaily.com/~/source/dribbble/assets/components/media-overlay-modal-552cd3a8b57639af5b88617e03976fb1de6b29ab6b95f0fad7be41388e37baba.css">
  <div class="overlay-content js-overlay-content"></div>
    <div class="shot-nav-prev">
      <div class="shot-nav-button-container">
        <a href="#">
          <div class="shot-nav-button">
            <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon fill-current"><path d="m13.532 4.585-7.532 7.415 7.532 7.415c.792.779 2.081.779 2.873 0s.792-2.049 0-2.829l-4.659-4.586 4.659-4.587c.384-.378.595-.88.595-1.414s-.211-1.036-.595-1.414c-.792-.78-2.082-.78-2.873 0z"></path></svg>

          </div>
        </a>
        <span>Previous</span>
      </div>
    </div>
    <div class="shot-nav-next">
      <div class="shot-nav-button-container">
        <a href="#">
          <div class="shot-nav-button">
            <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" role="img" class="icon fill-current"><path d="m10.468 19.415 7.532-7.415-7.532-7.415c-.792-.779-2.081-.779-2.873 0s-.792 2.049 0 2.829l4.659 4.586-4.659 4.587c-.384.378-.595.88-.595 1.414s.211 1.036.595 1.414c.792.78 2.082.78 2.873 0z"></path></svg>

          </div>
        </a>
        <span>Next</span>
      </div>
    </div>
  <a href="#" class="js-close-overlay close-overlay" aria-label="close">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 26" fill="none" role="img" class="icon fill-current">
<path d="M8.28596 6.51819C7.7978 6.03003 7.00634 6.03003 6.51819 6.51819C6.03003 7.00634 6.03003 7.7978 6.51819 8.28596L11.2322 13L6.51819 17.714C6.03003 18.2022 6.03003 18.9937 6.51819 19.4818C7.00634 19.97 7.7978 19.97 8.28596 19.4818L13 14.7678L17.714 19.4818C18.2022 19.97 18.9937 19.97 19.4818 19.4818C19.97 18.9937 19.97 18.2022 19.4818 17.714L14.7678 13L19.4818 8.28596C19.97 7.7978 19.97 7.00634 19.4818 6.51819C18.9937 6.03003 18.2022 6.03003 17.714 6.51819L13 11.2322L8.28596 6.51819Z" fill="currentColor"></path>
</svg>

  </a>
</div>

<div id="shot-modals-app"></div>
<div id="good-modals-app"></div>


  <div class="attachment-overlay fill-screen lazyloading-hidden lazyload" style="display:none;" tabindex="-1" data-include="css:https://dogefs.s3.ladydaily.com/~/source/dribbble/assets/attachment-overlay-d331bf7ef824f4e1f1dca744b77052b5fa3bd4388b9725bfddf1f5d4703f934e.css">
  </div>

<div id="signup-overlay" class="overlay ">
  <div class="lightbox">
    <a href="#" class="close" aria-label="close">
          <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25" fill="none" role="img" class="icon icon-24 lazyload">
<rect x="3" y="5" width="18" height="16" fill="white"></rect>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5051 0.135254C14.9528 0.135152 17.3455 0.860879 19.3807 2.22066C21.416 3.58044 23.0022 5.51321 23.939 7.77453C24.8757 10.0359 25.1209 12.5242 24.6434 14.9248C24.166 17.3255 22.9873 19.5306 21.2566 21.2614C19.5259 22.9922 17.3207 24.1709 14.9201 24.6485C12.5195 25.126 10.0311 24.881 7.76979 23.9443C5.50843 23.0076 3.57561 21.4214 2.21576 19.3862C0.855913 17.3511 0.130107 14.9583 0.130127 12.5107C0.130141 9.22858 1.43392 6.08092 3.75467 3.76009C6.07542 1.43926 9.22304 0.135377 12.5051 0.135254V0.135254ZM7.13525 16.4156C6.9463 16.6101 6.84148 16.8711 6.84346 17.1423C6.84544 17.4135 6.95406 17.6729 7.14583 17.8647C7.3376 18.0564 7.59711 18.1649 7.86827 18.1668C8.13943 18.1687 8.40044 18.0638 8.59488 17.8748L12.4997 13.9699L16.4103 17.8805C16.6047 18.0698 16.8659 18.1749 17.1372 18.1731C17.4085 18.1712 17.6682 18.0626 17.8601 17.8707C18.0519 17.6788 18.1605 17.4191 18.1623 17.1478C18.164 16.8765 18.0589 16.6153 17.8695 16.421L13.9592 12.5106L17.8847 8.58516C18.072 8.39039 18.1754 8.12994 18.1727 7.85976C18.1701 7.58958 18.0616 7.33122 17.8705 7.14017C17.6795 6.94911 17.4211 6.8406 17.1509 6.83794C16.8808 6.83529 16.6203 6.93869 16.4255 7.12594L12.4997 11.051L8.57998 7.13125C8.38644 6.93769 8.12393 6.82894 7.8502 6.82892C7.57647 6.82891 7.31394 6.93763 7.12038 7.13118C6.92681 7.32472 6.81806 7.58724 6.81804 7.86097C6.81803 8.13469 6.92675 8.39722 7.1203 8.59078L11.0402 12.5106L7.13525 16.4156Z" fill="#979797"></path>
</svg>

    </a>
    <div class="display">
        <div class="processing">Loading…</div>
    </div>
  </div>
</div>
  <div id="work-availability-modal-app"></div>
<div id="introductions-upload-modal-app"></div>

<div id="site-notifications"></div>

<div id="designer-application-modal-app"></div>


<script src="https:////dogefs.s3.ladydaily.com/~/source/gajax/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!-- jquery failover -->
<script>
  if (typeof jQuery == 'undefined') {
    document.write(unescape('%3Cscript src="https://dogefs.s3.ladydaily.com/~/source/dribbble/assets/jquery-3.2.1.min-fe436dfd579c3153d6ecfe2c7e893127c27ff1fe44f276d9f149535ba5e6f2c0.js">%3C/script>'))
  }
</script>




<script>
  // ensure namespace is available
  Dribbble = window.Dribbble || {};
  Dribbble.JsConfig = window.Dribbble.JsConfig || {};
  Dribbble.isHistorySupported = () => (window.history && 'pushState' in window.history);

  // add global constants
  DEVICE_WIDTH_BREAKPOINT = '800px';
  HIDPI_BREAKPOINT = '(-webkit-min-device-pixel-ratio: 1.5),(min--moz-device-pixel-ratio: 1.5),(-o-min-device-pixel-ratio: 3/2),(min-device-pixel-ratio: 1.5),(min-resolution: 1.5dppx)';

  User = {
    loggedIn: function() {
      return !!document.querySelector('body.logged-in')
    },
    loggedOut: function() {
      return !this.loggedIn()
    },
  };
</script>


  <script src="https://dogefs.s3.ladydaily.com/~/source/dribbble/assets/global-9cd76b85fe4e41f24edcff911d4573b97f51fefcd2f82e4e3649d7583e1c72da.js"></script>



<script>
  var config = Dribbble.JsConfig || {}
  // the assign is so this partial can be called in other partials, e.g. modals
  // without overriding parent instantiations of JsConfig
  Dribbble.JsConfig = Object.assign(config, {
      user: {"isLoggedIn":false,"reCaptchaSiteKey":"6LdmBTIUAAAAAM4NIokaWu8p3BBuYEw3CxuDdyg_","canPurchasePro":true},
      hiringProfile: {},
      features: {"braintreeHiring":false,"proDiscountToasty":false,"marketplaceUploads":false,"collaborators":false,"hiringBundleDiscount":true,"homepageHero":true,"jobBoardCreation":true,"educationUpdates":true,"educationMailingList":false,"uploadCompanyLogo":true,"coursesGraduatesPage":true,"purchaseFreelance":true,"learnRedesign":false,"proTrial":false},
      isRobot: null,
      remoteIp: "84.17.37.217",
      isProduction: true,
      permissions: {"userPermissions":["canBuyBoostWithBraintree","canSeeThirdPartyPaymentMethods"],"marketplacePermissions":[]},
      screenshot_boost: {"buttonText":[{"label":"Buy Now","value":"buy-now"},{"label":"Download","value":"download"},{"label":"Learn More","value":"learn-more"},{"label":"Shop Now","value":"shop-now"},{"label":"Apply Now","value":"apply-now"},{"label":"Try Now","value":"try-now"},{"label":"Get Offer","value":"get-offer"},{"label":"Contact Us","value":"contact-us"}],"tiers":{"lowTier":{"daysToServe":7,"range":{"lowerLimit":0,"upperLimit":10000}},"midTier":{"daysToServe":14,"range":{"lowerLimit":10001,"upperLimit":100000}},"highTier":{"daysToServe":28,"range":{"lowerLimit":100001,"upperLimit":null}}},"pricePerImpression":"0.006","purchase":{"stripePublicKey":"pk_live_9EfFSEE6iTCgHghKqBqnixxR","savedCreditCardInformation":null},"discount":null,"minimumImpressions":2000,"targetPlacements":{"following":"Following Feed","popular":"Popular Feed","search":"Search Feed","goods":"Goods Feed","recent":"New \u0026 Noteworthy Feed","shot_modal":"Shot Modal","similar_work":"Similar Work","tags":"Tag Feed","popular_first":"Popular Feed First"},"priorities":["self_serve","sales","remnant","sales_priority"]},
  })
</script>

<script src="https://dogefs.s3.ladydaily.com/~/source/dribbble/assets/packs/js/application.a54f947af7e32a33f12a.js"></script>
<script src="https://dogefs.s3.ladydaily.com/~/source/dribbble/assets/shots-manifest-5f3a20e2c34a0f1f35769df5dba8c0ca7345675b6fdcafb53c204e936df88a7b.js"></script>  <script>
    $(function() {

      Dribbble.Thumbnails.initialize({"enable_shot_overlay":true,"cursor":false,"deferredContent":null,"staticParams":null,"showBoostedAds":null,"showSimilarShots":false,"boostedAdPlacement":null,"boostedAdParams":null,"numberOfAdsOnFirstPage":null,"numberOfAdsOnSubsequentPages":null,"boostedAdGroupPositions":null});


      if(Dribbble.Bucket){
        new Dribbble.Bucket({ target: "a[data-bucket-add]" });
      }


      $(document).on(
        'click',
        'a[data-fav-toggle=shot]',
        Screenshot.Like.Shot.toggle
      )
    });
  </script>
<script src="https://dogefs.s3.ladydaily.com/~/source/dribbble/assets/downgrade-hidden-tracking-25b8c829df77a1ce29d3ea25278b94a0d6d77bdab52cbfde4ffd06719311b5c1.js"></script>  <script>
    Dribbble.DowngradeHiddenTracking.initialize();
  </script>
  <!-- Global Sift tag -->
  <script type="text/javascript">
    var _user_id = "";
    var _session_id = "bb0a6350-7dc5-4141-816b-fba069978c47";

    var _sift = window._sift = window._sift || [];
    _sift.push(['_setAccount', "161501c49f"]);
    _sift.push(['_setUserId', _user_id]);
    _sift.push(['_setSessionId', _session_id]);
    _sift.push(['_trackPageview']);

    (function() {
      function ls() {
        var e = document.createElement('script');
        e.src = 'https://cdn.sift.com/s.js';
        document.body.appendChild(e);
      }
      if (window.attachEvent) {
        window.attachEvent('onload', ls);
      } else {
        window.addEventListener('load', ls, false);
      }
    })();
  </script>

  <!-- Global site tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-24041469-1"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

    gtag('config', "UA-24041469-1"); // google analytics

    gtag('config', "AW-787470371"); // google ads
</script>

<script>
  Dribbble.Analytics.googleAnalyticsKey = "UA-24041469-1"
  if (window.location.pathname == "/") {
    Dribbble.Analytics.namedRoot = "/shots";
    Dribbble.Analytics.logDribbbleGAPageView("/")
  } else {
    Dribbble.Analytics.logDribbbleGAPageView("/css?family=Mulish:300,300italic,400,400italic,700,700italic%7CFredericka%20the%20Great:300,300italic,400,400italic,700,700italic%7CNoto%20Serif%20JP:300,300italic,400,400italic,700,700italic%7CNoto%20Serif%20SC:300,300italic,400,400italic,700,700italic%7CInconsolata:300,300italic,400,400italic,700,700italic\u0026display=swap\u0026subset=latin,latin-ext")
  }

  Dribbble.Itly.pageViewed({ controller: "profile/shots", action: "index"})
</script>




</body></html>
