/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}:root{--font-size-general-small:17px}*,:after,:before,html{box-sizing:border-box}img{box-sizing:content-box}.copy span,.screen-reader-text,.site-header .site-branding .site-title a .handbook,body .site-content .side-nav h3.side-nav-title{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}.copy span.skip-link,.screen-reader-text.skip-link,.site-header .site-branding .site-title a .skip-link.handbook,body .site-content .side-nav h3.skip-link.side-nav-title{margin:5px}.copy span.skip-link:focus,.screen-reader-text.skip-link:focus,.site-header .site-branding .site-title a .skip-link.handbook:focus,body .site-content .side-nav h3.skip-link.side-nav-title:focus{background:#fff;color:#4d4aff;outline:2px solid #4d4aff}.copy span:focus,.screen-reader-text:focus,.site-header .site-branding .site-title a .handbook:focus,body .site-content .side-nav h3.side-nav-title:focus{background-color:#f1f1f1;border-radius:0;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#21759b;display:block;font-size:1.7rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}[tabindex="-1"]:focus{outline:0}[data-whatinput=mouse] :focus{outline:0}.col,body .block-image-links .cols .col{overflow:visible}[data-whatinput=keyboard] a:focus,[data-whatinput=keyboard] button:focus,[data-whatinput=keyboard] div[tabindex]:focus,[data-whatinput=keyboard] input:focus,[data-whatinput=keyboard] nav ul li a:focus,[data-whatinput=keyboard] select:focus,[data-whatinput=keyboard] textarea:focus{outline:2px solid #4d4aff;color:#fff;opacity:1;z-index:99}[data-whatinput=keyboard] a.global-link:focus{outline:4px solid #4d4aff}.no-js :focus{outline:2px solid #4d4aff}.container a,.entry-content a{text-decoration:underline}.container a:focus,.container a:hover,.entry-content a:focus,.entry-content a:hover{text-decoration:none}a[href*="//"]:not([href*="handbook.dude.fi"]):not([href*="handbook.vaiheessa.fi"]):not([href*="handbook.test"]):not([href*="localhost:3000"]):not([href*="192.168.1.233:3000"]):not(.github):not(.no-external-link-indicator):not(.post-edit-link){display:inline-flex;justify-content:space-between;align-items:center;margin-right:0}a[href*="//"]:not([href*="handbook.dude.fi"]):not([href*="handbook.vaiheessa.fi"]):not([href*="handbook.test"]):not([href*="localhost:3000"]):not([href*="192.168.1.233:3000"]):not(.github):not(.no-external-link-indicator):not(.post-edit-link)::after{background-image:url(../svg/external-link.svg);background-position:right center;background-repeat:no-repeat;content:'';position:relative;display:inline-flex;width:14px;height:14px;background-size:14px 14px;right:0;top:0;margin-left:5px;margin-right:2px}a[href^=mailto]::after{display:none}.swup-transition-fade{transition:.25s;opacity:1;-webkit-animation:slideUp .9s cubic-bezier(.075,.82,.165,1) forwards;animation:slideUp .9s cubic-bezier(.075,.82,.165,1) forwards;transform:translate3d(0,2vh,0);-webkit-font-smoothing:antialiased}html.is-animating .swup-transition-fade{opacity:0}@-webkit-keyframes slideUp{0%{transform:translate3d(0,2vh,0)}100%{transform:translate3d(0,0,0)}}@keyframes slideUp{0%{transform:translate3d(0,2vh,0)}100%{transform:translate3d(0,0,0)}}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeOutUp{from{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{from{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}@-webkit-keyframes fadeOutUpShort{from{opacity:1}to{opacity:0;transform:translate3d(0,-50%,0)}}@keyframes fadeOutUpShort{from{opacity:1}to{opacity:0;transform:translate3d(0,-50%,0)}}@-webkit-keyframes mousePointer{0%{opacity:0;top:20%}20%{opacity:1;top:20%}40%{opacity:1;top:20%}60%{opacity:1;top:70%}61%{opacity:1;top:70%}67%{opacity:0;top:70%}100%{opacity:0;top:70%}}@keyframes mousePointer{0%{opacity:0;top:20%}20%{opacity:1;top:20%}40%{opacity:1;top:20%}60%{opacity:1;top:70%}61%{opacity:1;top:70%}67%{opacity:0;top:70%}100%{opacity:0;top:70%}}@-webkit-keyframes shake{0%{transform:translate(2px,1px) rotate(0)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px,0) rotate(1deg)}30%{transform:translate(0,2px) rotate(0)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0)}70%{transform:translate(2px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(2px,2px) rotate(0)}100%{transform:translate(1px,-2px) rotate(-1deg)}}@keyframes shake{0%{transform:translate(2px,1px) rotate(0)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px,0) rotate(1deg)}30%{transform:translate(0,2px) rotate(0)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0)}70%{transform:translate(2px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(2px,2px) rotate(0)}100%{transform:translate(1px,-2px) rotate(-1deg)}}/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */.hamburger{padding:5rem 1.5rem;display:inline-block;cursor:pointer;transition-property:opacity,filter;transition-duration:.15s;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible}.hamburger:hover{opacity:.8}.hamburger.is-active:hover{opacity:.8}.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner::after,.hamburger.is-active .hamburger-inner::before{background-color:#fff}.hamburger-box{width:3rem;height:1.4rem;display:inline-block;position:relative}.hamburger-inner{display:block;top:50%;margin-top:-.1rem}.hamburger-inner,.hamburger-inner::after,.hamburger-inner::before{width:3rem;height:.2rem;background-color:#fff;border-radius:0;position:absolute;transition-property:transform;transition-duration:.15s;transition-timing-function:ease}.hamburger-inner::after,.hamburger-inner::before{content:"";display:block}.hamburger-inner::before{top:-.6rem}.hamburger-inner::after{bottom:-.6rem}.hamburger--3dx .hamburger-box{perspective:6rem}.hamburger--3dx .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dx .hamburger-inner::after,.hamburger--3dx .hamburger-inner::before{transition:transform 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dx.is-active .hamburger-inner{background-color:transparent!important;transform:rotateY(180deg)}.hamburger--3dx.is-active .hamburger-inner::before{transform:translate3d(0,.6rem,0) rotate(45deg)}.hamburger--3dx.is-active .hamburger-inner::after{transform:translate3d(0,-.6rem,0) rotate(-45deg)}.hamburger--3dx-r .hamburger-box{perspective:6rem}.hamburger--3dx-r .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dx-r .hamburger-inner::after,.hamburger--3dx-r .hamburger-inner::before{transition:transform 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dx-r.is-active .hamburger-inner{background-color:transparent!important;transform:rotateY(-180deg)}.hamburger--3dx-r.is-active .hamburger-inner::before{transform:translate3d(0,.6rem,0) rotate(45deg)}.hamburger--3dx-r.is-active .hamburger-inner::after{transform:translate3d(0,-.6rem,0) rotate(-45deg)}.hamburger--3dy .hamburger-box{perspective:6rem}.hamburger--3dy .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dy .hamburger-inner::after,.hamburger--3dy .hamburger-inner::before{transition:transform 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dy.is-active .hamburger-inner{background-color:transparent!important;transform:rotateX(-180deg)}.hamburger--3dy.is-active .hamburger-inner::before{transform:translate3d(0,.6rem,0) rotate(45deg)}.hamburger--3dy.is-active .hamburger-inner::after{transform:translate3d(0,-.6rem,0) rotate(-45deg)}.hamburger--3dy-r .hamburger-box{perspective:6rem}.hamburger--3dy-r .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dy-r .hamburger-inner::after,.hamburger--3dy-r .hamburger-inner::before{transition:transform 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dy-r.is-active .hamburger-inner{background-color:transparent!important;transform:rotateX(180deg)}.hamburger--3dy-r.is-active .hamburger-inner::before{transform:translate3d(0,.6rem,0) rotate(45deg)}.hamburger--3dy-r.is-active .hamburger-inner::after{transform:translate3d(0,-.6rem,0) rotate(-45deg)}.hamburger--3dxy .hamburger-box{perspective:6rem}.hamburger--3dxy .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dxy .hamburger-inner::after,.hamburger--3dxy .hamburger-inner::before{transition:transform 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dxy.is-active .hamburger-inner{background-color:transparent!important;transform:rotateX(180deg) rotateY(180deg)}.hamburger--3dxy.is-active .hamburger-inner::before{transform:translate3d(0,.6rem,0) rotate(45deg)}.hamburger--3dxy.is-active .hamburger-inner::after{transform:translate3d(0,-.6rem,0) rotate(-45deg)}.hamburger--3dxy-r .hamburger-box{perspective:6rem}.hamburger--3dxy-r .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dxy-r .hamburger-inner::after,.hamburger--3dxy-r .hamburger-inner::before{transition:transform 0s .1s cubic-bezier(.645,.045,.355,1)}.hamburger--3dxy-r.is-active .hamburger-inner{background-color:transparent!important;transform:rotateX(180deg) rotateY(180deg) rotateZ(-180deg)}.hamburger--3dxy-r.is-active .hamburger-inner::before{transform:translate3d(0,.6rem,0) rotate(45deg)}.hamburger--3dxy-r.is-active .hamburger-inner::after{transform:translate3d(0,-.6rem,0) rotate(-45deg)}.hamburger--arrow.is-active .hamburger-inner::before{transform:translate3d(-.6rem,0,0) rotate(-45deg) scale(.7,1)}.hamburger--arrow.is-active .hamburger-inner::after{transform:translate3d(-.6rem,0,0) rotate(45deg) scale(.7,1)}.hamburger--arrow-r.is-active .hamburger-inner::before{transform:translate3d(.6rem,0,0) rotate(45deg) scale(.7,1)}.hamburger--arrow-r.is-active .hamburger-inner::after{transform:translate3d(.6rem,0,0) rotate(-45deg) scale(.7,1)}.hamburger--arrowalt .hamburger-inner::before{transition:top .1s .1s ease,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt .hamburger-inner::after{transition:bottom .1s .1s ease,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt.is-active .hamburger-inner::before{top:0;transform:translate3d(-.6rem,-.75rem,0) rotate(-45deg) scale(.7,1);transition:top .1s ease,transform .1s .1s cubic-bezier(.895,.03,.685,.22)}.hamburger--arrowalt.is-active .hamburger-inner::after{bottom:0;transform:translate3d(-.6rem,.75rem,0) rotate(45deg) scale(.7,1);transition:bottom .1s ease,transform .1s .1s cubic-bezier(.895,.03,.685,.22)}.hamburger--arrowalt-r .hamburger-inner::before{transition:top .1s .1s ease,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt-r .hamburger-inner::after{transition:bottom .1s .1s ease,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt-r.is-active .hamburger-inner::before{top:0;transform:translate3d(.6rem,-.75rem,0) rotate(45deg) scale(.7,1);transition:top .1s ease,transform .1s .1s cubic-bezier(.895,.03,.685,.22)}.hamburger--arrowalt-r.is-active .hamburger-inner::after{bottom:0;transform:translate3d(.6rem,.75rem,0) rotate(-45deg) scale(.7,1);transition:bottom .1s ease,transform .1s .1s cubic-bezier(.895,.03,.685,.22)}.hamburger--arrowturn.is-active .hamburger-inner{transform:rotate(-180deg)}.hamburger--arrowturn.is-active .hamburger-inner::before{transform:translate3d(8px,0,0) rotate(45deg) scale(.7,1)}.hamburger--arrowturn.is-active .hamburger-inner::after{transform:translate3d(8px,0,0) rotate(-45deg) scale(.7,1)}.hamburger--arrowturn-r.is-active .hamburger-inner{transform:rotate(-180deg)}.hamburger--arrowturn-r.is-active .hamburger-inner::before{transform:translate3d(-8px,0,0) rotate(-45deg) scale(.7,1)}.hamburger--arrowturn-r.is-active .hamburger-inner::after{transform:translate3d(-8px,0,0) rotate(45deg) scale(.7,1)}.hamburger--boring .hamburger-inner,.hamburger--boring .hamburger-inner::after,.hamburger--boring .hamburger-inner::before{transition-property:none}.hamburger--boring.is-active .hamburger-inner{transform:rotate(45deg)}.hamburger--boring.is-active .hamburger-inner::before{top:0;opacity:0}.hamburger--boring.is-active .hamburger-inner::after{bottom:0;transform:rotate(-90deg)}.hamburger--collapse .hamburger-inner{top:auto;bottom:0;transition-duration:.13s;transition-delay:.13s;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse .hamburger-inner::after{top:-1.2rem;transition:top .2s .2s cubic-bezier(.33333,.66667,.66667,1),opacity .1s linear}.hamburger--collapse .hamburger-inner::before{transition:top .12s .2s cubic-bezier(.33333,.66667,.66667,1),transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse.is-active .hamburger-inner{transform:translate3d(0,-.6rem,0) rotate(-45deg);transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburger--collapse.is-active .hamburger-inner::after{top:0;opacity:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s .22s linear}.hamburger--collapse.is-active .hamburger-inner::before{top:0;transform:rotate(-90deg);transition:top .1s .16s cubic-bezier(.33333,0,.66667,.33333),transform .13s .25s cubic-bezier(.215,.61,.355,1)}.hamburger--collapse-r .hamburger-inner{top:auto;bottom:0;transition-duration:.13s;transition-delay:.13s;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse-r .hamburger-inner::after{top:-1.2rem;transition:top .2s .2s cubic-bezier(.33333,.66667,.66667,1),opacity .1s linear}.hamburger--collapse-r .hamburger-inner::before{transition:top .12s .2s cubic-bezier(.33333,.66667,.66667,1),transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse-r.is-active .hamburger-inner{transform:translate3d(0,-.6rem,0) rotate(45deg);transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburger--collapse-r.is-active .hamburger-inner::after{top:0;opacity:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s .22s linear}.hamburger--collapse-r.is-active .hamburger-inner::before{top:0;transform:rotate(90deg);transition:top .1s .16s cubic-bezier(.33333,0,.66667,.33333),transform .13s .25s cubic-bezier(.215,.61,.355,1)}.hamburger--elastic .hamburger-inner{top:.1rem;transition-duration:275ms;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic .hamburger-inner::before{top:.6rem;transition:opacity 125ms 275ms ease}.hamburger--elastic .hamburger-inner::after{top:1.2rem;transition:transform 275ms cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic.is-active .hamburger-inner{transform:translate3d(0,.6rem,0) rotate(135deg);transition-delay:75ms}.hamburger--elastic.is-active .hamburger-inner::before{transition-delay:0s;opacity:0}.hamburger--elastic.is-active .hamburger-inner::after{transform:translate3d(0,-1.2rem,0) rotate(-270deg);transition-delay:75ms}.hamburger--elastic-r .hamburger-inner{top:.1rem;transition-duration:275ms;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic-r .hamburger-inner::before{top:.6rem;transition:opacity 125ms 275ms ease}.hamburger--elastic-r .hamburger-inner::after{top:1.2rem;transition:transform 275ms cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic-r.is-active .hamburger-inner{transform:translate3d(0,.6rem,0) rotate(-135deg);transition-delay:75ms}.hamburger--elastic-r.is-active .hamburger-inner::before{transition-delay:0s;opacity:0}.hamburger--elastic-r.is-active .hamburger-inner::after{transform:translate3d(0,-1.2rem,0) rotate(270deg);transition-delay:75ms}.hamburger--emphatic{overflow:hidden}.hamburger--emphatic .hamburger-inner{transition:background-color 125ms 175ms ease-in}.hamburger--emphatic .hamburger-inner::before{left:0;transition:transform 125ms cubic-bezier(.6,.04,.98,.335),top 50ms 125ms linear,left 125ms 175ms ease-in}.hamburger--emphatic .hamburger-inner::after{top:.6rem;right:0;transition:transform 125ms cubic-bezier(.6,.04,.98,.335),top 50ms 125ms linear,right 125ms 175ms ease-in}.hamburger--emphatic.is-active .hamburger-inner{transition-delay:0s;transition-timing-function:ease-out;background-color:transparent!important}.hamburger--emphatic.is-active .hamburger-inner::before{left:-6rem;top:-6rem;transform:translate3d(6rem,6rem,0) rotate(45deg);transition:left 125ms ease-out,top 50ms 125ms linear,transform 125ms 175ms cubic-bezier(.075,.82,.165,1)}.hamburger--emphatic.is-active .hamburger-inner::after{right:-6rem;top:-6rem;transform:translate3d(-6rem,6rem,0) rotate(-45deg);transition:right 125ms ease-out,top 50ms 125ms linear,transform 125ms 175ms cubic-bezier(.075,.82,.165,1)}.hamburger--emphatic-r{overflow:hidden}.hamburger--emphatic-r .hamburger-inner{transition:background-color 125ms 175ms ease-in}.hamburger--emphatic-r .hamburger-inner::before{left:0;transition:transform 125ms cubic-bezier(.6,.04,.98,.335),top 50ms 125ms linear,left 125ms 175ms ease-in}.hamburger--emphatic-r .hamburger-inner::after{top:.6rem;right:0;transition:transform 125ms cubic-bezier(.6,.04,.98,.335),top 50ms 125ms linear,right 125ms 175ms ease-in}.hamburger--emphatic-r.is-active .hamburger-inner{transition-delay:0s;transition-timing-function:ease-out;background-color:transparent!important}.hamburger--emphatic-r.is-active .hamburger-inner::before{left:-6rem;top:6rem;transform:translate3d(6rem,-6rem,0) rotate(-45deg);transition:left 125ms ease-out,top 50ms 125ms linear,transform 125ms 175ms cubic-bezier(.075,.82,.165,1)}.hamburger--emphatic-r.is-active .hamburger-inner::after{right:-6rem;top:6rem;transform:translate3d(-6rem,-6rem,0) rotate(45deg);transition:right 125ms ease-out,top 50ms 125ms linear,transform 125ms 175ms cubic-bezier(.075,.82,.165,1)}.hamburger--minus .hamburger-inner::after,.hamburger--minus .hamburger-inner::before{transition:bottom 80ms 0s ease-out,top 80ms 0s ease-out,opacity 0s linear}.hamburger--minus.is-active .hamburger-inner::after,.hamburger--minus.is-active .hamburger-inner::before{opacity:0;transition:bottom 80ms ease-out,top 80ms ease-out,opacity 0s 80ms linear}.hamburger--minus.is-active .hamburger-inner::before{top:0}.hamburger--minus.is-active .hamburger-inner::after{bottom:0}.hamburger--slider .hamburger-inner{top:.1rem}.hamburger--slider .hamburger-inner::before{top:.6rem;transition-property:transform,opacity;transition-timing-function:ease;transition-duration:.15s}.hamburger--slider .hamburger-inner::after{top:1.2rem}.hamburger--slider.is-active .hamburger-inner{transform:translate3d(0,.6rem,0) rotate(45deg)}.hamburger--slider.is-active .hamburger-inner::before{transform:rotate(-45deg) translate3d(-.42857rem,-.4rem,0);opacity:0}.hamburger--slider.is-active .hamburger-inner::after{transform:translate3d(0,-1.2rem,0) rotate(-90deg)}.hamburger--slider-r .hamburger-inner{top:.1rem}.hamburger--slider-r .hamburger-inner::before{top:.6rem;transition-property:transform,opacity;transition-timing-function:ease;transition-duration:.15s}.hamburger--slider-r .hamburger-inner::after{top:1.2rem}.hamburger--slider-r.is-active .hamburger-inner{transform:translate3d(0,.6rem,0) rotate(-45deg)}.hamburger--slider-r.is-active .hamburger-inner::before{transform:rotate(45deg) translate3d(.42857rem,-.4rem,0);opacity:0}.hamburger--slider-r.is-active .hamburger-inner::after{transform:translate3d(0,-1.2rem,0) rotate(90deg)}.hamburger .hamburger-inner,.hamburger--spin .hamburger-inner{transition-duration:.22s;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger .hamburger-inner::before,.hamburger--spin .hamburger-inner::before{transition:top .1s .25s ease-in,opacity .1s ease-in}.hamburger .hamburger-inner::after,.hamburger--spin .hamburger-inner::after{transition:bottom .1s .25s ease-in,transform .22s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin.is-active .hamburger-inner,.is-active.hamburger .hamburger-inner{transform:rotate(225deg);transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburger--spin.is-active .hamburger-inner::before,.is-active.hamburger .hamburger-inner::before{top:0;opacity:0;transition:top .1s ease-out,opacity .1s .12s ease-out}.hamburger--spin.is-active .hamburger-inner::after,.is-active.hamburger .hamburger-inner::after{bottom:0;transform:rotate(-90deg);transition:bottom .1s ease-out,transform .22s .12s cubic-bezier(.215,.61,.355,1)}.hamburger--spin-r .hamburger-inner{transition-duration:.22s;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger--spin-r .hamburger-inner::before{transition:top .1s .25s ease-in,opacity .1s ease-in}.hamburger--spin-r .hamburger-inner::after{transition:bottom .1s .25s ease-in,transform .22s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin-r.is-active .hamburger-inner{transform:rotate(-225deg);transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburger--spin-r.is-active .hamburger-inner::before{top:0;opacity:0;transition:top .1s ease-out,opacity .1s .12s ease-out}.hamburger--spin-r.is-active .hamburger-inner::after{bottom:0;transform:rotate(90deg);transition:bottom .1s ease-out,transform .22s .12s cubic-bezier(.215,.61,.355,1)}.hamburger--spring .hamburger-inner{top:.1rem;transition:background-color 0s .13s linear}.hamburger--spring .hamburger-inner::before{top:.6rem;transition:top .1s .2s cubic-bezier(.33333,.66667,.66667,1),transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring .hamburger-inner::after{top:1.2rem;transition:top .2s .2s cubic-bezier(.33333,.66667,.66667,1),transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring.is-active .hamburger-inner{transition-delay:.22s;background-color:transparent!important}.hamburger--spring.is-active .hamburger-inner::before{top:0;transition:top .1s .15s cubic-bezier(.33333,0,.66667,.33333),transform .13s .22s cubic-bezier(.215,.61,.355,1);transform:translate3d(0,.6rem,0) rotate(45deg)}.hamburger--spring.is-active .hamburger-inner::after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),transform .13s .22s cubic-bezier(.215,.61,.355,1);transform:translate3d(0,.6rem,0) rotate(-45deg)}.hamburger--spring-r .hamburger-inner{top:auto;bottom:0;transition-duration:.13s;transition-delay:0s;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger--spring-r .hamburger-inner::after{top:-1.2rem;transition:top .2s .2s cubic-bezier(.33333,.66667,.66667,1),opacity 0s linear}.hamburger--spring-r .hamburger-inner::before{transition:top .1s .2s cubic-bezier(.33333,.66667,.66667,1),transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring-r.is-active .hamburger-inner{transform:translate3d(0,-.6rem,0) rotate(-45deg);transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburger--spring-r.is-active .hamburger-inner::after{top:0;opacity:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity 0s .22s linear}.hamburger--spring-r.is-active .hamburger-inner::before{top:0;transform:rotate(90deg);transition:top .1s .15s cubic-bezier(.33333,0,.66667,.33333),transform .13s .22s cubic-bezier(.215,.61,.355,1)}.hamburger--stand .hamburger-inner{transition:transform 75ms .15s cubic-bezier(.55,.055,.675,.19),background-color 0s 75ms linear}.hamburger--stand .hamburger-inner::before{transition:top 75ms 75ms ease-in,transform 75ms 0s cubic-bezier(.55,.055,.675,.19)}.hamburger--stand .hamburger-inner::after{transition:bottom 75ms 75ms ease-in,transform 75ms 0s cubic-bezier(.55,.055,.675,.19)}.hamburger--stand.is-active .hamburger-inner{transform:rotate(90deg);background-color:transparent!important;transition:transform 75ms 0s cubic-bezier(.215,.61,.355,1),background-color 0s .15s linear}.hamburger--stand.is-active .hamburger-inner::before{top:0;transform:rotate(-45deg);transition:top 75ms .1s ease-out,transform 75ms .15s cubic-bezier(.215,.61,.355,1)}.hamburger--stand.is-active .hamburger-inner::after{bottom:0;transform:rotate(45deg);transition:bottom 75ms .1s ease-out,transform 75ms .15s cubic-bezier(.215,.61,.355,1)}.hamburger--stand-r .hamburger-inner{transition:transform 75ms .15s cubic-bezier(.55,.055,.675,.19),background-color 0s 75ms linear}.hamburger--stand-r .hamburger-inner::before{transition:top 75ms 75ms ease-in,transform 75ms 0s cubic-bezier(.55,.055,.675,.19)}.hamburger--stand-r .hamburger-inner::after{transition:bottom 75ms 75ms ease-in,transform 75ms 0s cubic-bezier(.55,.055,.675,.19)}.hamburger--stand-r.is-active .hamburger-inner{transform:rotate(-90deg);background-color:transparent!important;transition:transform 75ms 0s cubic-bezier(.215,.61,.355,1),background-color 0s .15s linear}.hamburger--stand-r.is-active .hamburger-inner::before{top:0;transform:rotate(-45deg);transition:top 75ms .1s ease-out,transform 75ms .15s cubic-bezier(.215,.61,.355,1)}.hamburger--stand-r.is-active .hamburger-inner::after{bottom:0;transform:rotate(45deg);transition:bottom 75ms .1s ease-out,transform 75ms .15s cubic-bezier(.215,.61,.355,1)}.hamburger--squeeze .hamburger-inner{transition-duration:75ms;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger--squeeze .hamburger-inner::before{transition:top 75ms .12s ease,opacity 75ms ease}.hamburger--squeeze .hamburger-inner::after{transition:bottom 75ms .12s ease,transform 75ms cubic-bezier(.55,.055,.675,.19)}.hamburger--squeeze.is-active .hamburger-inner{transform:rotate(45deg);transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburger--squeeze.is-active .hamburger-inner::before{top:0;opacity:0;transition:top 75ms ease,opacity 75ms .12s ease}.hamburger--squeeze.is-active .hamburger-inner::after{bottom:0;transform:rotate(-90deg);transition:bottom 75ms ease,transform 75ms .12s cubic-bezier(.215,.61,.355,1)}.hamburger--vortex .hamburger-inner{transition-duration:.2s;transition-timing-function:cubic-bezier(.19,1,.22,1)}.hamburger--vortex .hamburger-inner::after,.hamburger--vortex .hamburger-inner::before{transition-duration:0s;transition-delay:.1s;transition-timing-function:linear}.hamburger--vortex .hamburger-inner::before{transition-property:top,opacity}.hamburger--vortex .hamburger-inner::after{transition-property:bottom,transform}.hamburger--vortex.is-active .hamburger-inner{transform:rotate(765deg);transition-timing-function:cubic-bezier(.19,1,.22,1)}.hamburger--vortex.is-active .hamburger-inner::after,.hamburger--vortex.is-active .hamburger-inner::before{transition-delay:0s}.hamburger--vortex.is-active .hamburger-inner::before{top:0;opacity:0}.hamburger--vortex.is-active .hamburger-inner::after{bottom:0;transform:rotate(90deg)}.hamburger--vortex-r .hamburger-inner{transition-duration:.2s;transition-timing-function:cubic-bezier(.19,1,.22,1)}.hamburger--vortex-r .hamburger-inner::after,.hamburger--vortex-r .hamburger-inner::before{transition-duration:0s;transition-delay:.1s;transition-timing-function:linear}.hamburger--vortex-r .hamburger-inner::before{transition-property:top,opacity}.hamburger--vortex-r .hamburger-inner::after{transition-property:bottom,transform}.hamburger--vortex-r.is-active .hamburger-inner{transform:rotate(-765deg);transition-timing-function:cubic-bezier(.19,1,.22,1)}.hamburger--vortex-r.is-active .hamburger-inner::after,.hamburger--vortex-r.is-active .hamburger-inner::before{transition-delay:0s}.hamburger--vortex-r.is-active .hamburger-inner::before{top:0;opacity:0}.hamburger--vortex-r.is-active .hamburger-inner::after{bottom:0;transform:rotate(-90deg)}.nav-toggle .hamburger-inner,.nav-toggle .hamburger-inner::after,.nav-toggle .hamburger-inner::before,.nav-toggle:focus .hamburger-inner,.nav-toggle:focus .hamburger-inner::after,.nav-toggle:focus .hamburger-inner::before,.nav-toggle:focus .hamburger-inner:focus::after,.nav-toggle:focus .hamburger-inner:focus::before,.nav-toggle:focus:focus .hamburger-inner:focus::after,.nav-toggle:focus:focus .hamburger-inner:focus::before{background-color:#fff;color:#fff}.nav-toggle{align-items:center;background:0 0;border:0;color:#fff;cursor:pointer;display:flex;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:700;list-style:none;margin:4rem auto 0;overflow:visible;padding:0;-webkit-tap-highlight-color:transparent;text-decoration:none;-webkit-touch-callout:none;transform:translateX(-4px);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:100000}.nav-toggle .toggle-text{margin-left:20px}.nav-toggle .hamburger-inner::after{transition:width .5s;width:17px}.nav-toggle.is-active .hamburger-inner::after,.nav-toggle:focus .hamburger-inner::after,.nav-toggle:hover .hamburger-inner::after{width:3rem}.nav-toggle span:not(.toggle-text){color:#fff;font-size:1.2em}.nav-toggle:focus span span{background-color:#fff}.nav-toggle:focus span span::after,.nav-toggle:focus span span::before{background-color:#fff}.nav-toggle:active,.nav-toggle:hover{color:#fff}.nav-toggle:active span,.nav-toggle:hover span{color:#fff}.nav-toggle.is-active{color:#fff}.nav-toggle.is-active span.focus .hamburger-box .hamburger-inner,.nav-toggle.is-active span:focus .hamburger-box .hamburger-inner{background-color:#fff}.nav-toggle.is-active span.focus .hamburger-box .hamburger-inner::after,.nav-toggle.is-active span:focus .hamburger-box .hamburger-inner::after{background-color:#fff}.nav-toggle.is-active span.hamburger-box .hamburger-inner{background-color:#fff}.nav-toggle.is-active span.hamburger-box .hamburger-inner::after{background-color:#fff}.nav-toggle.is-active span:active,.nav-toggle.is-active span:focus,.nav-toggle.is-active span:hover{color:#fff}.nav-toggle.is-active span:active span,.nav-toggle.is-active span:focus span,.nav-toggle.is-active span:hover span{color:#fff}.nav-toggle.is-active span{color:#fff}body.js-nav-active{overflow:hidden}body .site-content .side-nav{background:#222;padding:2rem 1rem;width:510px}body .site-content .side-nav h3.side-nav-title{font-size:18px;position:relative;top:2px}body .site-content .side-nav ol{background:#222;counter-reset:item;display:flex;flex-wrap:wrap;margin-bottom:0;margin-left:0;margin-top:-1px;padding-bottom:0;padding-left:0;padding-right:0;padding-top:30px;width:100%}body .site-content .side-nav ol ol{padding-top:5px}body .site-content .side-nav ol ol li:last-child ol li{margin-bottom:5px}body .site-content .side-nav ol ol ol li:last-child{margin-bottom:0!important}body .site-content .side-nav ol.side-nav-main>.page_item{padding-left:15px;padding-right:15px}body .site-content .side-nav ol.side-nav-main>.page_item a[href*='//']:not([href*='www.dudetest.xyz']):not([href*='air.vaiheessa.fi']):not([href*='airdev.test']):not([href*="localhost:3000"]):not([href*="192.168.1.233:3000"]):not(.github):not(.no-external-link-indicator){margin-right:0;padding-right:0}body .site-content .side-nav ol .children>.page_item{flex-wrap:nowrap;margin-left:-15px;margin-right:-15px}body .site-content .side-nav ol>li.active,body .site-content .side-nav ol>li.current_page_ancestor,body .site-content .side-nav ol>li.current_page_item,body .site-content .side-nav ol>li.current_page_parent{color:#b08548;opacity:1;overflow:visible}body .site-content .side-nav ol>li.active ol ol li:not(.current_page_item),body .site-content .side-nav ol>li.current_page_ancestor ol ol li:not(.current_page_item),body .site-content .side-nav ol>li.current_page_item ol ol li:not(.current_page_item),body .site-content .side-nav ol>li.current_page_parent ol ol li:not(.current_page_item){opacity:.6}body .site-content .side-nav ol>li.active::before,body .site-content .side-nav ol>li.current_page_ancestor::before,body .site-content .side-nav ol>li.current_page_item::before,body .site-content .side-nav ol>li.current_page_parent::before{color:#b08548}body .site-content .side-nav ol>li.active>a,body .site-content .side-nav ol>li.current_page_ancestor>a,body .site-content .side-nav ol>li.current_page_item>a,body .site-content .side-nav ol>li.current_page_parent>a{color:#b08548;font-weight:400;opacity:1}body .site-content .side-nav ol li,body .site-content .side-nav ol li li{align-items:center;color:#777;display:flex;flex-wrap:wrap;font-size:13px;line-height:1.3;margin-bottom:0;margin-left:0;min-height:31px;padding-bottom:5px;padding-left:0;padding-right:0;padding-top:5px;position:relative;width:100%}body .site-content .side-nav ol li li ol,body .site-content .side-nav ol li ol{margin-top:0;padding-top:0}body .site-content .side-nav ol li li ol>li,body .site-content .side-nav ol li ol>li{display:block;opacity:1}body .site-content .side-nav ol li a:focus,body .site-content .side-nav ol li a:hover,body .site-content .side-nav ol li li a:focus,body .site-content .side-nav ol li li a:hover{color:#fff;opacity:1}body .site-content .side-nav ol li li.page_item_has_children,body .site-content .side-nav ol li.page_item_has_children{height:auto;padding-bottom:0}body .site-content .side-nav ol li li.page_item_has_children li:last-child,body .site-content .side-nav ol li.page_item_has_children li:last-child{margin-bottom:5px}body .site-content .side-nav ol li .sub-menu,body .site-content .side-nav ol li li .sub-menu{background:#222;margin-top:5px}body .site-content .side-nav ol li li>ol,body .site-content .side-nav ol li>ol{margin-left:0;margin-right:0;margin-top:0}body .site-content .side-nav ol li li>ol li,body .site-content .side-nav ol li>ol li{opacity:.6;padding-left:25px}body .site-content .side-nav ol li li>ol li li,body .site-content .side-nav ol li>ol li li{opacity:1}body .site-content .side-nav ol li li>ol li.active,body .site-content .side-nav ol li li>ol li.current_page_item,body .site-content .side-nav ol li>ol li.active,body .site-content .side-nav ol li>ol li.current_page_item{opacity:1}body .site-content .side-nav ol li li::before,body .site-content .side-nav ol li::before{color:#eaeaeb;content:counters(item, ".") ".";counter-increment:item;display:inline;font-size:1.6rem;margin-right:10px}body .site-content .side-nav ol li a,body .site-content .side-nav ol li li a{color:#eaeaeb;font-size:1.6rem;font-weight:400;padding-left:0}.block-title{font-size:24px;margin-bottom:4rem;margin-top:0;position:relative}body .container h1,body .entry-content h1{font-size:24px;line-height:1.35}.block-title.block-title-large{font-size:24px;font-weight:600;line-height:1.35}.block-title.block-title-small,.large-text,body .container h2,body .container h3,body .entry-content h2,body .entry-content h3{font-size:20px;font-weight:400;line-height:1.5}.block-head{padding:0}.block-head p.read-more{margin:0}body{margin:0}body span.accent{font-style:italic;font-weight:400;margin-right:10px;opacity:.5;text-transform:none}body a.github,body a:active.github,body a:link.github,body a:visited.github{background-image:url(../svg/github.svg);background-position:0 center;background-repeat:no-repeat;background-size:22px 22px;border:0;box-shadow:none;color:#000;font-weight:600;padding-left:28px;text-decoration:none;text-shadow:none;transition:.3s all}body a.github:focus,body a.github:hover,body a:active.github:focus,body a:active.github:hover,body a:link.github:focus,body a:link.github:hover,body a:visited.github:focus,body a:visited.github:hover{opacity:.6}body a.text-anchor,body a.text-anchor:focus,body a.text-anchor:hover,body a:active.text-anchor,body a:active.text-anchor:focus,body a:active.text-anchor:hover,body a:link.text-anchor,body a:link.text-anchor:focus,body a:link.text-anchor:hover,body a:visited.text-anchor,body a:visited.text-anchor:focus,body a:visited.text-anchor:hover{border:0;box-shadow:none;color:#232426;text-decoration:none}body .site-content{align-items:stretch;display:flex;flex-wrap:wrap;min-height:calc(100% - 6rem)}body .site-content h1:first-child{margin-top:0}body .site-content p.modified{font-size:15px;opacity:.7}body .site-content .commits{display:none}body .site-content .git-commit-history-toggle{cursor:pointer;font-weight:600}body .site-content p.commit{border-bottom:1px solid #eee;font-size:15px;margin-bottom:1rem;margin-top:0;opacity:.7;padding-bottom:1rem;padding-top:0}body .site-content p.commit:last-child{border-bottom:0}body .site-content p.commit .date{font-weight:600;opacity:1}body .content-area{max-width:calc(800px + 510px);width:calc(100% - 510px)}body .content-area .site-main{padding:6rem}body .content-area .site-main .page,body .content-area .site-main .site-footer{max-width:800px}body.search-results article{margin-bottom:40px}code[class*=language-]{padding:0}.edit-link{clear:both;display:block;margin-bottom:0;margin-top:2rem;max-width:100%;min-width:0;overflow:hidden;text-align:left;transition:all .22s;width:100%}.edit-link .post-edit-link,.edit-link a{background:#fafafa;border:2px dashed #999;clear:both;color:#444;display:block;font-weight:700;margin:0;max-width:100%;padding:2rem;text-align:center;text-decoration:none;transition:all .22s;width:100%}.edit-link a:focus,.edit-link a:hover{background:#efefef;color:#999}.page-id-401 .fluid-width-video-wrapper{padding-top:73.2807%!important}@font-face{font-family:SFMono;font-display:auto;src:url(../fonts/SFMono-Regular.eot);src:url(../fonts/SFMono-Regular.eot?#iefix) format("embedded-opentype"),url(../fonts/SFMono-Regular.woff) format("woff"),url(../fonts/SFMono-Regular.woff2) format("woff2"),url(../fonts/SFMono-Regular.ttf) format("truetype"),url(../fonts/SFMono-Regular.svg#SFMono) format("svg");font-style:normal;font-weight:400}@font-face{font-family:Circular;font-display:auto;src:url(../fonts/circular-400.eot);src:url(../fonts/circular-400.eot?#iefix) format("embedded-opentype"),url(../fonts/circular-400.woff) format("woff"),url(../fonts/circular-400.woff2) format("woff2"),url(../fonts/circular-400.ttf) format("truetype"),url(../fonts/circular-400.svg#Circular) format("svg");font-style:normal;font-weight:400}@font-face{font-family:Circular;font-display:auto;src:url(../fonts/circular-400-italic.eot);src:url(../fonts/circular-400-italic.eot?#iefix) format("embedded-opentype"),url(../fonts/circular-400-italic.woff) format("woff"),url(../fonts/circular-400-italic.woff2) format("woff2"),url(../fonts/circular-400-italic.ttf) format("truetype"),url(../fonts/circular-400-italic.svg#Circular) format("svg");font-style:italic;font-weight:400}@font-face{font-family:Circular;font-display:auto;src:url(../fonts/circular-500.eot);src:url(../fonts/circular-500.eot?#iefix) format("embedded-opentype"),url(../fonts/circular-500.woff) format("woff"),url(../fonts/circular-500.woff2) format("woff2"),url(../fonts/circular-500.ttf) format("truetype"),url(../fonts/circular-500.svg#Circular) format("svg");font-style:normal;font-weight:500}@font-face{font-family:Circular;font-display:auto;src:url(../fonts/circular-500-italic.eot);src:url(../fonts/circular-500-italic.eot?#iefix) format("embedded-opentype"),url(../fonts/circular-500-italic.woff) format("woff"),url(../fonts/circular-500-italic.woff2) format("woff2"),url(../fonts/circular-500-italic.ttf) format("truetype"),url(../fonts/circular-500-italic.svg#Circular) format("svg");font-style:italic;font-weight:500}@font-face{font-family:Circular;font-display:auto;src:url(../fonts/circular-600.eot);src:url(../fonts/circular-600.eot?#iefix) format("embedded-opentype"),url(../fonts/circular-600.woff) format("woff"),url(../fonts/circular-600.woff2) format("woff2"),url(../fonts/circular-600.ttf) format("truetype"),url(../fonts/circular-600.svg#Circular) format("svg");font-style:normal;font-weight:600}@font-face{font-family:Circular;font-display:auto;src:url(../fonts/circular-600-italic.eot);src:url(../fonts/circular-600-italic.eot?#iefix) format("embedded-opentype"),url(../fonts/circular-600-italic.woff) format("woff"),url(../fonts/circular-600-italic.woff2) format("woff2"),url(../fonts/circular-600-italic.ttf) format("truetype"),url(../fonts/circular-600-italic.svg#Circular) format("svg");font-style:italic;font-weight:600}@font-face{font-family:Circular;font-display:auto;src:url(../fonts/circular-700.eot);src:url(../fonts/circular-700.eot?#iefix) format("embedded-opentype"),url(../fonts/circular-700.woff) format("woff"),url(../fonts/circular-700.woff2) format("woff2"),url(../fonts/circular-700.ttf) format("truetype"),url(../fonts/circular-700.svg#Circular) format("svg");font-style:normal;font-weight:700}@font-face{font-family:Circular;font-display:auto;src:url(../fonts/circular-900.eot);src:url(../fonts/circular-900.eot?#iefix) format("embedded-opentype"),url(../fonts/circular-900.woff) format("woff"),url(../fonts/circular-900.woff2) format("woff2"),url(../fonts/circular-900.ttf) format("truetype"),url(../fonts/circular-900.svg#Circular) format("svg");font-style:normal;font-weight:900}:root{font-size:62.5%}body{font-size:1.7rem;font-family:Circular,"Helvetica Neue",Helvetica,sans-serif;color:#3e4156;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body .content-area a:not(.github):not(.no-text-link):not(.post-edit-link):not(.anchorjs-link){position:relative;overflow:visible;font-weight:700;z-index:1;text-decoration:none;transition:all .18s ease-in-out;display:inline;color:#03061b;border-bottom:1px solid #b08548;box-shadow:inset 0 -.1rem 0 #b08548}body .content-area a:focus:not(.github):not(.no-text-link):not(.post-edit-link):not(.anchorjs-link),body .content-area a:hover:not(.github):not(.no-text-link):not(.post-edit-link):not(.anchorjs-link){box-shadow:inset 0 -3.3rem 0 #b08548;color:#03061b}a{color:#03061b;text-decoration:none}a:hover{color:#606c76}blockquote,code,dd,dt,figcaption,hr,kbd,li,ol,p,pre,samp,small,table,td,th,tr,ul{font-size:17px;letter-spacing:-.003em;font-weight:400;line-height:1.7}p{margin-top:2.9rem;margin-bottom:2.9rem;line-height:1.7}p:first-child{margin-top:0}p:last-child{margin-bottom:0}h1,h2,h3,h4,h5,h6{color:#b08548;font-family:brandon-grotesque,sans-serif;font-weight:900}h1{font-size:30px}h2{font-size:25px}h3{font-size:25px}h4{font-size:19px}h5{font-size:19px}h6{font-size:16px}ul{list-style:disc outside;padding-left:2.5rem}ul li{padding-left:.35rem}ol{padding-left:3.4rem}ol,ul{padding-bottom:1rem}b,strong{font-weight:600!important}em,i{font-style:italic}small{line-height:1;font-size:.875em}img{-ms-interpolation-mode:bicubic;height:auto;vertical-align:middle;max-width:100%}figure{position:relative;margin-bottom:1rem;margin-left:0;margin-right:0;margin-top:0}figure>img{width:100%}figcaption{margin-top:0;font-style:normal;font-weight:400}blockquote{clear:both;border:0 none;position:relative;margin:0}blockquote p:first-child{margin-top:0}blockquote p:last-child{margin-bottom:0}cite{display:block;font-style:italic}hr{background-image:linear-gradient(to bottom,rgba(0,0,0,0) 50%,#000 50%);background-repeat:repeat-x;background-size:2px 2px;background-position:0 50%;border:0;padding-top:1rem;padding-bottom:1rem;margin:0;height:0}kbd,pre,samp{font-family:SFMono,"PT Mono",Menlo,"Courier New",monospace}code:not([class*=language-]){background-color:#f9f9f9;max-height:20em;font-size:16px;font-family:Inconsolata,Consolas,Monaco,'Lucida Console',monospace;display:inline-block;border:1px solid #ddd;padding:0 3px;max-width:95%;vertical-align:middle;margin-top:-3px;overflow-x:auto}code:not([class*=language-]):focus,code:not([class*=language-]):hover{border-color:rgba(3,6,27,.5);color:#03061b}pre code:not([class*=language-]){display:inline-block;padding:1.15rem 1rem .85rem}pre{border-radius:.3rem;display:block;white-space:pre-wrap;word-break:break-all;word-wrap:break-word;margin-bottom:2rem}kbd>kbd{background-color:#000;border-radius:.285714286em;color:#f8f8ff;font:600 .875em/1.5 'Helvetica Neue',Helvetica,Arial,sans-serif;padding:.214285714em .642857143em}kbd>kbd+span{font-weight:600;margin:0 -.5em}.site-header{position:static;overflow:hidden}.site-header .handbook-title{font-family:brandon-grotesque,sans-serif;margin:10px auto 30px;text-transform:none;font-size:1.4rem;font-weight:600;color:#898e8b;line-height:1.55;padding-left:1rem;padding-right:1rem}.site-header .search-form{margin:0 15px;position:relative}.site-header .search-form .search-field{background:0 0;border:0;padding-top:6px;padding-left:26px;padding-bottom:6px;padding-right:6px;width:100%;overflow:hidden;opacity:.75;margin:0;transition:all .5s;color:#ccc;border-bottom:1px solid #666;font-weight:600;font-size:15px}.site-header .search-form .search-field:focus{outline:0}.site-header .search-form .search-field::-moz-placeholder{color:#fff;opacity:.7;font-weight:600;font-size:15px}.site-header .search-form .search-field:-ms-input-placeholder{color:#fff;opacity:.7;font-weight:600;font-size:15px}.site-header .search-form .search-field::placeholder{color:#fff;opacity:.7;font-weight:600;font-size:15px}.site-header .search-form .search-submit{background:url(../svg/search.svg) center center no-repeat transparent;width:20px;height:30px;text-indent:-999px;position:absolute;top:0;left:0;padding:0;border:0}.site-header .search-form .search-submit:hover{cursor:pointer}.site-header .site-branding{overflow:hidden;text-align:center}.site-header .site-branding .site-title{overflow:hidden;margin:0 auto}.site-header .site-branding .site-title a{font-size:28px;color:#fff;text-transform:uppercase;margin:0;padding:0}.site-header .site-branding .site-title a .handbook{position:relative;font-weight:700;opacity:.6}.site-header .site-branding .site-title a svg{fill:#fff}body .site-footer{align-items:center;border-top:1px solid #d9d9d9;display:flex;margin-top:6rem;padding:35px 0}body .site-footer p{color:rgba(62,65,86,.8);font-size:14px;margin:0;position:relative}body .site-footer a.github{background-position:0 1px;background-size:16px 16px;box-shadow:none;margin-left:5px;padding-bottom:5px;padding-left:20px;text-decoration:none;text-shadow:none}body .site-footer a:focus svg path,body .site-footer a:hover svg path{stroke:#131a50}body .site-footer svg{fill:rgba(62,65,86,.6);float:left;height:64px;margin-right:25px;position:relative;top:0;width:40px}body .site-footer svg path{stroke:rgba(62,65,86,.5);transition:all .55s}body .site-content .slide.slide-front{background-position:center;background-color:#e9e9e9;position:relative;min-height:300px}body .site-content .slide.slide-front .container{padding-top:30vh;padding-bottom:30vh;position:relative;z-index:10}body .site-content .slide.slide-front h1{color:#fff;text-align:center;margin:0;padding:0}body .site-content .slide.slide-front .slide-front-content{background:#fff}.error-404 .page-title{font-size:42px;line-height:1;margin-bottom:4rem}code[class*=language-],pre[class*=language-]{color:#000;background:0 0;font-family:'PT Mono',Menlo,'Courier New',monospace;font-size:1em;text-align:left;word-spacing:normal;word-break:normal;word-wrap:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none;display:block;line-height:1.55;overflow:auto;white-space:pre;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;border-radius:4px}code[class*=language-]::-webkit-scrollbar,pre[class*=language-]::-webkit-scrollbar{display:none}pre[class*=language-]{background-color:#efefef;margin:0 0 1rem;padding:1.25rem;overflow-x:auto;transition:all .66s;width:100%}pre[class*=language-]::-webkit-scrollbar{height:4px}pre[class*=language-]::-webkit-scrollbar-track{border-radius:4px}pre[class*=language-]::-webkit-scrollbar-thumb{border-radius:4px}pre[class*=language-] code:hover{background:0 0!important}code[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection{text-shadow:none;background:#b3d4fc}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{text-shadow:none;background:#b3d4fc}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#efefef}:not(pre)>code[class*=language-]{padding:.1em;border-radius:4px;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#999}.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#905}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#690}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#9a6e3a}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.class-name,.token.function{color:#d73a49}.token.important,.token.regex,.token.variable{color:#d73a49}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}pre[class*=language-]{position:relative;overflow:visible;border-radius:4px}.copy{content:'kopioi';padding:5px 10px 0;position:absolute;top:18px;right:11px;transform:none;border-top-left-radius:4px;border-top-right-radius:4px;color:rgba(19,26,80,.5);background:#f6f8fa;cursor:pointer;transition:all .2s ease;font-size:13px;font-family:Circular,"Helvetica Neue",Helvetica,sans-serif;font-weight:400}.copy svg{width:16px;height:16px}.copy:hover .copy{transform:translate(-10px,-100%)}.copy:hover{color:#131a50}code{overflow:scroll}code,code[class*=language-],pre[class*=language-]{color:#032f62;cursor:text;direction:ltr;font-family:SFMono,"PT Mono",Menlo,"Courier New",monospace;font-size:14px;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none;line-height:1.4;-moz-tab-size:4;-o-tab-size:4;tab-size:4;text-align:left;white-space:pre;word-spacing:normal}code *,code[class*=language-] *,pre[class*=language-] *{font-size:14px}pre[class*=language-]{border-radius:3px;font-size:85%;margin:1em 0;overflow:visible;padding:2rem}pre[class*=language-].wrong{background-color:#ffe6d8!important}pre[class*=language-].wrong .copy{background-color:#ffe6d8!important}pre[class*=language-].wrong .comment{color:#a81919!important}pre[class*=language-].right{background-color:#dbffd8!important}pre[class*=language-].right .copy{background-color:#dbffd8!important}pre[class*=language-].right .comment{color:#19a857!important}li code,p code,table code{border-radius:3px;font-size:85%;margin:0;padding:.2em 0}li code::after,li code::before,p code::after,p code::before,table code::after,table code::before{content:'\00a0';letter-spacing:-.2em}:not(pre)>code[class*=language-],code,pre[class*=language-]{background:#f6f8fa;transition:all .2s ease}:not(pre)>code[class*=language-]:focus,:not(pre)>code[class*=language-]:hover,code:focus,code:hover,pre[class*=language-]:focus,pre[class*=language-]:hover{background:#f0f3f5}:not(pre)>code[class*=language-]:focus .copy,:not(pre)>code[class*=language-]:hover .copy,code:focus .copy,code:hover .copy,pre[class*=language-]:focus .copy,pre[class*=language-]:hover .copy{background:#f0f3f5}:not(pre)>code[class*=language-]{border-radius:.3em;padding:.1em}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#24292e}.token.atrule,.token.attr-value,.token.punctuation,.token.string{color:#005cc5}.token.property,.token.tag{color:#005cc5}.token.boolean,.token.number{color:#005cc5}.token.attr-name,.token.attr-value .punctuation:first-child,.token.important,.token.keyword,.token.regex,.token.selector{color:#6f42c1}.language-css .token.string,.token.entity,.token.operator,.token.url{color:#d73a49}.token.entity{cursor:help}.namespace{opacity:.7}body .content-area a.anchorjs-link:not(.github):not(.no-text-link):not(.post-edit-link){color:rgba(3,6,27,.3);text-decoration:none;transition:all .11s}body .content-area a.anchorjs-link:not(.github):not(.no-text-link):not(.post-edit-link):focus,body .content-area a.anchorjs-link:not(.github):not(.no-text-link):not(.post-edit-link):hover{color:rgba(3,6,27,.6)}.edit-link .anchorjs-link{display:none!important}@media (min-width:420px) and (max-width:600px){:root{--font-size-general-small:18px}}@media (max-width:480px){a[href*="//"]:not([href*="handbook.dude.fi"]):not([href*="handbook.vaiheessa.fi"]):not([href*="handbook.test"]):not([href*="localhost:3000"]):not([href*="192.168.1.233:3000"]):not(.github):not(.no-external-link-indicator):not(.post-edit-link){padding-bottom:4px;display:inline}a[href*="//"]:not([href*="handbook.dude.fi"]):not([href*="handbook.vaiheessa.fi"]):not([href*="handbook.test"]):not([href*="localhost:3000"]):not([href*="192.168.1.233:3000"]):not(.github):not(.no-external-link-indicator):not(.post-edit-link)::after{min-width:14px;min-height:14px}.nav-toggle:focus{outline:0}body .container h1,body .entry-content h1{font-size:24px;font-weight:600}.block-title.block-title-large{font-size:24px;font-weight:600}body .content-area .site-main{padding:2rem}body .content-area a:not(.github):not(.no-text-link):not(.post-edit-link):not(.anchorjs-link){padding-bottom:4px;display:inline}body .content-area a:not(.anchorjs-link):not(.post-edit-link):not(.no-text-link):not(.github)::after{min-width:14px;min-height:14px}body .site-content .slide.slide-front .container{padding-top:150px;padding-bottom:100px}}@media (min-width:780px){.nav-toggle{display:none}}@media (max-width:900px){body .site-content .side-nav{height:auto!important;margin-bottom:20px;padding-bottom:0;padding-left:0;padding-right:0;width:100%}body .site-content .side-nav ol li,body .site-content .side-nav ol li li{height:auto;margin-bottom:0}body .content-area{width:100%}body .content-area .site-main{padding:4rem}.site-header .search-form{display:inline-block;width:100%;float:none}.site-header .search-form input.search-field{width:92%;display:inline-block}}@media (min-width:900px){body .site-content .side-nav{min-height:100vh}}@media (max-width:780px){body .site-content .side-nav ol.side-nav-main{height:0;overflow:hidden;padding-bottom:0;transition:all .33s;visibility:hidden}body .site-content .side-nav ol.side-nav-main.is-active{height:calc(100vh - 216px);overflow:auto;padding-bottom:30px;position:fixed;visibility:visible;z-index:9999}.site-header .handbook-title{padding-left:2rem;padding-right:2rem}.site-header .search-form .search-field{font-size:17px}.site-header .search-form .search-field::-moz-placeholder{font-size:17px}.site-header .search-form .search-field:-ms-input-placeholder{font-size:17px}.site-header .search-form .search-field::placeholder{font-size:17px}.site-header .search-form .search-submit{background:url(../svg/search-large.svg) center center no-repeat transparent}}@media screen and (min-width:320px){.block-title{font-size:calc(24px + 40 * ((100vw - 320px)/ 1600))}body .container h1,body .entry-content h1{font-size:calc(24px + 16 * ((100vw - 320px)/ 1600))}.block-title.block-title-large{font-size:calc(24px + 30 * ((100vw - 320px)/ 1600))}.block-title.block-title-small,.large-text,body .container h2,body .container h3,body .entry-content h2,body .entry-content h3{font-size:calc(20px + 4 * ((100vw - 320px)/ 1600))}blockquote,code,dd,dt,figcaption,hr,kbd,li,ol,p,pre,samp,small,table,td,th,tr,ul{font-size:calc(17px + 1 * ((100vw - 320px)/ 1600))}h1{font-size:calc(30px + 20 * ((100vw - 320px)/ 1600))}h2{font-size:calc(25px + 20 * ((100vw - 320px)/ 1600))}h3{font-size:calc(25px + 10 * ((100vw - 320px)/ 1600))}h4{font-size:calc(19px + 6 * ((100vw - 320px)/ 1600))}h5{font-size:calc(19px + 3 * ((100vw - 320px)/ 1600))}h6{font-size:calc(16px + 2 * ((100vw - 320px)/ 1600))}.error-404 .page-title{font-size:calc(42px + 78 * ((100vw - 320px)/ 1600))}}@media screen and (min-width:1920px){.block-title{font-size:64px}body .container h1,body .entry-content h1{font-size:40px}.block-title.block-title-large{font-size:54px}.block-title.block-title-small,.large-text,body .container h2,body .container h3,body .entry-content h2,body .entry-content h3{font-size:24px}blockquote,code,dd,dt,figcaption,hr,kbd,li,ol,p,pre,samp,small,table,td,th,tr,ul{font-size:18px}h1{font-size:50px}h2{font-size:45px}h3{font-size:35px}h4{font-size:25px}h5{font-size:22px}h6{font-size:18px}.error-404 .page-title{font-size:120px}}@media (min-width:1024px){.block-title{font-size:64px}body .container h1,body .entry-content h1{font-size:40px}.block-title.block-title-small,.large-text,body .container h2,body .container h3,body .entry-content h2,body .entry-content h3{font-size:24px}}@media (min-width:1300px){.block-title.block-title-large{font-size:54px}}@media (max-width:900px) and (max-width:655px){.site-header .search-form input.search-field{width:90%}}@media (max-width:900px) and (max-width:535px){.site-header .search-form input.search-field{width:85%}}@media (max-width:680px){.site-header .site-branding .site-title svg{width:70px;height:13.98px}}@media (max-height:480px){body .site-content .slide.slide-front .container{padding-top:150px;padding-bottom:100px}}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}