@layer base{.timeline{flex-direction:column;width:100%;margin:0;padding:0;list-style:none;display:flex}.timeline>li{grid-template-columns:1fr auto 1fr;align-items:stretch;column-gap:1rem;display:grid;position:relative}.timeline-start{text-align:end;color:var(--color-base-content);grid-column:1;place-self:center end;padding-block:.5rem;font-size:1rem}.timeline-middle{flex-direction:column;grid-column:2;align-items:center;min-height:2.5rem;display:flex}.timeline-middle:after,.timeline-middle:before{content:"";background-color:var(--color-base-300);flex:1 1 0;width:2px}.timeline-middle svg{flex-shrink:0;width:1.1rem;height:1.1rem}.timeline>li:first-child .timeline-middle:before,.timeline>li:last-child .timeline-middle:after{visibility:hidden}.timeline-dot{background-color:var(--color-base-content);border-radius:9999px;flex-shrink:0;width:.75rem;height:.75rem}.timeline-end{grid-column:3;place-self:center start;padding-block:.5rem}.timeline-box{border-radius:var(--radius-box,.5rem);border:1px solid var(--color-base-300);background-color:var(--color-base-100);padding-block:.5rem;padding-inline:.875rem}.timeline-horizontal{flex-direction:row;width:100%}.timeline-horizontal>li{flex:1 1 0;grid-template-rows:1fr auto 1fr;grid-template-columns:minmax(0,1fr);align-items:center;gap:.75rem 0;min-width:0}.timeline-horizontal .timeline-start{text-align:center;grid-area:1/1;place-self:end center;padding-block:0;padding-inline:.5rem}.timeline-horizontal .timeline-middle{flex-direction:row;grid-area:2/1;justify-self:stretch;min-width:auto;min-height:auto}.timeline-horizontal .timeline-middle:after,.timeline-horizontal .timeline-middle:before{flex:1 1 0;width:auto;height:2px}.timeline-horizontal .timeline-end{text-align:center;grid-area:3/1;place-self:start center;padding-block:0;padding-inline:.5rem}.timeline-horizontal>li:first-child .timeline-middle:before,.timeline-horizontal>li:last-child .timeline-middle:after{visibility:hidden}}