.clickable-card{cursor:pointer !important;transition:box-shadow .2s ease-in-out !important;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.clickable-card:hover{box-shadow:0 0 12px rgba(0,0,0,.2) !important}.clickable-card-icon{font-size:6rem !important;margin:0 auto !important;line-height:1}.clickable-card-small-icon{font-size:3rem !important;margin:0 auto !important;line-height:1}.status-card{border-left:8px solid rgba(0,0,0,0);border-radius:.5rem}.status-0{background-color:color-mix(in srgb, var(--mud-palette-surface) 10%, transparent);border-left-color:var(--mud-palette-surface)}.status-Arbeitszeit{background-color:color-mix(in srgb, var(--mud-palette-success) 10%, transparent);border-left-color:var(--mud-palette-success)}.status-Pause{border-left-color:var(--mud-palette-warning);background-color:color-mix(in srgb, var(--mud-palette-warning) 10%, transparent)}.status-{border-left-color:var(--mud-palette-error);background-color:color-mix(in srgb, var(--mud-palette-error) 10%, transparent)}.status-Kommt{background-color:color-mix(in srgb, var(--mud-palette-success) 10%, transparent);border-left-color:var(--mud-palette-success)}.status-Ende{border-left-color:var(--mud-palette-error);background-color:color-mix(in srgb, var(--mud-palette-error) 10%, transparent)}