#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}header{display:flex;justify-content:center;position:absolute;width:100%;top:5rem;left:50%;transform:translate(-50%);pointer-events:none;user-select:none}header h1{font-size:3rem;line-height:3rem;font-weight:400;width:fit-content}@media only screen and (max-height: 640px) and (orientation: landscape){header{display:block;top:50%;bottom:unset;left:2rem;right:unset;transform:translateY(-50%);text-align:left}}.renderer-container{position:absolute;top:0;left:0;width:100dvw;height:100dvh}.settings-container{position:absolute;bottom:4rem;left:50%;transform:translate(-50%)}.settings-container .preference{display:grid;grid-template-columns:50% 50%;width:100%;margin:.5rem auto}.settings-container .preference label{user-select:none}.settings-container .preference :nth-child(1){justify-self:flex-end;margin-right:.5rem;width:max-content}.settings-container .preference :nth-child(2){justify-self:flex-start;margin-left:.5rem}.settings-container .preference div{display:flex}@media only screen and (max-height: 640px) and (orientation: landscape){.settings-container{top:50%;bottom:unset;left:unset;right:2rem;transform:translateY(-50%)}}:root{font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;background-color:#111}:root .App.dark-theme{color:#e6e6e6;background-color:#111}:root .App.light-theme{color:#213547;background-color:#fff}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100dvh}