@import url(https://fonts.googleapis.com/css2?family=Inter:wght@500;600&display=swap);body,html{margin:0;font-family:"Inter",sans-serif;font-style:normal;font-weight:500;font-size:12px;letter-spacing:-.02em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;min-height:100vh;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body{background-image:url(/static/media/background.c23a0fb9.svg);background-repeat:no-repeat;background-attachment:fixed;background-size:cover;background-position:50%}#sapiens{display:flex;flex:1 1}.icon{transition:fill .5s ease}.icon-inactive{fill:#557593}.icon-active{fill:#ff3e3e}header .logo{height:44px;width:129px}header .gender-button{opacity:.65;box-sizing:border-box;width:54px;height:54px;margin:0 8px;border-radius:50%;border:2px dashed rgba(221,218,220,.5);background:#fff;transition:box-shadow .2s ease,border-color .5s ease,border-style .2s ease}header .gender-button svg{padding:10px;border-radius:50%}header .gender-button.active{opacity:1;border:5px solid #ff3e3e;box-shadow:0 16px 19px rgba(255,62,62,.28)}header .gender-button.inactive{height:48px;width:48px;margin:0 11px}header .gender-button :hover{cursor:pointer}header .gender-title{position:relative;top:19px;font-weight:600}header .gender-title.hidden{visibility:hidden}header .export{position:relative;box-sizing:border-box;margin-left:40px;border-radius:24px;background:#ff3e3e}header .export-title{width:61px;color:#fff;padding:18px;border-radius:24px;font-size:14px;font-weight:800;line-height:8px}header .export-show{box-sizing:border-box;position:absolute;top:44px;width:100%;padding:0 9px 12px;border-bottom-left-radius:24px;border-bottom-right-radius:24px;background:#ff3e3e;color:#fff}header .export-row{padding:9px}header .export-row:hover{background:#363d61;border-radius:4px;transition:background-color .5s ease}header .export-hidden{display:none}header .export :hover{cursor:pointer}header .no-bottom-radius{border-bottom-left-radius:0;border-bottom-right-radius:0}.builder{padding:40px}.builder>section{min-width:140px}.builder .toggler{cursor:pointer;width:24px;border-radius:50%;margin:11px 15px}.builder .option-show,.builder .style-show{visibility:visible;opacity:1;transition:all .3s ease}.builder .option-hidden,.builder .style-hidden{visibility:hidden;opacity:0;transition:all .3s ease}.builder .row .icon{cursor:pointer;border-radius:50%}.builder .row.active{color:#363d61;transition:color .4s ease}.builder .row.active .icon{border:5px solid #ff3e3e;padding:10px;margin:7px 24px 7px 0;box-shadow:0 16px 19px rgba(255,62,62,.28);transition:box-shadow .2s ease,border-color .5s ease,border-style .2s ease,fill .4s ease}.builder .row.active .icon.reverse{margin:7px 0 7px 24px}.builder .row.inactive{color:rgba(54,61,97,.2);transition:color .4s ease}.builder .row.inactive .icon{border:2px dashed rgba(85,117,147,.15);padding:8px;margin:12px 29px 12px 5px;transition:box-shadow .2s ease,border-color .5s ease,border-style .2s ease,fill .4s ease}.builder .row.inactive .icon.reverse{margin:12px 5px 12px 29px}.builder .character{position:relative;min-width:480px;min-height:480px}.builder .character .head{position:absolute}.builder .character .top{position:absolute;z-index:2}.builder .character .bottom{position:absolute}.builder .character .backdrops{z-index:3;position:absolute;left:calc(50% - 268px);top:calc(50% - 224px)}.builder .character .backdrops .text{position:absolute;top:10px;left:40px;color:#557593}.builder .character .backdrops-label{cursor:pointer;width:32px;height:32px;border-bottom-left-radius:24px;border-bottom-right-radius:24px;border-top-right-radius:24px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 16px 19px rgba(166,99,99,.15);background:#fff}.builder .character .backdrops-label.show{opacity:1;visibility:visible;transition:all .3s ease}.builder .character .backdrops-label.hidden{opacity:0;visibility:hidden;transition:all .3s ease}.builder .character .backdrops-container{z-index:3;position:absolute;width:224px;max-width:224px;height:auto;top:24px;left:-120px;border-radius:8px;background-color:hsla(0,0%,100%,.85);box-shadow:0 16px 19px rgba(166,99,99,.15);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.builder .character .backdrops-container .title{height:40px;padding:0 16px;border-bottom:1px solid rgba(221,218,220,.5);color:#363d61}.builder .character .backdrops-container .title .icon-container{cursor:pointer}.builder .character .backdrops-container.show{opacity:1;visibility:visible;transition:all .3s ease}.builder .character .backdrops-container.hidden{opacity:0;visibility:hidden;transition:all .3s ease}.builder .character .backdrops-options{padding:8px}.builder .character .backdrops-options .option{width:88px;height:66px;margin:8px;cursor:pointer;border-width:4px;border-radius:4px;border-color:transparent;background-color:rgba(221,218,220,.25)}.builder .character .backdrops-options .option.active{border-color:#ff3e3e;background-color:#fff}.builder .character .remix{z-index:3;position:absolute;left:calc(50% + 61px);top:calc(50% - 62px)}.builder .character .remix .text{position:absolute;top:10px;left:40px;color:#557593}.builder .character .remix-label{cursor:pointer;z-index:2;width:32px;height:32px;border-bottom-left-radius:24px;border-bottom-right-radius:24px;border-top-right-radius:24px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 16px 19px rgba(166,99,99,.15);background:#fff}.builder .character .remix-label.show{visibility:visible;opacity:1;transition:all .3s ease}.builder .character .remix-label.hidden{visibility:hidden;opacity:0;transition:all .3s ease}.builder .character .remix-container{z-index:3;position:absolute;width:152px;max-width:152px;height:auto;top:40px;right:0;border-radius:8px;background-color:hsla(0,0%,100%,.85);box-shadow:0 16px 19px rgba(166,99,99,.15);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.builder .character .remix-container .title{height:40px;padding:0 16px;border-bottom:1px solid rgba(221,218,220,.5);color:#363d61}.builder .character .remix-container .title .icon-container{cursor:pointer}.builder .character .remix-container.show{visibility:visible;opacity:1;transition:all .3s ease}.builder .character .remix-container.hidden{visibility:hidden;opacity:0;transition:all .3s ease}.builder .character .remix-head{height:48px}.builder .character .remix-head,.builder .character .remix-top{margin-top:12px;background-repeat:no-repeat;background-position:top;background-size:"cover"}.builder .character .remix-top{height:64px}.builder .character .remix-bottom{height:112px;margin-top:12px;margin-bottom:12px;background-repeat:no-repeat;background-position:bottom;background-size:"cover"}.builder .character .remix-option{background-color:rgba(221,218,220,.25);border-radius:4px;border-style:solid;margin-left:16px;margin-right:16px;cursor:pointer;border-color:transparent;transition:border-color .3s ease;background-origin:border-box;background-position:50%}.builder .character .remix-option.active{border-color:#ff3e3e}.builder .character .remix-option.active .arrow{position:absolute;height:inherit;background-color:#ff3e3e;width:30px;align-items:center;justify-content:center}.builder .character .remix-option.active .arrow.left{left:-30px;border-radius:8px 0 0 8px}.builder .character .remix-option.active .arrow.right{right:-30px;border-radius:0 8px 8px 0}.footer>section{width:180px}.footer-terms a{margin-left:5px;color:#557593}.footer-purchase,.footer-purchase a{justify-content:center}.footer-purchase a{display:flex;align-items:center;width:174px;height:44px;border-radius:24px;color:#fff;background:#ff3e3e;font-weight:800;font-size:14px}.footer-links a{font-weight:600}a{color:#ff3e3e}a,a:hover{text-decoration:none}.builder,footer,header{padding:40px}.flex{display:flex}.flex-0{flex:0 1}.flex-1{flex:1 1}.row{flex-direction:row}.column{flex-direction:column}.center{align-items:center}.middle{justify-content:center}.left{justify-content:flex-start}.right{justify-content:flex-end}.top{justify-content:flex-start}.bottom{justify-content:flex-end}.wrap{flex-wrap:wrap}.self-end{align-self:flex-end}.space-between{justify-content:space-between}.space-evenly{justify-content:space-evenly}.space-around{justify-content:space-around}
/*# sourceMappingURL=main.acd12f8c.chunk.css.map */