body{height:100vh;user-select:none;margin:0;font-family:Poppins,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100%}.creator{position:absolute;left:3%;top:6.5%;width:fit-content;height:91vh;max-width:56vh;display:flex;flex-direction:row;gap:15px}.creator .left__side{width:110px;height:100%;display:flex;flex-direction:column;align-items:center;gap:30px}.creator .left__side .server__logo{width:100%;height:70px;background-color:#0006;display:flex;align-items:center;justify-content:center}.creator .left__side .server__logo img{width:70px!important}.creator .left__side .sidebar__container{position:relative;width:100%;height:82%;background-color:#0006;display:flex;align-items:center;justify-content:center}.creator .left__side .sidebar__container .sidebar__content{width:75%;height:95%;display:flex;flex-direction:column;justify-content:space-between;gap:15px}.creator .left__side .sidebar__container .sidebar__content .sidebar__items{width:100%;height:100%;display:flex;flex-direction:column;gap:15px}.creator .left__side .sidebar__container .sidebar__content .sidebar__items .item{width:100%;height:70px;background-color:#1d1d1d;transition:all .3s;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;color:#fff;font-size:10px}.creator .left__side .sidebar__container .sidebar__content .sidebar__items .item img{width:20px}.creator .left__side .sidebar__container .sidebar__content .sidebar__items .item.selected{background-color:#87CEFA!important;box-shadow:0 4px 15px -4px #87CEFAcc!important}.creator .left__side .sidebar__container .sidebar__content .sidebar__items .item.selected:hover{transform:none}.creator .left__side .sidebar__container .sidebar__content .sidebar__items .item:hover{background-color:#87CEFA!important;box-shadow:0 4px 15px -4px #87CEFAcc!important;transform:scale(.98)}.creator .left__side .sidebar__container .sidebar__content .sidebar__actions{width:100%;height:fit-content;display:flex;flex-direction:column;gap:10px}.creator .left__side .sidebar__container .sidebar__content .sidebar__actions .aitem{width:100%;height:45px;background-color:none;border-radius:3px;transition:all .2s;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff;font-size:12px}.creator .left__side .sidebar__container .sidebar__content .sidebar__actions .aitem img{width:12px}.creator .left__side .sidebar__container .sidebar__content .sidebar__actions .aitem:hover{filter:brightness(65%);transform:scale(.95)}.creator .left__side .sidebar__container .sidebar__content .sidebar__actions .aitem.green{background-color:#0c5a00!important}.creator .left__side .sidebar__container .sidebar__content .sidebar__actions .aitem.red{background-color:red!important}.creator .right__side{width:400px;height:82%;display:flex;align-items:center;justify-content:center;background:linear-gradient(90deg,rgba(0,0,0,.65) 0%,rgba(0,0,0,.481) 64.06%,rgba(0,0,0,0) 100%);margin-top:100px}.creator .right__side .right__side_content{width:90%;height:95%;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.title{color:#fff;font-weight:500;font-size:16px}.identity__component{width:100%;height:100%;display:flex;flex-direction:column;align-items:flex-start;gap:18px;overflow:hidden}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:rgba(29,29,29,.75);border-radius:5px}::-webkit-scrollbar-thumb{background:#87CEFA;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#87CEFA}::-webkit-scrollbar-corner{background:rgba(29,29,29,.75)}.input__text_container{width:100%;height:fit-content;display:flex;flex-direction:column;gap:5px}.input__text_container .input__text{width:100%;height:30px;background-color:#1d1d1d;color:#fff;font-size:12px;outline:none;border:none;text-indent:10px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.button-choice-container-principal{width:100%;height:fit-content;display:flex;flex-direction:column;gap:5px}.button-choice-container-principal .button-choice-container{display:flex;gap:10px}.button-choice-container-principal .button-choice-container .button-choice-item{padding:10px;border:none;background-color:#1d1d1d;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;color:#fff;transition:all .2s;width:90px}.button-choice-container-principal .button-choice-container .button-choice-item.selected,.button-choice-container-principal .button-choice-container .button-choice-item:hover{background-color:#87CEFA;box-shadow:0 4px 15px -4px #87CEFAcc!important}.button-choice-container-principal .button-choice-container .button-choice-item .button-logo{width:20px;height:20px}.visage__container{width:100%;display:flex;flex-direction:column;gap:10px}.visage__container .visage__container_wrapper{height:166px;display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;overflow-y:scroll;width:99%}.visage__container .visage__container_wrapper .visage__item{width:77px;height:77px;border-radius:3px;border:1px solid #87CEFA!important;background-color:#1d1d1d80;display:flex;align-items:center;justify-content:center;transition:all .3s;overflow:hidden}.visage__container .visage__container_wrapper .visage__item img{width:100%!important;transition:all .3s}.visage__container .visage__container_wrapper .visage__item.selected{background-color:#87CEFA!important}.visage__container .visage__container_wrapper .visage__item.selected img{transform:scale(1.05)}.visage__container .visage__container_wrapper .visage__item:hover{background-color:#87CEFA!important}.visage__container .visage__container_wrapper .visage__item:hover img{transform:scale(1.05)}.input__range_container{width:100%;height:fit-content;display:flex;flex-direction:column;gap:5px}.input__range_container .input__range{width:100%;height:40px;background-color:#1d1d1d;display:flex;align-items:center;justify-content:center;border-radius:35px}.input__range_container .input__range_item{background-color:#ffffff4d;outline:none;border:none;text-indent:10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:3px;width:90%;display:flex;align-items:center;justify-content:center}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;background:linear-gradient(270deg,#87CEFA 0%,rgba(29,29,29,.75) 100%);background-size:1% 100%;background-repeat:no-repeat}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;background:#87CEFA;cursor:pointer;border-radius:35px}.heritage__component,.appareance__component{width:100%;height:100%;display:flex;flex-direction:column;align-items:flex-start;gap:15px}.item__list_container{width:100%;display:flex;flex-direction:column;gap:10px}.item__list_container .item__list__container_wrapper{height:238px;display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;overflow-y:scroll;width:105%}.item__list_container .item__list__container_wrapper .item__list_item{width:113px;height:113px;border-radius:3px;border:1px solid #87CEFA!important;background-color:#00000080;display:flex;align-items:center;justify-content:center;transition:all .3s;overflow:hidden}.item__list_container .item__list__container_wrapper .item__list_item img{width:100%!important;transition:all .3s}.item__list_container .item__list__container_wrapper .item__list_item.selected{background-color:#87CEFA!important}.item__list_container .item__list__container_wrapper .item__list_item.selected img{transform:scale(1.05)}.item__list_container .item__list__container_wrapper .item__list_item:hover{background-color:#87CEFA!important}.item__list_container .item__list__container_wrapper .item__list_item:hover img{transform:scale(1.05)}.color__palette__container{width:100%;display:flex;flex-direction:column}.color__palette__container .color__palette__wrapper{height:32px;width:100%;display:flex;overflow:hidden;flex-wrap:unset;gap:3px;margin:5px 0}.color__palette__container .color__palette__wrapper .citem{width:30px;height:30px;border-radius:5px;transition:filter .3s;border:1px solid grey;min-width:30px;box-shadow:0 4px 4px #00000040}.color__palette__container .color__palette__wrapper .citem:hover,.color__palette__container .color__palette__wrapper .citem.selected{filter:brightness(30%)}.clothes__component,.face__component,.disease__component{width:100%;height:100%;display:flex;flex-direction:column;align-items:flex-start;gap:15px}.select-input{margin-top:5px;width:55px;height:40px;padding-left:10px;padding-top:5px;padding-bottom:5px;border:none;font-size:12px;background-color:#1d1d1d;color:#fff;transition:border-color .3s ease}.select-input:focus{border-color:#87CEFA!important;outline:none!important}
