@import"https://fonts.googleapis.com/css2?family=Parisienne&display=swap";body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{height:100%;margin:0;padding:0;width:100%}body{height:100%;margin:0;padding:0;font-size:16px;color:#e0d8d8;background-image:url(https://i.imgur.com/AiE0BIK.jpeg);background-attachment:fixed;width:100%;background-size:cover;background-position:center;background-repeat:no-repeat;background-color:#111}*{box-sizing:border-box}#root{height:100%}.h2,.h4,.h5{color:#633e3e;font-family:Parisienne,serif;text-align:center;width:100%}.h2{font-size:3rem;font-weight:400;margin-top:30px;margin-bottom:30px}.h4{font-size:3rem;font-weight:400;margin-bottom:10px}.h5{font-size:2rem;font-weight:300;margin-bottom:10px}.h6,.h7{font-size:1.1rem;font-weight:400;height:15%;text-align:center;line-height:38px;padding:0 20px;margin:10px;color:#b0b0b0}.h6{background-color:#7a5454;border-color:#555;border-radius:5px;height:40px}.h8{font-size:1.1rem;font-weight:400;height:15%;border-color:#555;border-radius:5px;text-transform:capitalize;margin-bottom:5px}.h9{text-align:center;color:#b0b0b0}.h14{border-bottom:2px solid #222;color:#555;display:block;font-size:.9rem;letter-spacing:2px;padding:5px;text-align:left;font-weight:400}.metricConteneir{background-color:#141414;border:2px solid #222;padding:5px;width:90%;opacity:.95;margin:auto;box-shadow:10px 10px 5px #000000bf;display:flex;flex-wrap:wrap;gap:20px;box-sizing:border-box;opacity:.9}.input-group{margin-bottom:10px;border-bottom:1px solid #0b100d;display:flex;flex-direction:column;width:100%;justify-content:center;align-content:flex-start;flex:1 1 220px}.wandReg{flex:none;max-width:300px;margin:auto}.input-group label{font-weight:700;color:#633e3e;margin-bottom:5px;width:100%}.input-group input,.input-group select{width:100%;padding:10px;border:none;border-radius:5px;background-color:#222!important;box-sizing:border-box;color:#b0b0b0;height:40px;text-align:center;margin-top:5px;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:break-word;overflow:auto;min-width:0}.input-group select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#222}.input-group input:focus,.input-group select:focus{outline:none;background-color:#333}.creditField{display:flex;width:100%;margin:0 0 0 20px}.creditField input{margin:0 20px;width:100%}.con-tooltipCredit{position:relative;display:flex;align-items:center;width:100%}.checkbox-group{display:inline-flex;margin-bottom:10px;align-items:center;justify-content:center;width:100%}.checkbox-group input[type=checkbox]{appearance:none;width:20px;height:20px;margin-right:8px;border:2px solid #633e3e;display:inline-block;position:relative;background-color:#222}.checkbox-group input[type=checkbox]:checked{background-color:#222}.checkbox-group input[type=checkbox]:checked:after{content:"✔";position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);width:10px;color:#633e3e}p{color:#888;font-size:1rem;grid-column:span 3}input[type=text]::placeholder{color:#777}select option{color:#777;background-color:#222}input[type=text]:focus{outline:none;background-color:#333}.con-tooltip,.con-tooltipSkillsB{position:relative;display:flex;align-items:center}.con-tooltipSkillsB{width:30%}.con-tooltipSkillsB .hint-container{margin-right:5px}.con-tooltip .h2,.single{justify-content:center;width:auto}.single{width:95%;margin:auto}.single .question-mark{margin-left:10px;margin-top:10px}.tooltip{display:none;position:absolute;top:50%;transform:translateY(-50%);left:0;background:#333;color:#fff;padding:15px;border-radius:5px;white-space:wrap;z-index:999;box-shadow:0 0 5px #0000004d;font-size:.8rem;width:100%;line-height:normal;font-weight:400;text-align:justify;overflow-y:auto;max-height:60vh}.tooltip a{color:#aa6e6e;letter-spacing:1px}.tooltip.visible{display:block}.question-mark{width:20px;height:20px;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24px'%20viewBox='0%200%2024%2024'%20width='24px'%20fill='%23633e3e'%3e%3cpath%20d='M0%200h24v24H0z'%20fill='none'/%3e%3cpath%20d='M11%2018h2v-2h-2v2zm1-16C6.48%202%202%206.48%202%2012s4.48%2010%2010%2010%2010-4.48%2010-10S17.52%202%2012%202zm0%2018c-4.41%200-8-3.59-8-8s3.59-8%208-8%208%203.59%208%208-3.59%208-8%208zm0-14c-2.21%200-4%201.79-4%204h2c0-1.1.9-2%202-2s2%20.9%202%202c0%202-3%201.75-3%205h2c0-2.25%203-2.5%203-5%200-2.21-1.79-4-4-4z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-size:contain;cursor:pointer;transition:.5s}.question-mark:hover{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24px'%20viewBox='0%200%2024%2024'%20width='24px'%20fill='%23633e3e'%3e%3cpath%20d='M0%200h24v24H0z'%20fill='none'/%3e%3cpath%20d='M12%202C6.48%202%202%206.48%202%2012s4.48%2010%2010%2010%2010-4.48%2010-10S17.52%202%2012%202zm1%2017h-2v-2h2v2zm2.07-7.75l-.9.92C13.45%2012.9%2013%2013.5%2013%2015h-2v-.5c0-1.1.45-2.1%201.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41%200-1.1-.9-2-2-2s-2%20.9-2%202H8c0-2.21%201.79-4%204-4s4%201.79%204%204c0%20.88-.36%201.68-.93%202.25z'/%3e%3c/svg%3e")}.miniFrame{background:#141414;border-bottom:#222 3px solid;border-top:3px solid #222;margin:10px auto;padding:10px;text-align:left;width:90%;height:auto}.miniFrameText{text-align:center;margin-top:3px;color:#b0b0b0}@media(max-width:480px){html{font-size:14px!important}}@media(min-width:481px)and (max-width:768px){html{font-size:15px}.container{padding:15px}}@media(min-width:769px)and (max-width:1024px){html{font-size:16px}.container{padding:20px}}@media(min-width:1025px)and (max-width:1280px){html{font-size:17px}.container{padding:25px}}@media(min-width:1281px){html{font-size:18px}.container{padding:30px}}.tableEmotion{display:flex;flex-direction:column;width:100%;color:#666}.tableEmotion-header{display:flex;background-color:#443232;color:#b0b0b0;padding:0 5px}.tableEmotion-header .tableEmotion-cell{text-align:center;padding:5px}.emotion-cell{flex:.1}.range-cell{flex:.2 1}.description-cell{flex:1}.tableEmotion-content{display:flex;flex-direction:column;background-color:#222}.emotion-row{display:flex;border-top:1px solid #444}.emotion{flex:.1;writing-mode:vertical-rl;text-orientation:upright;text-align:center;display:flex;justify-content:center;align-items:center;background-color:#101010}.detailsEmotion{flex:1;display:flex;flex-direction:column}.detailEmotion{display:flex;background-color:#151515;padding:5px}.detailEmotion:nth-child(odd){background-color:#101010}.range{flex:.2;text-align:center;color:#633e3e;display:flex;justify-content:center;align-items:center}.description{flex:1;padding-left:10px}.tabs-container{display:flex;flex-direction:column;border:1px solid black;width:100%;box-sizing:border-box}.tabs-header{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-around;background-color:#222;border-bottom:1px solid black;padding:10px 0}.tab{flex:1;display:flex;justify-content:center;align-items:center;text-align:center;cursor:pointer;background-color:#676464;padding:8px;margin:2px;color:#b0b0b0;min-width:100px;transition:.5s}.tab.active,.tab:hover{background-color:#7a5454;color:#fff}.tab-content{display:none;padding:10px}.tab-content.active{display:flex;flex-direction:column;padding:20px}.select-group{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:10px;width:100%}.select-group label{margin-right:5px;color:#b0b0b0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;width:100%;box-sizing:border-box}.select-group select,.select-group input{flex:3;padding:10px;background-color:#222;color:#b0b0b0;border-radius:5px;border:none;margin-right:10px;min-width:200px}.select-group button{padding:10px;background-color:#7a5454;color:#e0d8d8;border:none;border-radius:5px;cursor:pointer;margin-right:5px;flex-shrink:0;transition:.5s}.select-group button:hover{background-color:#9c7070}.user-skills-input{display:flex;gap:10px;margin-top:10px}.user-skills-input input{flex:1;padding:10px;background-color:#222;color:#b0b0b0;border-radius:5px;border:none}.user-skills-input button{padding:10px 20px;background-color:#7a5454;color:#e0d8d8;border:none;border-radius:5px;cursor:pointer;margin-right:5px;flex-shrink:0}.error-message{color:#e06c75}.skillPointsToSkillB input{padding:10px;border:none;border-radius:5px;background-color:#222!important;box-sizing:border-box;color:#b0b0b0;margin:0 0 0 5px;min-width:0}.selected-skills-summary{width:100%;align-items:center}@media screen and (max-width:490px){.tabs-header{flex-wrap:wrap}.tab{flex:1 1 100%;margin:5px 0}.select-group{flex-direction:column;align-items:flex-start}.select-group label{overflow:visible;margin-bottom:3px}.select-group select,.select-group input,.select-group button{width:100%;margin-right:0;margin-bottom:10px}.select-group button{margin-bottom:0}}#biographyMain{width:90%;background-color:#141414;border:2px solid #222;padding:5px;opacity:.95;margin:auto;box-shadow:10px 10px 5px #000000bf;text-align:center}.biography{margin:20px auto auto;padding:10px;width:95%;height:60vh;font-size:14px;opacity:.8;resize:auto;background-color:#222;text-align:left;color:#888}.specific{margin:20px auto auto;padding:10px;width:95%;height:30vh;font-size:14px;opacity:.8;resize:auto;background-color:#222;text-align:left;color:#888}.editor-buttons button{background-color:#222;border:0;padding:5px;transition:background-color .3s ease}.editor-buttons button:hover{background-color:#633e3e}.editor-buttons button:hover img{filter:brightness(5) invert(1)}#wand{background-color:#141414;border:2px solid #222;padding:5px;width:90%;opacity:.95;margin:auto;box-shadow:10px 10px 5px #000000bf;display:flex;flex-wrap:wrap;gap:20px;box-sizing:border-box;overflow:hidden}.wandBonus{text-align:center;margin:0 auto}.wandButtonGroup{display:flex;flex:1 1 calc(50% - 20px);flex-direction:column;padding:0 10px}.wandTypesContainer{display:flex;flex-wrap:wrap;gap:5px;width:100%;justify-content:center}.wandTypes.special{width:45%;min-width:100px;box-sizing:border-box;margin:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.wandCategory,.wandTypes{font-size:.9rem;outline:none;cursor:pointer;font-weight:500;border:1px solid #222;border-radius:5px;height:40px;line-height:38px;transition:background-color .2s ease-in-out,opacity .2s ease-in-out;padding:2px;margin:5px;background-color:#141414;text-align:center;word-break:break-all}.wandCategory{background-color:#633e3e;border:1px solid #444}.wandCategory:hover{background-color:#7a5454;border-color:#555}.wandTypes{background-color:#897c37;border:1px solid #5c5935}.wandTypes:hover{background-color:#c6b24e;border:1px solid #5c5935}.wandCategory:active,.wandTypes:active{background-color:#333;box-shadow:0 2px 4px #00000080}.input-group.wand{flex:1 1;outline:none;font-weight:500;border-radius:5px;height:40px;line-height:38px;text-align:center}.wandBack{font-weight:400;cursor:pointer;background-color:#633e3e;border:0;border-radius:5px;height:40px;line-height:38px;padding:0 20px;margin:10px 10px 20px;color:#e0d8d8;text-align:center}.wandBack:hover{background-color:#7a5454;border-color:#555}#cardPreviewMain{background-color:#101010;border:2px solid #222;border-top:2px solid #222;margin:auto;opacity:.95;padding:5px;width:95%}#cardPreview{font-size:.9rem;border-bottom:1px solid #0b100d;border-left:1px solid #0b100d;margin:auto;border:10px;position:relative;width:95%}#cardPreviewOther{-webkit-box-shadow:10px 10px 5px 0 rgba(0,0,0,.85);background-color:#101010;border-right:2px solid #222;box-shadow:10px 10px 5px #000000bf;margin:15px;opacity:1;padding-left:3px;position:absolute;right:-60px;top:25px;text-align:center;width:40%;z-index:100}#cardPreviewOther button{background:none;border:0;font-weight:500;text-align:left;display:block;position:relative;color:#633e3e;margin:0 0 0 -5px;padding:0!important}#cardPreviewOther button span{color:#777!important;position:relative;display:block;max-width:100%;overflow:hidden;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;transition:transform .3s ease,max-width .3s ease}#cardPreviewOther button:hover span{transform:scale(1.2);max-width:250px}.descriptionMetric{font-weight:700;color:#633e3e}.valueMetric{padding:5px}.valueMetric.special{padding:2px}.metricH6{color:#633e3e;font-family:Parisienne,serif;font-size:2rem;font-weight:400;margin-top:20px;margin-bottom:20px;text-align:center}.cardBio{max-height:500px;overflow:hidden;transition:max-height .5s ease;white-space:pre-line}.cardBio p{font-size:.9rem;line-height:1.6}.cardBio p:first-letter{color:#633e3e;font-family:Parisienne,serif;font-size:1.9rem;padding-left:40px;line-height:1}.cardBio.expanded{max-height:none;overflow:visible}.expandButton{background-color:transparent;border:none;cursor:pointer;font-size:1.5rem;color:#e0e0e0;display:flex;transition:transform .3s ease;margin:auto;padding:10px 0 20px}.expandButton .arrow{display:inline-block;transition:transform .3s ease}.expandButton.expanded .arrow{transform:rotate(180deg)}.expandButton:hover{color:#888}.imageCard{background:#020202;border:#222 2px solid;display:block;filter:grayscale(100%);max-width:450px;padding:2px;position:relative;opacity:.5;overflow:hidden;margin:20px 0}.parent{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:auto;grid-auto-rows:auto;border:1px solid #202020;border-top:1px solid #111;width:100%;border-spacing:0}.categorySkillsB{grid-column:1 / -1;background-color:#443232;color:#888;font-family:Verdana;font-size:.8rem;font-weight:400;text-align:left;text-transform:uppercase;letter-spacing:2px;padding:10px 10px 10px 15px}.descriptionSkillsB.main{grid-column:1 / -1;font-size:.8rem;background-color:#070707;text-align:center;vertical-align:middle;letter-spacing:1px;text-transform:uppercase;font-weight:400!important;display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:auto}.descriptionSkillsB.sum{grid-template-columns:1fr;text-align:center;justify-content:center;align-items:center}.descriptionSkillsB{grid-column:1 / -1;font-size:.8rem;text-align:center;vertical-align:middle;font-weight:400!important;display:grid;grid-template-columns:2fr 1fr 1fr;height:100%}.descriptionSkillsB.even{background-color:#101010}.descriptionSkillsB.odd{background-color:#151515}.valueSkillsB,.nameSkillsB,.costSkillsB{padding:5px;display:flex;align-items:center}.nameSkillsB{text-align:left;grid-column:1 / 2}.nameSkillsB.first{text-align:center;justify-content:center;grid-column:1 / 2}.valueSkillsB{text-align:center;justify-content:center;grid-column:2 / 3}.costSkillsB{text-align:center;justify-content:center;grid-column:3 / 4}.generateMain button{padding:10px;background-color:#7a5454;color:#e0d8d8;border:none;border-radius:5px;cursor:pointer;margin:5px;transition:.5s}.generateMain button:hover{background-color:#9c7070}.generateMain{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:95%;height:auto;background-color:#141414;border:2px solid #222;padding:5px;width:90%;margin:auto;box-shadow:10px 10px 5px #000000bf;text-align:center;opacity:.9;gap:10px}textarea{height:200px;width:100%;padding:10px;width:95%;font-size:14px;opacity:.8;resize:none;background-color:#222;color:#888}.navigation-menu-container{position:relative;height:100%}nav.navigation{display:flex;flex-wrap:wrap;justify-content:center;padding:10px;height:10%;width:90%;margin-left:5%;background:#141414;border-top:3px solid #222;border-right:3px solid #222;border-left:3px solid #222;align-items:center;box-shadow:10px 10px 5px #000000bf;opacity:.8}nav.navigation button{margin-right:10px;padding:10px;color:#b0b0b0;cursor:pointer;font-size:16px;background-color:transparent;text-transform:uppercase;border:0;transition:background-color .5s ease}nav.navigation button:hover{background-color:#7a5454}nav.navigation button:active,nav.navigation button:focus{background-color:#7a5454}.main-content{padding:20px;margin-top:20px;transition:margin-right .5s ease;height:auto;overflow:auto;display:flex;flex-direction:column}.main-content.panel-open{margin-right:50%}.side-panel{position:fixed;top:0;right:-50%;width:50%;height:100%;display:block;margin:auto;color:#787878;overflow-x:hidden;transition:.5s;z-index:1000;box-shadow:-2px 0 5px #00000080}.side-panel.open{right:0;background:#000 url(https://i.imgur.com/kJT3yyJ.png) no-repeat top}.panel-content{padding:20px}.close-btn{position:sticky;margin-left:auto;z-index:100;top:10px;background-color:#333;color:#777;padding:5px 10px;cursor:pointer;border:none;transition:transform .3s ease;display:block}.close-btn:hover{background-color:#555}.toggle-button{position:fixed;top:50%;right:0;transition:transform .3s ease;background-color:#333;color:#fff;padding:10px;cursor:pointer;z-index:1001;font-size:1.2rem;border-radius:3px}.toggle-button.arrow{display:inline-block}.toggle-button:hover{color:#888}@media screen and (max-width:1000px){.side-panel.open{width:100%}}@media(max-width:768px){nav.navigation{flex-direction:column;align-items:flex-start;padding:5px;height:auto}nav.navigation button{width:100%;font-size:1rem;margin:5px 0;padding:8px}.side-panel{width:100%;right:-100%}.side-panel.open{right:0}.main-content{margin-right:0}}@media(max-width:480px){nav.navigation button{font-size:12px;padding:6px}.toggle-button{padding:8px;font-size:16px}}.characterConteneir{background-color:#141414;padding:6vh 5px 5vh;min-height:100vh;width:100%;margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;box-sizing:border-box;overflow:hidden;opacity:.95}.animated-text-container,.animated-text{display:none}.animated-text textPath{animation:none}.fade-in{opacity:0;transform:translateY(10px);animation:fadeIn 1s ease-out forwards}.fade-in-delayed{opacity:0;transform:translateY(10px);animation:fadeIn 1s ease-out forwards;animation-delay:0s;flex:0}.characterConteneir .input-group{border:0}.fade-in-delayed select{width:30%;align-self:center;border:0}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}