.tracking-page-wrapper{padding:var(--padding-4xl) var(--padding-lg);display:flex;justify-content:center;align-items:flex-start;min-height:50vh}.tracking-container{width:100%;max-width:800px;background:rgb(var(--color-background-rgb));border-radius:var(--style-border-radius-lg);box-shadow:0 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-10));padding:var(--padding-3xl)}.tracking-header{text-align:center;margin-bottom:var(--margin-4xl)}.tracking-title{margin-bottom:var(--margin-md);font-family:var(--font-heading--family);font-weight:var(--font-heading--weight);font-size:var(--font-size--2xl);color:var(--color-foreground-heading)}.tracking-subtitle{font-size:var(--font-size--md);color:rgb(var(--color-foreground-rgb) / var(--opacity-70));max-width:600px;margin:0 auto}.tracking-form-container{margin-bottom:var(--margin-4xl)}.tracking-input-wrapper{display:flex;gap:var(--gap-md);align-items:stretch}.tracking-input{flex-grow:1;padding:var(--input-padding);border:var(--input-box-shadow-width) solid var(--color-border);border-radius:var(--style-border-radius-inputs);font-family:var(--font-body--family);font-size:var(--font-size--md);color:var(--color-foreground);background-color:transparent;outline:none;transition:box-shadow var(--animation-speed) ease}.tracking-input:focus{box-shadow:var(--input-box-shadow-focus)}.tracking-submit-btn{white-space:nowrap;min-width:160px;position:relative;display:flex;align-items:center;justify-content:center}.tracking-error{margin-top:var(--margin-md);color:var(--color-error);font-size:var(--font-size--sm);text-align:center}.tracking-results.hidden{display:none}.tracking-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--gap-lg);background:rgb(var(--color-foreground-rgb) / var(--opacity-5));padding:var(--padding-2xl);border-radius:var(--style-border-radius-md);margin-bottom:var(--margin-4xl)}@media(min-width:768px){.tracking-summary{grid-template-columns:repeat(4,1fr)}}.summary-item{display:flex;flex-direction:column;gap:var(--gap-3xs)}.summary-label{font-size:var(--font-size--sm);color:rgb(var(--color-foreground-rgb) / var(--opacity-70));text-transform:uppercase;letter-spacing:.05em;font-weight:600}.summary-value{font-size:var(--font-size--md);font-weight:600;color:var(--color-foreground)}.status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:var(--font-size--sm);font-weight:600;background-color:var(--color-loading);color:var(--color-white);width:fit-content}.status-badge.delivered{background-color:var(--color-success)}.status-badge.exception{background-color:var(--color-error)}.tracking-timeline-container{margin-top:var(--margin-3xl)}.timeline-title{font-size:var(--font-size--xl);margin-bottom:var(--margin-2xl);font-family:var(--font-heading--family)}.tracking-timeline{list-style:none;padding:0;margin:0;position:relative}.tracking-timeline:before{content:"";position:absolute;top:0;left:20px;height:100%;width:2px;background-color:rgb(var(--color-border-rgb) / var(--opacity-50))}.timeline-item{position:relative;padding-left:50px;margin-bottom:var(--margin-2xl)}.timeline-item:last-child{margin-bottom:0}.timeline-icon{position:absolute;left:12px;top:4px;width:18px;height:18px;border-radius:50%;background-color:rgb(var(--color-background-rgb));border:2px solid rgb(var(--color-border-rgb) / var(--opacity-50));z-index:1}.timeline-item.active .timeline-icon{background-color:var(--color-loading);border-color:var(--color-loading);box-shadow:0 0 0 4px rgb(var(--color-loading-rgb, 35, 169, 152) / .2)}.timeline-item.delivered .timeline-icon{background-color:var(--color-success);border-color:var(--color-success)}.timeline-content{display:flex;flex-direction:column;gap:4px}.timeline-status{font-weight:600;font-size:var(--font-size--md);color:var(--color-foreground)}.timeline-location{font-size:var(--font-size--sm);color:rgb(var(--color-foreground-rgb) / var(--opacity-80))}.timeline-time{font-size:var(--font-size--sm);color:rgb(var(--color-foreground-rgb) / var(--opacity-50))}.spinner{animation:rotator 1.4s linear infinite;width:20px;height:20px}.spinner .path{stroke:currentColor;stroke-dasharray:187;stroke-dashoffset:0;transform-origin:center;animation:dash 1.4s ease-in-out infinite}@keyframes rotator{0%{transform:rotate(0)}to{transform:rotate(270deg)}}@keyframes dash{0%{stroke-dashoffset:187}50%{stroke-dashoffset:46.75;transform:rotate(135deg)}to{stroke-dashoffset:187;transform:rotate(450deg)}}.hidden{display:none!important}@media(max-width:767px){.tracking-input-wrapper{flex-direction:column}.tracking-container{padding:var(--padding-xl)}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/tracking.css.map */