/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure{display:block}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}main{display:block}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;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{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}input{overflow:visible}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;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}fieldset{padding:.35em .75em .625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;display:table;max-width:100%;padding:0;color:inherit;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}details{display:block}summary{display:list-item}menu{display:block}canvas{display:inline-block}[hidden],template{display:none}html{-webkit-box-sizing:border-box;box-sizing:border-box;font-size:16px}*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}body{margin:0;padding:0;background:#fff;font-family:Roboto,sans-serif;font-weight:300;line-height:1.5;color:#171d38;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,video{display:inline-block;vertical-align:middle;width:100%;height:auto;-ms-interpolation-mode:bicubic}button{padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:0;background:transparent;line-height:1}[data-whatinput=mouse] button{outline:0}h1,h2,h3,h4,h5,h6{margin:0;font-weight:300}h1{font-size:2.125em;line-height:1.225;margin-bottom:.9em}@media (min-width:40em){h1{font-size:3.5em}}@media (min-width:81.25em){h1{font-size:4.5em}}@media (min-width:112.5em){h1{font-size:5.625em}}h2{font-size:1.5em;margin-bottom:1.25em}@media (min-width:40em){h2{font-size:2.25em}}@media (min-width:112.5em){h2{font-size:3.75em}}h3{font-size:1.5em;margin-bottom:.4em}.Tags,h4,h5,h6{font-family:Roboto Mono,monospace;font-weight:400;font-size:.875em;margin-bottom:1.2em}@media (min-width:64em){.Tags,h4,h5,h6{font-size:1.25em;font-weight:300}}h5{margin-bottom:1.75em}h6{margin-bottom:.4em}p{font-size:1.188em;font-weight:300;letter-spacing:.02em;margin:0 0 1.889em}@media (min-width:40em){p{font-size:1.5em}}@media (min-width:81.25em){p{font-size:1.625em;margin-bottom:2.615em}}@media (min-width:112.5em){p{font-size:1.75em;margin-bottom:3.143em}}p a{padding-bottom:2px;border-bottom:1px solid #f0484c}ul{margin:0 0 1.889em}.text-small p{font-size:.875em;margin-bottom:1.2em}@media (min-width:64em){.text-small p{font-size:1.25em}}.text-big p,.text-big ul{font-size:1.5em;margin-bottom:1.417em}@media (min-width:40em){.text-big p,.text-big ul{font-size:2.25em}}@media (min-width:81.25em){.text-big p,.text-big ul{font-size:3em}}@media (min-width:112.5em){.text-big p,.text-big ul{font-size:3.75em;margin-bottom:1.2em}}.page-title{margin-top:.794em;margin-bottom:1.6em}@media (min-width:81.25em){.page-title{margin-top:0}}.page-title--small{margin-top:.794em;margin-bottom:.15em}@media (min-width:81.25em){.page-title--small{margin-top:0}}@media (min-width:64em){.project-title{font-size:3.75em}}.no-margin,.project-title{margin:0}.section-space{margin-bottom:1.688em}a{color:#f0484c;text-decoration:none}a.is-dark{color:#171d38;-webkit-transition:color .3s;transition:color .3s}a.is-dark:hover{color:#f0484c}[data-color-scheme=red] a{color:#171d38;text-decoration:none}[data-color-scheme=red] p a{border-bottom-color:#171d38}figure{margin:0 0 1.889em}.red{color:#f0484c}[data-color-scheme=red] .red{color:#171d38}.label{font-size:1em;margin-bottom:.3em;display:block}.label,.note{font-family:Roboto Mono,monospace}.note{font-size:.875em;font-weight:400;padding-bottom:2px;border-bottom:1px solid #f0484c}@media (min-width:64em){.note{font-size:1.25em;font-weight:300}}.note--no-border{border-bottom:0}[data-color-scheme=red] .note{color:#171d38;border-color:#171d38}.List--unstyled{padding-left:0;margin:0;list-style:none;max-width:none}.List--unstyled li:not(:last-child){margin:0 0 .25em}.List--inline{padding-left:0;margin:0;list-style:none;max-width:none}.List--inline>li{display:inline-block}.List--inline>li:not(:last-child){margin-right:1.5em}.List--space{margin-bottom:1.438em}.fade-enter-active,.fade-leave-active{-webkit-transition:opacity .5s;transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}.is-blinking{-webkit-animation:blinking 1.333s step-end infinite;animation:blinking 1.333s step-end infinite}@-webkit-keyframes blinking{0%{opacity:0}50%{opacity:1}to{opacity:0}}@keyframes blinking{0%{opacity:0}50%{opacity:1}to{opacity:0}}.icon--play{width:35.556%;height:41.111%;-webkit-transform:translateX(15%);transform:translateX(15%)}.icon--pause,.icon--play{position:relative;display:block;margin:auto;fill:#fff}.icon--pause{width:15px;height:18px}@media (min-width:40em){.icon--pause{width:21px;height:25px}}@media (min-width:64em){.icon--pause{width:35.556%;height:42.222%}}.icon--arrow{width:15px;height:9px;display:inline-block;fill:#f0484c}@media (min-width:40em){.icon--arrow{width:22px;height:13px}}@media (min-width:64em){.icon--arrow{width:29px;height:17px}}.set--rot-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.set--rot-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.set--rot-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}[data-theme-color=red] .icon--pause,[data-theme-color=red] .icon--play{fill:#f0484c}[data-theme-color=dark] .icon--pause,[data-theme-color=dark] .icon--play,[data-theme-color=red] .icon--arrow{fill:#171d38}[data-theme-color=dark] .icon--arrow{fill:#f0484c}.btn-round{display:inline-block;font-family:Roboto Mono,monospace;font-weight:400;font-size:1em;padding:0;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;text-decoration:none;color:#fff;background-color:#f0484c;width:67px;height:67px;border-radius:50%}.btn-round.active.focus,.btn-round.active:focus,.btn-round.focus,.btn-round:active.focus,.btn-round:active:focus,.btn-round:focus{outline:none;outline-offset:none}.btn-round.focus{text-decoration:none}.btn-round.active,.btn-round:active{background-image:none;outline:0}.btn-round.is-disabled{cursor:default;background-color:#d0d3d5}[data-theme-color=red] .btn-round{background-color:#171d38;color:#f0484c}[data-theme-color=red] .btn-round.is-disabled{background-color:#d0d3d5}[data-theme-color=dark] .btn-round{color:#171d38}.Switch{cursor:pointer;display:inline-block;margin-bottom:1.438em}.Switch__title{font-size:1em;margin-bottom:.3em;display:block}.Switch__slider,.Switch__title{font-family:Roboto Mono,monospace}.Switch__slider{font-size:.8em;vertical-align:middle;margin-right:1em}.Switch__slider:before{content:"OFF"}.Switch__slider:after{content:"ON"}.Switch__slider__inner{display:inline-block;vertical-align:middle;width:48px;height:24px;border-radius:24px;border:1px solid #171d38;margin:0 .667em}.Switch__slider__inner:before{content:"";display:block;height:16px;width:16px;margin:3px;border-radius:50%;background-color:#171d38;-webkit-transition:background-color .3s,-webkit-transform .3s;transition:background-color .3s,-webkit-transform .3s;transition:transform .3s,background-color .3s;transition:transform .3s,background-color .3s,-webkit-transform .3s}.Switch[checked] .Switch__slider__inner:before{-webkit-transform:translateX(24px);transform:translateX(24px);background-color:#f0484c}.Switch>input{position:absolute;clip:rect(0,0,0,0);pointer-events:none}[data-theme-color=dark] .Switch__slider__inner{border-color:#fff}[data-theme-color=dark] .Switch__slider__inner:before{background-color:#fff}[data-theme-color=red] .Switch__slider__inner{border-color:#fff}[data-theme-color=red] .Switch__slider__inner:before{background-color:#fff}[data-theme-color=red] .Switch[checked] .Switch__slider__inner:before{background-color:#171d38}.Checkbox{cursor:pointer}.Checkbox__dot{display:inline-block;height:14px;width:14px;border:1px solid #f0484c;border-radius:50%;background-color:transparent;-webkit-transition:background-color .3s;transition:background-color .3s;vertical-align:middle;margin-top:-4px}.Checkbox__title{font-size:1em;font-family:Roboto Mono,monospace;display:block;margin-bottom:0;display:inline;margin-left:5px}.Checkbox input{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.Checkbox input:checked~.Checkbox__dot{background-color:#f0484c}[data-theme-color=red] .Checkbox__dot{border-color:#171d38}[data-theme-color=red] .Checkbox input:checked~.Checkbox__dot{background-color:#171d38}.Knob{width:100px}[type=range]{margin:0;padding:0;width:100%;height:16px;background:transparent;font:1em/1 arial,sans-serif}[type=range],[type=range]::-webkit-slider-thumb{-webkit-appearance:none}[type=range]::-webkit-slider-runnable-track{-webkit-box-sizing:border-box;box-sizing:border-box;border:none;width:100%;height:2px;background:#171d38}[type=range]::-moz-range-track{box-sizing:border-box;border:none;width:100%;height:2px;background:#171d38}[type=range]::-ms-track{box-sizing:border-box;border:none;width:100%;height:2px;background:#171d38}[type=range]::-webkit-slider-thumb{margin-top:-7px;-webkit-box-sizing:border-box;box-sizing:border-box;border:none;width:16px;height:16px;border-radius:50%;background:#171d38}[type=range]::-moz-range-thumb{box-sizing:border-box;border:none;width:16px;height:16px;border-radius:50%;background:#171d38}[type=range]::-ms-thumb{margin-top:0;box-sizing:border-box;border:none;width:16px;height:16px;border-radius:50%;background:#171d38}[type=range]::-ms-tooltip{display:none}[type=range]:focus{outline:0}.Slider{margin-bottom:1.438em}.Slider__title{font-size:1em;font-family:Roboto Mono,monospace;margin-bottom:.3em;display:block}.Slider--vertical .Slider__inner{position:relative;height:125px;width:16px;margin-left:auto;margin-right:auto}.Slider--vertical .Slider__inner>input{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%) rotate(-90deg);transform:translate(-50%,-50%) rotate(-90deg);width:125px}[data-theme-color=dark] [type=range]::-webkit-slider-runnable-track{background:#f0484c}[data-theme-color=dark] [type=range]::-moz-range-track{background:#f0484c}[data-theme-color=dark] [type=range]::-ms-track{background:#f0484c}[data-theme-color=dark] [type=range]::-webkit-slider-thumb{background:#f0484c}[data-theme-color=dark] [type=range]::-moz-range-thumb{background:#f0484c}[data-theme-color=dark] [type=range]::-ms-thumb{background:#f0484c}.Dot{border-radius:50%;width:132px;height:132px;background-color:#f0484c;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.Dot__msg{font-family:Roboto Mono,monospace;color:#fff;font-weight:400}@media (min-width:40em){.Dot{width:180px;height:180px}}@media (min-width:64em){.Dot{width:200px;height:200px}}@media (min-width:112.5em){.Dot{width:254px;height:254px}}.Dot--fixed{position:fixed;z-index:9;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.Dot--clickable{cursor:pointer}.Seekbar{position:fixed;top:0;left:0;z-index:9;height:100%;padding:0 10px;cursor:move;cursor:-webkit-grab;cursor:grab;will-change:transform}.Seekbar__line{height:100%;border-left:1px solid #f0484c;-webkit-transition:border-color .3s;transition:border-color .3s}.Seekbar__content{position:absolute;top:18px;right:25px}.Seekbar__duration{color:#171d38;font-family:Roboto Mono,monospace;font-size:1.25em;font-weight:400;-webkit-transition:color .3s;transition:color .3s}[data-theme-color=dark] .Seekbar__duration,[data-theme-color=red] .Seekbar__duration{color:#fff}[data-theme-color=red] .Seekbar__line{border-color:#171d38}.Header{position:relative;z-index:8;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%}@media all{.Header{padding:25px}}@media (min-width:40em){.Header{padding:40px}}@media (min-width:64em){.Header{padding:60px}}@media (min-width:81.25em){.Header{padding:60px}}@media (min-width:112.5em){.Header{padding:60px}}.Logo{margin:0;max-width:160px}@media (min-width:64em){.Logo{max-width:196px}}.Logo svg{display:block;width:100%;height:auto}.Logo__type{opacity:1;-webkit-transition:opacity .3s;transition:opacity .3s;fill:#171d38;transition:fill .3s}.Logo__dot,.Logo__type{-webkit-transition:fill .3s}.Logo__dot{fill:#f0484c;transition:fill .3s}[data-theme-color=dark] .Logo__type,[data-theme-color=transparent] .Logo__type{fill:#fff}[data-theme-color=dark] .Logo__dot,[data-theme-color=transparent] .Logo__dot{fill:#f0484c}[data-theme-color=red] .Logo__type{fill:#fff}[data-theme-color=red] .Logo__dot{fill:#171d38}.VisuliserPanel{display:-webkit-box;display:-ms-flexbox;display:flex}.VisuliserPanel__controls{position:relative;z-index:7;left:0;top:0;height:100%}.VisuliserPanel__visuliser{position:fixed;z-index:3;top:0;left:0;width:100%;height:100%}.VisuliserPanel__status{position:fixed;max-width:25%}@media all{.VisuliserPanel__status{bottom:25px;right:25px}}@media (min-width:40em){.VisuliserPanel__status{bottom:40px;right:40px}}@media (min-width:64em){.VisuliserPanel__status{bottom:60px;right:60px}}@media (min-width:81.25em){.VisuliserPanel__status{bottom:60px;right:60px}}@media (min-width:112.5em){.VisuliserPanel__status{bottom:60px;right:60px}}.VisuliserPanel__status p{margin:0}.Visuliser__nav{position:absolute;z-index:3;top:0;height:100%;width:50%;background-color:transparent;cursor:none}.Visuliser__nav.is-left{left:0}.Visuliser__nav.is-left .Visuliser__nav__cursor__content{left:40px}.Visuliser__nav.is-right{right:0;text-align:right}.Visuliser__nav.is-right .Visuliser__nav__cursor__content{right:40px}.Visuliser__nav__cursor{position:relative;display:none;width:12px;height:12px;border-radius:50%;font-family:Roboto Mono,monospace;font-size:1.25em;line-height:1.2;background-color:#f0484c}@media (min-width:64em){.Visuliser__nav__cursor{width:15px;height:15px}}.Visuliser__nav__cursor__content{position:absolute;top:-2px}.Visuliser__nav__cursor.is-active{display:block}[data-theme-color=red] .Visuliser__nav__cursor{background-color:#171d38}.Status p{font-size:1.9em}.Status p.is-wait{position:relative;margin-right:.8em}.Status p.is-wait:after{content:"...";position:absolute;left:100%;-webkit-animation:ellipsis 1.6s steps(4) infinite;animation:ellipsis 1.6s steps(4) infinite;width:0;overflow:hidden}@-webkit-keyframes ellipsis{to{width:.9em}}@keyframes ellipsis{to{width:.9em}}.VisuliserPanel__controls{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;max-width:25%}@media all{.VisuliserPanel__controls{padding-left:25px;padding-right:25px;padding-bottom:50px}}@media (min-width:40em){.VisuliserPanel__controls{padding-left:40px;padding-right:40px;padding-bottom:80px}}@media (min-width:64em){.VisuliserPanel__controls{padding-left:60px;padding-right:60px;padding-bottom:120px}}@media (min-width:81.25em){.VisuliserPanel__controls{padding-left:60px;padding-right:60px;padding-bottom:120px}}@media (min-width:112.5em){.VisuliserPanel__controls{padding-left:60px;padding-right:60px;padding-bottom:120px}}.VisuliserPanel__controls__buttons{position:fixed;width:100%;max-width:25%;bottom:0;left:0;background-color:hsla(0,0%,100%,.66)}@media all{.VisuliserPanel__controls__buttons{padding:7px 25px 16.66667px}}@media (min-width:40em){.VisuliserPanel__controls__buttons{padding:7px 40px 26.66667px}}@media (min-width:64em){.VisuliserPanel__controls__buttons{padding:7px 60px 40px}}@media (min-width:81.25em){.VisuliserPanel__controls__buttons{padding:7px 60px 40px}}@media (min-width:112.5em){.VisuliserPanel__controls__buttons{padding:7px 60px 40px}}.VisuliserPanel__controls__buttons .btn-round{margin-right:7px}[data-theme-color=dark] .VisuliserPanel__controls__buttons{background-color:rgba(23,29,56,.66)}[data-theme-color=red] .VisuliserPanel__controls__buttons{background-color:rgba(240,72,76,.66)}[data-theme-color=dark]{background-color:#171d38;color:#fff}[data-theme-color=red]{background-color:#f0484c;color:#fff}.Sliders{margin-top:45px}.Slider__label{display:block;margin-bottom:7px}fieldset{border:none;padding:0;margin:0}