@font-face{font-family:Rubik;src:url(../fonts/Rubik-VariableFont_wght.ttf)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{font-family:Rubik,Arial,Helvetica,sans-serif;position:fixed;top:0;left:0;min-width:300px;width:100%;height:100%;background:rgb(231,200,143);background:linear-gradient(0deg,rgba(231,200,143,1) 0%,rgba(194,194,194,1) 38%,rgba(0,212,255,1) 100%);font-size:16pt}h1,h2,h3,h4{font-weight:500}button{pointer-events:auto}.test-flag-indicator{position:fixed;top:0;left:0;background-color:#ff4444e6;color:#fff;padding:4px 12px;font-family:monospace;font-size:14px;font-weight:700;z-index:9999;pointer-events:none}.label>div{font-family:Helvetica,Arial;position:absolute;background:#00000088;color:#fff;padding:15px;white-space:nowrap;overflow:hidden;border-radius:30px;-webkit-user-select:none;user-select:none}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:none;z-index:999;pointer-events:none;display:flex;justify-content:center;align-items:center;flex-direction:row}.rounded-button{font-family:Rubik;background-color:#212223;color:#fff;border:none;font-size:12pt;display:flex;justify-content:center;align-items:center;border-radius:36px;padding:0 1em;height:40pt;cursor:pointer}#root{display:grid}.dialog-box{display:flex;flex-direction:column;align-items:center;row-gap:10px;padding:30pt;margin:20px;background-color:#fff;-webkit-box-shadow:0px 12px 20px -5px rgba(0,0,0,.45);box-shadow:0 12px 20px -5px #00000073;border-radius:10px}.dialog-box>.button-container{display:flex;flex-direction:row;justify-content:center;column-gap:20px;margin-top:20px}.dialog-box>.button-container>*:first-child{border:3px solid black;color:#000;background-color:#fff}.dialog-box>.dialog-box-text{position:relative}.dialog-box>.dialog-box-text>#setup-warning-icon{height:1em;fill:#feca57;margin-bottom:-.125em;margin-right:.25em}.ui-container{pointer-events:none;position:absolute;width:100%;height:100%;padding:20px;display:grid;grid-template-columns:minmax(auto,2em) minmax(1em,1fr) auto minmax(1em,1fr) minmax(auto,2em);grid-template-rows:2em 2em minmax(2em,1fr);grid-template-areas:"additional-info additional-info additional-info .                 util-buttons" ".               .               .               .                 util-buttons" "scene-ui        scene-ui        scene-ui        scene-ui          scene-ui";gap:.5em}.ui-container>*{pointer-events:all}.ui-container .button{display:flex;justify-content:center;align-items:center;width:auto;padding:.5em;background-color:#2d3436;color:#fff;-webkit-box-shadow:0px 3px 3px rgba(0,0,0,.5);box-shadow:0 3px 3px #00000080;line-height:1em;font-family:Rubik;border-radius:.5em;-webkit-user-select:none;user-select:none;cursor:pointer}.ui-container .button.selected{border:2px solid currentColor;padding:calc(.5em - 2px)}.ui-container .button:hover{text-decoration:underline solid currentColor .1em}.util-buttons{grid-area:util-buttons;display:grid;grid-auto-columns:1fr;grid-auto-rows:2em;row-gap:inherit}.util-buttons>*{pointer-events:all}.fullscreen-button>img{width:1em;height:1em;filter:invert(1)}.fullscreen-button:hover{background-color:#ffffff80}.orientation-button>img{filter:invert(1);width:1em;height:1em}.orientation-button:hover{background-color:#ffffff80}.overview-button>img{filter:invert(1);width:1em;height:1em}.overview-button:hover{background-color:#ffffff80}.scene-ui{grid-area:scene-ui;align-self:end;justify-self:center;max-width:30em;display:grid;grid-template-columns:1fr;grid-auto-rows:2em;gap:inherit}.additional-info{grid-area:additional-info;display:flex;justify-content:start}.season-buttons-container{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:2em;align-items:stretch;gap:inherit}.season-buttons-container .season-button{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto;gap:inherit}.season-button-icon,.season-button-text{display:flex;justify-content:center;align-items:center}.season-buttons-container .spring{color:#ff9ff3}.season-buttons-container .summer{color:#feca57}.season-buttons-container .autumn{color:#ff6b6b}.season-buttons-container .winter{color:#48dbfb}.fountain-buttons-container{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:2em;align-items:stretch;gap:inherit}.daytime-player{position:relative;display:grid;grid-template-columns:2em 1fr auto;grid-template-rows:2em;justify-content:center;align-items:stretch;gap:inherit;color:#fff;-webkit-user-select:none;user-select:none}.daytime-player>*{background-color:#2d3436;border-radius:.5em}.daytime-player>.autoplay-toggle>img{width:1em;height:1em;filter:invert(1)}.daytime-player>.autoplay-toggle:hover{text-decoration:none}.daytime-player>.autoplay-timeline{cursor:unset;height:2em}.daytime-player>.autoplay-timeline>input{cursor:pointer;width:100%;margin:0 .5em}.daytime-player>.autoplay-time{font-variant-numeric:tabular-nums}.daytime-player>.autoplay-time:hover{text-decoration:none;cursor:default}@media (max-width: 670px){.ui-container .season-buttons-container .button,.ui-container .fountain-buttons-container .button{font-size:.75rem}}@media (max-width: 490px){.ui-container .season-buttons-container .button,.ui-container .fountain-buttons-container .button{font-size:.6rem}}@media (max-width: 400px){.ui-container{font-size:1em;padding:10px;gap:.25em}.ui-container .season-buttons-container .season-button{grid-template-columns:auto auto;padding:calc(.5em - 2px);gap:0}.ui-container .season-buttons-container .season-button-icon{font-size:.8em}.additional-info .survey-button,.daytime-player .autoplay-time{font-size:.75em}.scene-ui{width:100%}.season-buttons-container{grid-template-columns:repeat(4,auto)}}
