video[data-v-1d911cfd]{width:100%;height:100%;z-index:2}.blink[data-v-2613f593]{font-family:sans-serif;border-radius:10px}.textRed[data-v-2613f593]{color:red;font-family:sans-serif;font-weight:700}.textBlack[data-v-2613f593]{color:#181818;font-family:sans-serif}@-webkit-keyframes blinker-data-v-2613f593{50%{opacity:0}}@keyframes blinker-data-v-2613f593{50%{opacity:0}}#clock[data-v-28ec8702]{font-family:Share Tech Mono,monospace;text-align:center;color:#525252;font-weight:700;text-shadow:0 0 20px #09afe6,0 0 20px rgba(10,175,230,0)}#clock .time[data-v-28ec8702]{letter-spacing:.05em;font-size:80px;padding:5px 0;margin:0}#clock .date[data-v-28ec8702]{letter-spacing:.1em;font-size:24px;margin:0}.note[data-v-28ec8702]{border:1px solid rgba(0,0,0,.2);max-width:400px;min-height:100px;margin:auto;padding:10px;position:relative}.presensi-title[data-v-28ec8702]{font-size:16px;margin:0;padding:0;font-weight:700;color:indigo;margin-bottom:10px}.bounce2[data-v-28ec8702]{-webkit-animation:bounce2-data-v-28ec8702 2s ease infinite;animation:bounce2-data-v-28ec8702 2s ease infinite}@-webkit-keyframes bounce2-data-v-28ec8702{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-12px)}60%{transform:translateY(-7px)}}@keyframes bounce2-data-v-28ec8702{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-12px)}60%{transform:translateY(-7px)}}@media(max-width:576px){#clock .time[data-v-28ec8702]{font-size:3em}#clock .date[data-v-28ec8702]{font-size:1em}}@media(max-width:320px){.note[data-v-28ec8702]{min-height:130px}.presensi-title[data-v-28ec8702]{font-size:14px}}h1[data-v-28ec8702]{font-size:36px;font-weight:700;color:#4d4d4d;text-transform:uppercase;letter-spacing:2px;text-shadow:2px 2px 4px rgba(0,0,0,.2);transition:all .3s ease-in-out}h1[data-v-28ec8702]:hover{transform:scale(1.1);color:#ff6f61}.judul[data-v-28ec8702]{font-size:18px;text-align:center;font-weight:700;text-transform:uppercase;margin-bottom:20px}.containerAbsensi[data-v-28ec8702],.containerAtas[data-v-28ec8702],.containerKaryawan[data-v-28ec8702],.containerPerforma[data-v-28ec8702],.containerTengah[data-v-28ec8702]{display:flex;justify-content:center;margin:0 20px;max-height:400px}.containerKaryawan[data-v-28ec8702],.containerPerforma[data-v-28ec8702]{padding:20px;background:#e2f3ff;border-radius:40px}.karyawanPerjabatan[data-v-28ec8702],.karyawanStatus[data-v-28ec8702],.performaKaryawan[data-v-28ec8702],.turnOver[data-v-28ec8702]{flex:1}.karyawanPerjabatan[data-v-28ec8702],.performaKaryawan[data-v-28ec8702]{flex:30%}.dataAbsensi[data-v-28ec8702],.dataKaryawan[data-v-28ec8702],.gaji[data-v-28ec8702],.manpower[data-v-28ec8702],.pendidikan[data-v-28ec8702],.performaAbsensi[data-v-28ec8702],.trained[data-v-28ec8702]{flex:1;justify-content:center;padding:20px;border-radius:40px;background:#e2f3ff;margin:0 10px}canvas[data-v-28ec8702]{width:100%;height:auto}#totalEmployees[data-v-28ec8702]{font-family:Arial,sans-serif;font-size:16px;font-weight:700;color:#333;text-shadow:1px 1px 2px rgba(0,0,0,.5);letter-spacing:1px;text-transform:uppercase}@media(max-width:768px){.containerAbsensi[data-v-28ec8702],.containerAtas[data-v-28ec8702],.containerKaryawan[data-v-28ec8702],.containerPerforma[data-v-28ec8702],.containerTengah[data-v-28ec8702]{flex-direction:column;align-items:center;margin:0 10px;max-height:none}.containerKaryawan[data-v-28ec8702],.containerPerforma[data-v-28ec8702]{padding:10px;border-radius:40px;margin:0 20px}.karyawanPerjabatan[data-v-28ec8702],.karyawanStatus[data-v-28ec8702],.performaKaryawan[data-v-28ec8702],.turnOver[data-v-28ec8702]{flex:1}.karyawanPerjabatan[data-v-28ec8702],.performaKaryawan[data-v-28ec8702]{padding-top:10px;flex:none;width:100%}.dataAbsensi[data-v-28ec8702],.dataKaryawan[data-v-28ec8702],.gaji[data-v-28ec8702],.manpower[data-v-28ec8702],.pendidikan[data-v-28ec8702],.performaAbsensi[data-v-28ec8702],.trained[data-v-28ec8702]{flex:1;margin:10px 0}}