:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#222639dd;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:600px;overflow:hidden}#header{display:flex;align-items:center;justify-content:space-between;padding:.5em;background-color:#1a1a1a6b;border-radius:10px}#body{font-size:.7em;height:495px}#body>div>div{display:flex;align-items:center;justify-content:space-between;padding:.5em;background-color:#1a1a1a24;border-radius:10px;margin-top:.5em}#spell-page{background-color:#1a1a1a00;display:flex;flex-direction:column;justify-content:center;width:100%;height:100%}#spell-summary{flex-direction:column}#spell-summary h1{margin-bottom:0;margin-top:0;font-size:1.5em}#spell-summary>div.spell-page-header{margin-bottom:0;margin-top:.05em;display:flex;align-items:center;justify-content:space-between;width:100%;margin-left:0}#spell-summary>p{margin-left:.3em;margin-top:0;margin-bottom:.3em}#spell-summary>div{margin-left:.3em;margin-top:0;margin-bottom:.3em}#spell-summary>div.spell-level-sum{margin-left:0;margin-bottom:.6em}.spell-components-page{display:flex;flex-direction:row;margin-left:.3em;margin-top:0;margin-bottom:.3em;align-items:center}#spell-page>div#spell-description{overflow-y:scroll;height:100%;align-items:start;font-size:1.12em;line-height:1.5em;margin-top:0;margin-bottom:.3em;letter-spacing:.05em}#spell-page>div#spell-description>p{margin-left:.3em;margin-top:0;margin-bottom:.3em}#back-button{background-color:#1a1a1a;color:#fff;border:none;padding:.5em 1em;border-radius:8px;cursor:pointer;font-size:1.2em}#back-button:hover{background-color:#48484880}.spell-level-sum{display:flex;font-size:1.2em;font-style:italic}.spell-level-sum>p{margin:0 .3em}.spell-list-header{display:flex;align-items:center;justify-content:space-between;padding:.5em;background-color:#1a1a1a24;border-radius:10px;margin-top:.5em}.spell-list-header p{flex:1.5;margin:0;padding:.5em;font-weight:700;color:#ffffff9c;border-left:1px solid #ffffff12}.spell-list-header span{flex:5;border-left:none;font-weight:700;color:#ffffff9c}.spell-list{overflow-y:scroll;width:100%;height:100%}.spell-list p{flex:1.5}.spell-item{height:50px;justify-content:center;overflow:hidden;transition:.2s}.spell-item>div{flex:4;border-left:none;font-weight:700;padding-right:.5em}.name{width:100%}.spell-name{display:flex;align-items:center;justify-content:space-between;width:inherit}.component-label{padding:.2em .5em;border-radius:4px;font-size:.8em;margin-left:.3em;color:#fff;width:fit-content;height:fit-content;opacity:inherit}.component-labels-container{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;row-gap:.15em;width:45px;height:40px;transition:.2s}input{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#7575755d;color:#fff;transition:border-color .25s}.favorite{fill:#ccbe0000;stroke:#ccbe00;transition:.15s;overflow:visible}.favorite:active{width:25px;height:25px}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#f1f1f100}::-webkit-scrollbar-thumb{background:#8888884b;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#888888a2}button{border-radius:8px;border:1px solid transparent;font-size:1em;font-weight:500;padding:.3em .6em;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s;border-width:2px;border-color:#1a1a1a;display:flex;align-items:center;justify-content:center}[popover]:popover-open{background-color:#222639;border:none;padding:.5em;border-radius:8px;display:flex;flex-direction:column;align-items:center;gap:0em}[popover]:popover-open>div{max-height:300px;overflow-y:scroll}[popover]:popover-open::backdrop{background-color:#00000040}.managed-spell-list-item{display:flex;align-items:center;justify-content:space-between;padding:.5em;background-color:#1a1a1a24;border-radius:10px;gap:.5em}.managed-spell-list-item input[type=checkbox]{width:20px;height:20px}.managed-spell-list-item input[type=checkbox]:hover{cursor:pointer;background-color:#ffffff1a}.managed-spell-list-item button{color:red;background-color:transparent;border:none}.managed-spell-list-item button:hover{color:#ff000083}.managed-spell-list-item button:active{color:red}button:hover{border-color:#fff}button:active{background-color:#48484880}#blank-message{text-align:center;font-size:1.2em;color:#ffffff8f;margin-top:2em}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}