body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:16px;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}button.btn{cursor:pointer}div.inventory{--grid-layout-gap:.5rem;--grid-column-count:2;--grid-item-min-width:200px;--gap-count:calc(var(--grid-column-count) - 1);--total-gap-width:calc(var(--gap-count)*var(--grid-layout-gap));--grid-item-max-width:calc((100% - var(--total-gap-width))/var(--grid-column-count));overflow:hidden}div.inventory header h2{display:flex;margin:0}div.inventory header span{margin-left:auto}div.inventory header span button{height:100%;margin-left:.25rem}div.inventory ol{grid-gap:var(--grid-layout-gap);display:grid;grid-template-columns:repeat(auto-fill,minmax(max(var(--grid-item-min-width),var(--grid-item-max-width)),1fr));list-style:none;overflow-y:scroll;padding:0}div.inventory li{background:var(--color-primary);border:1px solid gray;border-radius:5px;box-sizing:border-box;color:var(--color-surface);display:flex;padding:1rem;width:100%}div.inventory li span{text-wrap:nowrap;margin-right:auto;overflow:hidden;text-overflow:ellipsis}div.inventory li button{margin-left:.25rem;width:1.5rem}div.inventory .inventory-item-preview{background:var(--color-primary);border:1px solid gray;border-radius:5px;box-sizing:border-box;color:var(--color-surface);display:flex;opacity:.5;padding:1rem}div.inventory .inventory-item-preview span{text-wrap:nowrap;margin-right:auto;overflow:hidden;text-overflow:ellipsis}div.inventory .inventory-item-preview button{margin-left:.25rem;width:1.5rem}@media(max-width:800px){div.inventory{--grid-layout-gap:.125rem;padding:.25rem}div.inventory ol{margin:.25rem 0}div.inventory .inventory-item-preview,div.inventory li{padding:.25rem .5rem}}div.chapter-controls{display:flex}div.chapter-controls h2{margin:0}div.chapter-controls span{margin-left:auto}div.chapter-controls button{background:#fff;border:1px solid gray;border-radius:5px;cursor:pointer;margin-left:.25rem}div.component.container ul.component-selection{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(2,1fr);list-style-type:none;padding:0}div.component.container ul.component-selection li,div.component.container ul.component-selection li button{text-wrap:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}div.component.container ul.component-selection li button{background:var(--color-primary);font-size:1rem;padding:1rem}@media(max-width:800px){div.component.container{padding:.25rem}div.component.container ul.component-selection{gap:.125rem;margin:.25rem 0}div.component.container ul.component-selection li button{padding:.125rem}}:root{--color-primary:#eee;--color-primary-variant:blue;--color-secondary:#aaa;--color-secondary-variant: ;--color-surface:#222;--color-error:#b00020}div.App{background:#111;color:#eee;color:var(--color-primary);display:flex;flex-direction:column;font-size:16px;height:100dvh;width:100vw}div.app{display:flex;gap:1rem;height:100%;overflow:hidden;padding:1rem}@media(max-width:640px){div.app{flex-direction:column;gap:.25rem;padding:.25rem}}button{background:#eee;background:var(--color-primary)}.container,button{border:1px solid #aaa;border:1px solid var(--color-secondary);border-radius:5px}.container{background:#222;background:var(--color-surface);display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:1rem}[draggable=true]{cursor:grab}h2{font-size:1.125rem;line-height:1.125rem}
/*# sourceMappingURL=main.86ec38dd.css.map*/