.starfield{height:100vh;width:100vw}.starfield-video-canvas{width:320px;height:240px;z-index:9;opacity:75%;pointer-events:none;position:fixed;top:50%;left:50%;transform:scaleX(-1) translate(50%,-50%);-webkit-mask-image:radial-gradient(circle,black 50%,rgba(0,0,0,.21) 50%,rgba(0,0,0,0) 75%);mask-image:radial-gradient(circle,#000 50%,#0003 50%,#0000 75%)}.starfield-origin{position:relative;top:50%;left:50%;color:#f2f2f2;background-color:#0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #333;font-size:1.5em;padding:10px;transform:translate(-50%,-50%);width:200px;height:200px;border-radius:100px;z-index:10}.pose-tip{position:inherit;bottom:0;left:50%;color:#f2f2f2;font-family:Funnel Sans,sans-serif;background-color:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #333;font-size:1.5em;transform:translate(-50%,-50%);width:400px;margin-bottom:-100px;height:40px;border-radius:50px;z-index:100}footer{position:fixed;left:0;bottom:0;width:100%;height:60px;background-color:transparent;color:#d3d3d3;text-align:center;font-size:.8em}body{background-color:#000}.hidden{opacity:0%;transition:opacity 1s}.visible{opacity:90%;transition:opacity 1s}.iconOverlay{--shadowColor: #2e2e2e;display:inline-flex;position:fixed;border-radius:20px;height:3.6vw;width:18vw;min-width:200px;min-height:40px;left:50%;bottom:20px;transform:translate(-50%,-50%);margin:0 auto;filter:drop-shadow(0px 0px 25px var(--shadowColor));background-color:#0a0a14;border:.8vw solid rgb(10,10,20)}.viewIcons{--shadowColor: darkgray;display:flex;position:relative;width:100%;margin:.5rem;background-color:#3d3d3d;border-radius:.6rem;filter:drop-shadow(0px 0px 3px var(--shadowColor));transform:scale(1);transition:transform .5s}.viewIcon{position:fixed;width:100%;height:100%;transform:scale(.8)}.selectedIcon{--gradAngleA: 180deg;--gradAngleB: 182deg;--color: yellow;border-radius:.6rem;border:.2rem solid transparent;background:conic-gradient(#2e2e2e,#2e2e2e 360deg) padding-box,conic-gradient(var(--color) 0deg,var(--color) var(--gradAngleA),rgba(10,10,20,0) var(--gradAngleB)) border-box;transform:scaleX(1.2) scaleY(1.3);transition:transform .5s}.activeIcon{--color: grey;transform:scaleX(1.1) scaleY(1.2);border:.1rem solid var(--color);transition:transform .5s}.maximise{transform:scale(1);opacity:1;transition:all .25s;--shadowColor: #2e2e2e;display:inline-flex;position:fixed;border-radius:20px;height:3.6vw;width:18vw;min-width:400px;min-height:80px;left:50%;bottom:calc(45% - 300px);transform:translate(-50%,-50%)}.minimise{transform:scale(.8);opacity:0%;transition:all .5s;bottom:20px;transform:translate(-50%,-50%)}.notifyIcon{position:fixed;right:-10%;top:-10%;width:30%;height:30%;border-radius:50%;background-image:conic-gradient(#90ee90,#90ee90 140deg,#ff4500 141deg,#ff4500 220deg,#90ee90 221deg,#90ee90 360deg);display:none}.toggleSwitch{width:30px;height:30px;position:absolute;margin-left:80px;margin-top:5px;display:flex;align-items:center;justify-content:center;background-color:#272727;border-radius:50%;cursor:pointer;transition-duration:.3s;box-shadow:2px 2px 10px #00000021;overflow:hidden;z-index:1000}#checkboxInput{display:none}.bell{width:18px}.bell path{fill:#fff}.speaker{width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:2;transition-duration:.3s}.speaker svg{width:18px}.mute-speaker{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;opacity:0;z-index:3;transition-duration:.3s}.mute-speaker svg{width:18px}#checkboxInput:checked+.toggleSwitch .speaker{opacity:0;transition-duration:.3s}#checkboxInput:checked+.toggleSwitch .mute-speaker{opacity:1;transition-duration:.3s}#checkboxInput:active+.toggleSwitch{transform:scale(.7)}#checkboxInput:hover+.toggleSwitch{background-color:#3d3d3d}