.accordeon__section-label{width:100%;box-sizing:border-box;padding:0 5px;display:flex;justify-content:space-between;align-items:center;color:#fd0634;background:transparent;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:#fd0634;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('https://inbound.lasuperagence.com/hubfs/Character_Creator/hex.png');background-color:#666;color:#f9f9f9;border-bottom:1px solid #4d4d4d}.accordeon__section-label:hover,.accordeon__section-label:active{color:#fff;background:url('https://inbound.lasuperagence.com/hubfs/Character_Creator/hex-light.png');background-color:#666}}.night .accordeon__section-label{background:url('https://inbound.lasuperagence.com/hubfs/Character_Creator/hex.png');background-color:#666;color:#f9f9f9;border-bottom:1px solid #4d4d4d}.night .accordeon__section-label:hover,.night .accordeon__section-label:active{color:#fff;background:url('https://inbound.lasuperagence.com/hubfs/Character_Creator/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:#fd0634}.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:0px;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 .666s linear .2s infinite alternate}@keyframes blink-alert{from{fill:#fff}to{fill:#fd0634}}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:700;padding-top:.45vh;z-index:2}.site-title:hover{cursor:pointer}.links{height:auto;z-index:99;display:flex;justify-content:center;align-items:center;margin:0;position:relative}@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 #fd0634;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:#fd0634}@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:0vh;right:.5em;display:inline-flex;flex-direction:initial;list-style:none;font-size:16px;align-items:center;transform:translateX(0);padding:0;transition:transform 200ms ease-out;background-color:#fff;border-radius:.2em;margin:0;border:1px solid #fd0634;box-sizing:border-box}@media only screen and (min-width:992px){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;align-self:center}#horizontal li a,#horizontal li label{color:#fd0634;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;align-items:center}.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;align-items:center}.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:#fd0634}@media(prefers-color-scheme:dark){#horizontal li a:hover,#horizontal li label:hover{background:url('https://inbound.lasuperagence.com/hubfs/Character_Creator/hex-light.png');background-color:#666}}.night #horizontal li a:hover,.night #horizontal li label:hover{background:url('https://inbound.lasuperagence.com/hubfs/Character_Creator/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:transparent;border:0}.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:#fd0634;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:#fd0634;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:#fd0634;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:#fd0634;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 200ms ease 300ms}.character-shadow.shine{opacity:.2;transition:opacity 200ms 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-western-style,.male-face-western-style,.female-face-anime-style,.male-face-anime-style{transition:transform 500ms ease-in-out}.face-styles{transition:opacity 500ms ease-in-out}.overlay__modal{z-index:2;position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,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:rgba(0,0,0,255);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:10px;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 4vw;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,0.5);border:solid 1px #0f0}.overlay__container--buttons .cancel-btn{background-color:bordercolor;border:solid 1px}.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,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__header,.overlay__footer{background-color:#fd0634;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% - 0.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,0.5)}.overlay__char-btns .overlay__char-delete{border:solid 1px red;background-color:rgba(255,0,0,0.5)}.overlay__char--current{background-color:#fd0634;color:#fff;border-radius:5vmin}.overlay__char--current .overlay__char-edit{border:solid 1px #fff;background-color:rgba(0,255,0,1);color:#000}.overlay__char--current .overlay__char-delete{border:solid 1px #fff;background-color:rgba(255,0,0,1);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,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,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 #fd0634}.overlay__char-camera .camera-view span{box-sizing:border-box;padding:.25em;margin:0;color:#fd0634;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:#fd0634}.overlay__filetype{margin-bottom:1em}.overlay__filetype .download-filetype{display:flex;align-items:center}.overlay__filetype .download-filetype span{padding:0 1em;color:#fd0634}.overlay__filetype .download-filetype input:checked+label span{color:#fff;background-color:#fd0634}.overlay__nft{display:flex;flex-direction:column;align-items:center}.overlay__nft-preview{overflow:hidden;border:1px solid #fd0634}.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 button,.ui-buttons a{background-color:#fd0634;border-radius:25px;width:100%;margin:.25em;display:flex;justify-content:center;align-items:center}.ui-buttons button .overlay__purchase-nft-btn,.ui-buttons a .overlay__purchase-nft-btn{background-color:#08a}.ui-buttons button:hover,.ui-buttons a:hover{background-color:#ec877c}.ui-buttons button .overlay__purchase-nft-btn,.ui-buttons a .overlay__purchase-nft-btn{background-color:#00aad4}.phat button{padding-top:1em;padding-bottom:1.25rem;color:#fff;font-weight:700;font-size:1.25rem;background-image:linear-gradient(#ec877c,#fd0634)}.phat button:active:hover{transform:translate3d(0,0.1em,0);background-image:linear-gradient(#fd0634,#ec877c)}.slanky button{padding-top:.5em;padding-bottom:.5rem;color:#fff;font-weight:700;font-size:1rem;border:0;text-decoration:none}.night .phat button{background:url('https://inbound.lasuperagence.com/hubfs/Character_Creator/hex.png');background-color:#666;color:#f9f9f9;border:1px solid #4d4d4d}@media(prefers-color-scheme:dark){.overlay__header,.overlay__footer{background:url('https://inbound.lasuperagence.com/hubfs/Character_Creator/hex.png');background-color:#666}}.night .overlay__header,.night .overlay__footer{background:url('https://inbound.lasuperagence.com/hubfs/Character_Creator/hex.png');background-color:#666}html{width:100%;max-width:100%;font-family:Helvetica;font-size:16px}body{margin:0;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);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 #content{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}.page-center{margin:0 auto;max-width:1100px}.modal{position:absolute;top:16%;left:5%;width:90%;height:68%;background-color:#f2f2f2;box-shadow:5px 10px 5px $colorShadow;visibility:hidden}.header{background:#fff}.header{padding:15px 0;border-bottom:2px solid #f0f0f0}@media(prefers-color-scheme:dark){.header{color:#e6e6e6}}.night .header{color:#e6e6e6}#header a{color:#fd0634;text-decoration:none}@font-face{font-family:"Helvetica";font-style:normal;font-weight:200}.icon{width:1em;height:1em;fill:currentColor;transform:translateY(0.25em);margin-right:.25em}.close-btn{background:#fff;color:#fd0634;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 white;width:5px}input[type=range]::-webkit-slider-runnable-track{width:8px;height:175px;background:$colorLightGrey;border:0;border-radius:3px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:0;height:16px;width:16px;border-radius:50%;background:#fd0634;margin-top:-4px;margin-left:-4px;cursor:pointer}input[type=range]::-moz-range-thumb{border:0;height:16px;width:16px;border-radius:50%;background:#fd0634;margin-top:-4px;margin-left:-4px;cursor:pointer}input[type=range]::-ms-thumb{border:0;height:16px;width:16px;border-radius:50%;background:#fd0634;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:$colorLightGrey;border:0;border-radius:3px}input[type=range]::-moz-range-thumb{border:0;height:16px;width:16px;border-radius:50%;background:#fd0634}input[type=range]:-moz-focusring{outline:1px solid #fff;outline-offset:-1px}input[type=range]::-ms-track{width:8px;height:175px;background:transparent;border-color:transparent;border-width:6px 0;color:transparent}input[type=range]::-ms-fill-lower{background:$colorDarkerGrey;border-radius:10px}input[type=range]::-ms-fill-upper{background:$colorLightGrey;border-radius:10px}input[type=range]::-ms-thumb{border:0;height:16px;width:16px;border-radius:50%;background:#fd0634}input[type=range]:focus::-ms-fill-lower{background:$colorShadow}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:#fd0634;fill:currentColor;stroke-width:0}#content{height:100%;width:100%;display:flex;align-items:center;position:relative}#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:$colorTitle;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:bold}#article a{font-family:arial,verdana,sans-serif;color:$colorTitle;text-decoration:none}#article a:hover{color:$colorError}#back{font-family:arial,verdana,sans-serif;color:$colorTitle;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:#fd0634}.hud__list-item label{padding-left:.25rem;padding-top:.15rem;cursor:pointer}.hud__list-item:hover{background-color:#fd0634;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('https://inbound.lasuperagence.com/hubfs/Character_Creator/hex-light.png');background-color:rgba(227,90,78,0.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:#fd0634;font-weight:700;text-align:center}.select-group{display:flex;flex-direction:row;align-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}.menu-text{display:none}#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}.zoom-container--show{transform:translateX(0);transition:transform .2s ease-in-out}@media screen and (min-width:650px){.zoom-container{display:flex}}.zoom-icon{fill:currentColor;color:#fd0634;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:transparent}.section-pallette>input{position:absolute;top:1%;left:1%;opacity:0}.section-pallette>input:checked+label{border:2px solid #fd0634}.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:90px;left:0;transform:translate3d(0,200%,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,0.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:#fd0634;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('https://inbound.lasuperagence.com/hubfs/Character_Creator/hex.png');background-color:#666;border-bottom:1px solid #4d4d4d}}.night .sidebar__title{background:url('https://inbound.lasuperagence.com/hubfs/Character_Creator/hex.png');background-color:#666;border-bottom:1px solid #4d4d4d}.thumbnails__container{color:#fd0634}#svg1{color:#fd0634;height:100vh;width:auto;margin-left:calc(((100vh - 100vw) / 2) * -1);overflow:visible;visibility:visible;opacity:1;transition:opacity .5s ease,visibility 0s linear}#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 #fd0634;border-radius:2vh;overflow:hidden;box-sizing:border-box;background:transparent;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:#fd0634;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}@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}.selected--item svg{background-color:#fd0634}.selected--item svg:hover{background-color:#fd0634}.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,0.5);border-bottom:1px solid #fd0634;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('https://inbound.lasuperagence.com/hubfs/Character_Creator/hex-light.png');background-color:rgba(227,90,78,0.5)}.section__list li li.section--selected{background:url('https://inbound.lasuperagence.com/hubfs/Character_Creator/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('https://inbound.lasuperagence.com/hubfs/Character_Creator/hex-light.png');background-color:rgba(227,90,78,0.5)}.night .section__list li li.section--selected{background:url('https://inbound.lasuperagence.com/hubfs/Character_Creator/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{text-overflow:ellipsis}.section__link:active{color:#1a1a1a}.section__link:active li{background-color:rgba(227,90,78,1)}.section__link:visited li{background-color:rgba(227,90,78,0)}.bottomContainer{opacity:0;pointer-events:none;position:absolute;bottom:10px;width:100%;margin-bottom:.5rem;display:flex;justify-content:center;align-items:center;animation:randomReady 150ms 2s ease-in-out forwards}.bottomContainer .hudButton{pointer-events:all;background-image:linear-gradient(#ec877c,#fd0634);color:#fff;border-radius:1.5em;border:2px solid #ec877c;opacity:1;padding:1em 1.5em;cursor:pointer;transition:color 250ms;transform-origin:bottom center;transform:scale(0.75);transition:transform 150ms ease-in-out,opacity 150ms ease-in-out,backgroundColor 250ms ease-in-out;user-select:none;font-weight:700;text-transform:uppercase}.bottomContainer .hudButton:active:hover{background-color:#ec877c;border-color:#ec877c;transform:scale(0.88);transition:transform 150ms ease-in-out,backgroundColor 250ms ease-in-out,border-color 250ms ease-in-out}.bottomContainer .hudButton.hide{color:transparent;transition:color 150ms}.bottomContainer .hudButton:hover{background-color:#fd0634;transition:transform 150ms ease-in-out,backgroundColor 150ms ease-in-out;transform:scale(1)}.bottomContainer .hudButton#doneButton:not([class*="enabled"]){opacity:0;cursor:auto;pointer-events:none}@keyframes randomReady{0%{opacity:0;transform:translateY(5vh) scale(0.1)}100%{opacity:1;transform:translateY(0) scale(1)}}.night .hudButton{background:url('https://inbound.lasuperagence.com/hubfs/Character_Creator/hex.png');background-color:#666;color:#f9f9f9;border:1px solid #4d4d4d}#tutorial-checkbox{opacity:0;pointer-events:none}.tutorial__box{display:none;opacity:0;pointer-events:none;background-color:#fd0634;color:#fff;border-radius:1em;padding:0 1em;border:1px solid white;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 1500ms 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 #fd0634;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 #fd0634;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 #fd0634;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 #fd0634;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:20vw}.tutorial__register:after{left:50%}}.sbl__option.new:after{content:url(https://inbound.lasuperagence.com/hubfs/Character_Creator/new.svg);position:absolute;right:-25px;opacity:1;transition:opacity 250ms ease-in-out}.sbl__option.new:not(:focus):hover:after{opacity:0;transition:opacity 150ms ease-in-out}.accordeon__section-label.new:after{content:url(https://inbound.lasuperagence.com/hubfs/Character_Creator/new.svg);position:absolute;right:-25px;opacity:1;transition:opacity 250ms ease-in-out}.accordeon__section-label.new:active:after{animation:disappear 1s forwards}.option__container.new:after{content:url(https://inbound.lasuperagence.com/hubfs/Character_Creator/new.svg);position:absolute;left:-2px;opacity:1;transition:opacity 250ms ease-in-out}@keyframes disappear{0%{opacity:1}100%{opacity:0}}.bottomContainer .hudButton{pointer-events:all;background-image:linear-gradient(#ec877c,#e35a4e);color:#fff;border-radius:1.5em;border:2px solid #ec877c;opacity:1;padding:1em 1.5em;cursor:pointer;transition:color 250ms;transform-origin:bottom center;transform:scale(.75);transition:transform 150ms ease-in-out,opacity 150ms ease-in-out,backgroundColor 250ms ease-in-out;user-select:none;font-weight:700;text-transform:uppercase}.footer-container-wrapper{position:relative;z-index:1}