.status-indicator-container{width:100%;display:flex;flex-direction:column;gap:var(--padding-normal)}.templatefoodi .status-indicator-container{gap:0}.status-indicator{margin-top:25px}.status-indicator-container>p{text-align:center;font-size:var(--font-large);margin:var(--padding-normal) 0}.templatefoodi .status-indicator-container>p{text-align:unset;font-size:24px;font-weight:700;margin:0}.status-indicator-estimated{display:flex;justify-content:space-between;margin:0 20px}.templatefoodi .status-indicator-estimated{justify-content:start;gap:4px;margin:0}.status-indicator-container ul{direction:ltr;position:relative;display:flex;justify-content:space-between}.status-indicator-step{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1 1;padding:10px}.status-indicator-step .step-circular{padding:2px;border-radius:50%;background-color:var(--color-on-primary);z-index:2}.templatefoodi .status-indicator-step p{display:none}.step-circular-content{position:relative;display:flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:50%;color:var(--color-on-primary);background:var(--color-on-surface-variant);z-index:5}.templatefoodi .step-circular-content{background:unset;width:50px;height:50px}.status-indicator-step.completed .step-circular-content{background-color:var(--color-primary);font-weight:700}.status-indicator-step.completed .custom-svg.secondary path{fill:var(--color-on-primary)}.templatefoodi .step-circular{background:var(--color-surface-container);border:2px solid var(--color-surface-container)}.templatefoodi .status-indicator-step.completed .step-circular{border-color:var(--color-primary)}.templatefoodi .status-indicator-step.last .step-circular{background-color:var(--color-primary)}.status-indicator-step:before{position:absolute;content:"";border-bottom:4px solid var(--color-on-surface-variant);width:100%;left:-50%;opacity:.4}.templatefoodi .status-indicator-step:before{border-bottom-style:dashed}.status-indicator-step:after{position:absolute;content:"";border-bottom:4px solid var(--color-on-surface-variant);width:100%;left:50%;opacity:.1}.status-indicator-step.completed:after{position:absolute;content:"";border-bottom:4px solid var(--color-primary);width:100%;left:50%;z-index:1;opacity:1}.status-indicator-step:first-child:before,.status-indicator-step:last-child:after{content:none}.status-indicator-step.completed.last:after{animation:linear infinite;animation-name:run;animation-duration:3s;animation-iteration-count:infinite}.templatefoodi .status-indicator-step.completed.last .step-circular-content{outline-width:3px;outline-offset:0;outline-color:var(--color-primary);outline-style:solid;animation:animateOutline 3s ease infinite}.status-indicator-mini-container{position:relative}.status-indicator-mini-container ul{width:100%;display:flex;justify-content:space-between;align-items:center;background-color:var(--color-separator);height:8px;border-radius:10px;padding:1px}.status-indicator-mini-step{display:flex;align-items:center;justify-content:center;width:7px;height:7px;background-color:var(--color-on-primary);border-radius:50%;z-index:2}.status-indicator-mini-step .custom-svg{display:none}.status-indicator-mini-step.current .custom-svg{display:block}.status-indicator-mini-step.current{width:30px;height:30px;border:1.3px solid var(--color-primary);background:var(--color-on-primary)}.status-indicator-mini-progress-container{position:absolute;left:0;top:0;bottom:0;right:0;border-radius:10px;overflow:hidden}.status-indicator-mini-progress{border-radius:10px;background:var(--color-primary);height:100%;width:0}@keyframes animateOutline{0%{opacity:.5;outline-width:1px;outline-offset:0;outline-color:rgba(0,130,206,0)}10%{outline-color:var(--color-primary)}50%{opacity:1;outline-width:7px;outline-offset:4px;outline-color:rgba(0,130,206,0)}to{opacity:.5;outline-width:7px;outline-offset:4px;outline-color:rgba(102,102,102,0)}}@keyframes run{0%{width:0}50%{width:100%}to{width:0}}