@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;500;600&display=swap";:root{--brown: #4f3130;--blue: #9fbbcc;--darkgrey: #ea6363;--lightgrey: #eeeeee;--lightblue: #eff5fa;--burgundy: #5d001d;--orange: #e5956a;--yellow: #f9bb3c;--green: #4fc487;--red: #dc5e5e;--blue: #73a5e2;--purple: #c299d2;--grey: #a49e9e;--darkyellow: #cd911a;--darkgreen: #1d9557;--darkred: #dc5e5e;--darkblue: #3476c7;--font: "Poppins", sans-serif}*{font-family:var(--font)}.borderStyle{border-style:solid;border-color:#000}.header-style{height:15%}.login-background:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.5)}.login-background{position:relative;background-image:url(https://asset.kompas.com/crops/yknq49bV2PsV55EySTnzMWt8XFE=/0x0:0x0/750x500/data/photo/2023/05/09/645a469dbbfbd.jpg);background-position:center;background-repeat:no-repeat;background-size:cover}.draggable-number{width:3rem;height:3rem;border-radius:30%;cursor:pointer}.draggable-marking{width:3rem;height:3rem;border-radius:50%;cursor:pointer;font-size:.6rem}.big-pier-marking{width:5rem;height:3rem;border-radius:10%;cursor:grab;background-color:var(--brown);color:#fff}.small-pier-marking{width:4rem;height:2rem;border-radius:10%;cursor:grab;background-color:var(--lightgrey)}.green-marking{background-color:var(--green)}.green-marking:hover{background-color:var(--darkgreen)}.blue-marking{background-color:var(--blue)}.blue-marking:hover{background-color:var(--darkblue)}.yellow-marking{background-color:var(--yellow)}.yellow-marking:hover{background-color:var(--darkyellow)}.small-card{height:8rem}.tilt-graph{height:75rem}.frequency-graph{height:35rem}.frequency-graph-btn{width:2rem;height:2rem}.accel-graph{height:40rem}.accel-data{flex:0 0 auto}.message-box{height:10rem}.font-small{font-size:.8rem}.pier-style{height:2rem;width:1rem;background-color:var(--brown)}.battery-icon{transform:rotate(90deg);z-index:100;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tilt-picture{width:11rem;left:65%}