@charset "UTF-8";:root{--content-width:920px;--sidebar-width:280px;--aside-width:250px;--page-margin:1.5rem;--header-height:90px;--line-height:1.6;--font-weight-normal:400;--font-weight-bold:600;--headings-weight:700;--headings-transform:none;--primary-color:#4285F4;--secondary-color:#3C4156;--white:#FFFFFF;--black:#000000;--blue:#4285F4;--green:#69DA58;--yellow:#F6C144;--dark:#3C4156;--red:#C7403E;--gray-1:#696C7B;--gray-2:#8D8D94;--gray-3:#E3E3E3;--gray-4:#EBEBEE;--gray-5:#F7FAFC;--light-gray:#f5f5f5;--lighter-gray:#f7f7f7;--logo-color:#3C4156;--text-color:#3C4156;--headings-color:#3C4156;--link-color:#4285F4;--link-color-hover:#3C4156;--code-color:#C7403E;--code-bg:199,64,62;--bg-color:66,133,244;--gradient-blue:#3861ab;--gradient-purple:#7d3c92}article,aside,footer,header,hgroup,main,nav,section{display:block}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}li{list-style:none}img{height:auto;max-width:100%}.medium img{display:block;max-width:70%;margin-left:auto;margin-right:auto}@media screen and (min-width:37.5rem) and (max-width:74.9375rem){.medium-left img{display:block;max-width:70%;margin-left:0;margin-right:auto}}.small img{display:block;max-width:50%;margin-left:auto;margin-right:auto}button,input,select,textarea{font:inherit}::-moz-selection{background:var(--primary-color);color:var(--white)}::selection{background:var(--primary-color);color:var(--white)}html{font-smooth:always;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;height:100%}html{font-size:1rem}@media screen and (min-width:20rem){html{font-size:calc(1rem + 0 * ((100vw - 20rem) / 127))}}@media screen and (min-width:147rem){html{font-size:1rem}}html.no-scroll{overflow:hidden;position:fixed}body{background:var(--white);color:var(--text-color);font-family:var(--body-font);font-weight:var(--font-weight-normal);line-height:var(--line-height);-ms-scroll-chaining:none;overscroll-behavior:none;height:100%}a{color:var(--gradient-blue);text-decoration:none;-webkit-transition:all .12s linear 0s;-o-transition:all .12s linear 0s;transition:all .12s linear 0s}a:hover{color:var(--gradient-purple)}a:active{color:var(--gradient-purple)}a:focus{outline:0}.btn--interactive a{color:#fff!important;text-decoration:none!important}.btn--interactive a:hover{text-decoration:none!important}.invert{color:var(--text-color);text-decoration:none;-webkit-transition:all .12s linear 0s;-o-transition:all .12s linear 0s;transition:all .12s linear 0s}.invert:hover{color:var(--gradient-blue)}.invert:active{color:var(--link-color)}.invert:focus{outline:0}dl,ol,p,ul{margin-top:1rem}hr{margin-top:2.6666666667rem;margin-bottom:2.6666666667rem}blockquote{margin-top:2.6666666667rem;margin-bottom:1rem}figure{margin-top:2.1333333333rem}pre,table{margin-top:1.6rem;margin-bottom:2.1333333333rem}h1,h2,h3,h4,h5,h6{color:var(--headings-color);font-family:var(--heading-font);font-weight:var(--headings-weight);line-height:1.3;margin-top:2.1333333333rem;text-transform:var(--headings-transform)}.h1,h1{line-height:1.5}.h1,h1{font-size:1.6758293408rem}@media screen and (min-width:20rem){.h1,h1{font-size:calc(1.6758293408rem + .4935958803 * ((100vw - 20rem) / 127))}}@media screen and (min-width:147rem){.h1,h1{font-size:2.1694252211rem}}.post--on-frontpage h1{margin-top:2rem!important;margin-bottom:2rem!important}@media screen and (min-width:75rem){.post--on-frontpage h1{margin-top:0!important}}.h2,h2{font-size:1.2945382732rem}@media screen and (min-width:20rem){.h2,h2{font-size:calc(1.2945382732rem + .3812910676 * ((100vw - 20rem) / 127))}}@media screen and (min-width:147rem){.h2,h2{font-size:1.6758293408rem}}.h3,h3{font-size:1.2136296308rem}@media screen and (min-width:20rem){.h3,h3{font-size:calc(1.2136296308rem + .2592672499 * ((100vw - 20rem) / 127))}}.h4,h4{font-size:1.1377777785rem}@media screen and (min-width:20rem){.h4,h4{font-size:calc(1.1377777785rem + .1567604947 * ((100vw - 20rem) / 127))}}@media screen and (min-width:147rem){.h4,h4{font-size:1.2945382732rem}}.h5,h5{font-size:1rem}@media screen and (min-width:20rem){.h5,h5{font-size:calc(1rem + .1377777785 * ((100vw - 20rem) / 127))}}@media screen and (min-width:147rem){.h5,h5{font-size:1.1377777785rem}}.h6,h6{font-size:1rem}@media screen and (min-width:20rem){.h6,h6{font-size:calc(1rem + 0 * ((100vw - 20rem) / 127))}}@media screen and (min-width:147rem){.h6,h6{font-size:1rem}}b,strong{font-weight:var(--font-weight-bold)}blockquote{padding:0;position:relative;text-align:left}blockquote{font-size:1.066666667rem}@media screen and (min-width:20rem){blockquote{font-size:calc(1.066666667rem + .0711111115 * ((100vw - 20rem) / 127))}}@media screen and (min-width:37.5rem){blockquote{text-align:center;padding:.8rem 1.6rem 0}}@media screen and (min-width:147rem){blockquote{font-size:1.1377777785rem}}blockquote::before{color:var(--gradient-blue);content:"“";font:normal 360%/1 Georgia,Times,Times New Roman,serif;position:relative;bottom:-1.0666666667rem;line-height:1rem;margin-right:.5rem}blockquote>:first-child{margin-top:0}ol{margin-left:1.5rem}ul{margin-left:.8rem}@media screen and (min-width:37.5rem){ul{margin-left:.8rem;margin-top:1rem;margin-bottom:1rem}}ol>li,ul>li{list-style:inherit;padding:0 0 0 .5rem}ul.uxtools>li{list-style:inherit;padding:0 0 1rem .5rem}ul>li::marker{font-size:.8rem}ol ol,ul ol ol ul,ul ul{margin-bottom:.5333333333rem;margin-top:.5333333333rem}dl dt{font-weight:var(--font-weight-bold)}code{font-size:.85rem;font-family:Lora,serif;background-color:#fff3d5;border-radius:10px;padding:2px 8px 2px 8px}.dictionary{font-size:.8789062495rem;font-family:Menlo,Monaco,Consolas,Courier New,monospace;width:100%;margin-top:4rem;margin-bottom:4rem;padding:0 1rem 0 1.5rem;border-left:.5rem solid var(--gradient-blue)}@media all and (min-width:48em){.dictionary{width:87%}}@media all and (min-width:75em){.dictionary{width:79%}}pre{background-color:var(--gray-5);border-radius:3px;font-size:.8789062495rem;padding:1.6rem;white-space:pre-wrap!important;word-wrap:break-word;width:100%}pre code{background-color:var(--gray-5);color:inherit!important;font-size:inherit;padding:0}table{border:1px solid var(--gray-4);border-collapse:collapse;border-spacing:0;vertical-align:top;text-align:left;width:100%}table th{font-weight:var(--font-weight-bold);padding:.6666666667rem 1.0666666667rem}table td{border-top:1px solid var(--gray-4);padding:.6666666667rem 1.0666666667rem}.table-striped tr:nth-child(2n){background:var(--gray-5)}.table-bordered td,.table-bordered th{border:1px solid var(--gray-4)}.table-title th{background:var(--gray-5)}figcaption{color:var(--gray-2);font-family:var(--body-font);font-weight:var(--font-weight-normal);font-size:.8239746086rem;font-style:italic;text-align:center;padding-bottom:2rem;padding-top:1rem}.post__featured-image figcaption{display:none}kbd{background:var(--dark);border-radius:2px;color:var(--white);font-family:Menlo,Monaco,Consolas,Courier New,monospace;font-size:.8888em;padding:.1333333333rem .4rem}sub,sup{font-size:65%}small{font-size:.8789062495rem}hr{background-color:var(--gray-3);border:none;height:1px}.btn,[type=button],[type=submit],button{background:var(--primary-color);border:none;border-radius:2px;-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.05),0 1px 5px 0 rgba(0,0,0,.12);box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.05),0 1px 5px 0 rgba(0,0,0,.12);color:var(--white);cursor:pointer;display:inline-block;font-size:.8239746086rem;font-weight:var(--font-weight-bold);letter-spacing:.03em;padding:.6666666667rem 1.3333333333rem;text-align:center;text-transform:uppercase;-webkit-transition:all .24s ease;-o-transition:all .24s ease;transition:all .24s ease;vertical-align:middle;width:100%;will-change:box-shadow}@media all and (min-width:37.5em){.btn,[type=button],[type=submit],button{width:auto}}.btn:hover,[type=button]:hover,[type=submit]:hover,button:hover{background:var(--secondary-color);color:var(--white)}.btn:focus,[type=button]:focus,[type=submit]:focus,button:focus{outline:0}@media all and (max-width:37.4375em){.btn+.btn,.btn+[type=button],.btn+[type=submit],.btn+button,[type=button]+.btn,[type=button]+[type=button],[type=button]+[type=submit],[type=button]+button,[type=submit]+.btn,[type=submit]+[type=button],[type=submit]+[type=submit],[type=submit]+button,button+.btn,button+[type=button],button+[type=submit],button+button{margin-top:.5333333333rem}}@media all and (min-width:37.5em){.btn+.btn,.btn+[type=button],.btn+[type=submit],.btn+button,[type=button]+.btn,[type=button]+[type=button],[type=button]+[type=submit],[type=button]+button,[type=submit]+.btn,[type=submit]+[type=button],[type=submit]+[type=submit],[type=submit]+button,button+.btn,button+[type=button],button+[type=submit],button+button{margin-left:.5333333333rem}}.btn--small{padding:.5333333333rem 1.0666666667rem}.btn:disabled,[type=button]:disabled,[type=submit]:disabled,button:disabled{background-color:var(--gray-5);color:var(--gray-1);cursor:not-allowed}.btn:active,[type=button]:active,[type=submit]:active,button:active{-webkit-box-shadow:0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.2);box-shadow:0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.2)}.btn--icon{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;white-space:nowrap}@media all and (max-width:37.4375em){.btn--icon{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-preferred-size:100%;flex-basis:100%}}.btn--icon>svg{fill:currentColor;margin-right:.8rem;-webkit-transition:all .24s ease;-o-transition:all .24s ease;transition:all .24s ease;vertical-align:middle}.btn--gray{background:var(--gray-5);color:var(--dark)}.btn--dark{background:var(--secondary-color);color:var(--white)}.btn--dark:hover{background:var(--primary-color)}.btn--white{background:var(--white);color:var(--gray-1)}.btn--yellow{background:var(--yellow);color:var(--white)}.btn--green{background:var(--green);color:var(--white)}.btn--interactive{background-color:var(--gradient-purple);color:var(--white);padding:.5rem 1rem .5rem 1rem;text-transform:uppercase;font-weight:var(--font-weight-bold);-webkit-appearance:none;-moz-appearance:none;border-radius:5px;-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.05),0 1px 5px 0 rgba(0,0,0,.12);box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.05),0 1px 5px 0 rgba(0,0,0,.12);display:inline-block;margin-top:2rem}.btn--interactive:first-child{margin-right:2rem}.btn--interactive:hover{text-decoration:none!important;color:var(--white);background-color:var(--gradient-blue)}[type=button],[type=submit],button{text-transform:uppercase;-webkit-appearance:none;-moz-appearance:none}fieldset{border:1px solid var(--gray-3);margin:0 0 1.6rem;padding:1.6rem}fieldset>legend{margin-left:-1rem;padding:0 1rem}legend{font-weight:500;padding:0}label{font-weight:500;margin:0 1.0666666667rem .8rem 0}[type=email],[type=number],[type=search],[type=tel],[type=text],[type=url],select,textarea{background-color:var(--white);border:none;border:1px solid var(--gray-3);font-size:1rem;outline:0;padding:.5333333333rem .8rem;width:100%;-webkit-appearance:none;-moz-appearance:none}@media all and (min-width:37.5em){[type=email],[type=number],[type=search],[type=tel],[type=text],[type=url],select,textarea{width:auto}}[type=email]:focus,[type=number]:focus,[type=search]:focus,[type=tel]:focus,[type=text]:focus,[type=url]:focus,select:focus,textarea:focus{border-color:var(--dark)}input[type=checkbox],input[type=radio]{opacity:0;position:absolute}input[type=checkbox]+label,input[type=radio]+label{position:relative;margin-left:-1px;cursor:pointer;padding:0}input[type=checkbox]+label:before,input[type=radio]+label:before{background-color:var(--white);border:1px solid var(--gray-3);border-radius:2px;content:"";display:inline-block;height:1.3333333333rem;line-height:1.3333333333rem;margin-right:1.0666666667rem;vertical-align:middle;text-align:center;width:1.3333333333rem}input[type=checkbox]:checked+label:before,input[type=radio]:checked+label:before{content:"";background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 8'%3e%3cpolygon points='9.53 0 4.4 5.09 1.47 2.18 0 3.64 2.93 6.54 4.4 8 5.87 6.54 11 1.46 9.53 0' fill='%234285f4'/%3e%3c/svg%3e");background-repeat:no-repeat;background-size:11px 8px;background-position:50% 50%}input[type=radio]+label:before{border-radius:50%}input[type=radio]:checked+label:before{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3ccircle cx='4' cy='4' r='4' fill='%234285f4'/%3e%3c/svg%3e")}[type=file]{margin-bottom:1.6rem;width:100%}select{max-width:100%;width:auto;position:relative}select:not([multiple]){background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 6 6"><polygon points="3 6 3 6 0 0 6 0 3 6" fill="%238a8b8c"/></svg>') no-repeat 90% 50%;background-size:8px;padding-right:3.2rem}select[multiple]{border:1px solid var(--gray-3);padding:1.6rem;width:100%}select[multiple]:hover{border-color:var(--gray-3)}select[multiple]:focus{border-color:var(--dark)}select[multiple]:disabled{background-color:var(--gray-5);cursor:not-allowed}select[multiple]:disabled:hover{border-color:var(--gray-3)}textarea{display:block;overflow:auto;resize:vertical;max-width:100%}.top__logo{grid-area:logo;-ms-grid-row:1;-ms-grid-column:3;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;position:relative;z-index:999;top:.5rem}@media all and (max-width:56.1875em){.top__logo{margin-left:5px}}.top__search{-ms-grid-row:1;-ms-grid-column:4;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;grid-area:centre}@media all and (min-width:37.5em){.top__search{margin-left:3rem}}@media all and (min-width:75em){.top__search{margin:0 4rem}}@media all and (min-width:87.5em){.top__search{margin:0 6rem}}.top__center{grid-area:centre}.top__center div{width:1rem;margin-left:auto;margin-right:auto;position:relative}.top__center p{position:absolute;top:-19rem;left:-5rem;color:#fff;font-size:20rem;font-weight:700;opacity:.1;transform:rotate(12deg);overflow:hidden}.top__links{-ms-grid-row:1;-ms-grid-column:5;grid-area:links;position:relative;text-align:right;margin-right:2rem;top:.5rem}@media all and (max-width:37.4375em){.top__links{margin-right:0}}.top__links svg{fill:white;fill-opacity:0.5}@media all and (min-width:75em){.top__links svg:hover{fill-opacity:1}}.hireMe{color:#fff;padding:3px 10px 3px 10px;border:1px solid rgba(255,255,255,.4);border-radius:4px;display:inline-block;transform:rotate(4deg);font-size:1.1rem}.hireMe:hover{color:#fff;background-color:rgba(255,255,255,.1);border:1px solid #fff}@media all and (max-width:37.4375em){.hireMe{font-size:.8rem}}.top__menu-toggle{margin-left:1.9rem}@media all and (min-width:56.25em){.top__menu-toggle{height:100%;line-height:4.2666666667rem;position:absolute;right:1.3rem;top:0}.top__menu-toggle:before{content:"";border-left:1px solid var(--gray-4);left:-1.6rem;height:100%;position:absolute}}.search svg{fill:rgba(0,0,0,0.6);vertical-align:middle}.search__icon{margin-right:1.5rem}@media all and (max-width:56.1875em){.search__icon{display:none}}.search__form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%}.search__input{background:0 0;border:none;padding:0 1rem 0 0;width:100%}@media all and (max-width:56.1875em){.search__input{display:none;opacity:0}}@media all and (max-width:37.4375em){.search__button{padding-right:0}}@media all and (max-width:56.1875em){.search__button{background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important;width:auto}.search__button>span{display:none}.search__button:hover>svg{fill:var(--primary-color)}}@media all and (min-width:56.25em){.search__button{display:none}.search__button>svg{display:none}}.search__overlay{width:100%}.search__overlay-inner{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:var(--header-height);width:100%}@media all and (max-width:56.1875em){.search__overlay.expanded{background-color:var(--white);display:block;left:0;padding:0 var(--page-margin);position:absolute;top:0;width:100%;z-index:2005}.search__overlay.expanded .search__input{-webkit-animation:slideininput .24s .12s forwards;animation:slideininput .24s .12s forwards;display:block}@-webkit-keyframes slideininput{60%{opacity:0}100%{opacity:1}}@keyframes slideininput{60%{opacity:0}100%{opacity:1}}.search__overlay.expanded .search__close{-webkit-animation:slideinclose .24s .12s forwards;animation:slideinclose .24s .12s forwards}@-webkit-keyframes slideinclose{60%{opacity:0}100%{opacity:1}}@keyframes slideinclose{60%{opacity:0}100%{opacity:1}}}.search__close{background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important;border:none;color:transparent;cursor:pointer;margin:0!important;opacity:0;padding:0 .8rem;height:1.2rem;width:1.2rem;position:relative;text-indent:-999rem}@media all and (min-width:56.25em){.search__close{display:none}}.search__close:after,.search__close:before{background-color:var(--dark);content:"";left:1rem;height:1.2rem;opacity:1;position:absolute;width:1px;top:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:all .14s ease-out;-o-transition:all .14s ease-out;transition:all .14s ease-out}.search__close:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.search__close:hover{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.search__close:hover:after,.search__close:hover:before{background-color:var(--primary-color)}.logo{color:var(--white)!important;display:block;font-family:var(--logo-font);text-decoration:none!important;max-width:var(--sidebar-width);width:100%}@media all and (min-width:56.25em){.logo{margin-left:auto}}.logo span{display:block}.logo span:first-child{font-size:1.4rem;font-weight:700}.logo span:nth-child(2){font-size:1.1rem;font-weight:500;position:relative;top:-3px}.navbar{margin:0;position:fixed;top:10rem;z-index:999;background-color:var(--light-gray)}.navbar .navbar__menu{margin:0}@media all and (max-width:56.1875em){.navbar .navbar__menu{display:none}}.navbar .navbar__menu li{font-family:var(--menu-font);font-size:.9374999997rem;font-weight:600;list-style:none;padding:0 0 .2666666667rem;position:relative}.navbar .navbar__menu li a{color:var(--link-color-hover);display:block;padding:.4rem 0}.navbar .navbar__menu li a:active,.navbar .navbar__menu li a:focus,.navbar .navbar__menu li a:hover{color:var(--gradient-blue)}.navbar .navbar__menu li span{color:#242529;cursor:pointer;display:block;padding:.5rem 0;font-weight:600}.navbar .navbar__menu li.active>a{color:var(--gradient-blue);font-weight:var(--font-weight-bold)}.navbar .navbar__menu li.active>a:active,.navbar .navbar__menu li.active>a:hover{color:var(--gradient-blue)}.navbar .navbar__submenu{border-left:1px solid var(--gray-4);margin:0}.navbar .navbar__submenu{height:0;opacity:0;overflow:hidden;-webkit-transition:height .3s cubic-bezier(.275, 1.375, .8, 1);-o-transition:height .3s cubic-bezier(.275, 1.375, .8, 1);transition:height .3s cubic-bezier(.275, 1.375, .8, 1)}.navbar .navbar__submenu.is-visible{height:auto;opacity:1}.navbar .navbar__submenu li{border:none;font-size:.9rem;font-weight:var(--font-weight-normal);padding:0 0 0 1.3333333333rem}.navbar .navbar__submenu li.active::before{content:"";background:var(--gradient-blue);display:block;height:50%;left:-1px;width:2px;position:absolute;top:50%;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%)}.navbar .active-parent>.navbar__submenu,.navbar .active>.navbar__submenu{display:block;height:auto;opacity:1}.navbar .has-submenu{position:relative}.navbar .has-submenu>a,.navbar .has-submenu>span{position:relative}.navbar .has-submenu>a::after,.navbar .has-submenu>span::after{border-right:1px solid var(--gray-2);border-bottom:1px solid var(--gray-2);content:"";display:block;height:6px;left:97%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%) rotate(-45deg);-ms-transform:translate(-50%,-50%) rotate(-45deg);transform:translate(-50%,-50%) rotate(-45deg);width:6px}.navbar .active-parent>a::after,.navbar .active-parent>span::after,.navbar .active.has-submenu>a::after,.navbar .active.has-submenu>span::after{-webkit-transform:translate(-50%,-50%) rotate(45deg);-ms-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}.navbar__toggle{-ms-grid-row:1;-ms-grid-column:2;background:0 0;-webkit-box-shadow:none;box-shadow:none;border:none;cursor:pointer;display:block;left:0;line-height:1;grid-area:menutoggle;height:var(--header-height);margin:0;overflow:visible;padding:0 1.0666666667rem 1.0666666667rem 0;width:auto;text-transform:none;z-index:999}@media all and (min-width:56.25em){.top__logo{-ms-grid-row:1;-ms-grid-column:1;-ms-grid-column-span:2}.top__search{-ms-grid-row:1;-ms-grid-column:3}.top__links{-ms-grid-row:1;-ms-grid-column:4}}@media all and (min-width:75em){.top__logo{-ms-grid-row:1;-ms-grid-column:1;-ms-grid-column-span:3}.top__search{-ms-grid-row:1;-ms-grid-column:4}.top__links{-ms-grid-row:1;-ms-grid-column:5}}@media all and (min-width:37.5em){.navbar__toggle{height:var(--header-height)}}@media all and (min-width:56.25em){.navbar__toggle{display:none}}.navbar__toggle:focus,.navbar__toggle:hover{background:0 0;-webkit-box-shadow:none;box-shadow:none;outline:0;-webkit-transform:none;-ms-transform:none;transform:none}.navbar__toggle-box{width:20px;height:12px;display:inline-block;position:relative}.navbar__toggle-inner{display:block;top:50%;text-indent:-9999999em}.navbar__toggle-inner::before{content:"";display:block;top:-5px}.navbar__toggle-inner::after{content:"";display:block;bottom:-5px}.navbar__toggle-inner,.navbar__toggle-inner::after,.navbar__toggle-inner::before{width:18px;height:2px;background-color:var(--white);position:absolute;-webkit-transition:opacity .14s ease-out,-webkit-transform;transition:opacity .14s ease-out,-webkit-transform;-o-transition:transform,opacity .14s ease-out;transition:transform,opacity .14s ease-out;transition:transform,opacity .14s ease-out,-webkit-transform}.navbar__toggle-inner{-webkit-transition-duration:75ms;-o-transition-duration:75ms;transition-duration:75ms;-webkit-transition-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);-o-transition-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);transition-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}.navbar__toggle-inner::before{-webkit-transition:top 75ms ease .12s,opacity 75ms ease;-o-transition:top 75ms ease .12s,opacity 75ms ease;transition:top 75ms ease .12s,opacity 75ms ease}.navbar__toggle-inner::after{-webkit-transition:bottom 75ms ease .12s,-webkit-transform 75ms cubic-bezier(.55, .055, .675, .19);transition:bottom 75ms ease .12s,-webkit-transform 75ms cubic-bezier(.55, .055, .675, .19);-o-transition:bottom 75ms ease .12s,transform 75ms cubic-bezier(.55, .055, .675, .19);transition:bottom 75ms ease .12s,transform 75ms cubic-bezier(.55, .055, .675, .19);transition:bottom 75ms ease .12s,transform 75ms cubic-bezier(.55, .055, .675, .19),-webkit-transform 75ms cubic-bezier(.55, .055, .675, .19)}.navbar__toggle.is-active .navbar__toggle-inner{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition-delay:0.12s;-o-transition-delay:0.12s;transition-delay:0.12s;-webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);-o-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);transition-timing-function:cubic-bezier(0.215,0.61,0.355,1)}.navbar__toggle.is-active .navbar__toggle-inner::before{top:0;opacity:0;-webkit-transition:top 75ms ease,opacity 75ms ease .12s;-o-transition:top 75ms ease,opacity 75ms ease .12s;transition:top 75ms ease,opacity 75ms ease .12s}.navbar__toggle.is-active .navbar__toggle-inner::after{bottom:0;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transition:bottom 75ms ease,-webkit-transform 75ms cubic-bezier(.215, .61, .355, 1) .12s;transition:bottom 75ms ease,-webkit-transform 75ms cubic-bezier(.215, .61, .355, 1) .12s;-o-transition:bottom 75ms ease,transform 75ms cubic-bezier(.215, .61, .355, 1) .12s;transition:bottom 75ms ease,transform 75ms cubic-bezier(.215, .61, .355, 1) .12s;transition:bottom 75ms ease,transform 75ms cubic-bezier(.215, .61, .355, 1) .12s,-webkit-transform 75ms cubic-bezier(.215, .61, .355, 1) .12s}.navbar_mobile_overlay{background:var(--white);min-height:calc(100vh - var(--header-height));left:0;opacity:1;overflow:auto;pointer-events:auto;position:fixed;top:var(--header-height);-webkit-transition:all .3s cubic-bezier(0, 0, .3, 1);-o-transition:all .3s cubic-bezier(0, 0, .3, 1);transition:all .3s cubic-bezier(0, 0, .3, 1);width:100%;z-index:998}.navbar_mobile_overlay.is-hidden{opacity:0;pointer-events:none}.navbar_mobile_overlay .navbar__menu{margin:24px}.navbar_mobile_overlay .navbar__menu li{font-size:16px;list-style:none;margin:0;padding:0;text-align:center}.navbar_mobile_overlay .navbar__menu li .is-separator,.navbar_mobile_overlay .navbar__menu li a{color:var(--dark);display:block;padding:10px 20px 10px 0;position:relative}.navbar__submenu .is-separator{margin-top:1rem;padding-bottom:.25rem!important}.navbar_mobile_overlay .navbar__menu li .is-separator:active,.navbar_mobile_overlay .navbar__menu li .is-separator:focus,.navbar_mobile_overlay .navbar__menu li .is-separator:hover,.navbar_mobile_overlay .navbar__menu li a:active,.navbar_mobile_overlay .navbar__menu li a:focus,.navbar_mobile_overlay .navbar__menu li a:hover{color:var(--dark)}.navbar_mobile_overlay .navbar__menu li .is-separator[aria-haspopup=true]::after,.navbar_mobile_overlay .navbar__menu li a[aria-haspopup=true]::after{content:"";width:0;height:0;border-style:solid;border-width:5px 5px 0 5px;border-color:var(--gray-1) transparent transparent transparent;left:.5333333333rem;top:14px;position:relative}.navbar_mobile_overlay .navbar__submenu{margin:0;padding:0}.navbar_mobile_overlay .navbar__submenu_wrapper{height:0;opacity:0;overflow:hidden;-webkit-transition:all .3s cubic-bezier(.275, 1.375, .8, 1);-o-transition:all .3s cubic-bezier(.275, 1.375, .8, 1);transition:all .3s cubic-bezier(.275, 1.375, .8, 1)}.navbar_mobile_overlay .navbar__submenu_wrapper.is-active{height:auto;opacity:1}.navbar_mobile_sidebar{background:var(--light-gray);border-right:1px solid var(--gray-4);min-height:calc(100vh - var(--header-height));left:0;max-width:400px;overflow:hidden;position:fixed;top:var(--header-height);-webkit-transition:all .3s cubic-bezier(0, 0, .3, 1);-o-transition:all .3s cubic-bezier(0, 0, .3, 1);transition:all .3s cubic-bezier(0, 0, .3, 1);width:80%;z-index:998;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;justify-content:space-between}.navbar_mobile_sidebar.is-hidden{left:-400px}.navbar_mobile_sidebar .navbar__menu{margin-top:2rem;margin-left:2rem;width:80%;z-index:999}.navbar_mobile_sidebar .navbar__menu li{font-size:16px;list-style:none;line-height:1.3;margin:0;padding:0;font-weight:var(--font-weight-bold);position:relative}.navbar_mobile_sidebar .navbar__menu li a{color:var(--link-color-hover);display:block;padding:.5rem 0 .5rem 0;position:relative;cursor:pointer}.navbar_mobile_sidebar .navbar__menu li .is-separator{color:var(--link-color-hover);display:block;padding:.5rem 0 .5rem 0;position:relative;cursor:pointer;font-weight:var(--font-weight-bold)}.navbar_mobile_sidebar .navbar__menu li .is-separator:active,.navbar_mobile_sidebar .navbar__menu li .is-separator:focus,.navbar_mobile_sidebar .navbar__menu li .is-separator:hover,.navbar_mobile_sidebar .navbar__menu li a:active,.navbar_mobile_sidebar .navbar__menu li a:focus,.navbar_mobile_sidebar .navbar__menu li a:hover{color:var(--dark)}.navbar_mobile_sidebar .navbar__menu li .is-separator[aria-haspopup=true]::after,.navbar_mobile_sidebar .navbar__menu li a[aria-haspopup=true]::after{content:"";width:0;height:0;border-style:solid;border-width:5px 5px 0 5px;border-color:var(--gray-1) transparent transparent transparent;right:0;top:18px;position:absolute}.navbar_mobile_sidebar .navbar__submenu{margin:0;padding:0;border-left:1px solid var(--gray-4)}.navbar_mobile_sidebar .navbar__submenu li{padding:0 0 0 1.3333333333rem;font-weight:var(--font-weight-normal);position:relative}.navbar_mobile_sidebar .navbar__submenu li.active::before{content:"";background:var(--gradient-blue);display:block;height:50%;left:-1px;width:2px;position:absolute;top:50%;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%)}.navbar_mobile_sidebar .navbar__submenu li.active>a{color:var(--gradient-blue);font-weight:var(--font-weight-bold)}.navbar_mobile_sidebar .navbar__submenu_wrapper{height:0;opacity:0;overflow:hidden;-webkit-transition:all .3s cubic-bezier(.275, 1.375, .8, 1);-o-transition:all .3s cubic-bezier(.275, 1.375, .8, 1);transition:all .3s cubic-bezier(.275, 1.375, .8, 1)}.navbar_mobile_sidebar .navbar__submenu_wrapper.is-active{height:auto;opacity:1}.navbar_mobile_sidebar .navbar__menu .has-submenu>a::after,.navbar_mobile_sidebar .navbar__menu .has-submenu>span::after{border-right:1px solid var(--gray-2);border-bottom:1px solid var(--gray-2);content:"";display:block;height:6px;left:90%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%) rotate(-45deg);-ms-transform:translate(-50%,-50%) rotate(-45deg);transform:translate(-50%,-50%) rotate(-45deg);width:6px}.navbar_mobile_sidebar .navbar__menu .is-active>a::after,.navbar_mobile_sidebar .navbar__menu .is-active>span::after,.navbar_mobile_sidebar .navbar__submenu .active.parent>a::after,.navbar_mobile_sidebar .navbar__submenu .active.parent>span::after{-webkit-transform:translate(-50%,-50%) rotate(45deg);-ms-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}div.navbar_mobile_sidebar ul.navbar__menu>li.active-parent>div.navbar__submenu_wrapper{height:auto;opacity:1}div.navbar_mobile_sidebar ul.navbar__submenu>li.active-parent>div.navbar__submenu_wrapper{height:auto;opacity:1}.navbar_mobile_sidebar__overlay{height:100%;opacity:1;pointer-events:auto;position:fixed;top:0;-webkit-transition:all .3s cubic-bezier(0, 0, .3, 1);-o-transition:all .3s cubic-bezier(0, 0, .3, 1);transition:all .3s cubic-bezier(0, 0, .3, 1);width:100%;z-index:10}.navbar_mobile_sidebar__overlay.is-hidden{opacity:0;pointer-events:none}.top{display:-ms-grid;display:grid;-ms-grid-columns:var(--page-margin) auto 1fr auto auto var(--page-margin);grid-template-columns:var(--page-margin) auto 1fr auto auto var(--page-margin);grid-template-areas:". menutoggle logo centre links .";-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-image:linear-gradient(90deg,var(--gradient-blue),var(--gradient-purple));height:var(--header-height);overflow:hidden;position:fixed;z-index:999;top:0;width:100%}@media all and (min-width:56.25em){.top{-ms-grid-columns:var(--page-margin) var(--sidebar-width) 1fr auto var(--page-margin);grid-template-columns:var(--page-margin) var(--sidebar-width) 1fr auto var(--page-margin);grid-template-areas:". logo centre links ."}}@media all and (min-width:75em){.top{-ms-grid-columns:var(--page-margin) 1fr var(--sidebar-width) minmax(-webkit-min-content,var(--content-width)) var(--aside-width) 1fr var(--page-margin);-ms-grid-columns:var(--page-margin) 1fr var(--sidebar-width) minmax(min-content,var(--content-width)) var(--aside-width) 1fr var(--page-margin);grid-template-columns:var(--page-margin) 1fr var(--sidebar-width) minmax(-webkit-min-content,var(--content-width)) var(--aside-width) 1fr var(--page-margin);grid-template-columns:var(--page-margin) 1fr var(--sidebar-width) minmax(min-content,var(--content-width)) var(--aside-width) 1fr var(--page-margin);grid-template-areas:". . logo centre links . ."}}#fixed-stroke{display:-ms-grid;display:grid;z-index:998;background-color:var(--white);-ms-grid-columns:var(--page-margin) 1fr var(--page-margin);grid-template-columns:var(--page-margin) 1fr var(--page-margin);grid-template-areas:". grayArea ." ". whiteArea .";margin-top:var(--header-height)}@media all and (min-width:48em){#fixed-stroke{background-color:var(--light-gray)}}@media all and (min-width:56.25em){#fixed-stroke{display:-ms-grid;display:grid;z-index:998;background-image:linear-gradient(90deg,var(--gradient-blue),var(--gradient-purple));-ms-grid-columns:var(--page-margin) var(--sidebar-width) 1fr var(--page-margin);grid-template-columns:var(--page-margin) var(--sidebar-width) 1fr var(--page-margin);grid-template-areas:". . grayArea ." ". . whiteArea ."}}@media all and (min-width:75em){#fixed-stroke{display:-ms-grid;display:grid;z-index:998;background-image:linear-gradient(90deg,var(--gradient-blue),var(--gradient-purple));-ms-grid-columns:var(--page-margin) 1fr var(--sidebar-width) auto 1fr var(--page-margin);grid-template-columns:var(--page-margin) 1fr var(--sidebar-width) auto 1fr var(--page-margin);grid-template-areas:". . . grayArea . ." ". . . whiteArea . .";position:fixed;top:var(--header-height);width:100%;margin-top:0}}#grayArea{display:none}@media all and (min-width:48em){#grayArea{display:block;grid-area:grayArea;background-color:#fff!important;height:2rem;border-top:1px solid var(--gray-3);border-left:1px solid var(--gray-3);border-right:1px solid var(--gray-3)}}#whiteArea{grid-area:whiteArea;background-color:var(--white)}@media all and (min-width:48em){#whiteArea{border-left:1px solid var(--gray-3);border-right:1px solid var(--gray-3)}}@media all and (min-width:75em){#whiteArea{display:-ms-grid;display:grid;-ms-grid-columns:minmax(auto,var(--content-width)) var(--aside-width);grid-template-columns:minmax(auto,var(--content-width)) var(--aside-width)}}#whiteArea header{margin-left:0;padding-bottom:2.3rem;text-align:center;position:relative}@media all and (min-width:48em){#whiteArea header{margin-left:2rem;margin-right:2rem}}@media all and (min-width:56.25em){#whiteArea header{margin-left:3rem;margin-right:3rem;padding-bottom:2rem}}@media all and (min-width:75em){#whiteArea header{border-bottom:1px solid var(--gray-3);text-align:left;padding-bottom:2rem}.design-process-freshkit header{margin-top:5rem}.design-process-simple-project header{margin-top:5rem}}.homepage header{margin-top:4rem;margin-bottom:5rem}@media all and (min-width:75em){.homepage header{margin-top:3rem;margin-bottom:6rem;padding-top:3rem;padding-right:2rem;padding-left:2rem}}header h1{font-size:2rem;margin-top:1rem;padding-bottom:2rem}.homepage header h1{margin-top:0}.homepage header h1 span:first-child{display:block;text-align:center;padding:.125rem 0 .125rem 0;color:transparent;background-image:-webkit-gradient(linear,left top,right top,from(var(--gradient-blue)),to(var(--gradient-purple)));background-image:-o-linear-gradient(left,var(--gradient-blue),var(--gradient-purple));background-image:linear-gradient(to right,var(--gradient-blue),var(--gradient-purple));-webkit-background-clip:text;background-clip:text;animation-name:fadeInUp;animation-delay:0s;animation-duration:750ms;animation-fill-mode:backwards}.homepage header h1 span:nth-child(2){display:block;text-align:center;padding:.125rem 0 .125rem 0;color:transparent;background-image:-webkit-gradient(linear,left top,right top,from(var(--gradient-blue)),to(var(--gradient-purple)));background-image:-o-linear-gradient(left,var(--gradient-blue),var(--gradient-purple));background-image:linear-gradient(to right,var(--gradient-blue),var(--gradient-purple));-webkit-background-clip:text;background-clip:text;animation-name:fadeInUp;animation-delay:750ms;animation-duration:750ms;animation-fill-mode:backwards}.homepage header h1 span:nth-child(3){display:block;text-align:center;padding:.125rem 0 .125rem 0;color:transparent;background-image:-webkit-gradient(linear,left top,right top,from(var(--gradient-blue)),to(var(--gradient-purple)));background-image:-o-linear-gradient(left,var(--gradient-blue),var(--gradient-purple));background-image:linear-gradient(to right,var(--gradient-blue),var(--gradient-purple));-webkit-background-clip:text;background-clip:text;animation-name:fadeInUp;animation-delay:1.5s;animation-duration:750ms;animation-fill-mode:backwards}.homepage header h2{text-align:center;margin-top:3rem;padding:.125rem 0 .125rem 0;color:var(--gradient-purple);font-style:italic;font-size:1.6rem;font-weight:300;animation-name:fadeIn;animation-delay:2.25s;animation-duration:750ms;animation-fill-mode:backwards}@media all and (min-width:48em){.homepage header h1{text-align:center}.homepage header h1 span:first-child{text-align:left;display:inline-block;animation-name:fadeIn;background-image:-webkit-gradient(linear,left top,right top,from(var(--gradient-blue)),to(#4f55a3));background-image:-o-linear-gradient(left,var(--gradient-blue),#4f55a3);background-image:linear-gradient(to right,var(--gradient-blue),#4f55a3)}.homepage header h1 span:nth-child(2){display:inline-block;text-align:left;margin-left:.5rem;animation-name:fadeIn;background-image:-webkit-gradient(linear,left top,right top,from(#4f55a3),to(#66489a));background-image:-o-linear-gradient(left,#4f55a3,#66489a);background-image:linear-gradient(to right,#4f55a3,#66489a)}.homepage header h1 span:nth-child(3){text-align:left;display:inline-block;margin-left:.5rem;animation-name:fadeIn;background-image:-webkit-gradient(linear,left top,right top,from(#66489a),to(#7d3c92));background-image:-o-linear-gradient(left,#66489a,#7d3c92);background-image:linear-gradient(to right,#66489a),#7d3c92)}}@media all and (min-width:75em){.homepage header h1{text-align:left;padding-left:2rem}.homepage header h1 span:first-child{animation-name:fadeIn;animation-delay:750ms;animation-duration:750ms;animation-fill-mode:backwards}.homepage header h1 span:nth-child(2){animation-name:fadeIn;animation-delay:1.5s;animation-duration:750ms;animation-fill-mode:backwards}.homepage header h1 span:nth-child(3){animation-name:fadeIn;animation-delay:2.25s;animation-duration:750ms;animation-fill-mode:backwards}.homepage header h2{text-align:left;margin-top:4rem;padding-left:13rem;z-index:997;animation-name:fadeIn;animation-delay:3s;animation-duration:750ms;animation-fill-mode:backwards}}.design-process-freshkit .post__entry h1{text-align:center;padding:1rem 2rem 1rem 2rem;font-size:2rem;color:#8ab72e}.design-process-simple-project .post__entry h1{text-align:center;padding:1rem 1rem 1rem 1rem;font-size:2rem;color:#ea5587}@media all and (min-width:56.25em){.design-process-freshkit .post__entry h1{padding:2rem 1rem 1rem 1rem}.design-process-simple-project .post__entry h1{padding:2rem 1rem 1rem 1rem}}@media all and (min-width:75em){.design-process-freshkit .post__entry h1{text-align:left;padding:1rem 0 1rem 2rem}.design-process-simple-project .post__entry h1{text-align:left;padding:1rem 0 1rem 2rem;font-size:1.65rem}}@media all and (min-width:87.5em){.design-process-simple-project .post__entry h1{font-size:1.9rem}}.main{display:-ms-grid;display:grid;-ms-grid-columns:var(--page-margin) 1fr var(--page-margin);grid-template-columns:var(--page-margin) 1fr var(--page-margin);grid-template-areas:". content .";background-color:var(--white)}@media all and (min-width:48em){.main{background-color:var(--light-gray)}}@media all and (min-width:56.25em){.main{-ms-grid-columns:var(--page-margin) var(--sidebar-width) 1fr var(--page-margin);grid-template-columns:var(--page-margin) var(--sidebar-width) 1fr var(--page-margin);grid-template-areas:". nav content ."}}@media all and (min-width:75em){.main{-ms-grid-columns:var(--page-margin) 1fr var(--sidebar-width) auto 1fr var(--page-margin);grid-template-columns:var(--page-margin) 1fr var(--sidebar-width) auto 1fr var(--page-margin);grid-template-areas:". . nav content right ."}}.main-header{display:-ms-grid;display:grid;-ms-grid-columns:1fr;grid-template-columns:1fr;grid-template-areas:"content";background-color:var(--white)}@media all and (min-width:48em){.main-header{-ms-grid-columns:var(--page-margin) 1fr var(--page-margin);grid-template-columns:var(--page-margin) 1fr var(--page-margin);grid-template-areas:". content .";background-color:var(--light-gray)}}@media all and (min-width:56.25em){.main-header{-ms-grid-columns:var(--page-margin) var(--sidebar-width) 1fr var(--page-margin);grid-template-columns:var(--page-margin) var(--sidebar-width) 1fr var(--page-margin);grid-template-areas:". nav content ."}}@media all and (min-width:75em){.main-header{-ms-grid-columns:var(--page-margin) 1fr var(--sidebar-width) auto 1fr var(--page-margin);grid-template-columns:var(--page-margin) 1fr var(--sidebar-width) auto 1fr var(--page-margin);grid-template-areas:". . nav content right ."}}.main__left{-ms-grid-row:1;-ms-grid-column:2;grid-area:content;background-color:var(--white);padding:0 0 2.133rem 0;overflow:hidden}.main-header .main__left{border-bottom:none;padding-bottom:0}@media all and (min-width:37.5rem){.main__left{border-left:1px solid var(--gray-3);border-right:1px solid var(--gray-3);border-bottom:1px solid var(--gray-3)}}@media all and (min-width:75rem){.main-header .main__left{padding-top:calc(90px + 2rem)}.homepage .main__left{padding-top:90px}.design-process-freshkit .main__left{padding-top:145px}.design-process-simple-project .main__left{padding-top:145px}}.main__left-inner{background-color:var(--white);padding-bottom:0;padding-top:0}@media all and (min-width:48em){.main__left-inner{padding-top:0}}@media all and (min-width:75em){.main__left-inner{display:grid;-ms-grid-columns:minmax(auto,var(--content-width)) var(--aside-width);grid-template-columns:minmax(auto,var(--content-width)) var(--aside-width)}}@media all and (min-width:75em){.homepage .main__left-inner{display:-ms-grid;display:grid;-ms-grid-columns:minmax(auto,calc(var(--content-width) + var(--aside-width)));grid-template-columns:minmax(auto,calc(var(--content-width) + var(--aside-width)))}}@media all and (min-width:75em){.design-process-freshkit .main__left-inner{display:-ms-grid;display:grid;-ms-grid-columns:minmax(auto,calc(var(--content-width) + var(--aside-width)));grid-template-columns:minmax(auto,calc(var(--content-width) + var(--aside-width)))}.design-process-simple-project .main__left-inner{display:-ms-grid;display:grid;-ms-grid-columns:minmax(auto,calc(var(--content-width) + var(--aside-width)));grid-template-columns:minmax(auto,calc(var(--content-width) + var(--aside-width)))}}.main__left-content{margin-left:0;margin-right:0;overflow:hidden}@media all and (min-width:48em){.main__left-content{margin-left:2rem;margin-right:2rem}}@media all and (min-width:56.25em){.main__left-content{margin-left:3rem;margin-right:3rem}}@media all and (max-width:74.9375em){.main__left-aside{display:none}}.main__left-aside__inner{margin-top:6.7rem;padding-left:.5rem;width:var(--aside-width);z-index:999}.main__left-aside__inner h3{font-size:.7241964329rem;letter-spacing:.09em;margin:0 0 1rem 0;text-transform:uppercase}.main__left-aside__inner h3 a{color:var(--gradient-purple)}.main__right{background:var(--light-gray);grid-area:nav;padding:2.1333333333rem 0 0}@media all and (min-width:56.25em){.main__left{-ms-grid-row:1;-ms-grid-column:3}.main__right{-ms-grid-row:1;-ms-grid-column:1;-ms-grid-column-span:2}}@media all and (min-width:75em){.main__left{-ms-grid-row:1;-ms-grid-column:4}.main__right{-ms-grid-row:1;-ms-grid-column:1;-ms-grid-column-span:3}}@media all and (max-width:56.1875em){.main__right{display:none}}@media all and (min-width:56.25em){.main__right-inner{max-width:var(--sidebar-width);padding-right:var(--page-margin);position:relative}}#sidebar-design{position:fixed;top:10rem}@media all and (min-width:56.25em){#sidebar-design{position:fixed;top:18rem}}#sidebar-design img{position:relative;top:140px;left:1rem;opacity:.2;width:90px}@media all and (min-width:56.25em){#sidebar-design img{top:60px;left:78px}}.main__right .main__right-footer{position:fixed;bottom:0}@supports (-webkit-appearance:none){.navbar_mobile_sidebar .main__right-footer{margin-top:auto;margin-left:24px;margin-bottom:5rem;width:100%;-ms-flex-item-align:end;align-self:flex-end;z-index:999}}@supports (-moz-appearance:none){.navbar_mobile_sidebar .main__right-footer{margin-top:auto;margin-left:24px;margin-bottom:2rem;width:100%;-ms-flex-item-align:end;align-self:flex-end;z-index:999}}@supports (-webkit-overflow-scrolling:touch){.navbar_mobile_sidebar .main__right-footer{margin-top:auto;margin-left:24px;margin-bottom:8rem;width:100%;-ms-flex-item-align:end;align-self:flex-end;z-index:999}}.main__left-aside .toc{margin:.8rem 0 0;overflow-y:auto}.main__left-aside .toc ol{list-style:none;margin:0 5px 1rem 0;padding:0}.main__left-aside .toc ol li{font-size:.8239746086rem;font-weight:var(--font-weight-normal);line-height:1.5;padding:0}.main__left-aside .toc ol li a{color:var(--text-color);display:block;padding:.2rem 0}.main__left-aside .toc ol li a:hover{color:var(--gradient-blue);font-weight:700}.main__left-aside .toc ol ol{margin-left:.8rem}@media all and (min-width:75em){.post__toc{display:none}}.post__toc .toc{margin:0 0 2rem 0;overflow-y:auto}.post__toc .toc ol{list-style:none;margin:1rem 0 0 0;padding:0;columns:2;-webkit-columns:2;-moz-columns:2;max-height:999999px}.post__toc .toc ol li{font-size:1rem;font-weight:var(--font-weight-normal);line-height:1.6;padding:0;-webkit-column-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid}@media all and (max-width:25.875em){.post__toc .toc ol li{font-size:.9rem}}.post__toc .toc ol li a{color:var(--text-color);display:block;padding:.2666666667rem 0}.post__toc .toc ol li a:active,.post__toc .toc ol li a:hover{color:var(--link-color)}.post__toc .toc ol li a.active{color:var(--link-color)}.post__toc .toc ol ol{margin-left:1rem}.post__toc h2{margin-top:4rem!important;margin-bottom:.4rem;font-size:1.1rem;color:var(--gradient-purple)}.listing+.listing{margin-top:4.8rem}.listing h2{margin:.8rem 0 1.0666666667rem;font-size:1.5rem}.list{list-style:none;margin:.5333333333rem 0 4rem}.featured-articles{display:flex;flex-direction:column-reverse;flex-wrap:wrap;justify-content:space-between;border-bottom:1px solid var(--gray-3);padding-bottom:3rem;margin-bottom:2rem}@media screen and (min-width:30rem){.featured-articles{flex-direction:row-reverse}}@media screen and (min-width:75rem){.featured-articles{padding-bottom:5rem}}.featured-articles .list__item{padding:2.1333333333rem 0;width:100%}@media screen and (min-width:48rem){.featured-articles .list__item{width:45%}}.featured-articles figure{-webkit-box-shadow:1px 16px 18px -6px rgba(0,0,0,.08);box-shadow:1px 16px 18px -6px rgba(0,0,0,.08);-webkit-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out;will-change:transform}.featured-articles figure:hover{-webkit-box-shadow:1px 32px 18px -6px rgba(0,0,0,.12);box-shadow:1px 32px 18px -6px rgba(0,0,0,.12);-webkit-transform:scale(1.01);-ms-transform:scale(1.01);transform:scale(1.01)}.list__item--thin{padding:1.3333333333rem 0}.list__item-title{margin:0 0 1.5rem 0}.list__item-title{font-size:1rem}@media screen and (min-width:20rem){.list__item-title{font-size:1.3rem}}.list__item-meta{color:var(--gray-1);font-size:.8239746086rem;margin:.5333333333rem 0 0}.list__item-meta *+*{margin-left:.5rem}.list__item-meta *+::before{color:var(--gray-3);content:"|";margin-right:.5rem}.list__item-excerpt{margin-top:1.0666666667rem}.post--on-frontpage+.listing{margin-top:6rem}.listing{margin-left:.3rem;margin-right:.3rem}.post__title{margin-top:0}.post__featured-image{display:inline-block;margin-top:0}.project-page-freshkit .post__featured-image{margin-top:2rem;margin-bottom:1rem}.project-page-simple-project .post__featured-image{margin-top:1rem;margin-bottom:1rem}.project-page-simple-project .post__featured-image img{display:block;width:70%;margin-right:auto;margin-left:auto}.post__featured-image>img{display:inline-block}.post__image{display:inline-block;margin-top:2rem;margin-bottom:2rem}.post__image>img{display:inline-block}.post__image--left{float:left;margin-bottom:1.6rem;margin-right:1.6rem;max-width:50%}.post__image--right{float:right;margin-bottom:1.6rem;margin-left:1.6rem;max-width:50%}.post__image--center{display:block;margin-left:auto;margin-right:auto;text-align:center}.post__entry h1{margin-top:3rem;padding-bottom:.8rem;position:relative}.post__entry h2{margin-top:3rem;padding-bottom:.5rem;position:relative}.post__entry h2:first-child{margin-top:4rem}.post__entry p:first-child{margin-top:4rem}#page-open-source-ux-software .post__entry p:first-child{margin-top:2rem}#page-web-technologies .post__entry p:first-child{margin-top:2rem}#page-copyright-images .post__entry p:first-child{margin-top:2rem}.post__entry h3{margin-top:3rem;margin-bottom:.5rem}.post__entry h4{margin-top:3rem}.post__entry h5{margin-top:3rem}.post__entry a:not(.btn):not([type=button]):not([type=submit]):not(button):hover{text-decoration:underline;-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}.post__entry h2:target::before{content:"";display:block;height:130px;margin-top:-130px}@media all and (min-width:75em){.post__entry h2:target::before{content:"";display:block;height:170px;margin-top:-170px}}.post__entry h3:target::before{content:"";display:block;height:130px;margin-top:-130px}@media all and (min-width:75em){.post__entry h3:target::before{content:"";display:block;height:170px;margin-top:-170px}}.post__footer-top{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:1rem;position:relative}.post__meta{color:var(--gray-1);font-size:.8239746086rem}@media all and (max-width:37.4375em){.post__meta>*+span{display:block}}.post__meta>*+span::before{background:var(--gray-3);border-radius:50%;display:inline-block;height:4px;margin-right:.75rem;vertical-align:middle;width:4px}@media all and (min-width:37.5em) and (max-width:56.1875em){.post__meta>*+span{margin-left:.75rem}.post__meta>*+span::before{content:""}}@media all and (min-width:56.25em) and (max-width:74.9375em){.post__meta>*+span{display:block}}@media all and (min-width:75em){.post__meta>*+span{margin-left:.75rem}.post__meta>*+span::before{content:""}}.post__share-button{background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important;width:auto;padding:0}.post__share-button>svg{fill:var(--dark);height:32px;opacity:.7;-webkit-transition:all .12s linear;-o-transition:all .12s linear;transition:all .12s linear;width:32px}.post__share-button:hover>svg{opacity:1}.post__share-popup{background:var(--white);-webkit-box-shadow:0 0 8px rgba(0,0,0,.15);box-shadow:0 0 8px rgba(0,0,0,.15);border-radius:3px;bottom:95%;display:none;padding:1rem;position:absolute;right:8px;text-align:left;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.post__share-popup.is-visible{display:block}.post__share-popup a{color:var(--gray-1);display:block;font-size:.9374999997rem;padding:.2666666667rem .5333333333rem}.post__share-popup a:hover{background:var(--gray-5);border-radius:4px;text-decoration:none}.post__share-popup a>svg{display:inline-block;height:1.0666666667rem;margin-right:.5333333333rem;pointer-events:none;vertical-align:middle;width:1.0666666667rem}.post__footer-top+.post__footer-bottom{margin-top:2.133333333rem}.post__footer-bottom{border-top:1px solid var(--gray-4);margin-top:3.2rem;padding-top:1.0666666667rem}.post__tag{margin-left:0}.post__tag li{display:inline-block;list-style:none;padding:0 .2666666667rem .5333333333rem 0}.post__tag li a{background:var(--gray-5);border:1px solid var(--gray-4);border-radius:2px;color:var(--dark);display:inline-block;font-size:.7724761953rem;font-weight:var(--font-weight-bold);letter-spacing:.03em;padding:.5333333333rem 1.3333333333rem;text-align:center;text-transform:uppercase}.post__tag li a:active,.post__tag li a:focus,.post__tag li a:hover{background:var(--dark);color:var(--white)}.post__bio{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:.9374999997rem;margin-top:2.1333333333rem}.post__bio *{margin:0}.post__bio>img{border-radius:50%;display:block;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;height:3rem;width:3rem;margin-right:1.6rem}.post footer:after{content:" ";display:block;clear:both}.post footer>.post__bio{border-top:1px solid var(--gray-4);margin-top:4.2666666667rem}.post__progress{height:4px;left:0;position:fixed;top:0;width:100%;z-index:999}.post__progress::after{background:-o-linear-gradient(left,var(--primary-color) var(--scroll),transparent 0);background:-webkit-gradient(linear,left top,right top,from(var(--primary-color)),color-stop(0,transparent));background:linear-gradient(to right,var(--primary-color) var(--scroll),transparent 0);content:"";display:block;height:100%;position:absolute;width:100%}.post__toc h3{font-size:1.1377777785rem}@media screen and (min-width:20rem){.post__toc h3{font-size:calc(1.1377777785rem + 0 * ((100vw - 20rem) / 127))}}@media screen and (min-width:147rem){.post__toc h3{font-size:1.1377777785rem}}.post__toc ul{counter-reset:item;list-style:decimal;margin:.5333333333rem 0 0 1.0666666667rem}.post__toc ul li{counter-increment:item;padding:0}.post__toc ul ul{margin-top:0}.post__toc ul ul li{display:block}.post__toc ul ul li:before{content:counters(item, ".") ". ";margin-left:-1.0666666667rem}.post__note{border-radius:2px;border:1px solid var(--gray-4);margin-top:1.6rem;padding:1.6rem}@media all and (min-width:37.5em){.post__note{float:right;font-size:.9374999997rem;margin:1.6rem 0 1.0666666667rem 1.6rem;max-width:40%;position:relative;z-index:1}}.post__note>:first-child{margin:0;padding:0}.post__note>:first-child::before{content:none}@media all and (min-width:37.5em){.post__note--left{float:left;margin:.5333333333rem 1.6rem 1.0666666667rem 0}}.posts-nav{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;background:var(--gray-5);color:var(--gray-1);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;list-style:none;margin-left:0;margin-top:2.6666666667rem;padding:2.1333333333rem 1.0666666667rem 1.8666666667rem}@media all and (max-width:37.4375em){.posts-nav{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}@media all and (min-width:75em) and (max-width:87.4375em){.posts-nav{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.posts-nav__next,.posts-nav__prev{font-weight:var(--font-weight-bold);line-height:1.3;width:100%}@media all and (max-width:37.4375em){.posts-nav__next,.posts-nav__prev{margin:.2666666667rem 0}}@media all and (min-width:75em) and (max-width:87.4375em){.posts-nav__next,.posts-nav__prev{margin:.2666666667rem 0}}.posts-nav__next>span,.posts-nav__prev>span{display:block;font-size:.7724761953rem;font-weight:var(--font-weight-bold);letter-spacing:.03em;margin-bottom:.2666666667rem;text-transform:uppercase}.posts-nav__next{padding-right:.5333333333rem;text-align:right}@media all and (max-width:37.4375em){.posts-nav__next{text-align:left}}@media all and (min-width:75em) and (max-width:87.4375em){.posts-nav__next{text-align:left}}.post-comments{margin-top:3.2rem}.post__entry .copyright-message{font-size:.9rem}.banner--after-post{margin-top:4rem}.page__header{border-bottom:2px solid var(--gray-4);margin-bottom:2.6666666667rem;padding-bottom:2.1333333333rem}.page__header+.list{margin-top:-1.6rem}.page__title{margin-top:.8rem}.page__desc{color:var(--gray-1);margin-top:1.0666666667rem}.page--author__header{display:-webkit-box;display:-ms-flexbox;display:flex}.page--author__avatar{border-radius:50%;display:block;height:4rem;width:4rem;margin:.8rem 0 0 1.6rem}.align-left{text-align:left}.align-right{text-align:right}.align-center{text-align:center}.align-justify{text-align:justify}.ordered-list{counter-reset:listCounter}.ordered-list li{counter-increment:listCounter;list-style:none;position:relative}.ordered-list li::before{color:var(--primary-color);content:counter(listCounter,decimal-leading-zero) ".";font-weight:var(--font-weight-bold);left:-2rem;position:absolute}.msg{border-left:4px solid transparent;padding:1.0666666667rem 2.1333333333rem}.msg--highlight{background-color:#fff8e6;border-color:#e2ac4f}.msg--info{background-color:#f6fafd;border-color:var(--blue)}.msg--success{background:#f7fbf6;border-color:#5ab44b}.msg--warning{background:#fff3f3;border-color:#c06367;color:#a94442}.dropcap:first-letter{float:left;font-family:var(--heading-font);font-size:2.4683238087rem;font-weight:var(--font-weight-bold);line-height:.7;margin-right:.2666666667rem;padding:.5333333333rem .5333333333rem .5333333333rem 0}.pagination{padding-top:1.6rem}@media all and (min-width:56.25em){.pagination{margin-top:1.6rem}}.pagination a+a{margin-left:.5333333333rem}.footer{display:none}@media all and (min-width:48rem){.footer{display:block;background-color:var(--light-gray);height:2rem}}.footer__inner{text-align:center}.footer__copy{color:var(--gray-1);font-size:.8239746086rem}.footer__nav{margin-left:2rem}@media all and (min-width:56.25em){.footer__nav{margin:0 0 1.6rem;padding:0}}.footer__nav li{font-size:.8rem;font-weight:var(--font-weight-normal);padding:.1333333333rem 0;list-style:none}.newsletter-popup{background:var(--white);bottom:-100%;-webkit-box-shadow:0 0 2rem rgba(0,0,0,.07);box-shadow:0 0 2rem rgba(0,0,0,.07);display:block;font-size:.9374999997rem;width:26rem;opacity:0;padding:2.6666666667rem 2.1333333333rem 2.1333333333rem;position:fixed;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);-webkit-transition:all .8s ease-out;-o-transition:all .8s ease-out;transition:all .8s ease-out;z-index:1000}@media all and (min-height:0em) and (max-height:48.0625em){.newsletter-popup{display:none}}@media all and (max-width:37.4375em){.newsletter-popup{margin-left:calc((100% - 26rem)/ 2)}}@media all and (min-width:37.5em){.newsletter-popup{right:2rem}}.newsletter-popup.is-visible{bottom:2rem;opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.newsletter-popup__close{background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important;border:0;color:var(--gray-1);font-size:1.066666667rem;position:absolute;right:0;top:0;width:auto}.newsletter-popup__close:hover{color:var(--red);-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0)}@media all and (min-width:37.5em){.newsletter-popup form{font-size:90%}}.newsletter-popup svg{fill:var(--primary-color)}.newsletter-popup h3{margin-top:0}.newsletter-popup a{text-decoration:underline;-webkit-text-decoration-skip:ink;text-decoration-skip:ink}.newsletter-popup p{margin:.5333333333rem 0 1.0666666667rem}.newsletter-popup input[type=email],.newsletter-popup input[type=text]{margin-top:.5333333333rem;width:100%}.newsletter-popup input[type=email]:focus,.newsletter-popup input[type=text]:focus{-webkit-box-shadow:inset 0 0 2px var(--primary-color);box-shadow:inset 0 0 2px var(--primary-color);border:1px solid var(--primary-color)}.newsletter-popup__agree{margin:1.0666666667rem 0 0;text-align:left}.newsletter-popup__agree li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:0}.newsletter-popup__agree li label{font-weight:var(--font-weight-normal);margin-left:2.1rem;margin-right:0}.newsletter-popup__agree li label:before{margin-left:-2.1rem}.gallery{margin:2rem -.26rem 2rem -.26rem;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.gallery[data-columns="1"] .gallery__item{-webkit-box-flex:1;-ms-flex:1 0 100%;flex:1 0 100%}.gallery[data-columns="2"] .gallery__item{-webkit-box-flex:1;-ms-flex:1 0 50%;flex:1 0 50%}.gallery[data-columns="3"] .gallery__item{-webkit-box-flex:1;-ms-flex:1 0 33.333%;flex:1 0 33.333%}.gallery[data-columns="4"] .gallery__item{-webkit-box-flex:0;-ms-flex:0 1 25%;flex:0 1 25%}.gallery[data-columns="5"] .gallery__item{-webkit-box-flex:0;-ms-flex:0 1 20%;flex:0 1 20%}.gallery[data-columns="6"] .gallery__item{-webkit-box-flex:0;-ms-flex:0 1 16.666%;flex:0 1 16.666%}.gallery[data-columns="7"] .gallery__item{-webkit-box-flex:1;-ms-flex:1 0 14.285%;flex:1 0 14.285%}.gallery[data-columns="8"] .gallery__item{-webkit-box-flex:1;-ms-flex:1 0 12.5%;flex:1 0 12.5%}.gallery__item{margin:0;padding:.2666666667rem;position:relative}.gallery__item a{display:block;width:100%}.gallery__item a::after{bottom:.2666666667rem;content:"";display:block;opacity:0;left:.2666666667rem;height:calc(100% - .5333333333rem);position:absolute;right:.2666666667rem;top:.2666666667rem;-webkit-transition:all .24s ease-out;-o-transition:all .24s ease-out;transition:all .24s ease-out;width:calc(100% - .5333333333rem)}.gallery__item a:hover::after{opacity:.4}.gallery__item img{display:block;-o-object-fit:cover;object-fit:cover}.gallery__item figcaption{display:block;color:var(--gray-1);text-align:center}.pswp--dark .pswp__bg{background:#000}.pswp--light .pswp__bg{background:var(--white)}.pswp--light .pswp__counter{color:#000}.pswp__caption{display:none}.pswp__button--fs{background-position:0 0!important}.fancySeparator{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:3rem;position:relative;z-index:997}.fancySeparator::after,.fancySeparator::before{content:'';-webkit-box-flex:1;-ms-flex:1;flex:1;border-bottom:2px solid var(--gray-4)}.fancySeparator::before{margin-right:1em}.fancySeparator::after{margin-left:1em}.fancySeparator a{font-size:1rem;color:var(--gray-2);transform:rotate(-90deg)}.fancySeparator a:hover{color:var(--gray-2);text-decoration:none!important}#VueFormulateForm{margin-top:2rem;margin-bottom:6rem}.formulate-input{margin-bottom:2rem!important}.formulate-input .formulate-input-label{font-size:1rem!important;margin-bottom:.5rem!important}.formulate-input .formulate-input-element{max-width:none!important;text-align:right}.formulate-input[data-classification=text] input{max-width:22rem}.formulate-input[data-classification=textarea] textarea{min-height:12rem!important}.formulate-input .formulate-input-error{color:var(--gradient-purple)!important;font-weight:400!important;margin-top:.4em!important}.formulate-input[data-classification=button] button{background-color:var(--gradient-purple)!important;border:none!important}.formulate-input[data-classification=text] input:focus{border:1px solid var(--gradient-blue)!important}.formulate-input[data-classification=textarea] textarea:focus{border:1px solid var(--gradient-blue)!important}.tns-nav{text-align:center;margin-top:.5rem}.tns-outer{position:relative}.tns-nav>button{width:10px;height:10px;padding:0;margin:0 5px 0 5px!important;border-radius:50%;background-color:var(--gray-1);border:0}.tns-nav>button.tns-nav-active{background-color:var(--gradient-blue)}.tns-controls{position:absolute;right:15px;bottom:45px}.tns-controls button{padding:.4rem .8rem .4rem .8rem;background-color:var(--gradient-blue);opacity:.8;width:auto;margin:5px!important}.tns-controls button:hover{background-color:var(--gradient-purple)}.tns-outer>button{position:absolute;right:20px;bottom:65px;width:auto;min-width:70px;padding:.25rem .5rem;font-size:1rem}.tns-outer>button[data-action=start]{background-color:var(--gradient-purple)}.tns-outer>button[data-action=stop]{background-color:var(--gradient-blue)}.material-icons{line-height:1.6!important}.slider-container{position:relative;margin-top:3rem;margin-bottom:2.5rem}@media all and (min-width:48em){.slider-container{margin-top:4rem;margin-bottom:3rem}}.swipe-icon{position:absolute;right:20px;bottom:60px}.swipe-icon span{color:var(--gray-1);opacity:.5}@media all and (min-width:75em){.swipe-icon{display:none}}.responsive-table{display:flex;flex-direction:row;flex-wrap:wrap;margin-top:1rem}.responsive-table div:nth-child(odd){flex:100%;margin-top:1rem;font-weight:700}.responsive-table div:nth-child(2n){flex:100%}@media all and (min-width:48em){.responsive-table div:nth-child(odd){flex:40%;margin-top:0;font-weight:400}.responsive-table div:nth-child(2n){flex:60%}}.contact-page .post__entry h2{font-size:1.1rem;padding-bottom:0;margin-top:3rem}.contact-page .post__entry h2#contact-form{margin-top:4rem}.contact-page .post__entry p{margin-top:.5rem}.hire-me-page .post__entry h2{font-size:1.1rem;padding-bottom:0;margin-top:3rem}.hire-me-page .post__entry h2#contact-form{margin-top:4rem}.hire-me-page .post__entry p{margin-top:1rem}.homepage .post__entry>h2{margin-top:5rem;padding-bottom:0}.homepage .post__entry>h2:first-child{margin-top:1rem}.homepage .post__entry>figure{margin-top:2rem;margin-bottom:1rem}.homepage>.post__entry .gallery{margin:0 -.26rem 0 -.26rem}.homepage .post__entry>:nth-child(20) .gallery__item a{max-height:155px;overflow:hidden}@media all and (min-width:25.875em){.homepage .post__entry>:nth-child(20) .gallery__item a{max-height:173px}}@media all and (min-width:48em){.homepage .post__entry>:nth-child(20) .gallery__item a{max-height:320px}}@media all and (min-width:52.125em){.homepage .post__entry>:nth-child(20) .gallery__item a{max-height:356px}}@media all and (min-width:64em){.homepage .post__entry>:nth-child(20) .gallery__item a{max-height:296px}}@media all and (min-width:75em){.homepage .post__entry>:nth-child(20) .gallery__item a{max-height:410px}}@media all and (min-width:90em){.homepage .post__entry>:nth-child(20) .gallery__item a{max-height:482px}}@media all and (min-width:100em){.homepage .post__entry>:nth-child(20) .gallery__item a{max-height:515px}}.homepage .post__entry .separator{margin-top:3rem;margin-bottom:0}.homepage .post__entry>:nth-child(25){margin-top:1rem;margin-bottom:0}@media all and (min-width:48em){.homepage .post__entry>:nth-child(25){margin-bottom:0}}@media all and (min-width:37.5em){.homepage .post__entry>figure{text-align:left;max-width:70%;margin-right:auto;margin-left:0}}@media all and (min-width:48em){.homepage .post__entry>figure{margin-bottom:1rem}.homepage .post__entry>figure:first-of-type{text-align:center;margin-left:auto}}@media all and (min-width:75em){.homepage header{position:relative}.homepage header::before{display:block;content:"";width:30px;height:30px;position:absolute;top:0;left:0;border-top:2px solid var(--gray-3);border-left:2px solid var(--gray-3);animation-name:fadeIn;animation-delay:0s;animation-duration:750ms;animation-fill-mode:backwards}}@media all and (min-width:75em){.homepage .post__entry>*{animation-name:fadeIn;animation-delay:0s;animation-duration:3s}.homepage .post__entry>h2{margin:2rem 0 0 0;padding:2rem 0 0 2rem}.homepage .post__entry>p{margin:0 0 2rem 0;padding:1rem 2rem 2rem 2rem}.homepage .post__entry>figure{margin:0;padding:2rem 2rem 2rem 2rem;text-align:center;max-width:none;margin-right:auto;margin-left:auto}.homepage .post__entry>.gallery-wrapper{padding:0 1.26rem 0 1.26rem}.homepage .post__entry>.gallery-wrapper .gallery{margin-top:1rem}}@media all and (min-width:75em){.homepage .post__entry>:first-child{grid-area:header_text;padding-top:0}.homepage .post__entry>:nth-child(2){grid-area:profile_image;position:relative;width:100%}.homepage .post__entry>:nth-child(2) img{position:absolute;bottom:1rem;left:-1rem}.homepage .post__entry>:nth-child(3){grid-area:profile_title}.homepage .post__entry>:nth-child(4){grid-area:profile_text;padding-right:0;padding-bottom:0;margin-bottom:0;z-index:0}.homepage .post__entry>:nth-child(5){grid-area:passion_title;padding-left:0;margin-top:4rem;padding-top:3rem}.homepage .post__entry>:nth-child(6){grid-area:passion_image;padding-right:6rem;padding-left:3rem;margin-top:5rem}.homepage .post__entry>:nth-child(7){grid-area:passion_text;padding-left:0}.homepage .post__entry>:nth-child(8){grid-area:process_title;margin-top:0}.homepage .post__entry>:nth-child(9){grid-area:process_txt}.homepage .post__entry>:nth-child(10){grid-area:freshkit_title;margin-top:1rem}.homepage .post__entry>:nth-child(11){grid-area:freshkit_image;margin-top:1rem;padding-left:3rem;padding-right:3rem}.homepage .post__entry>:nth-child(12){grid-area:freshkit_text;padding-right:0}.homepage .post__entry>:nth-child(13){grid-area:project_title;padding-left:0;margin-top:2rem;margin-left:-3rem}.homepage .post__entry>:nth-child(14){grid-area:project_image;margin-top:2rem;padding-right:10rem;padding-left:4rem}.homepage .post__entry>:nth-child(15){grid-area:project_text;padding-left:0;margin-left:-3rem}.homepage .post__entry>:nth-child(16){grid-area:it_title}.homepage .post__entry>:nth-child(17){grid-area:it_text;margin-bottom:0}.homepage .post__entry>:nth-child(18){grid-area:open_title;margin-top:0}.homepage .post__entry>:nth-child(19){grid-area:open_text}.homepage .post__entry>:nth-child(20){grid-area:design_title;margin-top:0;margin-bottom:1rem}.homepage .post__entry>:nth-child(21){grid-area:gallery_freshkit}.homepage .post__entry>:nth-child(22){grid-area:gallery_project;padding-bottom:0}.homepage .post__entry>:nth-child(23){grid-area:gallery_note;margin-bottom:0;padding-top:0}.homepage .post__entry>:nth-child(24){grid-area:contact_title}.homepage .post__entry>:nth-child(25){grid-area:contact_text;margin-top:0}.homepage .post__entry>:nth-child(26){grid-area:horizontal-line;margin-top:2rem;margin-bottom:1rem}}@media all and (min-width:75em){.homepage .post__entry{display:grid;grid-template-columns:50% 50%;grid-template-areas:'header_text      header_text' 'profile_title    profile_image' 'profile_text     profile_image' 'passion_image    passion_title' 'passion_image    passion_text' 'process_title    process_title' 'process_txt      process_txt' 'freshkit_title   freshkit_image' 'freshkit_text    freshkit_image' 'project_image    project_title' 'project_image    project_text' 'it_title         it_title' 'it_text          it_text' 'open_title       open_title' 'open_text        open_text' 'design_title     design_title' 'gallery_freshkit gallery_freshkit' 'gallery_project  gallery_project' 'gallery_note     gallery_note' 'contact_title    contact_title' 'contact_text     contact_text' 'horizontal-line  horizontal-line';grid-template-rows:auto auto 0.8fr auto 0.6fr auto auto auto 0.8fr auto 1fr auto auto auto auto auto auto auto auto auto auto auto}}@media all and (min-width:75em){#design-process-text:hover,#freshkit-text:hover,#it-knowledge-text:hover,#open-source-text:hover,#passion-text:hover,#simple-project-text:hover,.homepage .post__entry #hi-im-jeroen-text:hover{cursor:pointer}}@media all and (min-width:87.5em){.homepage .post__entry>:nth-child(2) img{position:absolute;bottom:6rem;left:-1rem}.homepage .post__entry>:nth-child(5){grid-area:passion_title;padding-left:0;margin-top:3rem;padding-top:1rem}.homepage .post__entry>:nth-child(6){grid-area:passion_image;padding-right:6rem;padding-left:3rem;margin-top:1rem}}.design-process-freshkit .post__entry>h2{margin-top:5rem;padding-bottom:0}.design-process-freshkit .post__entry>figure{margin-top:2rem;margin-bottom:1rem}.design-process-freshkit .gallery{margin:1rem -.26rem 0 -.26rem}@media all and (min-width:37.5em){.design-process-freshkit .post__entry>figure{text-align:left;max-width:70%;margin-right:auto;margin-left:0;margin-top:1rem}.design-process-freshkit .post__entry>figure:first-of-type{text-align:left;max-width:70%;margin-right:auto;margin-left:auto;margin-top:1rem}}@media all and (min-width:64em){.design-process-freshkit .post__entry>figure:first-of-type{margin-top:0}}.design-process-freshkit .post__entry>:nth-child(22) .gallery__item a{max-height:155px;overflow:hidden}@media all and (min-width:25.875em){.design-process-freshkit .post__entry>:nth-child(22) .gallery__item a{max-height:173px}}@media all and (min-width:48em){.design-process-freshkit .post__entry>:nth-child(22) .gallery__item a{max-height:320px}}@media all and (min-width:52.125em){.design-process-freshkit .post__entry>:nth-child(22) .gallery__item a{max-height:356px}}@media all and (min-width:64em){.design-process-freshkit .post__entry>:nth-child(22) .gallery__item a{max-height:296px}}@media all and (min-width:75em){.design-process-freshkit .post__entry>:nth-child(22) .gallery__item a{max-height:410px}}@media all and (min-width:90em){.design-process-freshkit .post__entry>:nth-child(22) .gallery__item a{max-height:482px}}@media all and (min-width:100em){.design-process-freshkit .post__entry>:nth-child(22) .gallery__item a{max-height:515px}}@media all and (min-width:75em){.design-process-freshkit .post__entry>h2{margin:3rem 0 0 0;padding:2rem 0 0 2rem}.design-process-freshkit .post__entry>p{margin:0 0 2rem 0;padding:1rem 2rem 2rem 2rem}.design-process-freshkit .post__entry>figure{margin:3rem 0 2rem 0;padding:2rem 2rem 2rem 2rem;text-align:center;max-width:none;margin-right:auto;margin-left:auto}.design-process-freshkit .post__entry>.gallery-wrapper{padding:0 1.26rem 0 1.26rem}}@media all and (max-width:74.9375em){.interactive-design-desktop{float:left;width:66%;padding:0 1rem 0 0;margin-bottom:3rem!important}.interactive-design-mobile{float:left;width:33%;padding:0 1rem 0 0;margin-bottom:3rem!important}}.design-process-freshkit #horizontal-line{clear:both;margin-bottom:0}.design-process-freshkit .post__entry>:nth-child(28){margin-top:2rem}.design-process-freshkit .post__entry>:nth-child(29){margin-top:2rem}@media all and (min-width:75em){.design-process-freshkit .post{position:relative}.design-process-freshkit .post::before{display:block;content:"";width:30px;height:30px;position:absolute;top:0;left:0;border-top:2px solid var(--gray-3);border-left:2px solid var(--gray-3)}}@media all and (min-width:75em){.design-process-freshkit .post__entry>:first-child{grid-area:introduction-title;margin-top:2rem;margin-right:-3rem}.design-process-freshkit .post__entry>:nth-child(2),.design-process-freshkit .post__entry>figure:first-of-type{grid-area:introduction-image;margin-top:2rem;margin-left:2rem;padding-top:.5rem;padding-right:1rem;max-width:100%}.design-process-freshkit .post__entry>:nth-child(3){grid-area:introduction-text;margin-right:-5rem;padding-top:.3rem}.design-process-freshkit .post__entry>:nth-child(4){grid-area:assignment-title;margin-top:0}.design-process-freshkit .post__entry>:nth-child(5){grid-area:assignment-text;margin-bottom:0}.design-process-freshkit .post__entry>:nth-child(6){grid-area:competing-title}.design-process-freshkit .post__entry>:nth-child(7){grid-area:competing-image;padding-right:4rem;padding-left:4rem;margin-bottom:0}.design-process-freshkit .post__entry>:nth-child(8){grid-area:competing-text;margin-bottom:0}.design-process-freshkit .post__entry>:nth-child(9){grid-area:interviews-title;padding-left:0;margin-top:3rem}.design-process-freshkit .post__entry>:nth-child(10){grid-area:interviews-image;padding:1rem 6rem 3rem 2.26rem;margin:3rem 0 5rem 0}.design-process-freshkit .post__entry>:nth-child(11){grid-area:interviews-text;padding-left:0}.design-process-freshkit .post__entry>:nth-child(12){grid-area:personas-title}.design-process-freshkit .post__entry>:nth-child(13){grid-area:personas-text}.design-process-freshkit .post__entry>:nth-child(14){grid-area:journey-title}.design-process-freshkit .post__entry>:nth-child(15){grid-area:journey-image;padding-right:4rem;padding-left:4rem;margin-top:4rem}.design-process-freshkit .post__entry>:nth-child(16){grid-area:journey-text}.design-process-freshkit .post__entry>:nth-child(17){grid-area:moodboard-title;margin-top:4rem}.design-process-freshkit .post__entry>:nth-child(18){grid-area:moodboard-text}.design-process-freshkit .post__entry>:nth-child(19){grid-area:wireframes-title;padding-left:0}.design-process-freshkit .post__entry>:nth-child(20){grid-area:wireframes-image;margin-top:3rem;padding-right:6rem}.design-process-freshkit .post__entry>:nth-child(21){grid-area:wireframes-text;padding-left:0}.design-process-freshkit .post__entry>:nth-child(22){grid-area:fidelity-title}.design-process-freshkit .post__entry>:nth-child(23){grid-area:fidelity-text;margin-bottom:0;padding-bottom:1rem}.design-process-freshkit .post__entry>:nth-child(24){grid-area:fidelity-gallery;margin-bottom:2rem}.design-process-freshkit .post__entry>:nth-child(25){grid-area:fidelity-footer}.design-process-freshkit .post__entry>:nth-child(26){grid-area:interactive-title;margin-top:1rem}.design-process-freshkit .post__entry>:nth-child(27){grid-area:interactive-text;margin-bottom:0;padding-bottom:1rem}.design-process-freshkit .post__entry>:nth-child(28){grid-area:interactive-desktop;margin-top:0;margin-bottom:1rem}.design-process-freshkit .post__entry>:nth-child(29){grid-area:interactive-mobile;margin-top:0;text-align:left;margin:0 0 1rem 0}.design-process-freshkit .post__entry>:nth-child(29) img{width:188px}.design-process-freshkit .post__entry>:nth-child(30){grid-area:horizontal-line;margin-top:2rem;margin-bottom:1rem}}@media all and (min-width:75em){.design-process-freshkit .post__entry{display:grid;grid-template-columns:50% 50%;grid-template-areas:'introduction-title     introduction-image' 'introduction-text      introduction-image' 'assignment-title       assignment-title' 'assignment-text        assignment-text' 'competing-title        competing-image' 'competing-text         competing-image' 'interviews-image       interviews-title' 'interviews-image       interviews-text' 'personas-title         personas-title' 'personas-text          personas-text' 'journey-title          journey-image' 'journey-text           journey-image' 'moodboard-title        moodboard-title' 'moodboard-text         moodboard-text' 'wireframes-image       wireframes-title' 'wireframes-image       wireframes-text' 'fidelity-title         fidelity-title' 'fidelity-text          fidelity-text' 'fidelity-gallery       fidelity-gallery' 'fidelity-footer        fidelity-footer' 'interactive-title      interactive-title' 'interactive-text       interactive-text' 'interactive-desktop    interactive-mobile' 'horizontal-line        horizontal-line';grid-template-rows:auto 0.55fr auto auto auto 0.6fr auto 0.8fr auto auto auto 0.6fr auto auto auto 0.6fr auto auto auto auto auto auto auto auto}}@media all and (min-width:75em){#competing-products-text:hover,#customer-journey-map-text:hover,#high-fidelity-designs-text:hover,#moodboard-text:hover,#user-interviews-text:hover,#user-personas-stories-text:hover,#wireframes-text:hover,.design-process-freshkit .post__entry #assignment-text:hover{cursor:pointer}}.design-process-simple-project .post__entry>h2{margin-top:5rem;padding-bottom:0}.design-process-simple-project .post__entry>figure{margin-top:2rem;margin-bottom:2rem}.design-process-simple-project .gallery{margin:1rem -.26rem 0 -.26rem}.design-process-simple-project #horizontal-line{margin-top:5rem;margin-bottom:0}@media all and (min-width:37.5em){.design-process-simple-project .post__entry>figure{text-align:left;max-width:70%;margin-right:auto;margin-left:0}.design-process-simple-project .post__entry>figure:first-of-type{text-align:left;max-width:50%;margin-right:auto;margin-left:auto}.design-process-simple-project .post__entry>:nth-child(33){max-width:50%}}@media all and (min-width:64em){.design-process-simple-project .post__entry>figure:first-of-type{margin-top:0}}@media all and (min-width:75em){.design-process-simple-project .post{position:relative}.design-process-simple-project .post::before{display:block;content:"";width:30px;height:30px;position:absolute;top:0;left:0;border-top:2px solid var(--gray-3);border-left:2px solid var(--gray-3)}}@media all and (min-width:75em){.design-process-simple-project .post__entry>h2{margin:3rem 0 0 0;padding:2rem 0 0 2rem}.design-process-simple-project .post__entry>p{margin:0 0 2rem 0;padding:1rem 2rem 2rem 2rem}.design-process-simple-project .post__entry>figure{margin:3rem 0 2rem 0;padding:2rem 2rem 2rem 2rem;text-align:center;max-width:none;margin-right:auto;margin-left:auto}.design-process-simple-project .post__entry>.gallery-wrapper{padding:0 1.26rem 0 1.26rem}}@media all and (min-width:75em){.design-process-simple-project .post__entry>:first-child{grid-area:introduction-title;margin-top:2rem;margin-right:-3rem}.design-process-simple-project .post__entry>:nth-child(2),.design-process-simple-project .post__entry>figure:first-of-type{grid-area:introduction-image;margin-top:2rem;margin-left:3rem;padding-right:4rem;padding-left:7rem;padding-top:1rem;max-width:100%}.design-process-simple-project .post__entry>:nth-child(3){grid-area:introduction-text;margin-right:-7rem;padding-top:0}.design-process-simple-project .post__entry>:nth-child(4){grid-area:assignment-title;margin-top:1rem}.design-process-simple-project .post__entry>:nth-child(5){grid-area:assignment-text;margin-bottom:1rem}.design-process-simple-project .post__entry>:nth-child(6){grid-area:competing-title}.design-process-simple-project .post__entry>:nth-child(7){grid-area:competing-image;padding-right:4rem;padding-left:4rem;margin-top:3.5rem}.design-process-simple-project .post__entry>:nth-child(8){grid-area:competing-text}.design-process-simple-project .post__entry>:nth-child(9){grid-area:interviews-title;padding-left:1rem;margin-top:2rem}.design-process-simple-project .post__entry>:nth-child(10){grid-area:interviews-image;padding:2rem 3rem 3rem 2.26rem;margin:1.5rem 0 5rem 0}.design-process-simple-project .post__entry>:nth-child(11){grid-area:interviews-text;padding-left:1rem}.design-process-simple-project .post__entry>:nth-child(12){grid-area:personas-title;margin-top:2rem}.design-process-simple-project .post__entry>:nth-child(13){grid-area:personas-text}.design-process-simple-project .post__entry>:nth-child(14){grid-area:methods-title;margin-top:0}.design-process-simple-project .post__entry>:nth-child(15){grid-area:methods-text;margin-bottom:1rem}.design-process-simple-project .post__entry>:nth-child(16){grid-area:conceptual-title}.design-process-simple-project .post__entry>:nth-child(17){grid-area:conceptual-image;padding-right:4rem;padding-left:4rem;margin-top:4rem}.design-process-simple-project .post__entry>:nth-child(18){grid-area:conceptual-text}.design-process-simple-project .post__entry>:nth-child(19){grid-area:userflow-title;margin-top:4rem;padding-left:0}.design-process-simple-project .post__entry>:nth-child(20){grid-area:userflow-image;padding-right:6rem;padding-left:2rem;margin-top:5rem}.design-process-simple-project .post__entry>:nth-child(21){grid-area:userflow-text;padding-left:0}.design-process-simple-project .post__entry>:nth-child(22){grid-area:moodboard-title}.design-process-simple-project .post__entry>:nth-child(23){grid-area:moodboard-image;padding-right:4rem;padding-left:4rem;margin-top:4rem}.design-process-simple-project .post__entry>:nth-child(24){grid-area:moodboard-text}.design-process-simple-project .post__entry>:nth-child(25){grid-area:wireframes-title}.design-process-simple-project .post__entry>:nth-child(26){grid-area:wireframes-text;margin-bottom:0;padding-bottom:1rem}.design-process-simple-project .post__entry>:nth-child(27){grid-area:wireframes-gallery}.design-process-simple-project .post__entry>:nth-child(28){grid-area:fidelity-title;margin-top:4rem}.design-process-simple-project .post__entry>:nth-child(29){grid-area:fidelity-text;margin-bottom:0;padding-bottom:1rem}.design-process-simple-project .post__entry>:nth-child(30){grid-area:fidelity-gallery;margin-bottom:3rem}.design-process-simple-project .post__entry>:nth-child(31){grid-area:interactive-title}.design-process-simple-project .post__entry>:nth-child(32){grid-area:interactive-text;margin-right:-6rem}.design-process-simple-project .post__entry>:nth-child(33){grid-area:interactive-image;margin-right:3rem;margin-left:1rem;padding-right:0;padding-left:7rem;max-width:100%}.design-process-simple-project .post__entry>:nth-child(34){grid-area:horizontal-line;margin-top:5rem;margin-bottom:1rem}}@media all and (min-width:75em){.design-process-simple-project .post__entry{display:grid;grid-template-columns:50% 50%;grid-template-areas:'introduction-title     introduction-image' 'introduction-text      introduction-image' 'assignment-title       assignment-title' 'assignment-text        assignment-text' 'competing-title        competing-image' 'competing-text         competing-image' 'interviews-image       interviews-title' 'interviews-image       interviews-text' 'personas-title         personas-title' 'personas-text          personas-text' 'methods-title          methods-title' 'methods-text           methods-text' 'conceptual-title       conceptual-image' 'conceptual-text        conceptual-image' 'userflow-image         userflow-title' 'userflow-image         userflow-text' 'moodboard-title        moodboard-image' 'moodboard-text         moodboard-image' 'wireframes-title       wireframes-title' 'wireframes-text        wireframes-text' 'wireframes-gallery     wireframes-gallery' 'fidelity-title         fidelity-title' 'fidelity-text          fidelity-text' 'fidelity-gallery       fidelity-gallery' 'interactive-title      interactive-image' 'interactive-text       interactive-image' 'horizontal-line        horizontal-line';grid-template-rows:auto 0.6fr auto auto auto 0.6fr auto 0.6fr auto auto auto auto auto 0.6fr auto 0.6fr auto 0.6fr auto auto auto auto auto auto auto 0.8fr auto}}@media all and (min-width:75em){#competing-products-text:hover,#conceptual-model-text:hover,#high-fidelity-designs-text:hover,#methods-tools-charts-text:hover,#moodboard-text:hover,#user-flow-diagram-text:hover,#user-interviews-text:hover,#user-personas-stories-cases-text:hover,#wireframes-text:hover,.design-process-simple-project .post__entry #assignment-text:hover{cursor:pointer}}.gallery-desktop-freshkit .gallery__item a{max-height:154px;overflow:hidden}@media all and (min-width:25.875em){.gallery-desktop-freshkit .gallery__item a{max-height:176px}}@media all and (min-width:48em){.gallery-desktop-freshkit .gallery__item a{max-height:329px}}@media all and (min-width:52.125em){.gallery-desktop-freshkit .gallery__item a{max-height:360px}}@media all and (min-width:64em){.gallery-desktop-freshkit .gallery__item a{max-height:295px}}@media all and (min-width:75em){.gallery-desktop-freshkit .gallery__item a{max-height:400px}}@media all and (min-width:90em){.gallery-desktop-freshkit .gallery__item a{max-height:484px}}@media all and (min-width:100em){.gallery-desktop-freshkit .gallery__item a{max-height:519px}}.gallery-project-freshkit .gallery__item a{max-height:136px;overflow:hidden}@media all and (min-width:25.875em){.gallery-project-freshkit .gallery__item a{max-height:154px}}@media all and (min-width:48em){.gallery-project-freshkit .gallery__item a{max-height:284px}}@media all and (min-width:52.125em){.gallery-project-freshkit .gallery__item a{max-height:314px}}@media all and (min-width:64em){.gallery-project-freshkit .gallery__item a{max-height:255px}}@media all and (min-width:75em){.gallery-project-freshkit .gallery__item a{max-height:256px}}@media all and (min-width:90em){.gallery-project-freshkit .gallery__item a{max-height:330px}}@media all and (min-width:100em){.gallery-project-freshkit .gallery__item a{max-height:360px}}.gallery-mobile-freshkit .gallery__item a{max-height:188px;overflow:hidden}@media all and (min-width:25.875em){.gallery-mobile-freshkit .gallery__item a{max-height:212px}}@media all and (min-width:48em){.gallery-mobile-freshkit .gallery__item a{max-height:391px}}@media all and (min-width:52.125em){.gallery-mobile-freshkit .gallery__item a{max-height:433px}}@media all and (min-width:64em){.gallery-mobile-freshkit .gallery__item a{max-height:351px}}@media all and (min-width:75em){.gallery-mobile-freshkit .gallery__item a{max-height:354px}}@media all and (min-width:90em){.gallery-mobile-freshkit .gallery__item a{max-height:455px}}@media all and (min-width:100em){.gallery-mobile-freshkit .gallery__item a{max-height:495px}}div.code-toolbar>.toolbar a:hover{background:var(--gradient-purple)!important;border:1px solid var(--gradient-purple)!important}#scrollToTop{width:50px;height:50px;display:none;position:fixed;bottom:20px;right:30px;z-index:999;border:none;outline:0;background-color:var(--gradient-purple);color:#fff;cursor:pointer;padding:0;border-radius:5px}@media all and (min-width:75em){#scrollToTop:hover{background-color:var(--gray-1)}}#chevron-arrow-top{width:15px;height:15px;display:inline-block;border-left:3px solid #fff;border-bottom:3px solid #fff;transform:rotate(135deg);margin-top:11px}:root{--content-width:920px;--sidebar-width:280px;--aside-width:250px;--page-margin:1.5rem;--header-height:90px;--line-height:1.6;--font-weight-normal:400;--font-weight-bold:600;--headings-weight:700;--headings-transform:none;--primary-color:#4285F4;--secondary-color:#3C4156;--white:#FFFFFF;--black:#000000;--blue:#4285F4;--green:#69DA58;--yellow:#F6C144;--dark:#3C4156;--red:#C7403E;--gray-1:#696C7B;--gray-2:#8D8D94;--gray-3:#E3E3E3;--gray-4:#EBEBEE;--gray-5:#F7FAFC;--logo-color:#3C4156;--text-color:#3C4156;--headings-color:#3C4156;--link-color:#4285F4;--link-color-hover:#3C4156;--code-color:#C7403E;--code-bg:199,64,62;--bg-color:66,133,244}html{font-size:1.1rem}@media screen and (min-width:20rem){html{font-size:calc(1.1rem + (1.2 - 1.1) * ((100vw - 20rem) / 127))}}@media screen and (min-width:147rem){html{font-size:1.2rem}}img[loading]{opacity:0}img.is-loaded{opacity:1;transition:opacity 1s cubic-bezier(.215, .61, .355, 1)}