.page{gap:10px;width:100vw;padding:5px;display:flex}.deleteChar:hover{background-color:var(--foreground);color:var(--secondary);cursor:pointer}.page div.myCharactersContainer{background-color:var(--card);color:var(--primary);flex-wrap:wrap;flex:3;gap:15px;padding:10px;display:flex}.myCharactersContainer div.myChars{text-align:center;border:1px solid #000;width:100%;height:min-content}.myCharactersContainer button.characterCard{border-image:var(--border-select-glow);border-radius:var(--radius);width:500px;height:200px;font-size:var(--font-md);border-image-slice:25%;border-image-width:50px;grid-template-columns:3fr 3fr auto 1fr;grid-template-areas:"name name name settings""level talent1 none settings""ancestry talent2 none settings";padding:8px 8px 8px 16px;display:grid}.myCharactersContainer button.characterCard:hover{background-color:var(--accent);cursor:pointer}.characterCard div.cardName{text-align:left;font-size:var(--font-xl);overflow-x:none;text-wrap:wrap;grid-area:name;text-decoration:underline}.characterCard details.cardSettings{background-color:var(--chart-1);text-align:left;grid-area:settings;margin-bottom:8px;display:flex}.cardSettings summary{width:100%;list-style:none}.cardSettings summary:hover{background-color:var(--chart-2)}.characterCard div.cardLevel{grid-area:level}.characterCard div.cardAncestry{grid-area:ancestry}.characterCard div.cardTalent1{grid-area:talent1}.characterCard div.cardTalent2{grid-area:talent2}.confirmDelete{background-color:#00000040;width:100vw;height:100vh;position:absolute;top:0;left:0}.confirmDelete div.interface{width:30vw;height:20vh;font-size:var(--font-md);background-color:var(--card);color:var(--primary);position:relative;top:30vh;left:35vw}.page div.utilityPanel{background-color:var(--card);color:var(--primary);flex:2;padding:8px}.utilityPanel button.newCharacter{border:1px solid #000;width:100%;height:100px}.utilityPanel button.newCharacter:hover{background-color:var(--accent);cursor:pointer}