.attendance-activity-block{box-sizing:border-box;width:100%;max-width:500px;margin:0 auto;min-width:0}
.attendance-activity-block>.attendance-activity{margin:0 auto}
.iar-summary{box-sizing:border-box;display:flex;align-items:center;gap:12px;width:100%;min-height:62px;margin:8px 0 0;padding:10px 12px;border:0;border-radius:14px;background:#223d70;color:#f7f8fb;font:14px/1.35 Arial,sans-serif;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}
.iar-summary *{box-sizing:border-box}
.iar-summary:focus-visible{outline:3px solid #99baff;outline-offset:3px}
.iar-summary:active{background:#29477e}
.iar-summary__leader{display:flex;align-items:center;gap:10px;flex:1;min-width:0}
.iar-summary__portrait{position:relative;display:block;width:36px;height:36px;flex-shrink:0;border-radius:50%;background:#52627b;outline:1.5px solid #edcc71;outline-offset:2px}
.iar-summary__initials{display:flex;align-items:center;justify-content:center;height:100%;font-size:13px;font-weight:600}
.iar-summary__portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%}
.iar-summary__medal{position:absolute;right:-4px;bottom:-3px;display:flex;align-items:center;justify-content:center;width:17px;height:17px;border:2px solid #223d70;border-radius:50%;background:#efcc6e;color:#233c67;font-size:11px;line-height:1;font-weight:700}
.iar-summary__copy{display:block;min-width:0;flex:1}
.iar-summary__label{display:block;font-size:11px;line-height:1.3;color:#cbd7ed;white-space:nowrap}
.iar-summary__name{display:block;margin-top:2px;font-size:13px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f7f8fb}
.iar-summary__own{display:block;flex-shrink:0;padding-left:12px;border-left:1px solid #ffffff29}
.iar-summary__own>strong{display:block;margin-top:2px;font-size:20px;line-height:1.1;color:#f7f8fb}
.iar-summary__own>strong>span{font-size:12px;font-weight:400;color:#cbd7ed}
.iar-summary__arrow{display:block;width:7px;height:7px;margin-right:3px;flex-shrink:0;border-top:1.5px solid #d8e3fa;border-right:1.5px solid #d8e3fa;transform:rotate(45deg)}
@media(max-width:360px){.iar-summary{gap:9px;padding-left:10px;padding-right:10px}.iar-summary__leader{gap:8px}.iar-summary__own{padding-left:8px}.iar-summary__name{font-size:12px}}