.timeclock-module__7f-O9G__card{cursor:pointer;text-align:left;color:color-mix(in oklab, var(--muted-foreground) 70%, var(--foreground));-webkit-user-select:text;user-select:text;display:inline-block;position:relative}.timeclock-module__7f-O9G__card:before{content:"";pointer-events:none;border:1px solid color-mix(in oklab, currentColor 30%, transparent);clip-path:polygon(7px 0,100% 0,100% 100%,0 100%,0 7px);transition:border-color .2s var(--ease-snappy);border-radius:2px;position:absolute;inset:-3px -6px}.timeclock-module__7f-O9G__card:hover:before,.timeclock-module__7f-O9G__card:focus-visible:before{border-color:var(--primary)}.timeclock-module__7f-O9G__card[data-ink]:after{content:attr(data-ink);border:1px solid var(--primary);font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.12em;white-space:nowrap;color:var(--foreground);pointer-events:none;border-radius:2px;padding:0 3px;font-size:10px;line-height:14px;position:absolute;top:50%;left:calc(100% + 14px);translate:0 -50%;rotate:-4deg}@media (min-width:48rem){.timeclock-module__7f-O9G__card[data-ink]:after{top:calc(100% + 6px);left:46px;translate:none}}.timeclock-module__7f-O9G__odd{animation:timeclock-module__7f-O9G__press-a .16s var(--ease-snappy)}.timeclock-module__7f-O9G__even{animation:timeclock-module__7f-O9G__press-b .16s var(--ease-snappy)}.timeclock-module__7f-O9G__odd:after{animation:.22s ease-out timeclock-module__7f-O9G__ink-a}.timeclock-module__7f-O9G__even:after{animation:.22s ease-out timeclock-module__7f-O9G__ink-b}@keyframes timeclock-module__7f-O9G__press-a{40%{transform:translateY(2px)}}@keyframes timeclock-module__7f-O9G__press-b{40%{transform:translateY(2px)}}@keyframes timeclock-module__7f-O9G__ink-a{0%{opacity:0;scale:1.6}}@keyframes timeclock-module__7f-O9G__ink-b{0%{opacity:0;scale:1.6}}@media (prefers-reduced-motion:reduce){.timeclock-module__7f-O9G__card:before{transition:none}}