.tracking-result{border:1px solid #ddd;padding:15px;margin-bottom:20px;border-radius:5px;background-color:#f9f9f9}.timeline{display:flex;flex-direction:row;justify-content:space-between;margin-top:15px;padding:10px 0}.timeline-event{position:relative;flex:1}.account__left .order-action-wrapper{display:flex;justify-content:center;align-items:center}.timeline-event:not(:last-child):after{content:"";position:absolute;top:50%;right:0;width:100%;height:2px;background-color:var(--color--base-text);transform:translateY(-50%);z-index:-1}.timeline-event:before{content:"";display:block;width:15px;height:15px;background-color:var(--color--base-text);border-radius:50%;margin-bottom:10px}.timeline-event.completed:before{background-color:var(--color--base-text);content:"";display:block;margin:0 auto;width:15px;height:15px;border-radius:50%;position:relative}.timeline-event.completed:not(:last-child):after{content:"";position:absolute;top:50%;right:0;width:100%;height:2px;background-color:var(--color--base-text);transform:translateY(-50%);z-index:-1}.timeline-date{font-size:.9em;color:#555;margin-bottom:5px;max-width:10rem}.timeline-description{display:flex;flex-direction:column;font-size:1.6rem}.order-tracking-info{padding:2rem;background-color:var(--color--background-full);border-bottom:1px solid #73A06D}.order-tracking-num{color:var(--color--base-text);font-weight:600;font-size:1.6rem;padding:1.5rem 0rem;border-bottom:solid 1px var(--color-text-search);font-family:var(--font-heading-family)}.order-tracking-num-container:last-child .order-tracking-num{border-bottom:none}.toggle-arrow,span.toggle-button{font-size:1.2rem;margin-left:10px;transition:transform .3s}.toggle-arrow:hover,span.toggle-button:hover{cursor:pointer;transform:scale(1.1)}.spinner{display:inline-block;width:20px;height:20px;border:3px solid #f3f3f3;border-top:3px solid var(--color--base-text);border-radius:50%;animation:spin 1s linear infinite;margin-left:10px}.order-tracking-details-header .spinner{margin-left:50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tracking-event-table td{color:var(--color-text-search);letter-spacing:.5px}.tracking-table{background-color:#ece9e2;padding:1rem}.tracking-table h3{font-weight:500;letter-spacing:1px;padding-bottom:1rem;border-bottom:solid 1px var(--color--base-text)}.timeline-container{display:flex;flex-direction:column;margin-top:10px}.timeline-step{display:flex;position:relative;gap:1rem;width:100%;padding-bottom:10px;flex-direction:column;min-width:22%}.timeline-step:last-child{padding-bottom:0}.timeline-circle{width:24.28px;height:24.28px;border-radius:50%;background-color:#ddd;z-index:1}.timeline-label{max-width:14rem;font-size:1.6rem;color:var(--color-text-search)}.timeline-step.completed .timeline-circle{background-color:var(--color--background-base);border:4px solid var(--color-text-price-1)}.timeline-step.exeption-checked .timeline-circle,.timeline-step.last-exeption-checked .timeline-circle{background-color:#de002e}.timeline-step.fulfilled .timeline-circle,.timeline-step.fulfilled .timeline-line,.timeline-step.fulfilled.exeption-checked .timeline-line{background-color:var(--color--base-text)}.timeline-step.exeption-checked .timeline-line{background-color:#de002e}.timeline-step.completed .timeline-line{background-color:var(--color-text-price-1)}.tracking-summary{text-transform:uppercase;display:flex;gap:.5rem;color:var(--color-text-search);flex-direction:column;font-size:14px}.timeline-line{height:4px;background-color:#ddd;position:relative;bottom:24px;width:100%}span.tracking-summary-status{color:var(--color--base-text)}.timeline-location{font-size:1.4rem;color:var(--color-text-search)}.timeline-step.fulfilled{animation:pulseIn .6s ease-in-out forwards}.timeline-step.fulfilled.delivery-updated-checked.animate .timeline-circle,.timeline-step.fulfilled.last-delivery-updated-checked.animate .timeline-circle,.timeline-step.fulfilled.delivery-updated-checked.animate .timeline-line{background-color:#f7b118}@media screen and (min-width: 769px){@keyframes pulseIn{0%{transform:scale(.8);opacity:.4}50%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:1}}@keyframes fillLine{0%{width:0;opacity:.5}to{width:100%;opacity:1}}}.timeline-step:last-child .timeline-line{visibility:hidden}.timeline-step.fulfilled .timeline-circle{transition:background-color .7s ease,box-shadow .7s ease,transform .7s ease;background-color:var(--color--base-text)}.timeline-step.fulfilled .timeline-line{animation:fillLine .6s ease-in-out forwards}.timeline-location .upper{text-transform:uppercase}.order-tracking-info.disable{display:none}.timeline-location{text-transform:lowercase;max-width:10rem}.timeline-location:first-letter{text-transform:uppercase}table.tracking-event-table td:first-child{width:60%;text-align:left;padding:5px;border:none}table.tracking-event-table td:nth-child(2){width:40%;padding:5px;border:none}.timeline .timeline-step.fulfilled.animate+.timeline-step:not(.fulfilled) .timeline-circle{border:4px solid var(--color-text-price-1);background-color:var(--color--background-base)}@media screen and (max-width: 768px){.timeline-step{display:flex;flex-direction:row;gap:0rem}.timeline{display:flex;flex-direction:column}.timeline-line{height:100px;bottom:-17px;left:-26px;width:2px}.timeline-info{padding-top:5px}.timeline-circle{margin-right:12px}tr{display:block;margin-bottom:10px}td{display:block;width:100%;border:none;padding:5px 0}td+td{border-top:1px solid #eee}table.tracking-event-table td:first-child,table.tracking-event-table td:nth-child(2){width:100%;padding:0 5px}table.tracking-event-table td:nth-child(2){width:100%;padding:0 5px;color:#031c03;font-weight:500}.tracking-table{height:35rem;overflow:scroll}}table.tracking-event-table,.tracking-summary,.timeline-info{font-family:var(--font-body-family)}.order-tracking-header{display:flex;justify-content:space-between;letter-spacing:1.3px}span.toggle-button.disable{display:none}.timeline-step.fulfilled:has(+.timeline-step:not(.fulfilled)) .timeline-line{background-color:var(--color-text-price-1)}.timeline-step.fulfilled.last-delivery-updated-checked.animate .timeline-line{background-color:#ddd}.timeline .timeline-step.fulfilled.last-delivery-updated-checked.animate+.timeline-step:not(.fulfilled.last-delivery-updated-checked) .timeline-circle{border:4px solid #ddd;background-color:#ddd}@media screen and (max-width: 1200px){.account__left .order-action-wrapper{flex-direction:row}}
/*# sourceMappingURL=/cdn/shop/t/62/assets/track-order.css.map */