#root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100vw;height:100vh}body{margin:0;display:flex;place-items:center;width:100vw;height:100vh}.page-root{width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}:root{--light-gray1: #aaa;--light-gray2: #888;--light-gray3: #666;--gray1: #303030;--gray2: #242424;--gray3: #202020;--gray4: #181818;--dark-red: #690505;--dark-green: #115533;--blue1: #3333cc;--blue2: #6060cc;--blue3: #8080cc;--page-background: #f3f3f3;--text: #101010;--table-header-background: #eaeaea;--table-background: #f0f0f0;--table-background-even: #efefef;--table-background-hover: #ffffff;--table-borders: #cccccc;--item-text: #909090;--inputfield-background: #dddddd}.mini-shadow{box-shadow:3px 3px 6px #73737326}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .2s ease-out forwards}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.disabled{pointer-events:none;opacity:.5}.header{height:160px;width:100%;background-color:var(--gray2)}.background{flex:1;width:100%;background-color:var(--gray1)}.project-list{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:60%;gap:10px}.project{width:250px;padding:10px 30px;cursor:pointer;background-color:var(--gray3);text-align:center}.project:hover{background-color:var(--gray1)}.logout-button{margin-top:30px;color:red;cursor:pointer}.input-wrapper{display:flex;flex-direction:column;gap:.5rem;width:20%}.title{color:#aaa;font-size:1rem}.input_field{border-radius:.2rem;border-color:#aaa;border-style:solid;font-size:1rem;width:100%;padding:.5rem;background-color:#242424;transition:background-color .1s}.input_field:focus{background-color:#202020}.input_field:hover{background-color:#202020}.error{min-height:1.5rem;color:red;font-size:1rem}.button{cursor:pointer;align-self:center;text-align:center;border-radius:.2rem;background-color:#aaa;color:#222;font-size:1rem;width:50%;padding:.5rem;transition:background-color .1s}.button:hover{background-color:#888;color:#111}#login_page{display:flex;flex-direction:column;gap:10px;justify-content:center;align-items:center}#profile-circle{border-radius:50%;width:8rem;height:8rem;background-color:#333;display:flex;justify-content:center;flex-direction:column;align-items:center;margin-bottom:2rem}#profile-icon{width:3rem;object-fit:contain}.link-text{cursor:pointer;color:#55a}.link-text:hover{color:#77c}#status_page{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}#loading{object-fit:contain;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.page{background-color:#242424;width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.header{width:100%;height:64px;background-color:#202020;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:50px}.header-logo{margin-left:50px;width:48px;height:48px;object-fit:contain}.header-title{font-size:2rem;color:#fff}.section{flex:1;width:100%;min-height:100px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;overflow:hidden}.heading{width:90%;text-align:left;font-size:2rem;font-weight:700;color:#ccc}.search-bar{background-color:#181818;font-weight:400;cursor:text;outline:none;border:none;display:flex;justify-content:center;flex-direction:column;align-items:center;height:48px;padding:0 1rem;font-size:1.2rem}.search-container{width:300px;height:48px;display:flex;flex-direction:column;justify-content:flex-start}.search-scroller{translate:0 48px;width:300px;height:300px;overflow-y:scroll;overflow-x:hidden;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;position:absolute}.search-item{height:48px;width:100%;cursor:pointer;display:flex;flex-direction:row;justify-content:space-between;align-items:center;background-color:#555;transition:background-color .1s ease}.search-item-name{font-size:100%;margin-left:1rem}.satis-button{background-color:#181818;color:#d3d3d3;cursor:default;font-weight:400;display:flex;flex-direction:column;justify-content:center;text-align:center;height:48px;width:200px;font-size:1.2rem}.satis-button.enabled{background-color:#335;color:#fff;cursor:pointer}.satis-button.enabled:hover{background-color:#446}.header-row{background-color:var(--gray3);flex:1;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 40px;height:8vh}.header-item{display:flex;flex-direction:row;justify-content:flex-start;gap:20px;align-items:center}.header-button{font-size:.9rem;color:var(--gray2);cursor:pointer;background-color:var(--light-gray2);width:90%;padding:5px 0;text-align:center}.header-button:hover{background-color:var(--light-gray1)}.left-hand-menu-container{width:100%;height:92vh;display:flex;flex:1;justify-content:flex-start}.left-hand-menu{width:12%;background-color:var(--gray4);display:flex;flex-direction:column;justify-content:flex-start;gap:20px;padding-top:20px}.menu-section{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:5px}.menu-body{display:flex;flex:1}.stat-row{display:flex;flex-direction:row;justify-content:flex-start;flex:1;padding:40px;gap:40px}.dice-stat-container{display:flex;flex-direction:column;flex:1;max-width:30%}.dice-stat-text{font-weight:700;display:flex;flex-direction:row;justify-content:space-between}.dice-stat-result{font-weight:400}.dice-graph-container{display:flex;flex-direction:column;border:1px solid var(--light-gray2);overflow-y:auto;transition:height .3s ease-out;max-height:80vh}.graph-row{display:flex;flex-direction:row;align-items:center}.graph-line{min-width:2px;min-height:3px;width:2px;background-color:#55a;transition:width .3s ease-in-out}.graph-total{font-size:1rem;padding:2px 5px}.graph-number{min-width:30px;font-size:1rem;padding:2px 0;text-align:center;background-color:var(--gray1)}#graph-reduce{min-width:30px;cursor:pointer}#graph-reduce:hover{background-color:var(--dark-red)}#graph-add{min-width:30px;cursor:pointer}#graph-add:hover{background-color:var(--dark-green)}.search-bar{background-color:#181818;font-weight:400;cursor:text;outline:none;border:none;display:flex;justify-content:center;flex-direction:column;align-items:center;height:2.5rem;font-size:1rem}.search-container{width:300px;height:2.5rem;display:flex;flex-direction:column;justify-content:flex-start}.search-scroller{translate:0 2.5rem;width:300px;height:300px;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;position:absolute;z-index:10}.search-item{height:2.5rem;min-height:2.5rem;width:100%;cursor:pointer;display:flex;flex-direction:row;justify-content:space-between;align-items:center;background-color:#555;transition:background-color .1s ease;z-index:10;overflow:hidden}.search-item:hover{background-color:#333}.search-item.selected{background-color:#335}.search-item-name{font-size:100%;margin-left:1rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis;line-height:2rem;max-height:2.4rem;width:100%}.search-item-image{height:75%;aspect-ratio:1 / 1;object-fit:contain;margin-right:1rem}.stat-background{border-style:solid;border-width:1px;overflow:hidden;border-color:var(--light-gray3);flex:1}.stat-header{display:flex;flex-direction:row;width:100%;background-color:var(--gray1)}.header-item{display:flex;flex-direction:row;justify-content:center;align-items:center;margin:0 30px}.die-button{padding:6px;min-width:100px;font-size:.9rem;cursor:pointer;text-align:center;background-color:var(--light-gray3);border-width:0 1px;border-style:solid;border-color:var(--gray1)}.die-button:hover{background-color:var(--light-gray2)}.die-button.selected{background-color:var(--light-gray1)}.homebrew{display:flex;flex:1;width:100%;height:100%}.dot-grid{display:grid;width:100%;height:100%}.dot-cell{position:relative}.dot-cell:hover{background-color:var(--blue3);border-radius:4px;outline:2px solid var(--blue1);opacity:.5}.dot-cell.selected{background:#0080ff33}.ei-page{display:flex;flex-direction:column;height:100vh;width:100vw}.ei-header{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;width:100vw;background-color:var(--gray3);border-width:0 0 3px 0;border-style:solid;border-color:var(--gray1);position:absolute;top:0;z-index:5;max-height:8vh;overflow-y:hidden;transition:max-height .5s ease}.ei-header:hover{max-height:50vh}.ei-header-item-container{display:flex;flex-direction:column;justify-content:flex-start;align-items:start;padding:2.2vh 2.5vw;gap:2.5vh}.ei-header-text{color:var(--light-gray1);cursor:pointer;transition:opacity .1s;text-decoration:none}.ei-header-text.hidden{opacity:.3}.ei-header-text:hover{color:#fff}.ei-header-item-parent{font-size:1.2rem;border-bottom:1px solid var(--light-gray3);padding:0 5px 5px}.ei-header-item-child{font-size:1rem}.ei-header-item-child-group{display:flex;flex-direction:column;justify-content:flex-start;align-items:start;gap:10px}.ei-header-item-child-cage{flex-direction:row;display:flex;gap:1.5rem}.ei-body{width:100vw;min-height:92vh;max-height:92vh;overflow-y:auto;background-color:var(--gray2);position:absolute;bottom:0;z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:center;background-image:url(/files/ei/hd_fantasy.jpg);background-size:cover;background-repeat:no-repeat;background-position:center}.ei-content-container{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;max-height:92vh;overflow-y:auto}.ei-toc-panel-container{top:8vh;left:10vw;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:10vw;position:absolute}.ei-content{display:flex;flex-direction:column;min-height:calc(92vh - 100px);background-color:var(--page-background);width:50vw;min-width:300px;padding:50px}.edit-row{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:3px 20px;width:90%}.checkbox-row{margin-top:20px;display:flex;flex-direction:row;gap:10px}.edit-button{background-color:var(--light-gray2);padding:5px 60px;margin:5px;cursor:pointer;border-radius:2px}.edit-button:hover{background-color:var(--light-gray1)}.ei-editor{margin:20px 0;width:100%;height:75vh}:root{--markdown-scale: 1}.markdown-editor{background-color:var(--table-background);color:var(--text)}.markdown-content{color:var(--text);font-size:calc(1rem * var(--markdown-scale, 1));line-height:calc(1.5rem * var(--markdown-scale, 1))}.markdown-content h1{font-size:calc(2.2rem * var(--markdown-scale, 1));margin:calc(1rem * var(--markdown-scale, 1)) 0}.markdown-content h2{font-size:calc(1.8rem * var(--markdown-scale, 1));margin:calc(.9rem * var(--markdown-scale, 1)) 0}.markdown-content h3{font-size:calc(1.5rem * var(--markdown-scale, 1));margin:calc(.8rem * var(--markdown-scale, 1)) 0}.markdown-content h4{font-size:calc(1.2rem * var(--markdown-scale, 1));margin:calc(.6rem * var(--markdown-scale, 1)) 0}.markdown-content p,.markdown-content li{font-size:calc(1rem * var(--markdown-scale, 1));line-height:calc(1.4rem * var(--markdown-scale, 1))}.ei-editor-container{height:auto;min-height:92vh;display:flex;flex-direction:column;gap:1rem}.ei-editor-bar{display:flex;flex-direction:row;width:100%;justify-content:space-between;align-items:flex-start}.name-container{padding:10px 20px 10px 0;margin-right:20px;border-width:0 0 1px 0;border-style:solid;border-color:var(--table-borders);font-size:2rem;font-weight:700;color:var(--text);max-width:40%}.editor-input{background-color:var(--table-header-background);outline:none;border:none;color:var(--text);font-size:1rem;height:30px;fill:var(--item-text);text-align:center;justify-content:center}.editor-check[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border:2px solid var(--item-text);color:var(--text);border-radius:2px;background-color:var(--table-header-background);cursor:pointer}.editor-check[type=checkbox]:checked:after{content:"✔";color:var(--text);font-size:14px;position:relative;bottom:33%;left:0}.editor-markdown-field{width:100%;height:50vh}.description{max-width:100%;max-height:200px;height:200px}.editor-text-input{background-color:transparent;outline:none;border:solid 1px var(--item-text);color:var(--text);font-size:.9rem;padding:4px 20px;width:180px;fill:var(--item-text);text-align:left;justify-content:center}.editor-text-selector{background-color:transparent;outline:none;padding:4px 20px;border:solid 1px var(--item-text);color:var(--text);font-size:.9rem;fill:var(--item-text);text-align:left;justify-content:center}.editor-text-display{background-color:transparent;outline:none;color:var(--text);font-size:.9rem;padding:4px 20px;text-align:left;justify-content:center}.editor-button{color:var(--text);fill:var(--text);font-size:.9rem;padding:4px;background-color:color-mix(in srgb,var(--item-text) 50%,transparent);text-align:left;display:flex;flex-direction:row;justify-content:space-between;border-radius:5px;align-content:center;cursor:pointer}.editor-row{display:flex;flex-direction:row;align-content:center;justify-content:flex-start;align-items:center;gap:20px}.editor-column{display:flex;flex-direction:column;align-items:flex-start;align-content:center}.ei-viewer-container{height:100%;flex:1}.ei-viewer-bar{display:flex;flex-direction:row;width:100%;justify-content:space-between;align-items:flex-start}.name-container{padding-bottom:5px;padding-right:80px;border-width:0 0 1px 0;border-style:solid;border-color:var(--table-borders);font-size:1.8rem;font-weight:700;color:var(--text)}.small-info-container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;gap:10px 80px;max-width:50%}.small-info{display:flex;flex-direction:row;gap:20px;align-items:center;align-content:center;color:var(--item-text);fill:var(--item-text)}.viewer-markdown{background-color:var(--table-background)}.char-viewer-container{display:flex;flex-direction:column;width:100%;height:100%;color:var(--text)}.cv-name{margin:5px}.cv-row{display:flex;flex-direction:row;justify-content:space-between}.cv-column{display:flex;flex-direction:column;gap:10px}.cv-border{border:1px solid var(--item-text);border-radius:2px}.cv-editable-field{position:relative;display:flex;justify-content:center;align-items:center;border:1px solid var(--item-text);border-radius:2px;text-align:center;cursor:pointer}.cv-value{flex:1 1 100%;text-align:center;width:100%}.cv-no-events{pointer-events:none}.cv-editable-field-icon{position:absolute;right:.5rem;top:.5rem;display:flex;flex-direction:column;justify-content:flex-start;opacity:0}.cv-editable-field:hover .cv-editable-field-icon{opacity:1}.scores-and-skills-column{display:flex;flex-direction:column;gap:2rem}.scores-and-skills-row{display:flex;flex-direction:row}.score{width:70px;height:70px;font-size:2rem}.score-title{position:absolute;bottom:-1.5rem;font-size:1rem;color:var(--text)}.skill-value{text-align:center;max-width:40px}.skills-column{display:flex;flex-direction:column}.skill{width:140px;border:none;font-size:.8rem;justify-content:flex-start}.skill-title{font-size:.8rem}.hp-container{display:flex;flex-direction:column;width:140px;gap:2px}.hp-box{display:flex;flex-direction:column}.current_hp_value{font-size:2rem}.max-box{height:0;border:none;width:40px;align-self:flex-end;translate:0 -2rem;color:var(--item-text)}.max-title{position:absolute;left:0;color:var(--item-text)}.temp-title{position:absolute;right:1rem}.list-column{display:flex;flex-direction:column;gap:20px}.resistances-container{display:flex;flex-direction:column;width:140px;gap:8px}.resistances-container-title{font-size:1rem;min-width:100%}.resistances-column{width:140px}.resistance-container-box{width:140px;border:none}.resistance-box{border:none}.resistance-value{text-align:right;font-size:14px;padding-right:5px}.resistance-title{position:absolute;left:5px;font-size:14px}.no-value{width:0}.character-editor-menu{position:absolute;display:flex;flex-direction:column;background-color:var(--table-header-background);min-width:200px;min-height:100px;z-index:1000}.character-editor-menu-header{display:flex;flex-direction:row;width:100%;height:30px;justify-content:space-between;align-items:center;background-color:var(--table-borders)}.character-editor-window-title{padding-left:10px;font-size:1rem;color:var(--text);cursor:default}.character-editor-button{height:20px;width:20px;display:flex;justify-content:center;align-content:center;cursor:pointer;background-color:var(--item-text);border-radius:2px;margin-right:5px}.character-editor-button:hover{background-color:color-mix(in srgb,var(--item-text) 60%,transparent)}.character-editor-menu-content{display:flex;flex-direction:column}.menu-content{display:flex;flex-direction:column;padding:10px;gap:5px}.menu-item{display:flex;flex-direction:row;gap:10px}.menu-input{font-size:.8rem;width:100px;background-color:transparent;outline:none;text-decoration:none;border:1px solid var(--table-borders);color:var(--text)}.menu-item-label{font-size:.8rem;color:var(--text)}.menu-item-button{cursor:pointer;padding:2px 5px;background-color:var(--table-borders)}.menu-item-button:hover{background-color:color-mix(in srgb,var(--table-borders) 80%,transparent)}.collapsible{width:100%}.collapsible-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:color-mix(in srgb,var(--table-borders) 30%,transparent);border-radius:6px;border:none;cursor:pointer;-webkit-user-select:none;user-select:none;text-align:left}.collapsible-title{font-size:1.2rem;color:var(--text)}.collapsible-arrow{transition:transform .25s ease;color:var(--text)}.collapsible.is-open .collapsible-arrow{transform:rotate(180deg)}.collapsible-content{overflow:hidden;height:0;transition:height .3s ease}.collapsible-row{display:flex;gap:40px;flex-direction:row}.collapsible-inner{background:#fff;padding:12px;border-radius:0 0 6px 6px;border:1px solid #e6e6e6;border-top:none}#root{--table-header-background: #ffffff;--table-background: #efefef;--table-background-even: #eeeeee;--table-background-hover: #fcfcfc}.table-container{display:flex;flex-direction:column;gap:10px}.table-bar{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;width:100%;gap:50px}.table-searchbar{fill:var(--text);color:var(--text);display:flex;flex-direction:row;align-items:center;gap:10px;padding-left:10px;background-color:var(--table-header-background);width:35%}.table-searchbar-input{color:var(--text);background-color:transparent;padding:8px 8px 8px 2px;width:100%;outline:none;border:none;text-decoration:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:.9rem}.table-small-input{color:var(--text);padding:4px 8px;background-color:var(--table-background);outline:none;border:none;text-decoration:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:.8rem}.table-bar-button{background-color:var(--table-header-background);display:flex;color:var(--text);flex-direction:row;align-items:center;gap:10px;padding:6px 30px 6px 10px;font-size:.9rem;cursor:pointer}.table-bar-button:hover{background-color:var(--table-background)}.alignment-text{margin:0;padding:0;color:var(--text);font-size:.6rem;min-width:1rem}.filter-button{cursor:pointer;padding:4px;background-color:var(--table-background-even);border:var(--table-background-even) 1px solid}.filter-button:hover{background-color:transparent}.table-filter-dropdown{position:absolute;top:calc(100% + 1px);left:0;background-color:var(--table-header-background);border:var(--table-background-even) 1px solid;max-height:480px;min-width:200px;overflow-y:auto}.filter-wrapper{position:relative;display:inline-block}.filter-item{padding:4px;background-color:var(--table-background);display:flex;justify-content:space-between;align-items:center;flex-direction:row}.filter-item:hover{background-color:var(--table-header-background)}.table-wrapper{max-height:75vh;min-height:50vh;overflow-y:auto}table{width:100%;border-collapse:collapse;margin:0;font-size:.9rem;overflow-y:auto}thead{position:sticky;top:0;background-color:var(--table-header-background);text-align:left;color:var(--text);fill:var(--text)}thead tr:hover{background-color:inherit}.table-header-item{position:relative;display:inline-flex;flex-direction:row;align-items:center;align-content:center;gap:5px}th,td,tr{padding:.75rem 1rem;color:var(--text)}tr:nth-child(2n){background-color:var(--table-background-even)}.clickable-row:hover{cursor:pointer;background-color:var(--table-background-hover)}