:root{
  --orange:#ff8500;--orange2:#ffb13d;--green:#63ff73;--red:#ff3028;--amber:#ffb000;
  --metal:#171717;--line:#3b3b3b;--text:#f2f2f2;
  --rack-h:166px;
}
*{box-sizing:border-box}
html,body{margin:0;background:#050505;color:var(--text);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}
.demo-page{min-height:100vh;background:linear-gradient(#080808,#101010)}
.demo-footer-space{height:calc(100vh - 190px)}
.pipol-player-shell{width:100%;z-index:9999;overflow:hidden}
.pipol-player-shell.is-bottom{position:fixed;left:0;right:0;bottom:0;padding:6px 10px;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.95))}
.module-title{display:block;text-align:center;font-size:11px;letter-spacing:.08em;color:#ddd;text-shadow:0 1px 0 #000;margin-bottom:6px;white-space:nowrap}
.screw{position:absolute;width:9px;height:9px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#c8c8c8,#1b1b1b 55%,#050505);box-shadow:inset 0 0 0 2px #111}
.s1{left:8px;top:8px}.s2{right:8px;top:8px}.s3{left:8px;bottom:8px}.s4{right:8px;bottom:8px}


html.pipol-frame-hidden,
html.pipol-frame-hidden body,
body.pipol-frame-hidden{
  background:transparent!important;
}
html.pipol-frame-hidden .demo-page,
body.pipol-frame-hidden .demo-page{
  background:transparent!important;
}