*{box-sizing:border-box;font-family:Roboto,sans-serif}main{margin:20px;display:grid;grid-template-columns:1fr 2fr;column-gap:20px}main>*{width:100%}main div{border-radius:3px}main div>h3{text-transform:uppercase;color:#c54206;font-weight:400;font-size:1.8rem}main div>p#firefox-not-showing-warning{font-size:1.8rem;font-weight:300;border-radius:3px;border:2px solid #ffdeb4;background-color:orange;padding:10px}select#load-default-track{width:300px;margin-top:10px;padding:5px 10px;outline:none;box-shadow:none;border-radius:3px}#video-container{position:relative;max-width:50vw;border:1px solid #000;display:flex;flex-direction:column;aspect-ratio:16 / 9}#renderer-settings h4{margin:10px 0 5px}#renderer-settings div{display:flex;align-items:center;gap:6px;margin-bottom:4px}#renderer-settings input[type=number]{width:4em;padding:2px 4px;border:1px solid #ccc;border-radius:3px}#renderer-settings .settings-columns{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;margin-bottom:0}#renderer-settings .settings-column{display:flex;flex-direction:column;align-items:stretch;margin-bottom:0}#renderer-settings .settings-columns>.settings-column:last-child{display:grid;grid-template-columns:max-content auto auto;justify-content:start;align-items:center;column-gap:6px;row-gap:4px}#renderer-settings .settings-columns>.settings-column:last-child input[type=range]{width:150px}#renderer-settings .color-with-alpha{margin-bottom:0}#renderer-settings .color-with-alpha input[type=range]{width:80px}#renderer-settings .settings-columns>.settings-column:last-child>div{display:contents}#renderer-settings .settings-column input[type=text]{flex:1;padding:2px 4px;border:1px solid #ccc;border-radius:3px}