.appointment-list{width:100%;min-width:0;color:#52675a}.appointment-month{background:var(--list-month-canvas)}.appointment-month-heading{position:sticky;top:0;z-index:8;display:flex;align-items:baseline;gap:8px;min-height:32px;margin:0;padding:8px 16px;background:var(--list-month-tint);color:var(--list-month-ink);box-shadow:0 1px 0 #55705d12;font-size:12px;line-height:16px}.appointment-month-heading strong{font-weight:650}.appointment-month-heading>small,.appointment-month-heading>span{font-size:11px;font-weight:400;opacity:.7}.appointment-month-heading>small{margin-left:auto}.appointment-rows{list-style:none;margin:0;padding:0}.appointment-row{position:relative;display:grid;grid-template-columns:106px 42px minmax(0,1fr) minmax(0,auto);align-items:center;column-gap:10px;width:100%;min-height:40px;margin:0;border:0;border-bottom:1px solid #dde5df;padding:5px 34px 5px 16px;background:transparent;color:inherit;text-align:left;font-family:inherit;font-size:12px;line-height:1.3;transition:background .15s,opacity .15s}.appointment-row:hover{background:#ffffffba}.appointment-row:focus-visible{z-index:1;outline:2px solid #76b6a6;outline-offset:-2px;background:#fff}.appointment-row.faded{opacity:.28}.appointment-row.arrived{opacity:1;background:color-mix(in srgb,var(--list-line-color) 9%,white);box-shadow:inset 3px 0 0 var(--list-line-color)}.appointment-date{align-self:stretch;display:flex;flex-direction:column;justify-content:center;color:var(--list-month-ink);font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}.appointment-date>span:first-child{display:flex;align-items:baseline;gap:6px}.appointment-date small{font-size:10px;opacity:.7}.appointment-date-range{font-size:11px;line-height:1.3}.appointment-end-date{opacity:.8}.appointment-symbol{position:relative;display:inline-flex;align-items:center;justify-content:center;justify-self:center;width:27px;height:27px;border:2px solid var(--list-line-color);border-radius:7px;background:#fff;color:var(--list-line-color);font-size:12px;font-weight:650}.appointment-kind-deadline{border-radius:50%}.appointment-kind-decision{background:var(--list-line-color);color:#fff}.appointment-kind-lsa,.appointment-kind-tk{width:40px;height:25px;gap:4px;border:1px solid #c8d5c9;border-radius:15px;color:#617769;font-size:10px}.appointment-kind-lsa:before,.appointment-kind-tk:before{content:"";width:4px;height:4px;border:1px solid #8b9e8c;border-radius:50%}.appointment-kind-tk{border-color:#8ba28c;color:#3b5e44}.appointment-kind-tk:before{background:#74917b}.appointment-stage-symbol{position:absolute;right:-5px;bottom:-4px;display:grid;place-items:center;width:14px;height:14px;border:1px solid var(--list-line-color);border-radius:50%;background:#fff;color:var(--list-line-color);font-size:9px;line-height:1}.appointment-description{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 8px;min-width:0;overflow-wrap:anywhere}.appointment-title{font-weight:550}.appointment-stage{color:#849188;font-size:10px}.appointment-events{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:3px 5px;max-width:340px;min-width:0}.appointment-event-chip{display:inline-flex;align-items:center;flex-wrap:wrap;gap:4px;max-width:100%;padding:2px 6px;border:1px solid color-mix(in srgb,var(--chip-color) 17%,transparent);border-radius:4px;background:color-mix(in srgb,var(--chip-color) 5%,white);color:var(--chip-color);font-size:10px;line-height:14px;overflow-wrap:anywhere}.appointment-event-chip>i{width:5px;height:5px;flex:none;border-radius:50%;background:var(--chip-color)}.appointment-event-chip>small{color:#7c8980;font-size:9px}.appointment-warning{position:absolute;right:12px;top:50%;display:inline-flex;transform:translateY(-50%);color:#bd8a38}.appointment-list-empty{margin:0;padding:32px 16px;text-align:center;color:#849188;font-size:13px}@media (max-width:760px){.appointment-row{grid-template-columns:92px 38px minmax(0,1fr);column-gap:7px;padding:6px 28px 6px 12px}.appointment-date,.appointment-symbol{grid-row:1/3}.appointment-events{grid-column:3;justify-content:flex-start;max-width:none;margin-top:3px}.appointment-month-heading{padding-left:12px;padding-right:12px}.appointment-description{font-size:11px}.appointment-warning{right:8px}}@media (prefers-reduced-motion:reduce){.appointment-row{transition:none}}