#root{width:100%}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#000;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff}body{margin:0;display:flex;place-items:center;padding:5px;box-sizing:border-box}h1{font-size:3.2em;line-height:1.1}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.arrow-button{background-color:#fff;color:#000;border:none;padding:2px;text-align:center;display:inline-block;font-size:16px;border-radius:4px;font-weight:800}.arrow-button[disabled]{opacity:.2}.custom-button.hidden{display:none}.header{transition:all 1s ease-in-out}.white-header{color:#fff}.progress-bar-container{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:99vw;height:99vh;background-color:#000c;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1000}.loader-animation-container{width:60px;height:60px;border-radius:100%;background:linear-gradient(165deg,#fff,#dcdcdc 40%,#aaa 98%,#0a0a0a);position:relative}.loader-animation:before{position:absolute;content:"";width:100%;height:100%;border-radius:100%;border-bottom:0 solid #ffffff05;box-shadow:0 -3px 6px 6px #ffffff40 inset,0 -1px 4px 3px #ffffff50 inset,0 -1px 1px #ffffff80 inset,0 -1px 1px #fffb inset,0 1px #fff,0 1px 1px #fff,0 1px 1px #ffffff90,0 3px 4px #ffffff60,0 3px 6px 6px #ffffff40;filter:blur(3px);animation:2s rotate linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes load{0%{opacity:.08;filter:blur(5px);letter-spacing:3px}}.animate{color:#fff;display:flex;justify-content:center;align-items:center;margin-top:20px;font-family:Helvetica,sans-serif,Arial;animation:load 1.5s infinite 0s ease-in-out;animation-direction:alternate;text-shadow:0 0 1px white}.option-select{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2% 0}.optionSelect-header{display:flex;justify-content:center;place-items:center;padding:2% 0}.option-select>label{margin-bottom:2px}.option-select-box{display:flex;flex-direction:row;align-items:center;justify-content:center}.option-select-value{display:grid;place-items:center;min-width:100px;border:1px solid #ccc;cursor:pointer;border-radius:4px;margin:0 7px;padding:2px}.colour-select{position:relative;margin:5px 0;padding:3px 0;box-sizing:border-box;transition:all .3s ease-in-out}.colour-select.fade-out{opacity:0}.colour-select.fade-in{opacity:1}.colour-select:after{content:"";position:absolute;top:0;left:20%;width:60%;height:1px;background-color:#ccc}.colour-select-header{display:flex;align-items:center;justify-content:center}.colour-select-header>.span-1{font-size:small;font-style:italic}.colour-select-header>.span-2{font-size:large;font-weight:700}.colour-select-container{display:flex;flex-wrap:wrap;flex-direction:row;align-items:flex-start;justify-content:center;gap:.25rem;width:100%;padding:5px 10px 0 0;box-sizing:border-box;transition:all .3s ease-in-out}.colour-select-container.fade-out{opacity:0}.colour-select-container.fade-in{opacity:1}.colour-select-placeholder{visibility:hidden;height:30px;width:90px;transition:all .3s ease}.colour-select-group{display:flex;flex-direction:row;margin:5px 0;padding-right:5px;box-sizing:border-box}.colour-select-group>.row{display:flex;flex-direction:row;align-items:center;justify-content:center;border:1px solid #ccc}.colour-select-label{align-self:flex-start;font-size:small}.color-picker-container{position:relative;display:flex;align-items:center;margin-left:10px}.pagination-controls{padding-bottom:5px;box-sizing:border-box;display:flex;flex-direction:row;align-items:center;justify-content:center}.pagination-controls>span{margin:2px 0}.color-swatch{width:18px;height:18px;border:1px solid #ccc;cursor:pointer;border-radius:4px 4px 0 0}.popover{position:absolute;top:30px;right:0;z-index:10}.colour-input{display:block;box-sizing:border-box;padding:6px;border:1px solid #ddd;border-radius:0 0 4px 4px;background:#fff;outline:none;font:inherit;color:#000;text-transform:uppercase;text-align:center}.main-container{display:flex;flex-direction:row;justify-content:center;max-height:90vh}.start-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:65vw;height:100%}.scene-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden;padding:10px;box-sizing:border-box}.header-container{position:absolute;top:20px;left:20px}.controls-container{position:absolute;bottom:20px;left:20px;display:flex;flex-direction:column;gap:10px}.config-container{display:flex;flex-direction:column;height:100%;width:35vw;transition:all .3s ease-in-out}.config-container.hidden{display:none}.optionSelect-area{max-height:40%;padding:5px;overflow:hidden}.optionSelect-container{display:flex;flex-direction:column}.optionSelect-container>.row-1{flex:0 1 20%;max-height:20%}.optionSelect-container>.row-2{flex:1}.optionSelect-items{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:auto;gap:.5rem;width:100%;max-height:100%;overflow:hidden;padding:0 10px;box-sizing:border-box}.colourSelect-area{max-height:60%;width:100%;border-top:1px solid #ccc;margin:1rem 0;box-sizing:border-box}.colourSelect-container{width:100%;display:flex;flex-direction:column}.colourSelect-container>.row-1{flex:0 1 20%;max-height:20%}.colourSelect-container>.row-2{flex:1}