.accordeon__section-label{width:100%;box-sizing:border-box;padding:0 5px;display:flex;justify-content:space-between;align-items:center;color:#e35a4e;background:0 0;border-bottom:1px solid #e6e6e6;transition:background .3s,color .3s;white-space:nowrap;display:flex;justify-content:space-between;cursor:pointer}.accordeon__section-label:hover{background:#e35a4e;color:#fff;transition:background .2s,color .2s}.accordeon__section-label:hover circle{stroke:#fff;transition:stroke .2s}.accordeon__section-label:hover polygon{fill:#fff;transition:fill .2s}.accordeon__section-label circle{stroke:#e6e6e6;transition:stroke .3s}.accordeon__section-label polygon{fill:transparent;transition:stroke .3s}@media (prefers-color-scheme:dark){.accordeon__section-label{background:url(../hex.png);background-color:#666;color:#f9f9f9;border-bottom:1px solid #4d4d4d}.accordeon__section-label:active,.accordeon__section-label:hover{color:#fff;background:url(../hex-light.png);background-color:#666}}.night .accordeon__section-label{background:url(../hex.png);background-color:#666;color:#f9f9f9;border-bottom:1px solid #4d4d4d}.night .accordeon__section-label:active,.night .accordeon__section-label:hover{color:#fff;background:url(../hex-light.png);background-color:#666}.accordeon__section-title{font-size:.75rem;line-height:1.75;font-weight:300;overflow:hidden;text-overflow:ellipsis;padding-top:.25em}.accordeon__section-title .icon{display:none}@media screen and (min-width:1024px){.accordeon__section-title .icon{display:inline-block}}.accordeon__svg-container:hover polygon{fill:currentColor;color:#e35a4e}.accordeon__content{width:100%;height:auto;max-height:100%;box-sizing:border-box;border-bottom:1px solid #e6e6e6;opacity:1;transition:max-height .2s,opacity .2s;overflow:visible}.accordeon__svg-container{width:1em;height:1em;transform:rotate(-90deg);transform-origin:.5em .5em;transition:transform .2s ease-in .1s}.section--hide{max-height:0;opacity:0;transition:max-height .2s,opacity .2s;overflow:hidden;padding:0;box-sizing:border-box}.section-btn--hide{transform:rotate(90deg);transform-origin:.5em .5em;transition:transform .2s ease-in .1s}.alert polygon{animation:blink-alert 666ms linear .2s infinite alternate}@keyframes blink-alert{from{fill:#fff}to{fill:#e35a4e}}sup{vertical-align:super;font-size:.35em}sub{font-size:.5em;text-align:left}.site-title{font-family:Helvetica;text-align:left;font-size:3.5vh;font-weight:500;padding-top:.45vh;z-index:2}.site-title:hover{cursor:pointer}.links{height:auto;z-index:1;display:flex;justify-content:center;align-items:center;margin:0}@media only screen and (min-width:992px){.links{margin:0}}.wrapper{position:relative;width:100%;height:100%;overflow:hidden}.hamburger-btn{display:block;cursor:pointer;justify-content:center;align-items:center;margin:0;transition:opacity .7s ease,visibility 0s linear .7s,color .7s ease;background:#eaebf0;border:1px solid #e35a4e;padding:0;width:2.5em;height:2.5em;border-radius:50%;z-index:1}@media only screen and (min-width:992px){.hamburger-btn{display:none}}.hamburger-btn .icon-hamburger{padding-top:.25em;width:1.25em;height:1.25em;color:#e35a4e}@media (prefers-color-scheme:dark){.hamburger-btn{border:1px solid #4d4d4d}.hamburger-btn .icon-hamburger{color:#4d4d4d}}.night .hamburger-btn{border:1px solid #4d4d4d}.night .hamburger-btn .icon-hamburger{color:#4d4d4d}#horizontal{position:absolute;top:5.5vh;right:.5em;display:inline-flex;flex-direction:column;list-style:none;font-size:16px;align-items:center;transform:translateX(0);padding:0;transition:transform .2s ease-out;background-color:#fff;border-radius:.2em;margin:0;border:1px solid #e35a4e;box-sizing:border-box}@media only screen and (min-width:992px){#horizontal{position:inherit;flex-direction:row;top:inherit;padding:0}}#horizontal.hide{transform:translateX(110%)}@media only screen and (min-width:992px){#horizontal.hide{transform:translateY(0)}}#horizontal .icon{padding-bottom:.5em}#horizontal li{width:100%;box-sizing:border-box}#horizontal li a,#horizontal li label{color:#e35a4e;text-decoration:none;width:100%;padding:.05em;display:flex;justify-content:space-between;box-sizing:border-box;cursor:pointer;align-items:center}.dark-text{width:100%;display:flex;justify-content:space-between}.light-text{display:none}@media (prefers-color-scheme:dark){.light-text{width:100%;display:flex;justify-content:space-between}.dark-text{display:none}}.night .light-text{width:100%;display:flex;justify-content:space-between}.night .dark-text{display:none}@media (prefers-color-scheme:dark){#horizontal{border:1px solid #4d4d4d}#horizontal li a,#horizontal li label{color:#666}}.night #horizontal{border:1px solid #4d4d4d}.night #horizontal li a,.night #horizontal li label{color:#666}#horizontal li a:hover,#horizontal li label:hover{color:#fff;background-color:#e35a4e}@media (prefers-color-scheme:dark){#horizontal li a:hover,#horizontal li label:hover{background:url(../hex-light.png);background-color:#666}}.night #horizontal li a:hover,.night #horizontal li label:hover{background:url(../hex-light.png);background-color:#666}.menu-text{font-family:Helvetica;margin:4px;box-sizing:border-box}#logoutButton,#usernameButton,#whoButton{display:none}#downloadButton{opacity:.2;transition:opacity .2s ease-in-out;cursor:not-allowed}#downloadButton a{cursor:not-allowed}#downloadButton span{cursor:not-allowed}#downloadButton.enabled{opacity:1;cursor:pointer}#downloadButton.enabled a{cursor:pointer}#downloadButton.enabled span{cursor:pointer}.save-btn{position:fixed;right:0;bottom:0;margin:0 33vw 1vh 0;visibility:hidden;opacity:0;transition:opacity .7s ease,visibility 0s linear .7s,color .7s ease;background:0 0;border:none}.save-btn .icon-cloud-upload{width:6em;height:6em}.logged #usernameButton{display:block}.logged #loginButton{display:none}.logged #registerButton{display:none;opacity:0}.logged #logoutButton{display:inline-block}.logged #whoButton{display:inline-block}.logged .save-btn{visibility:visible;opacity:.2;transition:opacity .7s ease,visibility linear 0,color .7s ease;color:#ccc;z-index:23}.logged .save-btn.save--enabled{opacity:1;color:#e35a4e;transition:opacity .7s ease,color .7s ease}@media screen and (max-width:1190px){nav .icon{display:none}}@media screen and (max-width:991px){nav .icon{display:block}}.path{stroke:#e35a4e;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate;transition:fill .5s ease;cursor:pointer}@keyframes pathReady{0%{fill-opacity:0}50%{fill-opacity:1}100%{fill-opacity:0}}@media (prefers-color-scheme:dark){.path{stroke:#e6e6e6}}.night .path{stroke:#e6e6e6}.male{color:#e35a4e;fill:currentColor;stroke-dasharray:1726;animation:homme 1.75s linear forwards;transform:translate3d(-79px,0,0);transition:transform 3s ease-out,fill-opacity .3s ease,stroke-opacity .3,fill .3s ease}@media only screen and (min-width:768px){.male{transform:translate3d(-111px,0,0)}}.male:hover{color:#ec877c;transition:fill-opacity .3s ease-in-out,fill .3s ease}@media (prefers-color-scheme:dark){.male{color:#e6e6e6}}.night .male{color:#e6e6e6}.female{color:#e35a4e;fill:currentColor;stroke-dasharray:1201;animation:femme 1.75s linear forwards;transform:translate3d(71px,0,0);transition:transform 3s ease-out,fill-opacity .3s ease,stroke-opacity .3,fill .3s ease}@media only screen and (min-width:768px){.female{transform:translate3d(111px,0,0)}}.female:hover{color:#ec877c;transition:fill-opacity .3s ease-in-out}@media (prefers-color-scheme:dark){.female{color:#e6e6e6}}.night .female{color:#e6e6e6}@keyframes homme{0%{stroke-dashoffset:1726}85%{stroke-dashoffset:0}86%{fill-opacity:0}93%{fill-opacity:.1}100%{fill-opacity:1}}@keyframes femme{0%{stroke-dashoffset:1201}85%{stroke-dashoffset:0}86%{fill-opacity:0}93%{fill-opacity:.1}100%{fill-opacity:1}}.select-male .female{opacity:0;transition:opacity .3s ease;pointer-events:none}.select-male .male{transform:translate3d(0,0,0);transition:transform .3s ease-in-out,fill-opacity .3s ease,stroke-opacity .3s,fill .3s ease;fill-opacity:1;stroke-opacity:0}.select-female .female{transform:translate3d(0,0,0);transition:transform .3s ease-in-out,fill-opacity .3s ease,stroke-opacity .3s,fill .3s ease;fill-opacity:1;stroke-opacity:0}.select-female .male{opacity:0;transition:opacity .3s ease;pointer-events:none}.character-shadow{opacity:0;transition:opacity .2s ease .3s}.character-shadow.shine{opacity:.2;transition:opacity .2s ease 350ms}#male_silhouette{transform-origin:50% 50%;transform:scale(1);transition:transform .3s ease-in-out,opacity .3s ease-in;animation:silhouetteReady 250ms 1.55s ease-in-out}#female_silhouette{transform-origin:50% 50%;transform:scale(1);transition:transform .3s ease-in-out,opacity .3s ease-in;animation:silhouetteReady 250ms 1.8s ease-in-out}@keyframes silhouetteReady{0%{transform:scale(1)}6%{transform:scale(1)}50%{transform:scale(1.0125)}100%{transform:scale(1)}}#svg1 .active-vector g{pointer-events:auto;cursor:pointer}#svg1 .inactive-vector g{pointer-events:none}.female-face-anime-style,.female-face-western-style,.male-face-anime-style,.male-face-western-style{transition:transform .5s ease-in-out}.face-styles{transition:opacity .5s ease-in-out}.overlay__modal{z-index:2;position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:opacity .3s ease .1s,visibility linear .4s}.overlay__credits{z-index:2;position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000;display:flex;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:opacity .3s ease .1s,visibility linear .4s}.overlay__credits__row,.overlay__credits__row--text{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1em 0}.overlay__credits__row a,.overlay__credits__row--text a{width:45%}.overlay__credits__row a img,.overlay__credits__row--text a img{width:100%}.overlay__credits__row--text{padding:0}.overlay__wrapper{border-radius:5vmin;margin:0 2em;overflow:hidden;transition:transform .2s ease,width .2s ease;transform:translate3d(0,-100vh,0)}.overlay__wrapper__credits{width:100%;height:100%;overflow:hidden;pointer-events:none}.overlay__slider{display:flex;justify-content:center;flex-direction:column;align-items:center;width:auto;max-width:480px;margin:100vh auto 0 auto;padding:0 5vw;box-sizing:border-box;font-family:arial,sans-serif;color:#fff;width:100%}.overlay__slider h2,.overlay__slider h3{display:block;margin:0 auto;text-align:center;margin:.25em 0 .25em 0}.overlay__panel{background-color:#fff;padding:3vmin 10vw;overflow-y:auto;max-height:65vh;max-width:480px}.overlay__container{display:flex;justify-content:space-between;align-items:center;margin:1vmin}.overlay__container--buttons{justify-content:space-around;margin-top:3vmin;width:100%;font-size:16px}.overlay__container--buttons .btn{width:50%;font-size:14px;padding:15px;background-color:rgba(0,255,0,.5);border:solid 1px #0f0}.overlay__container--buttons .cancel-btn{background-color:#e6e6e6;border:solid 1px #ccc}.overlay__container--char-list{flex-direction:column;min-width:300px}.overlay__container__form{flex-direction:column;align-items:flex-start}.overlay__error{width:100%;visibility:hidden;opacity:0;font-size:.7em;border:solid 2px red;border-radius:1em;padding:0 1.5vmin;background-color:rgba(255,0,0,.25);transition:opacity .2s ease,visibility 0s linear}.overlay__error--show{visibility:visible;opacity:1;transition:opacity .2s ease,visibility 0s linear}.overlay__error__text{min-height:.7em}.overlay__footer,.overlay__header{background-color:#e35a4e;box-sizing:border-box;width:100%;padding:2vmin;display:flex;justify-content:center;position:relative}.overlay__header{color:#fff}.overlay__header .close-btn{top:calc(50% - .8em)}.overlay__footer__text{font-size:.8em}.overlay__footer__link{color:#fff}.overlay__char-card{width:100%;display:flex;justify-content:space-between;align-items:center;padding:2vmin}.overlay__char-card--orig{display:none}.overlay__char-btns .btn{border:solid 1px #0f0;background-color:rgba(0,255,0,.5)}.overlay__char-btns .overlay__char-delete{border:solid 1px red;background-color:rgba(255,0,0,.5)}.overlay__char--current{background-color:#e35a4e;color:#fff;border-radius:5vmin}.overlay__char--current .overlay__char-edit{border:solid 1px #fff;background-color:#0f0;color:#000}.overlay__char--current .overlay__char-delete{border:solid 1px #fff;background-color:red;color:#000}.overlay__char-new{position:relative}.overlay__char-new-btn{opacity:1;visibility:visible;transition:opacity .2s ease,visibility linear;width:100%;height:100%;display:flex;justify-content:center;align-items:center;border:solid 1px #0f0;background-color:rgba(0,255,0,.5);padding:15px}.overlay__char-new-form{opacity:0;visibility:hidden;transition:opacity .2s ease,visibility linear .2s;position:absolute;display:flex;justify-content:space-between;padding-right:4vmin;width:100%;box-sizing:border-box}.overlay__char-new-form .first-input{flex-grow:1}.overlay__char-new--create .overlay__char-new-btn{opacity:0;visibility:hidden;transition:opacity .2s ease,visibility linear .2s}.overlay__char-new--create .overlay__char-new-form{opacity:1;visibility:visible;transition:opacity .2s ease,visibility linear}.overlay__char-create-btn{margin-left:.45em;border:solid 1px #0f0;background-color:rgba(0,255,0,.5)}.overlay__label{display:block;margin:15px 0 5px 0;color:#999}.overlay__input{max-width:100%;width:100%;padding:10px;font-size:16px;border-radius:15px;box-sizing:border-box}.overlay__input__username{width:10em}.overlay__input__password{width:14em}.overlay__input__email{width:18em}.overlay__char-camera{display:flex;margin:0 0 2em 0}.overlay__char-camera .camera-view{position:relative;width:10em;background-color:#fff;margin:2px;box-sizing:border-box}.overlay__char-camera .camera-view input{position:absolute;top:0;left:0;opacity:0}.overlay__char-camera .camera-view svg{box-sizing:border-box;max-width:100%;height:auto;overflow:hidden;border:2px solid #f2f2f2}.overlay__char-camera .camera-view input:checked+label svg{border:2px solid #e35a4e}.overlay__char-camera .camera-view span{box-sizing:border-box;padding:.25em;margin:0;color:#e35a4e;background-color:#fff;width:100%;display:block}.overlay__char-camera .camera-view label{display:block;height:100%;cursor:pointer}.overlay__char-camera .camera-view input:checked+label span{color:#fff;background-color:#e35a4e}.overlay__filetype{margin-bottom:1em}.overlay__filetype .download-filetype{display:flex;align-items:center}.overlay__filetype .download-filetype span{padding:0 1em;color:#e35a4e}.overlay__filetype .download-filetype input:checked+label span{color:#fff;background-color:#e35a4e}.overlay--show{opacity:1;visibility:visible;transition:opacity .3s ease,visibility linear}.overlay--show .overlay__wrapper{transform:translate3d(0,0,0);transition:transform .2s ease .1s}.overlay--show .overlay__slider{transform:translateY(calc(-100% - 100vh));transition:transform 50s linear .1s}.ui-buttons{display:flex;margin:0 auto;flex-direction:column;align-items:center;width:80%}.ui-buttons a,.ui-buttons button{background-color:#e35a4e;border-radius:25px;width:100%;margin:.25em;display:flex;justify-content:center;align-items:center}.ui-buttons a:hover,.ui-buttons button:hover{background-color:#ec877c}.phat button{padding-top:1em;padding-bottom:1.25rem;color:#fff;font-weight:700;font-size:1rem}.slanky button{padding-top:.5em;padding-bottom:.5rem;color:#fff;font-weight:700;font-size:1rem;border:none;text-decoration:none}.night .phat button{background:url(../hex.png);background-color:#666;color:#f9f9f9;border:1px solid #4d4d4d}@media (prefers-color-scheme:dark){.overlay__footer,.overlay__header{background:url(../hex.png);background-color:#666}}.night .overlay__footer,.night .overlay__header{background:url(../hex.png);background-color:#666}html{height:100%;max-height:100%;width:100%;max-width:100%;font-family:Helvetica;font-size:16px;overflow:hidden}body{margin:0;height:100%;max-height:100vh;width:100%;max-width:100vw;background:-webkit-linear-gradient(#eaebf0,#fafafa,#eaebf0,#c0c0c7);background:-o-linear-gradient(#eaebf0,#fafafa,#eaebf0,#c0c0c7);background:-moz-linear-gradient(#eaebf0,#fafafa,#eaebf0,#c0c0c7);background:linear-gradient(#eaebf0,#fafafa,#eaebf0,#c0c0c7);overflow:hidden;position:relative}@media (prefers-color-scheme:dark){body{background:-webkit-linear-gradient(#343436,#5f5f63,#9c9cca);background:-o-linear-gradient(#343436,#5f5f63,#9c9cca);background:-moz-linear-gradient(#343436,#5f5f63,#9c9cca);background:linear-gradient(#343436,#5f5f63,#9c9cca)}}body.night{background:-webkit-linear-gradient(#343436,#5f5f63,#9c9cca);background:-o-linear-gradient(#343436,#5f5f63,#9c9cca);background:-moz-linear-gradient(#343436,#5f5f63,#9c9cca);background:linear-gradient(#343436,#5f5f63,#9c9cca)}.center-text{text-align:center;display:block}.modal{position:absolute;top:16%;left:5%;width:90%;height:68%;background-color:#f2f2f2;box-shadow:5px 10px 5px #888;visibility:hidden}.header{padding:0 1%;background:0 0;color:#e35a4e;height:5.5vh;display:flex;justify-content:space-between;align-items:center}@media (prefers-color-scheme:dark){.header{color:#e6e6e6}}.night .header{color:#e6e6e6}#header a{color:#e35a4e;text-decoration:none}@font-face{font-family:Helvetica;font-style:normal;font-weight:200}.icon{width:1em;height:1em;fill:currentColor;transform:translateY(.25em);margin-right:.25em}.close-btn{background:#fff;color:#e35a4e;position:absolute;top:.8em;right:1.2em;border-radius:.5em;cursor:pointer;height:1em}.close-btn use{pointer-events:none}@media (prefers-color-scheme:dark){.close-btn{color:#666}}.night .close-btn{color:#666}button{cursor:pointer}svg{overflow:visible}input[type=range]{-webkit-appearance:none;border:1px solid #fff;width:5px}input[type=range]::-webkit-slider-runnable-track{width:8px;height:175px;background:#ddd;border:none;border-radius:3px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:none;height:16px;width:16px;border-radius:50%;background:#e35a4e;margin-top:-4px;margin-left:-4px;cursor:pointer}input[type=range]::-moz-range-thumb{border:none;height:16px;width:16px;border-radius:50%;background:#e35a4e;margin-top:-4px;margin-left:-4px;cursor:pointer}input[type=range]::-ms-thumb{border:none;height:16px;width:16px;border-radius:50%;background:#e35a4e;margin-top:-4px;margin-left:-4px;cursor:pointer}@media (prefers-color-scheme:dark){input[type=range]::-webkit-slider-thumb{background:#666}input[type=range]::-moz-range-thumb{background:#666}input[type=range]::-ms-thumb{background:#666}}.night input[type=range]::-webkit-slider-thumb{background:#666}.night input[type=range]::-moz-range-thumb{background:#666}.night input[type=range]::-ms-thumb{background:#666}input[type=range]:focus{outline:0}input[type=range]:focus::-webkit-slider-runnable-track{background:#ccc}input[type=range]::-moz-range-track{width:8px;height:175px;background:#ddd;border:none;border-radius:3px}input[type=range]::-moz-range-thumb{border:none;height:16px;width:16px;border-radius:50%;background:#e35a4e}input[type=range]:-moz-focusring{outline:1px solid #fff;outline-offset:-1px}input[type=range]::-ms-track{width:8px;height:175px;background:0 0;border-color:transparent;border-width:6px 0;color:transparent}input[type=range]::-ms-fill-lower{background:#777;border-radius:10px}input[type=range]::-ms-fill-upper{background:#ddd;border-radius:10px}input[type=range]::-ms-thumb{border:none;height:16px;width:16px;border-radius:50%;background:#e35a4e}input[type=range]:focus::-ms-fill-lower{background:#888}input[type=range]:focus::-ms-fill-upper{background:#ccc}input[type=range][orient=vertical]{writing-mode:bt-lr;-webkit-appearance:slider-vertical;width:8px;height:175px;padding:0 5px}.template{color:#e35a4e;fill:currentColor;stroke-width:0}#content{height:100%;width:100%;margin:0 auto;position:absolute;top:0;overflow:hidden;display:flex;align-items:center}#article{font-family:arial,verdana,sans-serif;font-size:1em;padding-top:2.5em;margin:0 auto;z-index:0;width:90%;max-width:474px}#article h2{font-family:helvetica,arial,verdana,sans-serif;color:#d40000;font-size:1.5em;padding-bottom:.3em}#article p{font-family:arial,verdana,sans-serif;color:#000;padding-bottom:1em;text-align:justify}#article strong{font-weight:700}#article a{font-family:arial,verdana,sans-serif;color:#d40000;text-decoration:none}#article a:hover{color:red}#back{font-family:arial,verdana,sans-serif;color:#d40000;font-size:.8em;text-transform:uppercase;text-decoration:none;float:right}.hud{width:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}.hud svg{fill:currentColor;padding-left:.15rem}.hud__list-item{display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;padding:3px 5px;cursor:pointer;color:#e35a4e}.hud__list-item label{padding-left:.25rem;padding-top:.15rem;cursor:pointer}.hud__list-item:hover{background-color:#e35a4e;color:#fff}@media screen and (min-width:650px){.hud__list-item{padding:2px 10px}}.night .hud__list-item{color:#666}.night .hud__list-item:hover{color:#fff;background:url(../hex-light.png);background-color:rgba(227,90,78,.5)}.hud__list-item input{padding:0 .25em 0 0;cursor:pointer}.hud__list-item div{white-space:nowrap;display:flex;justify-content:space-between;align-items:center}.abbreviation{display:none}@media screen and (min-width:650px){.abbreviation{display:inline-block}}.svg__section__title{display:none;text-transform:uppercase;color:#e35a4e;font-weight:700;text-align:center}.select-group{display:flex;flex-direction:row;allign-items:center;justify-content:space-around}input.color{width:50px;height:10px;border-radius:0 10px 10px 0}.Table{display:table;width:100%}.options__container{display:none}.thumbnails__container{display:flex;justify-content:flex-start;flex-wrap:wrap;align-items:flex-start}.selected--option{display:block}.Cell{display:table-cell;width:100%}#nav-left{font-size:3vh;font-family:arial,verdana,sans-serif;text-transform:uppercase;text-decoration:none;padding:1vh 1%;height:100%;width:5%;float:left;color:#fff;opacity:0}#step-by-step{height:100%;padding:1vh 0;display:inline-block;color:#f2f2f2;font-size:3vh;font-family:arial,verdana,sans-serif;text-transform:uppercase;text-decoration:none;text-align:middle;opacity:0}#nav-right{font-size:3vh;font-family:arial,verdana,sans-serif;text-transform:uppercase;text-decoration:none;padding:1vh 1%;height:100%;width:5%;float:right;color:#fff;opacity:0}#infinity{position:relative;width:212px;height:100px}@media screen and (max-width:768px){#header{height:auto}sup{vertical-align:super;font-size:.5em}sub{font-size:.5em;text-align:left}#main-nav{position:static}#site-logo{margin:15px 100px 5px 0;position:static}#site-description{margin:0 0 15px;position:static}}.zoom-container{display:none;position:absolute;top:5.5vh;left:.5%;flex-direction:column;justify-content:center;align-items:center;transform:translateX(-150%);transition:transform .2s ease-in-out}@media screen and (min-width:650px){.zoom-container{display:flex}}.zoom-container--show{transform:translateX(0);transition:transform .2s ease-in-out}.zoom-icon{fill:currentColor;color:#e35a4e;width:16px;height:16px}@media (prefers-color-scheme:dark){.zoom-icon{color:#f9f9f9}}.night .zoom-icon{color:#f9f9f9}#zoomLevel{margin-top:1em}.colorpicker-wrapper{width:100%;height:auto;color:#1a1a1a;padding:0 5px 0 5px;overflow:hidden;border-bottom:1px solid #e6e6e6}.colorpicker-controls{display:flex;width:100%;justify-content:flex-start;align-items:center;padding:8px 0 10px 0;flex-direction:column}.section-id{font-family:helvetica;font-size:16px;font-weight:500;margin:0 auto}.section-pallette{margin:5px 0;display:flex;flex-direction:row;width:100%;height:1rem;background:0 0}.section-pallette>input{position:absolute;top:1%;left:1%;opacity:0}.section-pallette>input:checked+label{border:2px solid #e35a4e}.section-pallette>label{display:flex;width:100%;height:100%;border:2px solid transparent;cursor:pointer}.colorpicker-align{display:flex;justify-content:center;align-items:center}#picker{width:200px;height:200px;display:inline-block;cursor:crosshair}#slide{width:30px;height:200px;display:inline-block}.skin-tone{list-style:none;cursor:pointer}.skin-color__container{display:flex;flex-direction:row;flex-wrap:wrap;width:100%;height:12vh;position:fixed;bottom:0;left:0;transform:translate3d(0,100%,0);transition:transform .3s ease-in-out;z-index:24}.skin-color__container li{flex-grow:1;min-width:8vw}.skin-color__container--show.skin-color__container{transition:transform .2s ease-in-out .1s;transform:translate3d(0,0,0)}.sidebar__container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:space-around;align-items:center}.sidebar{position:absolute;top:5.5vh;display:block;height:auto;font-family:helvetica,sans-serif;font-size:12px;overflow:visible;box-sizing:border-box;background-color:rgba(255,255,255,.75);color:#1a1a1a;padding:0;border:1px solid #e6e6e6;width:20vw}@media screen and (min-width:650px){.sidebar{position:absolute;bottom:auto;width:27%}}@media screen and (min-width:1024px){.sidebar{position:absolute;bottom:auto;width:23vw}}@media (prefers-color-scheme:dark){.sidebar{border:1px solid #4d4d4d}}.night .sidebar{border:1px solid #4d4d4d}.sidebar-left{left:0;margin-left:0;transform:translateX(-200%)}@media screen and (min-width:650px){.sidebar-left{margin-left:3em;bottom:auto;width:22%}}.sidebar-right{right:0;margin-right:0;transform:translateX(150%);overflow:hidden;max-height:100%;overflow-y:scroll}@media screen and (min-width:650px){.sidebar-right{margin-right:1em}}.visible{transform:translateX(0);transition:transform .3s ease-in}.sidebar__title{text-align:center;font-weight:100;background-color:#e35a4e;color:#fff;font-size:.75rem;line-height:1.75;border-bottom:1px solid #e6e6e6;margin:0;padding-top:.15em}.sidebar__title .icon{display:none}@media (prefers-color-scheme:dark){.sidebar__title{background:url(../hex.png);background-color:#666;border-bottom:1px solid #4d4d4d}}.night .sidebar__title{background:url(../hex.png);background-color:#666;border-bottom:1px solid #4d4d4d}.thumbnails__container{color:#e35a4e}#svg1{color:#e35a4e;height:100vh;width:auto;margin-left:calc(((100vh - 100vw)/ 2) * -1);overflow:visible;visibility:visible;opacity:1;transition:opacity .5s ease,visibility 0s linear}@media screen and (min-width:650px){#svg1{height:100%}}#svg1.character--hide{opacity:0;visibility:hidden;transition:opacity .3s ease,visibility 0s linear .5s}#svg1 g{cursor:pointer}#svg1.zoomed{cursor:zoom-out}.svg__option{width:100%;margin:.3vh;border:1px solid #e35a4e;border-radius:2vh;overflow:hidden;box-sizing:border-box;background:0 0;transition:background .3s}@media (prefers-color-scheme:dark){.svg__option{border:1px solid #4d4d4d}}.night .svg__option{border:1px solid #4d4d4d}.option__label{text-transform:uppercase;font-size:8px;font-weight:700;color:#e35a4e;display:none}@media (prefers-color-scheme:dark){.option__label{color:#f9f9f9}}.night .option__label{color:#f9f9f9}.option__container{width:100%;display:inline-flex;flex-direction:column;justify-content:flex-start;align-items:center;margin:.5%;transform:scale(1);transition:transform .3s;cursor:pointer}@media screen and (min-width:650px){.option__container{width:24%}}.option__container:hover>.option__label{color:#a4433b}.option__container:hover{transform:scale(1.05)}.option__container:hover>.svg__option{border:1px solid #a4433b;background:#fff}@media (prefers-color-scheme:dark){.option__container:hover>.option__label{color:#f9f9f9}.option__container:hover>.svg__option{border:1px solid #4d4d4d}}.night .option__container:hover>.option__label{color:#f9f9f9}.night .option__container:hover>.svg__option{border:1px solid #4d4d4d}.section__list{list-style-type:none;padding:0;margin:0}.section__list li{padding:.25em 0 0 5px;font-size:.75rem;line-height:1.75;background-color:rgba(227,90,78,0);transform-origin:0 50%;transform:translate3d(0,0,0);opacity:1;border-bottom:1px solid #e6e6e6;transition:color .3s,transform .3s,background-color .3s,border .3s}@media screen and (min-width:650px){.section__list li{padding:.25em 0 0 15px}}.section__list li:hover{color:#fff;background-color:rgba(227,90,78,.5);border-bottom:1px solid #e35a4e;transform-origin:0 50%;transform:translate3d(30px,0,0);font-weight:300}.section__list li.section--selected{background-color:#fff;color:#000;font-weight:300;transform:translate3d(0,0,0);transition:transform .2s,color .2s,background .2s}@media (prefers-color-scheme:dark){.section__list li{border-bottom:1px solid #4d4d4d}.section__list li:hover{background:url(../hex-light.png);background-color:rgba(227,90,78,.5)}.section__list li li.section--selected{background:url(../hex.png);background-color:#fff;color:#000;font-weight:300;transform:translate3d(0,0,0);transition:transform .2s,color .2s,background .2s}}.night .section__list li{border-bottom:1px solid #4d4d4d}.night .section__list li:hover{background:url(../hex-light.png);background-color:rgba(227,90,78,.5)}.night .section__list li li.section--selected{background:url(../hex.png);background-color:#fff;color:#000;font-weight:300;transform:translate3d(0,0,0);transition:transform .2s,color .2s,background .2s}.section__link{color:#1a1a1a;text-decoration:none;cursor:pointer}.section__link .sbl__option{overflow:hidden;text-overflow:ellipsis}.section__link:active{color:#1a1a1a}.section__link:active li{background-color:#e35a4e}.section__link:visited li{background-color:rgba(227,90,78,0)}.bigRedBtn{opacity:0;pointer-events:none;position:fixed;bottom:0;width:100%;margin-bottom:.5rem;display:flex;justify-content:center;align-items:center;animation:randomReady 150ms 2s ease-in-out forwards}.bigRedBtn #bigRedButton{pointer-events:all;background-color:#e35a4e;color:#fff;border-radius:1.5em;padding:1em 1.5em;cursor:pointer;transition:color 250ms;transform-origin:bottom center;transform:scale(.75);transition:transform 250ms ease-in-out}.bigRedBtn #bigRedButton:active{transform:translate(0,1px)}.bigRedBtn #bigRedButton.hide{color:transparent;transition:color 150ms}.bigRedBtn:hover #bigRedButton{transition:transform 250ms ease-in-out;transform:scale(1)}@keyframes randomReady{0%{opacity:0;transform:translateY(5vh) scale(.1)}100%{opacity:1;transform:translateY(0) scale(1)}}.night #bigRedButton{background:url(../hex.png);background-color:#666;color:#f9f9f9;border:1px solid #4d4d4d}footer{display:none}footer a{color:#fff;text-decoration:none}#tutorial-checkbox{opacity:0;pointer-events:none}.tutorial__box{display:none;opacity:0;pointer-events:none;background-color:#e35a4e;color:#fff;border-radius:1em;padding:0 1em;border:1px solid #fff;max-width:60vw}.tutorial__box label{display:block;font-size:.75em;text-align:right;padding-bottom:.5em;cursor:pointer}.tutorial__show{display:block;position:fixed;opacity:.8;transition:opacity 1.5s ease;pointer-events:auto}#tutorial-checkbox:checked~.tutorial__box{display:none}.tutorial__top{margin:0 5px 5px 5px}.tutorial__right{margin:5px 0 5px 5px}.tutorial__bottom{margin:5px 5px 0 5px}.tutorial__left{margin:5px 5px 5px 0}.tutorial__top:after{content:"";display:block;position:absolute;left:50%;bottom:99%;width:0;height:0;border-bottom:10px solid #e35a4e;border-top:10px solid transparent;border-left:10px solid transparent;border-right:10px solid transparent}.tutorial__right:after{content:"";display:block;position:absolute;top:31%;left:99%;width:0;height:0;border-left:10px solid #e35a4e;border-bottom:10px solid transparent;border-right:10px solid transparent;border-top:10px solid transparent}.tutorial__bottom:after{content:"";display:block;position:absolute;left:50%;top:99%;width:0;height:0;border-top:10px solid #e35a4e;border-bottom:10px solid transparent;border-left:10px solid transparent;border-right:10px solid transparent}.tutorial__left:after{content:"";display:block;position:absolute;top:31%;right:100%;width:0;height:0;border-right:10px solid #e35a4e;border-bottom:10px solid transparent;border-left:10px solid transparent;border-top:10px solid transparent}.tutorial__register:after{left:75%}.tutorial__step--seen{display:none}@media only screen and (min-width:992px){.tutorial__box{max-width:40vw}.tutorial__register:after{left:50%}}