@import"https://fonts.googleapis.com/css2?family=Baskervville&family=Poppins:wght@200;400;500;600;800&family=VT323&display=swap";:root{--c-white: #faf9f5;--c-black: #262624;--c-gray: #7b7b7b;--c-accent: #b87333;--c-placeholder: var(--c-gray);--c-txtPrimary: var(--c-black);--c-bgPrimary: var(--c-white);background-color:var(--c-bgPrimary)}[data-theme=dark]{--c-txtPrimary: var(--c-white);--c-bgPrimary: var(--c-black)}#root{max-width:1600px;margin:0 auto;text-align:left}*,*:before,*:after{font-family:poppins,arial,sans-serif;color:var(--c-txtPrimary);text-decoration:none;-webkit-user-select:none;user-select:none;margin:0}.App{display:grid;grid-template-columns:1fr 3fr 1fr}.container{padding:1rem;border-radius:1rem;margin:1rem;border:2px solid;border-color:var(--c-txtPrimary)}.navbar{display:flex;justify-content:space-between;align-items:center;grid-column:1 / -1;position:relative}.navbar>div{display:flex;align-items:center;gap:.5rem;max-width:25%}.navbar .center-header{position:absolute;display:block;left:50%;transform:translate(-50%);width:40%;max-width:350px;text-align:center;z-index:100}.navbar .username{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.navbar .text-button{margin:0 .5rem}.sidebar,.content{display:flex;flex-direction:column}.detail{display:flex}.box{background-color:var(--c-bgPrimary);margin:1rem 0;padding-left:1rem;min-width:20%}.box.traits{max-width:40%}.box-buttons{display:flex;flex-direction:column;padding-top:1rem}.draggable{border-radius:1rem;padding:.5rem;margin:.5rem;border:2px solid;border-color:var(--c-txtPrimary);background-color:var(--c-bgPrimary)}.dragging{z-index:900}.droppable{padding-bottom:2rem;display:flex;flex-direction:column;justify-content:space-between}.inline-trait{display:flex;align-items:center}.subtrait{margin-left:1rem}.rubbish-pile{position:fixed;text-align:center;bottom:0;left:0;background-color:var(--c-bgPrimary);z-index:800}.rubbish-pile .active{width:100%;height:100%;max-width:250px;max-height:100px;border-radius:1rem;padding:1rem;border:2px dashed var(--c-txtPrimary)}.rubbish-pile .icon svg{fill:var(--c-placeholder)}.rubbish-pile .active .icon{width:72px;height:72px}.rubbish-pile .active .icon svg{fill:var(--c-accent);width:72px;height:72px}ul,li{list-style-position:outside;text-align:left;list-style-type:none;padding-left:0;margin-left:0;cursor:pointer}li{display:flex;align-items:center}.navbar h1{color:var(--c-accent)}.inline-trait{padding-left:0;transition:padding-left .15s ease}.inline-trait .drag-handle{width:0;opacity:0;margin-right:0;transition:all .15s ease;overflow:hidden}.inline-trait:hover .drag-handle{width:24px;opacity:1;margin-right:8px}.landing-page{display:flex;justify-content:center;padding:2rem;max-width:600px;line-height:2}.ProseMirror ul,.ProseMirror ol{list-style-position:inside;padding-left:1.5rem;margin:.5rem 0}.ProseMirror ul li{list-style-type:disc;display:list-item}.ProseMirror ol li{list-style-type:decimal;display:list-item}input{font:inherit;text-align:left;border:2px solid var(--c-txtPrimary);width:100%;background-color:var(--c-bgPrimary);border-radius:1rem;padding:.5em 1em;box-sizing:border-box;max-width:600px}button{cursor:pointer;border:none;background-color:var(--c-bgPrimary)}button.text-button{font-size:1rem;font-family:inherit;padding:.75rem 1.5rem;margin:.5rem;border-radius:1rem;border:2px solid var(--c-txtPrimary)}button.delete-button{background-color:#620000}.clickable{cursor:pointer;transition:color .15s}.clickable:hover{color:var(--c-accent)}.icon{width:24px;height:24px;display:inline-block;transition:transform .15s}.icon svg{fill:var(--c-txtPrimary);transition:fill .15s}.icon.expanded{transform:rotate(90deg)}svg:hover{fill:var(--c-accent)}.dropdown{position:absolute;top:100%;left:0;z-index:10000;width:100%;background-color:var(--c-bgPrimary);border-radius:1rem;border:1px solid var(--c-txtPrimary)}[data-placeholder]:empty:before,.ProseMirror p.is-editor-empty:first-child:before,::placeholder{color:var(--c-placeholder);font-style:italic;pointer-events:none}[data-placeholder]:empty:before,.ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder)}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:var(--c-bgPrimary);display:flex;flex-direction:column;padding:20px;border-radius:8px;text-align:center}