:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:300;color:#ffffffde;background:#2e3444;width:100%;height:100%}body{width:100%;height:100%;margin:0}.body-content{box-sizing:border-box;min-width:500px;min-height:500px;width:100%;height:100%;margin:0;align-content:stretch;display:grid;grid-template-columns:[side] 300px [main] 1fr;grid-template-rows:[header] 5rem [main] 1fr}.body-content>div,.body-content>h1,.body-content>header{padding:1rem;box-sizing:border-box}.body-content>h1.title{grid-column:side;grid-row:header;font-size:29px;margin:0;text-align:center}.body-content>h1.title,.body-content .controls{border-right:5px slategrey groove}.body-content>.navbar{grid-row:header;grid-column:main;display:flex;justify-content:space-between;font-weight:700;border-bottom:5px slategrey groove;font-size:1.25rem}.body-content>.navbar select,.body-content>.navbar button{font-size:inherit;height:2.5rem}.body-content>.navbar .btn-icon{vertical-align:bottom}#app{background:#202530;grid-area:main;grid-row:main;width:100%;height:100%;position:relative;padding:0;overflow:hidden}#app #ivoire-display{width:100%;height:100%;box-sizing:border-box;cursor:grab}#app #load-progress{position:absolute;top:0;left:0;width:100%;margin-top:-.25rem}#app .view-controls{position:absolute;top:0;left:0;padding:.25rem}#app .view-controls button{font-size:1.5rem}.controls{grid-row:main;grid-column:side;display:flex;flex-direction:column;text-align:start;overflow:hidden}.controls h1{margin-bottom:4rem}.controls .tab-buttons{width:calc(100% + 2rem);display:flex;align-items:stretch;margin:.5rem -1rem;box-sizing:border-box;border-style:solid;border-color:#15213a;border-width:0 0 3px 0;padding:0 1rem}.controls .tab-buttons button{font-size:1.1rem;font-weight:700;padding:.4rem;border-radius:.5rem .5rem 0 0;border-color:#15213a;border-width:3px 3px 0 3px;cursor:pointer;color:inherit;background-color:#3c4763;flex:auto}.controls .tab-buttons button[disabled]{cursor:default;background-color:#363a45;color:silver}.controls .tab-buttons button[disabled].selected{color:inherit;margin-bottom:-4px;padding-bottom:calc(.4rem + 4px);background-color:#2e3444}.controls .tab-buttons button:not(.selected){border-left-color:transparent;border-right-color:transparent;border-top-color:transparent}.controls .input-box{display:flex;flex-direction:column;text-align:start;position:relative;width:100%}.controls .input-box .button-input-edit{right:0;top:0;position:absolute}.controls:not([data-phase]) *[data-phase]{display:none!important}.controls label{margin-top:.5rem}.controls pre{white-space:pre-wrap;word-break:break-all}.controls .description-container{margin-top:1rem;overflow-y:auto}.controls .description-container h3{margin-top:0}.controls option.action{font-style:italic}.controls .lightball-container{width:250px;position:relative;align-self:center;margin-top:auto}.controls .lightball-container #ivoire-lightball,.controls .lightball-container .lightball-controls{width:200px;height:200px}.controls .lightball-container #ivoire-lightball.lightballEdit{opacity:.75;pointer-events:none}.controls .lightball-container .lightball-buttons-container{display:flex;flex-direction:column;position:absolute;top:0;right:0}.controls .lightball-container .lightball-controls{position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center}.controls .lightball-container .lightball-controls>div{display:grid;grid-template-columns:1fr 1fr}.controls .lightball-container .lightball-controls input[type=range]{grid-column:1/3;margin-bottom:1rem}.controls .export-panel{display:flex;flex-direction:column;align-items:start}.controls .export-panel .export-area-matrix{width:100%;text-align:center;display:grid;grid-template-columns:auto 1fr 1fr 1fr;grid-column-gap:.25rem;align-items:baseline}.controls .export-panel .export-area-matrix input[type=number]{width:100%;margin:.25rem;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.controls .export-panel .export-area-matrix input[type=number]:disabled{background:silver;color:#000}.drop-shadow{box-shadow:6px 6px 4px -1px #0003,0 0 1px 1px #0003}dialog{background:#fff;padding:1rem;min-width:300px;width:max-content;max-width:min(1200px,90vw);max-height:80vh;text-align:center;border:none;border-radius:1rem}dialog::backdrop{background:#00000040}dialog a{color:#3f4e6e}dialog#export-success img{max-height:65vh}dialog#message{background:#483d8b;color:#fff;padding:1rem;border-radius:1rem;max-width:80%}dialog#message h1{padding-top:0}dialog#message pre{text-align:start;white-space:pre-wrap}dialog#create-inmemory form{display:grid;grid-template-columns:1fr 1fr;column-gap:1rem;row-gap:.5rem;margin-bottom:1rem;justify-items:start}dialog#create-inmemory form label{justify-self:end}dialog#documentation{text-align:start;padding:3rem;overflow:hidden}dialog#documentation button[type=reset]{position:absolute;top:1rem;right:1rem}dialog#documentation .logos{width:100%;display:flex;justify-content:center}dialog#documentation .logos img{height:8rem;margin-right:2rem}dialog#documentation .content{height:70vh;overflow-y:auto;padding:0 7rem}dialog#documentation .content dt{font-weight:700}.hidden{display:none!important}*[v-cloak]>*{visibility:hidden!important}.btn,.btn-close,.btn-dark{font-size:inherit;padding:.4rem;border:none;box-shadow:.15rem .15rem 4px #00000080;margin:.25rem;border-radius:.25rem;cursor:pointer;color:inherit}.btn:hover,.btn-close:hover,.btn-dark:hover{position:relative;transform:translate(.05rem,.05rem);box-shadow:.1rem .1rem 4px #00000080}.btn:active,.btn-close:active,.btn-dark:active,.btn.toggled,.toggled.btn-close,.toggled.btn-dark{position:relative;transform:translate(.15rem,.15rem);box-shadow:0 0 2px #00000080}.btn-dark{background-color:#3f4e6e}.btn-dark:hover{background-color:#3b4967}.btn-dark:active,.btn-dark.toggled{background-color:#374460}.btn-close{background-color:#708090;color:#fff;font-weight:700;padding:.6rem}.btn-icon .icon{vertical-align:top;font-size:1.5em}.btn-slim{padding:.15rem}.icon{display:inline-block;width:1em;height:1em;margin-bottom:-.1em}*[data-icon]{display:none!important}a{color:#87cefa}
