.clockingLiveStatusVisual{aspect-ratio:1320/1080;isolation:isolate;width:100%;max-width:700px;margin:0 auto;position:relative;overflow:visible;container-type:inline-size}.clockingLiveStatusVisual *,.clockingLiveStatusVisual :before,.clockingLiveStatusVisual :after{box-sizing:border-box}.clockingLiveStatusVisual__photo{opacity:0;pointer-events:none;transform-origin:100% 100%;z-index:0;width:82%;max-width:none;height:auto;display:block;position:absolute;top:4.8%;left:18%;transform:translate(22px,18px)scale(.985)}.clockingLiveStatusVisual__card{opacity:0;transform-origin:0 0;z-index:2;background:#fff;border:clamp(1px,.13cqw,2px) solid #505154;border-radius:2.2cqw;width:50%;height:41.15%;position:absolute;top:0;left:0;overflow:hidden;transform:translate(-26px,-16px)scale(.975);box-shadow:0 1.2cqw 3.6cqw #2838450f}.clockingLiveStatusVisual__heading{color:#6b6b6d;opacity:0;align-items:center;height:25.2%;padding:0 3.85cqw;font-size:clamp(12px,3.15cqw,43px);font-weight:700;line-height:1;display:flex;transform:translateY(-10px)}.clockingLiveStatusVisual__rows{height:74.8%}.clockingLiveStatusVisual__row{opacity:0;border-top:clamp(1px,.08cqw,1px) solid #c9c9ca;grid-template-columns:5.75cqw minmax(0,1fr) auto;align-items:center;height:33.333%;padding:0 2.55cqw 0 1.85cqw;display:grid;transform:translate(-18px)}.clockingLiveStatusVisual__row img{object-fit:cover;opacity:0;border:clamp(1px,.08cqw,1px) solid #d0d0d0;border-radius:50%;width:5.75cqw;height:5.75cqw;display:block;transform:scale(.72)}.clockingLiveStatusVisual__row span{color:#747476;opacity:0;text-overflow:ellipsis;white-space:nowrap;min-width:0;padding-left:2.55cqw;font-size:clamp(9px,2.72cqw,37px);font-weight:400;line-height:1;overflow:hidden;transform:translate(-8px)}.clockingLiveStatusVisual__row strong{color:#2ea447;opacity:0;white-space:nowrap;padding-left:1.15cqw;font-size:clamp(7px,1.88cqw,26px);font-weight:650;line-height:1;transform:translate(10px)}.clockingLiveStatusVisual.is-active .clockingLiveStatusVisual__photo{animation:.9s cubic-bezier(.2,.78,.2,1) 80ms forwards clocking-live-photo-in}.clockingLiveStatusVisual.is-active .clockingLiveStatusVisual__card{animation:.74s cubic-bezier(.18,.88,.2,1) .32s forwards clocking-live-card-in}.clockingLiveStatusVisual.is-active .clockingLiveStatusVisual__heading{animation:.48s ease-out .65s forwards clocking-live-copy-in}.clockingLiveStatusVisual.is-active .clockingLiveStatusVisual__row{animation:clocking-live-row-in .56s cubic-bezier(.2, .82, .2, 1) calc(.76s + var(--live-row-index) * .145s) forwards}.clockingLiveStatusVisual.is-active .clockingLiveStatusVisual__row img{animation:clocking-live-avatar-in .46s cubic-bezier(.16, 1, .3, 1) calc(.85s + var(--live-row-index) * .145s) forwards}.clockingLiveStatusVisual.is-active .clockingLiveStatusVisual__row span{animation:clocking-live-copy-in .43s ease-out calc(.91s + var(--live-row-index) * .145s) forwards}.clockingLiveStatusVisual.is-active .clockingLiveStatusVisual__row strong{animation:clocking-live-status-in .43s ease-out calc(.99s + var(--live-row-index) * .145s) forwards}@keyframes clocking-live-photo-in{to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes clocking-live-card-in{to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes clocking-live-row-in{to{opacity:1;transform:translate(0)}}@keyframes clocking-live-avatar-in{to{opacity:1;transform:scale(1)}}@keyframes clocking-live-copy-in{to{opacity:1;transform:translate(0,0)}}@keyframes clocking-live-status-in{to{opacity:1;transform:translate(0)}}@media (width<=560px){.clockingLiveStatusVisual__card{border-radius:2.5cqw;box-shadow:0 1.5cqw 4.4cqw #2838450f}.clockingLiveStatusVisual__heading{padding-inline:3.4cqw}.clockingLiveStatusVisual__row{padding-right:2.1cqw}.clockingLiveStatusVisual__row span{padding-left:2cqw}.clockingLiveStatusVisual__row strong{letter-spacing:-.01em;padding-left:.7cqw}}@media (prefers-reduced-motion:reduce){.clockingLiveStatusVisual .clockingLiveStatusVisual__photo,.clockingLiveStatusVisual .clockingLiveStatusVisual__card,.clockingLiveStatusVisual .clockingLiveStatusVisual__heading,.clockingLiveStatusVisual .clockingLiveStatusVisual__row,.clockingLiveStatusVisual .clockingLiveStatusVisual__row img,.clockingLiveStatusVisual .clockingLiveStatusVisual__row span,.clockingLiveStatusVisual .clockingLiveStatusVisual__row strong,.clockingLiveStatusVisual.is-active .clockingLiveStatusVisual__photo,.clockingLiveStatusVisual.is-active .clockingLiveStatusVisual__card,.clockingLiveStatusVisual.is-active .clockingLiveStatusVisual__heading,.clockingLiveStatusVisual.is-active .clockingLiveStatusVisual__row,.clockingLiveStatusVisual.is-active .clockingLiveStatusVisual__row img,.clockingLiveStatusVisual.is-active .clockingLiveStatusVisual__row span,.clockingLiveStatusVisual.is-active .clockingLiveStatusVisual__row strong{opacity:1;animation:none;transform:none}}.clockingReportVisual{aspect-ratio:1818/1185;isolation:isolate;width:100%;max-width:800px;margin:0 auto;position:relative;overflow:visible;container-type:inline-size}.clockingReportVisual *,.clockingReportVisual :before,.clockingReportVisual :after{box-sizing:border-box}.clockingReportVisual__detailTable{opacity:0;transform-origin:100% 100%;z-index:0;background:#fff;width:80.35%;height:83.3%;position:absolute;top:16.7%;left:11.2%;overflow:hidden;transform:translate(24px,18px)scale(.988)}.clockingReportVisual__detailRow{color:#484748;opacity:0;grid-template-columns:33% 22% 31% 14%;align-items:center;height:11.111%;padding:0 2.7cqw;font-size:clamp(7px,2.15cqw,39px);display:grid;transform:translate(18px)}.clockingReportVisual__detailRow:nth-child(odd){background:#f5f5f5}.clockingReportVisual__detailRow>span,.clockingReportVisual__detailRow>strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.clockingReportVisual__detailRow>strong{text-align:right;font-weight:400}.clockingReportVisual__calendar{opacity:0;transform-origin:0 0;z-index:2;background:#fff;border:clamp(1px,.13cqw,2px) solid #454545;border-radius:clamp(10px,1.65cqw,30px);width:69.3%;height:56.6%;position:absolute;top:4.8%;left:6.35%;overflow:hidden;transform:translate(-28px,-12px)scale(.98)}.clockingReportVisual__timeHeader{background:#f7f8f8;grid-template-columns:29% repeat(7,1fr);height:14.35%;display:grid}.clockingReportVisual__timeHeader>span,.clockingReportVisual__timeHeader>strong{color:#9d9d9e;border-left:1px solid #cacaca6b;justify-content:center;align-items:center;font-size:clamp(7px,1.83cqw,33px);font-weight:400;display:flex}.clockingReportVisual__timeHeader>span{border-left:0}.clockingReportVisual__calendarRows{height:85.65%}.clockingReportVisual__calendarRow{border-top:1px solid #cacaca6b;grid-template-columns:29% 71%;height:20%;display:grid}.clockingReportVisual__person{opacity:0;align-items:center;gap:1.5cqw;min-width:0;padding:0 1.15cqw;display:flex;transform:translate(-14px)}.clockingReportVisual__person img{object-fit:cover;border:1px solid #cacaca6b;border-radius:50%;flex:none;width:clamp(14px,4.2cqw,76px);height:clamp(14px,4.2cqw,76px)}.clockingReportVisual__person span{color:#656566;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:clamp(6px,1.85cqw,34px);overflow:hidden}.clockingReportVisual__track{background-image:repeating-linear-gradient(90deg,#cacaca6b 0 1px,#0000 1px 14.2857%);min-width:0;position:relative}.clockingReportVisual__shift{height:75%;left:var(--shift-left);opacity:0;transform-origin:0;width:var(--shift-width);background:#fff;border:clamp(1px,.09cqw,1px) solid #4d4d4d;border-radius:clamp(5px,.78cqw,14px);flex-direction:column;justify-content:center;padding:.55cqw 1.55cqw;display:flex;position:absolute;top:12%;overflow:hidden;transform:scaleX(.08)}.clockingReportVisual__shift:before{content:"";background:#75d2b4;width:.72cqw;position:absolute;inset:0 auto 0 0}.clockingReportVisual__shift.is-violet:before{background:#9a8cf1}.clockingReportVisual__shift.is-orange:before{background:#ffbf7e}.clockingReportVisual__shift strong,.clockingReportVisual__shift span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.clockingReportVisual__shift strong{color:#181730;font-size:clamp(6px,1.31cqw,24px);font-weight:700;line-height:1.1}.clockingReportVisual__shift span{color:#929293;margin-top:.4cqw;font-size:clamp(6px,1.2cqw,22px);line-height:1.1}.clockingReportVisual__nowLine{opacity:0;transform-origin:top;z-index:4;background:#1fa3ff;width:clamp(2px,.33cqw,6px);position:absolute;top:13.7%;bottom:0;right:17.8%;transform:scaleY(0)}.clockingReportVisual__nowLine:before{content:"";border-top:.65cqw solid #0000;border-bottom:.65cqw solid #0000;border-left:.65cqw solid #1fa3ff;position:absolute;top:-.48cqw;left:0}.clockingReportVisual__exportCard{opacity:0;z-index:3;background:#fff;border:clamp(1px,.13cqw,2px) solid #454545;border-radius:clamp(9px,1.55cqw,28px);width:26%;height:24.7%;padding:2.25cqw 2.15cqw;position:absolute;top:72.45%;left:68.65%;transform:translate(24px,22px)scale(.97)}.clockingReportVisual__exportCard>strong{color:#484748;white-space:nowrap;font-size:clamp(8px,1.92cqw,35px);font-weight:400;line-height:1;display:block}.clockingReportVisual__exportCard>div{grid-template-columns:minmax(0,1fr) minmax(26px,4.85cqw);gap:.85cqw;height:48%;margin-top:2.45cqw;display:grid}.clockingReportVisual__format,.clockingReportVisual__download{color:#747474;border:clamp(1px,.12cqw,2px) solid #4e4e4e;border-radius:clamp(5px,.65cqw,11px);align-items:center;font-size:clamp(8px,2cqw,36px);display:flex}.clockingReportVisual__format{justify-content:space-between;padding:0 1.45cqw}.clockingReportVisual__format i{border-bottom:clamp(1px,.13cqw,2px) solid #6f6f6f;border-right:clamp(1px,.13cqw,2px) solid #6f6f6f;width:1.05cqw;height:1.05cqw;transform:rotate(45deg)translateY(-.25cqw)}.clockingReportVisual__download{justify-content:center;min-width:26px;position:relative}.clockingReportVisual__download i{border-bottom:clamp(1px,.13cqw,2px) solid #353535;width:2.5cqw;height:2.6cqw;position:relative}.clockingReportVisual__download i:before{content:"";background:#353535;width:clamp(1px,.13cqw,2px);height:2cqw;position:absolute;top:-.35cqw;left:50%;transform:translate(-50%)}.clockingReportVisual__download i:after{content:"";border-bottom:clamp(1px,.13cqw,2px) solid #353535;border-right:clamp(1px,.13cqw,2px) solid #353535;width:1.1cqw;height:1.1cqw;position:absolute;top:.7cqw;left:50%;transform:translate(-50%)rotate(45deg)}.clockingReportVisual.is-active .clockingReportVisual__detailTable{animation:.76s cubic-bezier(.16,1,.3,1) 80ms forwards clocking-report-layer-in}.clockingReportVisual.is-active .clockingReportVisual__detailRow{animation:clocking-report-row-in .43s ease-out calc(.26s + var(--clocking-detail-row) * 55ms) forwards}.clockingReportVisual.is-active .clockingReportVisual__calendar{animation:.8s cubic-bezier(.16,1,.3,1) .56s forwards clocking-report-calendar-in}.clockingReportVisual.is-active .clockingReportVisual__person{animation:clocking-report-person-in .46s ease-out calc(.88s + var(--clocking-calendar-row) * .1s) forwards}.clockingReportVisual.is-active .clockingReportVisual__shift{animation:clocking-report-shift-in .65s cubic-bezier(.16, 1, .3, 1) calc(1.1s + var(--clocking-calendar-row) * .11s) forwards}.clockingReportVisual.is-active .clockingReportVisual__nowLine{animation:.68s cubic-bezier(.2,.78,.2,1) 1.62s forwards clocking-report-now-in}.clockingReportVisual.is-active .clockingReportVisual__exportCard{animation:.72s cubic-bezier(.16,1,.3,1) 1.78s forwards clocking-report-export-in}@keyframes clocking-report-layer-in{to{opacity:.2;transform:translate(0,0)scale(1)}}@keyframes clocking-report-row-in{to{opacity:1;transform:translate(0)}}@keyframes clocking-report-calendar-in{to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes clocking-report-person-in{to{opacity:1;transform:translate(0)}}@keyframes clocking-report-shift-in{to{opacity:1;transform:scaleX(1)}}@keyframes clocking-report-now-in{to{opacity:1;transform:scaleY(1)}}@keyframes clocking-report-export-in{to{opacity:1;transform:translate(0,0)scale(1)}}@media (width<=560px){.clockingReportVisual__detailRow{padding-inline:2cqw;font-size:clamp(6px,2.15cqw,39px)}.clockingReportVisual__person{gap:.8cqw;padding-inline:.7cqw}.clockingReportVisual__exportCard{padding:2.25cqw 1.8cqw}.clockingReportVisual__exportCard>div{grid-template-columns:minmax(0,1fr) minmax(26px,4.6cqw)}}@media (prefers-reduced-motion:reduce){.clockingReportVisual .clockingReportVisual__detailTable,.clockingReportVisual .clockingReportVisual__detailRow,.clockingReportVisual .clockingReportVisual__calendar,.clockingReportVisual .clockingReportVisual__person,.clockingReportVisual .clockingReportVisual__shift,.clockingReportVisual .clockingReportVisual__nowLine,.clockingReportVisual .clockingReportVisual__exportCard,.clockingReportVisual.is-active .clockingReportVisual__detailTable,.clockingReportVisual.is-active .clockingReportVisual__detailRow,.clockingReportVisual.is-active .clockingReportVisual__calendar,.clockingReportVisual.is-active .clockingReportVisual__person,.clockingReportVisual.is-active .clockingReportVisual__shift,.clockingReportVisual.is-active .clockingReportVisual__nowLine,.clockingReportVisual.is-active .clockingReportVisual__exportCard{opacity:1;animation:none;transform:none}}.clockingGeofencingVisual{aspect-ratio:1127/1363;isolation:isolate;width:100%;max-width:530px;margin:0 auto;position:relative;overflow:visible;container-type:inline-size}.clockingGeofencingVisual *,.clockingGeofencingVisual :before,.clockingGeofencingVisual :after{box-sizing:border-box}.clockingGeofencingVisual__map{opacity:0;pointer-events:none;transform-origin:top;z-index:0;width:86.8%;max-width:none;height:auto;display:block;position:absolute;top:0;left:0;transform:translateY(18px)scale(.985)}.clockingGeofencingVisual__radius{aspect-ratio:1;opacity:0;transform-origin:50%;z-index:1;background:#8ac5f733;border-radius:50%;width:45.25%;display:block;position:absolute;top:18.65%;left:20.55%;transform:scale(.16)}.clockingGeofencingVisual__radius:before{aspect-ratio:1;content:"";opacity:0;background:#8ac5f71f;border:clamp(2px,.42cqw,5px) solid #aedaffb3;border-radius:50%;position:absolute;inset:0;transform:scale(.72)}.clockingGeofencingVisual__pin{aspect-ratio:1;opacity:0;background:#159ff4;border:clamp(2px,.44cqw,5px) solid #fff;border-radius:50%;width:6.45cqw;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.4);box-shadow:0 .7cqw 1.8cqw #2176b524}.clockingGeofencingVisual__person{opacity:0;pointer-events:none;transform-origin:bottom;z-index:3;width:56.6%;max-width:none;height:auto;display:block;position:absolute;top:12.3%;left:43.4%;transform:translate(28px,24px)scale(.985)}.clockingGeofencingVisual__card{opacity:0;transform-origin:0 100%;z-index:4;background:#fff;border:clamp(1px,.18cqw,2px) solid #4d4d4f;border-radius:4.1cqw;width:40.55%;height:16.55%;position:absolute;top:66.78%;left:4.4%;transform:translate(-26px,22px)scale(.975);box-shadow:0 1.5cqw 3.4cqw #2a2a2a14}.clockingGeofencingVisual__identity{opacity:0;align-items:center;gap:1.7cqw;display:flex;position:absolute;top:3.1cqw;left:4.25cqw;transform:translateY(10px)}.clockingGeofencingVisual__identity>img{object-fit:cover;opacity:0;border-radius:50%;width:6.75cqw;height:6.75cqw;display:block;transform:scale(.72)}.clockingGeofencingVisual__identity>div{flex-direction:column;gap:1.15cqw;display:flex}.clockingGeofencingVisual__identity strong{color:#4e4d4f;letter-spacing:.01em;white-space:nowrap;font-size:clamp(12px,3.45cqw,39px);font-weight:650;line-height:1}.clockingGeofencingVisual__identity span{transform-origin:0;background:#e7e7e8;border-radius:99px;width:12.8cqw;height:1.65cqw;display:block;transform:scaleX(0)}.clockingGeofencingVisual__clockIn{color:#fff;opacity:0;background:#179ff3;border-radius:99px;justify-content:center;align-items:center;gap:1cqw;width:55.7%;height:4.55cqw;font-size:clamp(8px,1.95cqw,22px);font-weight:500;line-height:1;display:flex;position:absolute;bottom:2.85cqw;left:30.8%;transform:translateY(12px)scale(.96)}.clockingGeofencingVisual__clockIn>img{object-fit:contain;width:2.1cqw;height:2.1cqw;display:block}.clockingGeofencingVisual.is-active .clockingGeofencingVisual__map{animation:.76s cubic-bezier(.2,.78,.2,1) 60ms forwards clocking-geofence-map-in}.clockingGeofencingVisual.is-active .clockingGeofencingVisual__radius{animation:.86s cubic-bezier(.16,1,.3,1) .42s forwards clocking-geofence-radius-in}.clockingGeofencingVisual.is-active .clockingGeofencingVisual__radius:before{animation:1.9s cubic-bezier(.2,.65,.25,1) 1.28s infinite clocking-geofence-location-ping}.clockingGeofencingVisual.is-active .clockingGeofencingVisual__pin{animation:.48s cubic-bezier(.16,1,.3,1) .9s forwards clocking-geofence-pin-in}.clockingGeofencingVisual.is-active .clockingGeofencingVisual__person{animation:.92s cubic-bezier(.2,.8,.2,1) .62s forwards clocking-geofence-person-in}.clockingGeofencingVisual.is-active .clockingGeofencingVisual__card{animation:.74s cubic-bezier(.18,.88,.2,1) 1.04s forwards clocking-geofence-card-in}.clockingGeofencingVisual.is-active .clockingGeofencingVisual__identity{animation:.48s ease-out 1.33s forwards clocking-geofence-copy-in}.clockingGeofencingVisual.is-active .clockingGeofencingVisual__identity>img{animation:.46s cubic-bezier(.16,1,.3,1) 1.38s forwards clocking-geofence-avatar-in}.clockingGeofencingVisual.is-active .clockingGeofencingVisual__identity span{animation:.46s cubic-bezier(.2,.82,.2,1) 1.51s forwards clocking-geofence-line-in}.clockingGeofencingVisual.is-active .clockingGeofencingVisual__clockIn{animation:.52s cubic-bezier(.16,1,.3,1) 1.61s forwards clocking-geofence-button-in}@keyframes clocking-geofence-map-in{to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes clocking-geofence-radius-in{to{opacity:1;transform:scale(1)}}@keyframes clocking-geofence-pin-in{to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes clocking-geofence-location-ping{0%{opacity:0;transform:scale(.72)}18%{opacity:.68}78%,to{opacity:0;transform:scale(1.2)}}@keyframes clocking-geofence-person-in{to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes clocking-geofence-card-in{to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes clocking-geofence-copy-in{to{opacity:1;transform:translateY(0)scale(1)}}@keyframes clocking-geofence-button-in{to{opacity:1;transform:translateY(0)scale(1)}}@keyframes clocking-geofence-avatar-in{to{opacity:1;transform:scale(1)}}@keyframes clocking-geofence-line-in{to{transform:scaleX(1)}}@media (width<=560px){.clockingGeofencingVisual{max-width:500px}}@media (prefers-reduced-motion:reduce){.clockingGeofencingVisual,.clockingGeofencingVisual *{animation-duration:1ms!important;animation-delay:0s!important}.clockingGeofencingVisual__radius:before{opacity:0;animation:none!important}}.clockingRulesVisual{aspect-ratio:1381/855;isolation:isolate;width:100%;max-width:800px;margin:0 auto;position:relative;overflow:visible;container-type:inline-size}.clockingRulesVisual *,.clockingRulesVisual :before,.clockingRulesVisual :after{box-sizing:border-box}.clockingRulesVisual__photo{opacity:0;pointer-events:none;transform-origin:100% 100%;z-index:0;width:61.2%;max-width:none;height:auto;display:block;position:absolute;top:21.25%;left:38.8%;transform:translate(28px,20px)scale(.985)}.clockingRulesVisual__panel{opacity:0;transform-origin:0 0;z-index:2;background:#fff;border:clamp(1px,.15cqw,2px) solid #4d4d4f;border-radius:1.45cqw;width:54.25%;height:58.85%;position:absolute;top:0;left:0;overflow:hidden;transform:translate(-30px,-16px)scale(.98);box-shadow:0 1.5cqw 3.8cqw #2a2a2a12}.clockingRulesVisual__heading{opacity:0;align-items:baseline;gap:1.4cqw;display:flex;position:absolute;top:4.35cqw;left:4.3cqw;transform:translateY(-10px)}.clockingRulesVisual__heading strong{color:#676669;white-space:nowrap;font-size:clamp(10px,2.9cqw,40px);font-weight:650;line-height:1}.clockingRulesVisual__heading span{color:#c1bfc1;white-space:nowrap;font-size:clamp(6px,1.8cqw,25px);font-weight:600;line-height:1}.clockingRulesVisual__rules{flex-direction:column;gap:3.25cqw;display:flex;position:absolute;top:10.75cqw;left:4.35cqw;right:3.35cqw}.clockingRulesVisual__rule{opacity:0;grid-template-columns:1.5cqw minmax(0,1fr);align-items:flex-start;gap:1.35cqw;display:grid;transform:translate(-16px)}.clockingRulesVisual__rule i{opacity:0;background:#1c9ff3;border-radius:.25cqw;width:1.5cqw;height:1.5cqw;display:block;position:relative;transform:scale(.5)}.clockingRulesVisual__rule i:after{content:"";border-bottom:clamp(1px,.18cqw,2px) solid #fff;border-right:clamp(1px,.18cqw,2px) solid #fff;width:.4cqw;height:.7cqw;position:absolute;top:.28cqw;left:.5cqw;transform:rotate(45deg)scale(0)}.clockingRulesVisual__rule span{color:#676669;letter-spacing:.015em;font-size:clamp(7px,2.02cqw,28px);font-weight:400;line-height:1.18}.clockingRulesVisual.is-active .clockingRulesVisual__photo{animation:.92s cubic-bezier(.2,.8,.2,1) 80ms forwards clocking-rules-photo-in}.clockingRulesVisual.is-active .clockingRulesVisual__panel{animation:.76s cubic-bezier(.18,.88,.2,1) .43s forwards clocking-rules-panel-in}.clockingRulesVisual.is-active .clockingRulesVisual__heading{animation:.5s ease-out .76s forwards clocking-rules-copy-in}.clockingRulesVisual.is-active .clockingRulesVisual__rule{animation:clocking-rules-rule-in .56s cubic-bezier(.2, .82, .2, 1) calc(.92s + var(--rules-index) * .21s) forwards}.clockingRulesVisual.is-active .clockingRulesVisual__rule i{animation:clocking-rules-check-box-in .43s cubic-bezier(.16, 1, .3, 1) calc(1.01s + var(--rules-index) * .21s) forwards}.clockingRulesVisual.is-active .clockingRulesVisual__rule i:after{animation:clocking-rules-check-mark-in .33s cubic-bezier(.16, 1, .3, 1) calc(1.11s + var(--rules-index) * .21s) forwards}@keyframes clocking-rules-photo-in{to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes clocking-rules-panel-in{to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes clocking-rules-copy-in{to{opacity:1;transform:translateY(0)}}@keyframes clocking-rules-rule-in{to{opacity:1;transform:translate(0)}}@keyframes clocking-rules-check-box-in{to{opacity:1;transform:scale(1)}}@keyframes clocking-rules-check-mark-in{to{transform:rotate(45deg)scale(1)}}@media (width<=560px){.clockingRulesVisual{max-width:620px}}@media (prefers-reduced-motion:reduce){.clockingRulesVisual,.clockingRulesVisual *{animation-duration:1ms!important;animation-delay:0s!important}}.clockingHardwareVisual{aspect-ratio:1120/769;isolation:isolate;width:100%;max-width:700px;margin:0 auto;position:relative;overflow:visible;container-type:inline-size}.clockingHardwareVisual *,.clockingHardwareVisual :before,.clockingHardwareVisual :after{box-sizing:border-box}.clockingHardwareVisual__people{opacity:0;pointer-events:none;transform-origin:0 100%;z-index:0;width:90.18%;max-width:none;height:auto;display:block;position:absolute;top:0;left:0;transform:translate(-24px,14px)scale(.985)}.clockingHardwareVisual__terminal{opacity:0;pointer-events:none;transform-origin:bottom;z-index:2;border-radius:3.2cqw;width:33.93%;max-width:none;height:auto;display:block;position:absolute;top:12.35%;left:66%;transform:translate(32px,28px)scale(.965);box-shadow:0 0 0 .72cqw #fff,0 1.6cqw 3.5cqw #1b222829}.clockingHardwareVisual.is-active .clockingHardwareVisual__people{animation:.92s cubic-bezier(.2,.8,.2,1) 80ms forwards clocking-hardware-people-in}.clockingHardwareVisual.is-active .clockingHardwareVisual__terminal{animation:.82s cubic-bezier(.16,1,.3,1) .62s forwards clocking-hardware-terminal-in}@keyframes clocking-hardware-people-in{to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes clocking-hardware-terminal-in{72%{opacity:1;transform:translate(-2px,-2px)scale(1.008)}to{opacity:1;transform:translate(0,0)scale(1)}}@media (width<=560px){.clockingHardwareVisual{max-width:620px}}@media (prefers-reduced-motion:reduce){.clockingHardwareVisual,.clockingHardwareVisual *{animation-duration:1ms!important;animation-delay:0s!important}}.clockingHeaderVisual{--tracking-ink:#15142f;aspect-ratio:1001/960;isolation:isolate;width:100%;max-width:538px;margin:0 auto;position:relative;overflow:visible;container-type:inline-size}.clockingHeaderVisual *,.clockingHeaderVisual :before,.clockingHeaderVisual :after{box-sizing:border-box}.clockingHeaderVisual__backdrop{opacity:0;transform-origin:bottom;z-index:0;background:#fff;border:clamp(1px,.2cqw,2px) solid #555457;border-radius:3cqw;width:63.24%;height:74.14%;position:absolute;top:26.04%;left:31.17%;transform:translateY(22px)scale(.97)}.clockingHeaderVisual__timer,.clockingHeaderVisual__pause{color:#777273;opacity:0;transform-origin:0;z-index:1;background:#fffffff5;border:clamp(1px,.18cqw,2px) solid #555457;border-radius:3cqw;justify-content:center;align-items:center;display:flex;position:absolute;transform:translate(-26px,8px)scaleX(.94)}.clockingHeaderVisual__timer{font-variant-numeric:tabular-nums;letter-spacing:.02em;white-space:nowrap;width:32.17%;height:12.92%;font-size:clamp(24px,5.7cqw,57px);font-weight:500;top:10.21%;left:12.19%}.clockingHeaderVisual__pause{white-space:nowrap;gap:1.15cqw;width:20.67%;height:9.79%;font-size:clamp(15px,3cqw,30px);font-weight:400;top:26.04%;left:37px}.clockingHeaderVisual__pauseIcon{gap:.55cqw;display:inline-flex}.clockingHeaderVisual__pauseIcon:before,.clockingHeaderVisual__pauseIcon:after{content:"";background:currentColor;border-radius:999px;width:.55cqw;height:2.65cqw;display:block}.clockingHeaderVisual__person{opacity:0;pointer-events:none;transform-origin:bottom;z-index:2;width:72.13%;max-width:none;height:auto;display:block;position:absolute;top:auto;bottom:0;left:26.77%;transform:translate(24px,28px)scale(.975)}.clockingHeaderVisual__phone{aspect-ratio:276/542;opacity:0;transform-origin:bottom;z-index:4;width:27.67%;position:absolute;top:48.54%;left:72.33%;transform:translate(26px,34px)scale(.96)}.clockingHeaderVisual__phone .clockingPhone{background:#fff;border:clamp(2px,.3cqw,3px) solid #464445;border-radius:4.5cqw;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.clockingHeaderVisual__phone .clockingPhone:before{content:"";pointer-events:none;z-index:6;border:1px solid #b5c4cd;border-radius:3.7cqw;position:absolute;inset:.55cqw}.clockingHeaderVisual__phone .clockingPhone:after{content:"";pointer-events:none;z-index:5;border:clamp(2px,.5cqw,5px) solid #ececec;border-radius:4.1cqw;position:absolute;inset:0}.clockingHeaderVisual__phone .clockingDeviceSpeaker{z-index:7;background:#464445;border-radius:999px;width:7.6cqw;height:1.65cqw;position:absolute;top:1.8cqw;left:50%;transform:translate(-50%)}.clockingHeaderVisual__phone .clockingPhoneHeader{justify-content:center;align-items:center;padding:7.9cqw 2cqw .7cqw;display:flex;position:relative}.clockingHeaderVisual__phone .clockingPhoneHeader span{color:var(--tracking-ink);font-size:clamp(15px,2.8cqw,28px);line-height:1;position:absolute;top:7cqw;left:2.2cqw}.clockingHeaderVisual__phone .clockingPhoneHeader strong{color:var(--tracking-ink);font-size:clamp(10px,1.9cqw,19px);font-weight:500}.clockingHeaderVisual__phone .clockingPhoneTimer{text-align:center;background:#fafafa;border-radius:1.9cqw;margin:0 2cqw}.clockingHeaderVisual__phone .clockingPhoneTimer strong{color:var(--tracking-ink);font-variant-numeric:tabular-nums;white-space:nowrap;padding:1.9cqw .2cqw 1.8cqw;font-size:clamp(20px,4.45cqw,44px);font-weight:400;line-height:1;display:block}.clockingHeaderVisual__phone .clockingPhoneTimer span{display:none}.clockingHeaderVisual__phone .clockingPhoneMap{border-radius:1.9cqw;height:14.1cqw;margin:.65cqw 2cqw 0;position:relative;overflow:hidden}.clockingHeaderVisual__phone .clockingPhoneMap>img{object-fit:cover;width:100%;height:110%}.clockingHeaderVisual__phone .clockingPositionDot{isolation:isolate;z-index:1;background:0 0;border:clamp(2px,.3cqw,3px) solid #fff;border-radius:50%;width:4.3cqw;height:4.3cqw;position:absolute;top:49%;left:50%;transform:translate(-50%,-50%)}.clockingHeaderVisual__phone .clockingPositionDot>img{object-fit:cover;z-index:2;border-radius:50%;width:100%;height:100%;display:block;position:relative}.clockingHeaderVisual__phone .clockingPositionDot:after{content:"";z-index:0;background:#19a0ff2e;border-radius:50%;width:10cqw;height:10cqw;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.clockingHeaderVisual__phone .clockingPhoneActions{background:#fff;flex-direction:column;padding:1.4cqw 2cqw 2.75cqw;display:flex;position:absolute;bottom:0;left:0;right:0}.clockingHeaderVisual__phone .clockingPhoneActions>button{color:#fff;background:#ff8042;border:1px solid #f3783d;border-radius:999px;flex:0 0 4.5cqw;justify-content:center;align-items:center;gap:.6cqw;width:100%;min-height:0;padding:0;font-size:clamp(9px,1.65cqw,16px);line-height:1;display:flex}.clockingHeaderVisual__phone .clockingPhoneActions>button img{display:none}.clockingHeaderVisual__phone .clockingPhoneActions nav{flex:none;justify-content:space-between;width:auto;padding:2cqw .4cqw 0;display:flex;position:static}.clockingHeaderVisual__phone .clockingMobileNavIcon{justify-content:center;align-items:center;width:1.8cqw;height:1.8cqw;display:flex}.clockingHeaderVisual__phone .clockingMobileNavIcon img{object-fit:contain;opacity:.78;width:1.55cqw;height:1.55cqw}.clockingHeaderVisual__phone .clockingMobileNavIcon.isActive img{filter:invert(50%)sepia(91%)saturate(2133%)hue-rotate(176deg)brightness(103%);opacity:1}.clockingHeaderVisual.is-active .clockingHeaderVisual__backdrop{animation:.76s cubic-bezier(.16,1,.3,1) 80ms forwards tracking-header-backdrop-in}.clockingHeaderVisual.is-active .clockingHeaderVisual__timer{animation:.62s cubic-bezier(.16,1,.3,1) .12s forwards tracking-header-card-in}.clockingHeaderVisual.is-active .clockingHeaderVisual__pause{animation:.62s cubic-bezier(.16,1,.3,1) .26s forwards tracking-header-card-in}.clockingHeaderVisual.is-active .clockingHeaderVisual__person{animation:.9s cubic-bezier(.16,1,.3,1) .52s forwards tracking-header-person-in}.clockingHeaderVisual.is-active .clockingHeaderVisual__phone{animation:.76s cubic-bezier(.16,1,.3,1) .85s forwards tracking-header-phone-in}.clockingHeaderVisual.is-active .clockingHeaderVisual__phone .clockingDeviceSpeaker{animation:.4s cubic-bezier(.16,1,.3,1) 1.08s both tracking-header-speaker-in}.clockingHeaderVisual.is-active .clockingHeaderVisual__phone .clockingPhoneHeader{animation:.44s cubic-bezier(.2,.75,.25,1) 1.12s both tracking-header-element-in}.clockingHeaderVisual.is-active .clockingHeaderVisual__phone .clockingPhoneTimer{animation:.46s cubic-bezier(.16,1,.3,1) 1.22s both tracking-header-element-in}.clockingHeaderVisual.is-active .clockingHeaderVisual__phone .clockingPhoneMap{animation:.48s cubic-bezier(.16,1,.3,1) 1.34s both tracking-header-element-in}.clockingHeaderVisual.is-active .clockingHeaderVisual__phone .clockingPositionDot{animation:.44s cubic-bezier(.34,1.56,.64,1) 1.58s both tracking-header-avatar-in}.clockingHeaderVisual.is-active .clockingHeaderVisual__phone .clockingPhoneActions>button{animation:.44s cubic-bezier(.2,.75,.25,1) 1.48s both tracking-header-element-in}.clockingHeaderVisual.is-active .clockingHeaderVisual__phone .clockingMobileNavIcon{animation:.36s cubic-bezier(.2,.75,.25,1) both tracking-header-nav-in}.clockingHeaderVisual.is-active .clockingHeaderVisual__phone .clockingMobileNavIcon:first-child{animation-delay:1.635s}.clockingHeaderVisual.is-active .clockingHeaderVisual__phone .clockingMobileNavIcon:nth-child(2){animation-delay:1.69s}.clockingHeaderVisual.is-active .clockingHeaderVisual__phone .clockingMobileNavIcon:nth-child(3){animation-delay:1.745s}.clockingHeaderVisual.is-active .clockingHeaderVisual__phone .clockingMobileNavIcon:nth-child(4){animation-delay:1.8s}.clockingHeaderVisual.is-active .clockingHeaderVisual__phone .clockingMobileNavIcon:nth-child(5){animation-delay:1.855s}@keyframes tracking-header-backdrop-in{to{opacity:1;transform:translateY(0)scale(1)}}@keyframes tracking-header-card-in{to{opacity:1;transform:translate(0,0)scaleX(1)}}@keyframes tracking-header-person-in{to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes tracking-header-phone-in{to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes tracking-header-speaker-in{0%{opacity:0;transform:translate(-50%)scaleX(.35)}}@keyframes tracking-header-element-in{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes tracking-header-avatar-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.45)}}@keyframes tracking-header-nav-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=991px){.customHeaderVisualSmall:has(.clockingHeaderVisual){width:100%;max-width:min(650px,100vw - 32px);margin:4px auto 22px}}@media (width<=560px){.clockingHeaderVisual{width:min(100%,440px)}.clockingHeaderVisual__timer{letter-spacing:0;width:38%;padding-inline:1.75cqw;font-size:clamp(23px,5cqw,25px);left:8%}.clockingHeaderVisual__pause{gap:1cqw;width:25%;padding-inline:1.5cqw;font-size:clamp(12px,3cqw,15px);left:3%}.clockingHeaderVisual__pauseIcon{gap:.5cqw}.clockingHeaderVisual__pauseIcon:before,.clockingHeaderVisual__pauseIcon:after{width:.5cqw;min-width:2px;height:2.4cqw;min-height:8px;margin-right:1px}.clockingHeaderVisual__phone{left:72.33%}.clockingHeaderVisual__phone .clockingPhoneTimer strong{letter-spacing:-.01em;padding-inline:.5cqw;font-size:clamp(13px,4cqw,18px)}}@media (prefers-reduced-motion:reduce){.clockingHeaderVisual,.clockingHeaderVisual *,.clockingHeaderVisual :before,.clockingHeaderVisual :after{animation-duration:1ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}