:root{--action-color-clock-in: #4caf50;--action-color-clock-out: #f44336;--action-color-break-start: #2196f3;--action-color-break-end: #ff9800;--action-color-default: #313131}@font-face{font-family:InterVariable;src:url(/assets/fonts/inter/InterVariable.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:block}@font-face{font-family:InterVariable;src:url(/assets/fonts/inter/InterVariable-Italic.ttf) format("truetype");font-weight:100 900;font-style:italic;font-display:block}@font-face{font-family:RubikVariable;src:url(/assets/fonts/rubik/Rubik-VariableFont_wght.ttf) format("truetype");font-weight:300 900;font-style:normal;font-display:optional}@font-face{font-family:RubikVariable;src:url(/assets/fonts/rubik/Rubik-Italic-VariableFont_wght.ttf) format("truetype");font-weight:300 900;font-style:italic;font-display:optional}:root{--status-bar-height: 60px;--action-bar-height: 100px;--header-total-height: calc(var(--status-bar-height) + var(--action-bar-height))}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background-color:#f5f5f5;overflow:hidden}button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.no-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}html,body{width:100%;height:100%;position:fixed}.monospace{font-family:InterVariable,Inter,sans-serif;font-feature-settings:"tnum" 1;font-variant-numeric:tabular-nums;letter-spacing:0}.camera-feed-unflip{transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg)}