:root{--overlay-color:rgba(0,0,0,0.5);--glass-color:rgba(28, 27, 43, 0.8);--background-color:#FFFFFF}.ajs-message{font-size:14px;background:#1c1b2b}.overlay,.tracker::before{background:var(--overlay-color);top:0;left:0;width:100%;height:100%;position:absolute}.brick{display:none}.tracker{position:fixed;top:0;left:0;width:100%;height:100%;background:url('/assets/images/pages/track.jpg') 0 0/cover repeat-x;animation:1s linear .2s forwards pan}@keyframes pan{from{background-position:0 0}to{background-position:-10px 0}}.tracker::before{content:""}.tracker #lfv,.tracker #log,.tracker #map,.tracker #tsp{opacity:0;visibility:hidden;pointer-events:none;transition:.5s ease-in-out}.tracker .show{opacity:1!important;visibility:visible!important;pointer-events:all!important}.tracker #lfv,.tracker #log,.tracker #map{position:absolute;left:0;width:100%;height:100%}.tracker #log::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5)}.tracker #log img{display:block;position:absolute;z-index:1;width:80px;top:-140px;left:50%;transform:translate(-50%,50%)}.tracker #log form{position:relative;top:15vh;z-index:1;width:500px;height:300px;background:#fffFFF0A;opacity:0;backdrop-filter:blur(10px);margin:auto;box-shadow:0 15px 15px 0 #000;padding:50px;animation:1s linear forwards drop}@keyframes drop{0%{top:15vh;opacity:0}100%{top:20vh;opacity:1}}#log form h2{height:40px;margin-bottom:20px;font-size:18px}#log form label{font-size:10px;letter-spacing:1px;color:#fffFFF55}#log form input{width:100%;height:50px;background:0 0;border:none;outline:0;color:#fff;border-bottom:1px solid #fff;padding:0;font-size:14px;margin-bottom:10px}#lfv .ui button,#log form button{border:none;font-family:icons;background:0 0}#log form button{position:absolute;top:125px;right:45px;color:#ccc}#lfv .ui button:hover,#log form button:hover{color:#fff}.tracker #lfv{padding:50px;background:url('/assets/media/video/poster.jpg') center/cover #000}.controls button,.tracker #tsp{display:flex;background:var(--glass-color)}.tracker #lfv video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:.5s ease-in-out}.tracker #lfv .ui.show,.tracker #lfv video.show{opacity:1}.tracker #lfv .ui{position:relative;float:right;color:#fff;opacity:0;transition:.5s ease-in-out}#lfv .ui button{outline:0;color:#a5a5ab;margin-left:10px;font-size:30px;transition:.2s ease-in-out}.tracker #tsp{position:relative;flex-flow:column;width:360px;height:calc(100dvh - 100px);margin:50px;right:-50px;border-radius:15px;padding:20px;color:#fff;backdrop-filter:blur(10px)}.tracker #tsp.show{right:0}.tracker #tsp .info{flex:1;display:flex;flex-flow:column;overflow:hidden}.info .device{flex:0;margin-bottom:40px}.info .timeline{flex:1;overflow:auto}.info .device h2{font-size:25px;margin-bottom:15px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.info .device span{color:#717171;font-size:12px}.info .device .status{display:flex;justify-content:space-between;flex-flow:column}.device .status span{color:#ccc;font-size:12.5px;margin-bottom:5px}.device .status span i{cursor:pointer;float:right;font-size:18px}.device .status span i.on{animation:1s linear infinite rotate}@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.timeline .title{display:flex;justify-content:space-between;align-items:center;width:100%;height:30px;margin-bottom:10px}.timeline .title div{width:120px;font-size:14px;font-weight:500}.timeline .title .divider{width:100%;border-bottom:1px solid #fffFFF1A}.timeline ul li{line-height:20px;font-size:12.5px;margin-bottom:20px;color:#ccc;transition:.2s ease-in-out}.timeline ul li span{display:block;font-size:10px;margin-bottom:5px}.timeline ul li:hover{color:#fff;cursor:pointer}.tracker #tsp .controls{display:flex;flex:0 0 auto;flex-flow:wrap;width:100%;height:185px;background:#fffFFF0A;border-radius:10px;padding:20px;justify-content:space-between}.controls button{width:135px;height:70px;outline:0;color:#fff;border:none;flex-direction:column;justify-content:center;border-radius:8px;font-size:12px;margin-bottom:10px;box-shadow:0 4px 5px 0 rgba(0,0,0,.2);transition:.5s ease-in-out}.controls button *{pointer-events:none}.controls button:hover{background:0 0;color:#999}.controls button i{display:block;font-size:20px;margin-bottom:7px;color:#fff}.pulse-marker{position:relative;width:14px;height:14px;background:red;border-radius:50%}.pulse-marker::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:red;animation:1.5s infinite pulse;opacity:.6}@keyframes pulse{0%{transform:scale(1);opacity:.6}100%{transform:scale(3);opacity:0}}@media only screen and (max-width:767px){.tracker #log img{width:50px;top:-90px}#log form h2{height:auto;font-size:16px}.tracker #log form{width:340px;height:200px;padding:30px;animation:1s linear forwards drop}@keyframes drop{0%{top:calc((100dvh - 200px)/ 2.2);opacity:0}100%{top:calc((100dvh - 200px)/ 2);opacity:1}}#log form input{font-size:12px}#log form label{font-size:9px;letter-spacing:.3px}#log form button{top:82px;right:30px}.tracker #lfv{padding:20px}#lfv .ui button{font-size:20px}.tracker #tsp{position:absolute;right:0;bottom:-20px;border-radius:0;margin:0;height:38%}.tracker #tsp.show{left:50%;bottom:0;transform:translateX(-50%)}.tracker #tsp .info{overflow:auto}.tracker #tsp .controls{white-space:nowrap;flex-wrap:nowrap;height:auto;padding:10px}.info .device{margin-bottom:20px}.info .device h2{font-size:20px;margin-bottom:10px}.info .timeline{overflow:visible}.controls button{width:70px;height:50px;margin-bottom:0;padding-top:6px;font-size:9px;align-items:center}.controls button i{font-size:15px;margin-bottom:4px}}