.mis-paired-timeline{min-width:0;container:mis-paired-timeline / inline-size}.mis-paired-timeline-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(48px,.75fr) minmax(0,1fr);gap:8px;padding:6px 0;color:var(--mis-ui-muted,var(--muted));font-size:var(--mis-type-caption,inherit);text-align:center}.mis-extended-timeline.mis-paired-timeline-list{padding:0;margin:0;list-style:none;min-width:0}.mis-extended-timeline.mis-paired-timeline-list>li{position:relative;padding:10px 0;border-inline-start:0;min-width:0}.mis-extended-timeline.mis-paired-timeline-list>li:before{content:none}.mis-extended-timeline.mis-paired-timeline-list>li:after{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background:var(--mis-control-border,var(--border));pointer-events:none}.mis-extended-timeline.mis-paired-timeline-list>li>.mis-paired-timeline-row{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(48px,.75fr) minmax(0,1fr);gap:8px;align-items:start;min-width:0}.mis-paired-timeline-side{box-sizing:border-box;position:relative;display:flex;flex-direction:column;gap:4px;min-width:0;padding:7px 6px;border:1px solid var(--mis-control-border,var(--border));border-radius:6px;background:var(--surface-soft,var(--surface,#fff));color:var(--mis-ui-text,var(--text));overflow-wrap:anywhere;font:inherit}.mis-paired-timeline-side time,.mis-paired-timeline-side span,.mis-paired-timeline-side strong{min-width:0;max-width:100%;overflow-wrap:anywhere}.mis-paired-timeline-side time{font-variant-numeric:tabular-nums}.mis-paired-timeline-side>span,.mis-paired-timeline-side>small{color:var(--mis-ui-muted,var(--muted));font-size:var(--mis-type-caption,inherit)}.mis-paired-timeline-side:after{content:"";position:absolute;top:13px;width:6px;height:6px;box-sizing:border-box;border:1px solid var(--mis-extended-tone,var(--mis-control-primary));border-radius:50%;background:var(--surface,#fff)}.mis-paired-timeline-side[data-side=left]:after{right:-5px}.mis-paired-timeline-side[data-side=right]:after{left:-5px}.mis-paired-timeline-center{position:relative;min-width:0;padding-top:2px;text-align:center;overflow-wrap:anywhere}.mis-paired-timeline-center:before{content:"";position:absolute;top:16px;left:-4px;right:-4px;height:1px;background:var(--mis-control-border,var(--border));z-index:-1}.mis-paired-timeline-duration{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:30px;min-width:0;padding:3px;border:1px solid var(--mis-control-border,var(--border));border-radius:5px;color:var(--mis-extended-tone,var(--mis-control-primary));background:var(--surface,#fff);font:inherit;overflow-wrap:anywhere}.mis-paired-timeline-duration>strong{font-weight:var(--mis-type-control-weight,600)}@container mis-paired-timeline (max-width:280px){.mis-paired-timeline-head,.mis-extended-timeline.mis-paired-timeline-list>li>.mis-paired-timeline-row{column-gap:5px;grid-template-columns:minmax(0,1fr) minmax(44px,.75fr) minmax(0,1fr)}.mis-paired-timeline-side{padding:6px 4px}.mis-paired-timeline-duration{padding:3px 2px}}.mis-paired-timeline-side>div,.mis-paired-timeline-duration>div{display:flex;flex-direction:column;gap:4px;min-width:0;max-width:100%;overflow-wrap:anywhere}.mis-paired-timeline-side :is(time,span,strong,small),.mis-paired-timeline-duration :is(strong,span,small){display:block;min-width:0;max-width:100%;overflow-wrap:anywhere}.mis-paired-timeline-side>div>span,.mis-paired-timeline-side>div>small,.mis-paired-timeline-duration>div>span{color:var(--mis-ui-muted,var(--muted));font-size:var(--mis-type-caption,inherit)}.mis-paired-timeline[data-paired-layout=staggered]>.mis-paired-timeline-head{display:none}.mis-paired-timeline[data-paired-layout=staggered]>.mis-paired-timeline-list{position:relative}.mis-paired-timeline[data-paired-layout=staggered]>.mis-paired-timeline-list:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:var(--mis-control-border,var(--border));pointer-events:none}.mis-paired-timeline[data-paired-layout=staggered]>.mis-paired-timeline-list>li{padding:12px 0}.mis-paired-timeline[data-paired-layout=staggered]>.mis-paired-timeline-list>li:after{content:none}.mis-paired-timeline[data-paired-layout=staggered]>.mis-paired-timeline-list>li>.mis-paired-timeline-row{grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);column-gap:8px;row-gap:8px}.mis-paired-timeline[data-paired-layout=staggered] .mis-paired-timeline-side{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;gap:3px}.mis-paired-timeline[data-paired-layout=staggered] .mis-paired-timeline-side>div,.mis-paired-timeline[data-paired-layout=staggered] .mis-paired-timeline-duration>div{gap:2px}.mis-paired-timeline[data-paired-layout=staggered] .mis-paired-timeline-side[data-side=right]{grid-column:3;grid-row:1;align-items:flex-start;text-align:left}.mis-paired-timeline[data-paired-layout=staggered] .mis-paired-timeline-side[data-side=left]{grid-column:1;grid-row:3;align-items:flex-end;text-align:right}.mis-paired-timeline[data-paired-layout=staggered] .mis-paired-timeline-edge-label{color:var(--mis-ui-muted,var(--muted));font-size:var(--mis-type-caption,inherit)}.mis-paired-timeline[data-paired-layout=staggered] .mis-paired-timeline-side:before{content:none}.mis-paired-timeline[data-paired-layout=staggered] .mis-paired-timeline-side[data-side=right]:after{left:-23px;top:7px}.mis-paired-timeline[data-paired-layout=staggered] .mis-paired-timeline-side[data-side=left]:after{right:-23px;top:7px}.mis-paired-timeline[data-paired-layout=staggered] .mis-paired-timeline-center{box-sizing:border-box;grid-column:2/4;grid-row:2;justify-self:start;padding:0 0 0 20px;max-width:100%;text-align:left}.mis-paired-timeline[data-paired-layout=staggered] .mis-paired-timeline-center:before{content:none}.mis-paired-timeline[data-paired-layout=staggered] .mis-paired-timeline-duration{min-height:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;align-items:flex-start;text-align:left}@container mis-paired-timeline (max-width:359px){.mis-paired-timeline[data-paired-layout=staggered]>.mis-paired-timeline-list>li{padding:8px 0}.mis-paired-timeline[data-paired-layout=staggered]>.mis-paired-timeline-list>li>.mis-paired-timeline-row{grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr);column-gap:6px;row-gap:6px}.mis-paired-timeline[data-paired-layout=staggered] .mis-paired-timeline-side[data-side=right]{grid-column:3;align-items:flex-start;text-align:left;gap:2px}.mis-paired-timeline[data-paired-layout=staggered] .mis-paired-timeline-side[data-side=left]{grid-column:1;align-items:flex-end;text-align:right;gap:2px}.mis-paired-timeline[data-paired-layout=staggered] .mis-paired-timeline-center{grid-column:2/4;justify-self:start;padding:0 0 0 14px;text-align:left}.mis-paired-timeline[data-paired-layout=staggered] .mis-paired-timeline-side[data-side=right]:after{left:-17px;right:auto}.mis-paired-timeline[data-paired-layout=staggered] .mis-paired-timeline-side[data-side=left]:after{left:auto;right:-17px}}.mis-paired-timeline[data-paired-layout=date-grouped]>.mis-paired-timeline-list>li{display:grid;grid-template-columns:minmax(max-content,.16fr) minmax(0,1fr);gap:18px;padding:18px 0;border:0;border-bottom:1px solid var(--mis-control-border,var(--border));background:transparent;box-shadow:none}.mis-paired-timeline[data-paired-layout=date-grouped]>.mis-paired-timeline-list>li:last-child{border-bottom:0}.mis-paired-timeline[data-paired-layout=date-grouped]>.mis-paired-timeline-list>li:after{content:none}.mis-date-timeline-date{display:flex;flex-direction:column;justify-content:center;gap:4px;min-width:0;padding-inline-end:12px;border-inline-end:1px solid var(--mis-control-border,var(--border));color:var(--mis-ui-muted,var(--muted));white-space:nowrap;overflow-wrap:normal}.mis-date-timeline-date>strong{color:var(--mis-control-primary,var(--primary))}.mis-date-timeline-content{display:flex;flex-direction:column;gap:16px;min-width:0}.mis-date-timeline-header{display:flex;align-items:flex-start;gap:8px;min-width:0}.mis-date-timeline-location{display:flex;align-items:flex-start;gap:6px;flex:1;min-width:0;overflow-wrap:anywhere;color:var(--mis-ui-text,var(--text));font-size:var(--mis-type-section-title,inherit);font-weight:var(--mis-type-section-title-weight,600)}.mis-date-timeline-location svg{width:16px;height:16px;flex:none;color:var(--mis-control-primary,var(--primary))}.mis-date-timeline-active{flex:none;padding:3px 6px;border-radius:5px;background:var(--primary-soft,var(--surface-soft));color:var(--mis-control-primary,var(--primary))}.mis-date-timeline-track{display:grid;grid-template-columns:minmax(0,.75fr) minmax(36px,2.5fr) minmax(0,.75fr);align-items:center;gap:0;min-width:0}.mis-date-timeline-endpoint{position:relative;display:flex;flex-direction:column;gap:4px;min-width:0;color:var(--mis-ui-text,var(--text));overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.mis-date-timeline-endpoint[data-side=left]{text-align:right;padding-inline-end:14px}.mis-date-timeline-endpoint[data-side=right]{text-align:left;padding-inline-start:14px}.mis-date-timeline-endpoint:after{content:"";position:absolute;top:calc(50% - 6px);width:12px;height:12px;border:3px solid var(--surface,#fff);outline:1px solid var(--mis-control-primary,var(--primary));border-radius:50%;background:var(--mis-control-primary,var(--primary));box-sizing:border-box;z-index:1;pointer-events:none}.mis-date-timeline-endpoint[data-side=left]:after{right:-6px}.mis-date-timeline-endpoint[data-side=right]:after{left:-6px}.mis-date-timeline-edge-label{color:var(--mis-ui-muted,var(--muted))}.mis-date-timeline-endpoint[data-missing=true],.mis-date-timeline-endpoint[data-missing=true]>.mis-date-timeline-edge-label{color:var(--warning,var(--mis-ui-warning,#a76311))}.mis-date-timeline-endpoint[data-missing=true]:after{background:var(--warning,var(--mis-ui-warning,#a76311));outline-color:var(--warning,var(--mis-ui-warning,#a76311))}.mis-date-timeline-interval{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;text-align:center;color:var(--mis-ui-muted,var(--muted));overflow-wrap:anywhere}.mis-date-timeline-interval:before{content:"";position:absolute;left:0;right:0;top:50%;border-top:1px solid var(--mis-control-primary,var(--primary));pointer-events:none}.mis-date-timeline-interval>span{position:relative;max-width:100%;padding:0 6px;background:var(--surface,#fff)}.mis-paired-timeline[data-paired-layout=date-grouped] [data-incomplete=true] .mis-date-timeline-interval:before{border-top-style:dashed;border-top-color:var(--mis-control-border,var(--border))}.mis-date-timeline-endpoint :is(a,button){font:inherit;max-width:100%;white-space:normal;overflow-wrap:anywhere}@container mis-paired-timeline (max-width:560px){.mis-paired-timeline[data-paired-layout=date-grouped]>.mis-paired-timeline-list>li{grid-template-columns:max-content minmax(0,1fr);gap:10px;padding:14px 0}.mis-date-timeline-date{padding-inline-end:8px}.mis-date-timeline-header{flex-wrap:wrap}.mis-date-timeline-location{flex-basis:100%}.mis-date-timeline-content{gap:12px}.mis-date-timeline-track{grid-template-columns:minmax(0,1fr) minmax(20px,.8fr) minmax(0,1fr)}.mis-date-timeline-endpoint[data-side=left]{padding-inline-end:8px}.mis-date-timeline-endpoint[data-side=right]{padding-inline-start:8px}.mis-date-timeline-interval>span{padding-inline:3px}}.mis-paired-timeline[data-paired-layout=date-grouped]>.mis-paired-timeline-list>li[data-active=true]{padding-inline:10px;border-radius:6px;background:var(--primary-soft,var(--mis-ui-soft,#edf4ff));box-sizing:border-box}.mis-paired-timeline[data-paired-layout=date-grouped]>.mis-paired-timeline-list>li[data-active=true] .mis-date-timeline-interval>span{background:var(--primary-soft,var(--mis-ui-soft,#edf4ff))}.mis-paired-timeline[data-paired-layout=date-grouped]>.mis-paired-timeline-list>li[data-selectable=true]{padding-inline:10px;cursor:pointer;box-sizing:border-box}.mis-paired-timeline[data-paired-layout=date-grouped] .mis-date-timeline-select[data-mis-control=button]{position:absolute;inset:0;z-index:0;min-width:0;min-height:0;width:100%;height:100%;margin:0;padding:0;opacity:0;border:0;border-radius:inherit}.mis-paired-timeline[data-paired-layout=date-grouped]>.mis-paired-timeline-list>li>.mis-date-timeline-date,.mis-paired-timeline[data-paired-layout=date-grouped]>.mis-paired-timeline-list>li>.mis-date-timeline-content{position:relative;z-index:1}.mis-paired-timeline[data-paired-layout=date-grouped]>.mis-paired-timeline-list>li:has(>.mis-date-timeline-select:focus-visible){outline:2px solid var(--mis-control-primary,var(--primary));outline-offset:-2px}
