@import"https://fonts.googleapis.com/css2?family=Onest:wght@100..900&family=Outfit:wght@100..900&display=swap";.popup-content{margin:auto;background:#fff;width:50%;padding:5px;border:1px solid #d7d7d7}[role=tooltip].popup-content{width:200px;box-shadow:0 0 3px #00000029;border-radius:5px}.popup-overlay{background:#00000080}[data-popup=tooltip].popup-overlay{background:transparent}.popup-arrow{-webkit-filter:drop-shadow(0 -3px 3px rgba(0,0,0,.16));filter:drop-shadow(0 -3px 3px rgba(0,0,0,.16));color:#fff;stroke-width:2px;stroke:#d7d7d7;stroke-dasharray:30px;stroke-dashoffset:-54px;left:0;right:0;top:0;bottom:0}.react-toggle{touch-action:pan-x;display:inline-block;position:relative;cursor:pointer;background-color:transparent;border:0;padding:0;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}.react-toggle-screenreader-only{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.react-toggle--disabled{cursor:not-allowed;opacity:.5;-webkit-transition:opacity .25s;transition:opacity .25s}.react-toggle-track{width:50px;height:24px;padding:0;border-radius:30px;background-color:#4d4d4d;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease}.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track{background-color:#000}.react-toggle--checked .react-toggle-track{background-color:#19ab27}.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track{background-color:#128d15}.react-toggle-track-check{position:absolute;width:14px;height:10px;top:0;bottom:0;margin-top:auto;margin-bottom:auto;line-height:0;left:8px;opacity:0;-webkit-transition:opacity .25s ease;-moz-transition:opacity .25s ease;transition:opacity .25s ease}.react-toggle--checked .react-toggle-track-check{opacity:1;-webkit-transition:opacity .25s ease;-moz-transition:opacity .25s ease;transition:opacity .25s ease}.react-toggle-track-x{position:absolute;width:10px;height:10px;top:0;bottom:0;margin-top:auto;margin-bottom:auto;line-height:0;right:10px;opacity:1;-webkit-transition:opacity .25s ease;-moz-transition:opacity .25s ease;transition:opacity .25s ease}.react-toggle--checked .react-toggle-track-x{opacity:0}.react-toggle-thumb{transition:all .5s cubic-bezier(.23,1,.32,1) 0ms;position:absolute;top:1px;left:1px;width:22px;height:22px;border:1px solid #4D4D4D;border-radius:50%;background-color:#fafafa;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .25s ease;-moz-transition:all .25s ease;transition:all .25s ease}.react-toggle--checked .react-toggle-thumb{left:27px;border-color:#19ab27}.react-toggle--focus .react-toggle-thumb{-webkit-box-shadow:0px 0px 3px 2px #0099E0;-moz-box-shadow:0px 0px 3px 2px #0099E0;box-shadow:0 0 2px 3px #0099e0}.react-toggle:active:not(.react-toggle--disabled) .react-toggle-thumb{-webkit-box-shadow:0px 0px 5px 5px #0099E0;-moz-box-shadow:0px 0px 5px 5px #0099E0;box-shadow:0 0 5px 5px #0099e0}:root{font-family:Onest,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.logo{position:absolute;top:44px;left:48px;z-index:2}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#viewer{position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;background:#000}.ui{position:fixed;right:10px;top:10px;z-index:1}.ksplat-toggle{display:flex;color:#fff}.ksplat-toggle span{padding:0 5px}.iframe-logo{position:fixed;left:10px;top:10px;z-index:1}.iframe-logo-img{width:36px;height:36px}.card>div{margin:7px 0}.popup-content{word-wrap:break-word;padding:15px!important}@media (min-width: 320px){.progressBarBox{bottom:150px!important}}@media (min-width: 600px){.progressBarBox{bottom:50px!important}}.joystick-position{background:radial-gradient(#7e7be240,#7e7be2d9)!important}.joystick-container-position,.joystick-container-camera{pointer-events:none;touch-action:none}.joystick-position,.joystick-camera{pointer-events:all;touch-action:all}.joystick-container-position:after{display:block;content:"+";font-family:ui-monospace;pointer-events:none;position:absolute;top:24px;left:40px;color:#ffffff80;font-size:36px;line-height:50px}.joystick-camera{background:radial-gradient(#45a4ef40,#45a4efd9)!important}.joystick-container-camera:after{display:block;content:"↻";font-family:ui-monospace;pointer-events:none;position:absolute;top:26px;left:40px;color:#ffffff80;font-size:24px;line-height:50px}.userControls{padding:20px;display:grid;grid-template-columns:repeat(3,minmax(min-content,1fr))}.userControls__container{position:absolute;bottom:0;left:0;width:100dvw}.userControls__movement-buttons{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:4px;max-width:128px}.userControls__left-block{display:flex;align-self:self-start;justify-self:start}.userControls__center-block{align-self:center;justify-content:center;justify-self:center}.userControls__right-block{justify-self:end}.userControls__mode-buttons-container{display:flex;flex-direction:column;align-self:flex-end;margin-left:4px;gap:4px}.userControls__mode-buttons{display:flex;align-self:flex-end;gap:4px}.userControls__scenes__container{display:flex;flex-direction:column;align-items:center;max-width:600px}.userControls__scenes-view{display:flex;max-height:40px;align-items:center;justify-content:space-between;min-width:172px;box-sizing:border-box;margin-top:4px}.userControls__scenes-view-button{border:1px solid rgba(255,255,255,.24);background-color:#14121652;border-radius:8px;padding:6px;height:40px;text-overflow:ellipsis;max-width:436px;text-wrap:nowrap;text-align:center}.userControls__scene-buttons-container{display:flex;gap:4px}.userControls__scene-button{display:flex;align-items:center;color:#fff}.userControls__scene-view-text{color:#fff;font-weight:400;font-size:16px;line-height:20px;display:flex;align-items:center;text-align:center}button{padding:0;border:none;font:inherit;color:inherit;background-color:transparent;cursor:pointer}.button{margin:0;box-sizing:border-box;height:40px;width:40px;color:#fff;display:flex;flex-direction:column;justify-content:center;border:1px solid rgba(255,255,255,.24);background-color:#14121652;border-radius:8px}.button_saved{position:relative}.button_saved:after{content:"";width:4px;height:4px;background-color:#fff;position:absolute;bottom:5px;left:50%;transform:translate(-50%);align-self:center;border-radius:1000px}.button__text{font-weight:400;font-size:16px;line-height:20px;letter-spacing:0%;text-align:center;margin:0}.button_active{background-color:#ffffff52}
