@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap";.lang-selector{z-index:100;display:flex;height:2rem;align-items:center;border-radius:.625rem;font-size:1rem;background:#31083b;padding:.5rem;cursor:pointer}.lang-selector-lang-icon{height:1.5rem;width:1.5rem;fill:var(--color-text)}.lang-selector-check-icon{height:1.5rem;width:1.5rem;fill:var(--color-text);opacity:0}.lang-selector-current{background:#31083b;padding:0 .5rem}.lang-selector-wip{font-size:.5rem;align-self:flex-start;top:-.25rem}.lang-selector-menu{top:2.5rem;right:0;position:absolute;background:#31083b;border-radius:.625rem;display:none}.lang-selector-menu-list{list-style:none;padding:0}.lang-selector-menu-item{padding:.5rem 1rem;width:10rem;display:flex}.lang-selector-menu-item:hover{background:#4D0A5D}.lang-selector-menu-item-label{flex-grow:1}.lang-selector-active{display:block}.lang-selector-menu-item--selected .lang-selector-check-icon{opacity:1}:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .856)}:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2);--section-gap: 160px}*,*:before,*:after{box-sizing:border-box;margin:0;position:relative;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{font-size:100%}#app{margin:0 auto;padding:2rem;font-weight:400;font-family:DM Sans,sans-serif}body{background-color:#58026d}.checklist-result{width:100%}.generate-button{margin:0 15px;width:12rem;height:3.5rem;font-size:2rem;border-radius:20px;color:var(--color-text);background-color:#440b52;border-color:#0000000e;box-shadow:0 3px 6px #0000003b,0 3px 6px #00000029}.generate-button label{display:block;width:100%}.name-header{text-align:center}.characters-list{display:grid;grid-template-columns:repeat(auto-fill,16rem);grid-gap:1.5rem;justify-content:center}.character-card{width:16rem;background-color:#440b52;border-radius:1.5rem;border-style:solid;border-width:min(2px,.125rem);border-color:#440b52;box-shadow:0 3px 6px #0000003b,0 3px 6px #00000029}.character-name{margin-top:-3rem;padding-top:3rem;height:8.5rem;line-height:5rem;background-color:#fff;text-align:center;border-radius:0 0 1.5rem 1.5rem}.character-name span{font-size:2.4rem;color:#7f1f7b;line-height:1em;display:inline-block;vertical-align:middle}.character-image{display:block;object-fit:contain;width:calc(16rem - 4px);height:calc(16rem - 4px);background-color:#6c227e;border-radius:1.5rem 1.5rem 3rem 0;z-index:1}.card-inputs{padding:.25rem .5rem .5rem}.card-row{font-size:1.8rem;line-height:1.2em;text-align:center}.character-card select{border-radius:.25rem;height:1.8rem;vertical-align:middle}.character-card input{height:1.6rem;width:1.6rem;top:.125rem}.inputs-bar{display:flex;flex-wrap:wrap;gap:0 1rem;justify-content:center;margin:1rem 0}.input-with-label{display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.checkbox-with-label{text-align:center}.inputs-bar input[type=text]{border:1px solid #cccccc;border-radius:3px;height:1.5rem}.inputs-bar input[type=checkbox]{height:1.5rem;width:1.5rem;top:.25rem}.buttons-bar{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin:1rem 0}.buttons-bar-label{font-size:2rem;margin-right:10px}.buttons-bar-label.battle-chronicle-label{margin-right:0}.buttons-bar.battle-chronicle-bar{align-items:center}.generate-button.battle-chronicle-button{margin:0}.file-input{text-align:center;padding-top:1px}.file{opacity:0;width:.1px;height:.1px;position:absolute}.links-bar{font-size:2rem;display:flex;flex-wrap:wrap;gap:1rem;padding:1rem;justify-content:center;border-radius:10px;background-color:#0004}.link{color:var(--color-text)}.link:visited{color:var(--color-text);text-decoration:none}.links-bar a{color:var(--color-text);padding:.5rem;border-radius:10px;text-decoration:none;background-color:#6c227e44}.links-bar a:visited{color:var(--color-text);text-decoration:none}.links-bar a:is(:focus,:hover){background-color:#0002}.lds-ellipsis{margin:0 auto;width:80px;height:80px}.lds-ellipsis div{position:absolute;top:33px;width:13px;height:13px;border-radius:50%;background:#fff;animation-timing-function:cubic-bezier(0,1,1,0)}.lds-ellipsis div:nth-child(1){left:8px;animation:lds-ellipsis1 .6s infinite}.lds-ellipsis div:nth-child(2){left:8px;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(3){left:32px;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(4){left:56px;animation:lds-ellipsis3 .6s infinite}@keyframes lds-ellipsis1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0)}to{transform:translate(24px)}}@media (max-width: 879px){#app{padding:1rem}.name-header{font-size:1.5rem}.characters-list{grid-template-columns:repeat(auto-fill,10rem);grid-gap:1rem}.character-card{width:10rem;border-radius:1rem}.character-name{margin-top:-2rem;padding-top:2rem;height:5rem;line-height:3rem;border-radius:0 0 1rem 1rem}.character-name span{font-size:1.5rem;line-height:.625em}.character-image{width:calc(10rem - 4px);height:calc(10rem - 4px);border-radius:1rem 1rem 2rem 0}.card-row{font-size:1.5rem}.character-card select{height:1.2rem}.character-card input{height:1rem;width:1rem;top:.08rem}.links-bar{font-size:1.25rem;gap:.625rem;border-radius:10px;padding:.625rem}.buttons-bar-label{font-size:1.5rem}}@media (min-width: 1160px){.name-header{font-size:2.5rem}}