.app-header{text-align:center;padding:4vmin 3vmin 3vmin;opacity:1;-webkit-transition:opacity .2s linear;-o-transition:opacity .2s linear;transition:opacity .2s linear;will-change:opacity}.app-header--hidden{opacity:0}.app-header>*{vertical-align:middle}.app-header+div{padding-top:0;overflow:auto}.app-header__logo{display:inline-block}.app-header__logo svg{display:block;width:auto;height:7vmin}.app-header__page{color:#fd4457;font-size:4vmin;display:inline-block}.app-header__page:before{content:"/";display:inline-block;margin:0 .25em}.cards{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-pack:center;justify-content:center;padding:5vmin 3vmin}.cards,.cards--detail-view{position:relative}.card{font-family:Lato;display:block;font-size:12vmin;background-color:hsla(0,0%,100%,.65);margin:2vmin;border-radius:.075em;text-decoration:none;overflow:hidden;color:#222;-webkit-box-shadow:0 .125em .2em rgba(0,0,0,.2);box-shadow:0 .125em .2em rgba(0,0,0,.2);-webkit-transition:opacity .1s linear;-o-transition:opacity .1s linear;transition:opacity .1s linear}.card svg{display:inline-block;vertical-align:text-bottom;width:1.2em;height:1.2em}.card--selected{position:fixed;font-size:22vh;margin:0}.card--animatable{-webkit-transition:-webkit-transform .35s cubic-bezier(0,0,.3,1);transition:-webkit-transform .35s cubic-bezier(0,0,.3,1);-o-transition:transform .35s cubic-bezier(0,0,.3,1);transition:transform .35s cubic-bezier(0,0,.3,1);transition:transform .35s cubic-bezier(0,0,.3,1),-webkit-transform .35s cubic-bezier(0,0,.3,1);will-change:transform}.cards--detail-view .card{opacity:0;color:#fff;pointer-events:none}.cards--detail-view .card--selected{opacity:1;color:#222}.card__label{display:block;height:3em;width:2em;line-height:3em;text-align:center;background-color:#fff;margin:.125em;border-radius:.05em}.howto{padding:.75rem}.howto h3:first-of-type{margin-top:1rem}.howto p{display:block;margin:0}.text-card{background:#fff;color:#222;padding:1rem;font-size:.875rem;line-height:1.35}.text-card li+li,.text-card p+p{margin-top:1em}.text-card ul{margin-bottom:0}.more{padding:.75rem}.more p{font-size:.875rem;line-height:1.35}.more h3:first-of-type{margin-top:1rem}.block-button,.block-select{display:block;padding:.75rem;padding-right:2rem;background-color:#fff;color:#444;background-repeat:no-repeat;background-position:97.5%;line-height:1.25}.block-button+.block-button{border-top:1px solid #e3e3e3}.block-button{text-decoration:none;border:none;font-size:1em;width:100%;text-align:left;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTguNTksMTYuNThMMTMuMTcsMTJMOC41OSw3LjQxTDEwLDZMMTYsMTJMMTAsMThMOC41OSwxNi41OFoiIC8+PC9zdmc+)}.block-button svg{width:1.25em;height:1.25em;display:inline-block;vertical-align:top;margin-right:.5em}.block-select{overflow:hidden;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTcuNDEsOC41OEwxMiwxMy4xN0wxNi41OSw4LjU4TDE4LDEwTDEyLDE2TDYsMTBMNy40MSw4LjU4WiIgLz48L3N2Zz4=)}.block-select select{padding:0;width:100%;border:none;-webkit-box-shadow:none;box-shadow:none;background:transparent;background-image:none;-webkit-appearance:none;font-size:1em;color:inherit}.block-button:focus,.block-select select:focus{outline:none}.list-button+.list-button{border-top:1px solid #ddd}.page-nav{position:fixed;bottom:0;left:0;right:0}.back-btn{position:absolute;display:block;z-index:-1;top:0;left:0;width:100%;height:100%;text-align:center;border:none;color:#fff;font-size:1.25rem;background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.5)));background:-webkit-linear-gradient(top,transparent,rgba(0,0,0,.5));background:-o-linear-gradient(top,transparent,rgba(0,0,0,.5));background:linear-gradient(180deg,transparent,rgba(0,0,0,.5));opacity:1;-webkit-transition:opacity .35s ease-in;-o-transition:opacity .35s ease-in;transition:opacity .35s ease-in;will-change:opacity}.back-btn--hidden{pointer-events:none;opacity:0}.back-btn svg{display:inline-block;vertical-align:middle;margin-right:.25em}.back-btn:focus{outline:none}.nav-bar{background:#fff;-webkit-box-shadow:0 0 .75rem rgba(40,40,40,.6);box-shadow:0 0 .75rem rgba(40,40,40,.6);display:-ms-flexbox;display:flex;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:distribute;justify-content:space-around;width:100%;padding:0;margin:0;-webkit-transition:-webkit-transform .25s ease-in;transition:-webkit-transform .25s ease-in;-o-transition:transform .25s ease-in;transition:transform .25s ease-in;transition:transform .25s ease-in,-webkit-transform .25s ease-in;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);will-change:transform}.nav-bar--hidden{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}.nav-bar__link{text-align:center;padding:.5rem;-ms-flex:0 1 33.333333%;flex:0 1 33.333333%;display:-ms-flexbox;display:flex;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-ms-flex-line-pack:center;align-content:center;-ms-flex-align:center;align-items:center;color:#222;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:.75rem;line-height:1}.nav-bar__link svg{margin-bottom:.25rem}.nav-bar__link--active{color:#fd4457}.message{position:fixed;bottom:5rem;left:0;right:0;width:90vw;max-width:40rem;padding:1rem 2rem;margin:0 auto;display:-ms-flexbox;display:flex;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-align:center;align-items:center;background-color:#fff;color:#222;border-radius:.25rem;-webkit-box-shadow:0 0 .75rem rgba(40,40,40,.6);box-shadow:0 0 .75rem rgba(40,40,40,.6);pointer-events:none;-webkit-transform:translateY(150%);-ms-transform:translateY(150%);transform:translateY(150%);opacity:0;-webkit-transition:opacity .3s linear,-webkit-transform .3s ease-in;transition:opacity .3s linear,-webkit-transform .3s ease-in;-o-transition:transform .3s ease-in,opacity .3s linear;transition:transform .3s ease-in,opacity .3s linear;transition:transform .3s ease-in,opacity .3s linear,-webkit-transform .3s ease-in;will-change:transform,opacity}.message--visible{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);pointer-events:auto}.message__text{font-size:.8125em;line-height:1.4;margin:0;-ms-flex:1 0 auto;flex:1 0 auto}.message__close-btn{padding:.75rem;margin:-1rem -2rem -1rem 1rem;background:none;border:none;-ms-flex:0 1 auto;flex:0 1 auto}.message__close-btn svg{display:block}@font-face{font-family:Lato;font-style:normal;font-weight:400;src:local("Lato Regular"),local("Lato-Regular"),url(/static/media/lato-numbers.fb3a6f6b.woff2) format("woff2")}body,html{padding:0;margin:0;font-family:BlinkMacSystemFont,-apple-system,HelveticaNeue,Helvetica Neue,Roboto,Droid Sans,Segoe WP,Segoe UI,Slate Pro,Tahoma,sans-serif;font-weight:400;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-ms-touch-action:manipulation;touch-action:manipulation}body{background-color:#300050;background-image:-webkit-gradient(linear,left top,left bottom,from(#2d1373),to(#300050));background-image:-webkit-linear-gradient(top,#2d1373,#300050);background-image:-o-linear-gradient(top,#2d1373,#300050);background-image:linear-gradient(180deg,#2d1373,#300050);background-size:100% 100vh;background-repeat:no-repeat;min-height:100vh}*{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.app{height:100%}.main{margin-bottom:3.5625rem}svg path{fill:currentColor}a,button,input,select,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0)}a{-webkit-touch-callout:none}h3{color:hsla(0,0%,100%,.65);margin:2.5rem 0 1rem}button{cursor:pointer}
/*# sourceMappingURL=main.7f6cbac1.css.map*/