.attendance-activity{box-sizing:border-box;width:100%;max-width:500px;margin:12px auto;padding:16px 14px 14px;border-radius:16px;background:#353535;color:#fff;font-family:Arial,sans-serif;text-align:left}
.attendance-activity__heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.attendance-activity__title{display:flex;align-items:center;gap:7px;color:#fff;background:none;padding:0;border:0;cursor:pointer;text-align:left;min-height:32px}
.attendance-activity__title h2{margin:0;font-family:Arial,sans-serif;font-size:17px;line-height:1.3;font-weight:600;color:#fff}
.attendance-activity__title>span{color:#a9a9b1;font-family:Arial,sans-serif;font-size:12px}
.attendance-activity__heading strong{font-size:25px;line-height:1.2;font-weight:600;font-variant-numeric:tabular-nums}
.attendance-activity__subtitle{font-size:11px;line-height:1.4;color:#bcbcc2;margin:2px 0 0}
.attendance-activity__chart{position:relative;margin-top:12px;padding-left:31px}
.attendance-activity__chart svg{display:block;width:100%;height:74px;overflow:visible}
.attendance-activity__max,.attendance-activity__min{position:absolute;left:0;color:#bcbcc2;font-size:10px;line-height:1.2}
.attendance-activity__max{top:1px}.attendance-activity__min{bottom:0}
.attendance-activity__grid{fill:none;stroke:#555;stroke-width:1;vector-effect:non-scaling-stroke}
.attendance-activity__area{fill:#ff414b;opacity:.08}.attendance-activity__line{fill:none;stroke:#ff414b;stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}
.attendance-activity__point{stroke:#353535;stroke-width:2;vector-effect:non-scaling-stroke}
.attendance-activity__targets{position:absolute;left:31px;right:0;top:0;bottom:0}
.attendance-activity__targets button{position:absolute;top:0;bottom:0;width:44px;transform:translateX(-50%);border:0;background:transparent;cursor:pointer;max-width:16%}
.attendance-activity__targets button:first-child{transform:none;left:0!important}.attendance-activity__targets button:last-child{transform:translateX(-100%);left:100%!important}
.attendance-activity__targets button:only-child{left:50%!important;transform:translateX(-50%)}
.attendance-activity__legend{display:flex;flex-wrap:wrap;gap:8px 13px;font-size:11px;line-height:1.4;color:#c6c6ca;margin-top:10px}
.attendance-activity__legend span{white-space:nowrap}.attendance-activity__legend i{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:5px;vertical-align:middle}
.attendance-activity__message,.attendance-activity__detail,.attendance-activity__explanation{margin:10px 0 0;color:#c6c6ca;font-size:12px;line-height:1.5}
.attendance-activity__message button{font:inherit;color:#fff;background:transparent;border:1px solid #777;border-radius:7px;padding:7px 10px;cursor:pointer;margin-top:5px}
.attendance-activity__detail{font-size:11px}.attendance-activity__explanation{border-top:1px solid #555;padding-top:10px}
@media(max-width:350px){.attendance-activity{padding:14px 10px 12px}.attendance-activity__legend{gap:6px 10px;font-size:10px}}

.parent-activity-results{width:100%;box-sizing:border-box}