:root{--md-timeline-icon-position-offset:15px}.timeline{margin-bottom:var(--md-spacing-6);padding-left:var(--md-spacing-8);position:relative}.timeline:before{content:"";left:var(--md-timeline-icon-position-offset);width:calc(var(--md-divider-thickness) * 2);background-color:var(--md-outline-variant);position:absolute;top:0;bottom:0}.timeline__item{padding-bottom:var(--md-spacing-6);position:relative}.timeline__item:last-child{padding-bottom:0}.timeline__dot{left:calc(-1 * var(--md-spacing-8) + var(--md-spacing-2));top:var(--md-spacing-1);width:var(--md-spacing-4);height:var(--md-spacing-4);border-radius:var(--md-shape-full);background-color:var(--md-surface-container-highest);border:calc(var(--md-divider-thickness) * 2) solid var(--md-outline-variant);position:absolute}.timeline__item--active .timeline__dot{background-color:var(--md-primary);border-color:var(--md-primary)}.timeline__item--negative .timeline__dot{background-color:var(--md-error-container);border-color:var(--md-error)}.timeline__group{margin:0 0 var(--md-spacing-3) calc(-1 * var(--md-spacing-8));padding:var(--md-spacing-1) 0;font-size:var(--md-label-large-size);line-height:var(--md-label-large-line);font-weight:var(--md-label-large-weight);color:var(--md-on-surface-variant);background-color:var(--md-surface);position:relative}.timeline__title{font-size:var(--md-title-small-size);font-weight:var(--md-title-small-weight);line-height:var(--md-title-small-line);color:var(--md-on-surface);margin-bottom:var(--md-spacing-1)}.timeline__time{font-size:var(--md-label-small-size);line-height:var(--md-label-small-line);font-weight:var(--md-label-small-weight);color:var(--md-on-surface-variant);margin-bottom:var(--md-spacing-2);display:block}.timeline__text{font-size:var(--md-body-medium-size);line-height:var(--md-body-medium-line);color:var(--md-on-surface-variant);margin-bottom:0}