[data-attendance-panel] {
    transition: opacity .16s ease, filter .16s ease;
}
[data-attendance-panel].is-attendance-updating {
    opacity: .68;
    filter: saturate(.82);
    pointer-events: none;
}
[data-attendance-panel].is-attendance-updating button[type="submit"],
[data-attendance-panel].is-attendance-updating .operator-shift-button,
[data-attendance-panel].is-attendance-updating .avito-attendance-button {
    position: relative;
}
[data-attendance-panel].is-attendance-updating button[type="submit"]::after,
[data-attendance-panel].is-attendance-updating .operator-shift-button::after,
[data-attendance-panel].is-attendance-updating .avito-attendance-button::after {
    content: "";
    width: 12px;
    height: 12px;
    margin-left: 8px;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    display: inline-block;
    vertical-align: -2px;
    animation: center-attendance-spin .7s linear infinite;
}
@keyframes center-attendance-spin { to { transform: rotate(360deg); } }
html.center-profile-reduce-motion [data-attendance-panel],
html.center-profile-reduce-motion [data-attendance-panel] * { transition: none !important; }
html.center-profile-reduce-motion [data-attendance-panel].is-attendance-updating button[type="submit"]::after,
html.center-profile-reduce-motion [data-attendance-panel].is-attendance-updating .operator-shift-button::after,
html.center-profile-reduce-motion [data-attendance-panel].is-attendance-updating .avito-attendance-button::after { animation: none; }
@media (prefers-reduced-motion: reduce) {
    [data-attendance-panel], [data-attendance-panel] * { transition: none !important; }
    [data-attendance-panel].is-attendance-updating button[type="submit"]::after,
    [data-attendance-panel].is-attendance-updating .operator-shift-button::after,
    [data-attendance-panel].is-attendance-updating .avito-attendance-button::after { animation: none; }
}