.bg[data-v-6f5684a4]{width:100%;height:100%;top:0;left:0;position:fixed;background:rgba(0,0,0,.5);z-index:10;display:flex;align-items:center;justify-content:center;overflow:auto;padding:20px}.bg .canvas-container[data-v-6f5684a4]{width:calc(100% - 40px);height:calc(100% - 120px);overflow:auto}.bg .close[data-v-6f5684a4]{position:absolute;right:20px;top:20px}.preview[data-v-65b685fe]{align-items:center;display:grid;justify-content:center;width:100%}.timeclock p[data-v-65b685fe]{margin:0;padding:0;color:#f1f1f1;text-align:left;font-family:Din Alternate!important}.timeclock .clock[data-v-65b685fe]{text-align:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.timeclock .clock .time[data-v-65b685fe]{letter-spacing:1px;font-size:68px;font-weight:800;line-height:1;text-shadow:0 0 20px #4e4e4e,0 0 15px rgba(10,175,230,0)}.timeclock .clock .date[data-v-65b685fe]{line-height:1;letter-spacing:1px;font-size:24px;font-weight:600;text-shadow:0 0 10px #6e6e6e,0 0 15px rgba(10,175,230,0)}.timeclock .clock .text[data-v-65b685fe]{letter-spacing:1px;line-height:1;font-size:12px;padding:20px 0 0}.timeclock_dark p[data-v-65b685fe]{margin:0;padding:0;color:#000;text-align:left;font-family:Din Alternate!important}.timeclock_dark .clock[data-v-65b685fe]{text-align:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.timeclock_dark .clock .time[data-v-65b685fe]{letter-spacing:1px;line-height:1;font-size:68px;font-weight:800;text-shadow:0 0 20px #4e4e4e,0 0 15px rgba(10,175,230,0)}.timeclock_dark .clock .date[data-v-65b685fe]{letter-spacing:1px;line-height:1;font-size:24px;font-weight:600;text-shadow:0 0 10px #6e6e6e,0 0 15px rgba(10,175,230,0)}.timeclock_dark .clock .text[data-v-65b685fe]{letter-spacing:1px;line-height:1;font-size:12px;padding:20px 0 0}