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