:root{--primary-color: #f26222;--secondary-color: #818285}html,body{margin:0;padding:0;width:100%;height:100%}.fux-three-viewer{position:relative}.fux-three-viewer+*{margin-top:var(--Spacing-06)}.three-container canvas{width:100% !important;height:auto !important}.three-controls{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);z-index:101}.three-controls input[type=range]{width:600px;max-width:50vw}#eventList{position:absolute;bottom:10px;left:10px;width:200px;height:200px;background:#fff;padding:0 20px 20px;overflow:scroll;z-index:102;border:2px solid gray}.three-animation-controls{position:absolute;bottom:1rem;left:50%;transform:translateX(-50%);z-index:100;display:flex;column-gap:var(--Spacing-02);justify-content:space-between}.three-animation-controls input{display:none}.three-animation-controls input:checked+label{background:var(--Color-Primary)}.three-animation-controls label{display:block;height:12px;width:12px;background-color:var(--Color-Text-Medium-Emphasis);cursor:pointer;position:relative}.loading-animation{display:inline-block;width:4rem;height:4rem;position:absolute;left:calc(50% - 40px);top:calc(50% - 40px)}.loading-animation:after{content:"";display:block;width:100%;height:100%;border-radius:100%;border:.4rem solid;border-color:var(--primary-color) rgba(0,0,0,0) var(--primary-color) rgba(0,0,0,0);animation:loading-ring 1.5s linear infinite}@keyframes loading-ring{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}