.order-tracking{padding:6.4rem 1.6rem 9.6rem}.order-tracking,.order-tracking *,.order-tracking *:before,.order-tracking *:after{box-sizing:border-box}.order-tracking ._21e-main-wrapper{max-width:76rem;margin:0 auto}.order-tracking__head{text-align:center;margin-bottom:3.2rem}.order-tracking__title,.order-tracking__intro{margin:0}.order-tracking .order-tracking__intro{margin-top:2rem;color:var(--moss-green)}.order-tracking__card{background:var(--white);border:1px solid #e3e3e3;border-radius:2.4rem;padding:2.4rem;margin-bottom:1.6rem}.order-tracking__tabs{display:flex;gap:.4rem;padding:.4rem;background:var(--light-gray);border-radius:4rem;margin-bottom:2.4rem}.order-tracking__tab{flex:1 1 0;min-width:0;overflow-wrap:anywhere;border:0;background:transparent;color:var(--dark-green);border-radius:4rem;padding:1.2rem 1.6rem;cursor:pointer}.order-tracking__tab.is-active{background:var(--white);box-shadow:0 1px 4px #1a211c1f}.order-tracking__fields{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem}.order-tracking__fields[hidden]{display:none}.order-tracking__field{display:flex;flex-direction:column;gap:.6rem;color:var(--dark-green)}.order-tracking__field--wide{grid-column:1 / -1}.order-tracking__field input{height:5.6rem;border:1px solid #d0d0d0;border-radius:1.2rem;padding:0 1.6rem;background:var(--white);color:var(--dark-green)}.order-tracking__field input:focus{outline:none;border-color:var(--dark-green)}.order-tracking__submit{width:100%;margin-top:2.4rem;border:0;cursor:pointer}.order-tracking__submit:disabled{opacity:.6;cursor:wait}.order-tracking .order-tracking__error{margin:1.6rem auto 0;max-width:52rem;text-align:center;color:var(--orange)}.order-tracking__result{margin-top:3.2rem}.order-tracking__order{margin-bottom:2rem}.order-tracking .order-tracking__order h4{margin:0 0 .4rem}.order-tracking__muted{margin:0;color:var(--gray)}.order-tracking__ship-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1.6rem}.order-tracking .order-tracking__status{margin:.6rem 0 0;color:var(--dark-green)}.order-tracking .order-tracking__status--delivered{color:#12a64e}.order-tracking .order-tracking__status--problem{color:var(--orange)}.order-tracking__carrier-link{flex:none;display:inline-flex;align-items:center;height:3.6rem;padding:0 1.6rem;border:1px solid var(--dark-green);border-radius:4rem;background:var(--white);color:var(--dark-green);white-space:nowrap;text-decoration:none;transition:background .2s}.order-tracking__carrier-link:hover{background:var(--light-gray)}.order-tracking__submit{position:relative}.order-tracking__submit.is-loading{color:transparent;opacity:1}.order-tracking__submit.is-loading:after{content:"";position:absolute;top:50%;left:50%;width:2.2rem;height:2.2rem;margin:-1.1rem 0 0 -1.1rem;border:3px solid rgba(26,33,28,.25);border-top-color:var(--dark-green);border-radius:50%;animation:order-tracking-spin .7s linear infinite}@keyframes order-tracking-spin{to{transform:rotate(360deg)}}.order-tracking__result{scroll-margin-top:calc(var(--header-height, 7rem) + 2.4rem)}.order-tracking__result>*{scroll-margin-top:calc(var(--header-height, 7rem) + 2.4rem)}.order-tracking__skeleton{display:flex;flex-direction:column;gap:1.4rem}.order-tracking .order-tracking__skeleton-text{margin:0 0 .4rem}.order-tracking__bone{display:block;height:1.6rem;width:70%;border-radius:.8rem;background:linear-gradient(90deg,#f0f0f0,#e2e2e2,#f0f0f0 80%);background-size:200% 100%;animation:order-tracking-shimmer 1.2s ease-in-out infinite}.order-tracking__bone--s{width:30%}.order-tracking__bone--l{width:55%;height:2.6rem}.order-tracking__bone--bar{width:100%;height:4rem;margin:1.2rem 0;border-radius:2rem}@keyframes order-tracking-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.order-tracking__result>.order-tracking__card,.order-tracking__result>.order-tracking__order{animation:order-tracking-in .35s ease-out both}@keyframes order-tracking-in{0%{opacity:0;transform:translateY(.8rem)}to{opacity:1;transform:none}}.order-tracking .order-tracking__steps{--dot: 3.2rem;list-style:none;display:grid;grid-template-columns:repeat(5,1fr);margin:4rem 0 1.2rem;padding:0;color:var(--gray);text-align:center}.order-tracking__steps li{position:relative;display:flex;flex-direction:column;align-items:center;gap:1rem}.order-tracking__steps li+li:before{content:"";position:absolute;top:calc(var(--dot) / 2 - 2px);right:calc(50% + var(--dot) / 2 + .4rem);left:calc(-50% + var(--dot) / 2 + .4rem);height:4px;border-radius:2px;background:#e6e6e6}.order-tracking__step-dot{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:var(--dot);height:var(--dot);border-radius:50%;background:var(--white);border:2px solid #dcdcdc;color:var(--dark-green)}.order-tracking__step-dot svg{width:1.6rem;height:1.6rem}.order-tracking__step-label{font-style:normal;padding:0 .4rem}.order-tracking__steps li.is-done,.order-tracking__steps li.is-current{color:var(--dark-green)}.order-tracking__steps li.is-done:before,.order-tracking__steps li.is-current:before{background:var(--green)}.order-tracking__steps li.is-done .order-tracking__step-dot{background:var(--green);border-color:var(--green)}.order-tracking__steps li.is-current .order-tracking__step-dot{border-color:var(--green)}.order-tracking__steps li.is-current .order-tracking__step-dot:after{content:"";width:1.2rem;height:1.2rem;border-radius:50%;background:var(--green);animation:order-tracking-pulse 1.6s ease-out infinite}.order-tracking__steps.has-problem li.is-current .order-tracking__step-dot{border-color:var(--orange)}.order-tracking__steps.has-problem li.is-current .order-tracking__step-dot:after{background:var(--orange);animation:none}@keyframes order-tracking-pulse{0%{box-shadow:0 0 #1ed7688c}to{box-shadow:0 0 0 1rem #1ed76800}}.order-tracking__note{margin:2.4rem 0 0;padding:1.6rem;background:var(--light-gray);border-radius:1.2rem}.order-tracking .order-tracking__history-title{margin:4rem 0 2.4rem;padding-top:3.2rem;border-top:1px solid #ececec;text-align:center}.order-tracking__events{list-style:none;margin:0;padding:0}.order-tracking__event{display:grid;grid-template-columns:1fr 4.8rem 1fr;align-items:center}.order-tracking__event-when{text-align:right;padding:1.4rem 0}.order-tracking__event-what{padding:1.4rem 0}.order-tracking .order-tracking__event-time,.order-tracking .order-tracking__event-when .order-tracking__muted,.order-tracking .order-tracking__event-text{margin:0}.order-tracking .order-tracking__event-time{color:var(--moss-green)}.order-tracking__axis{position:relative;align-self:stretch;display:flex;align-items:center;justify-content:center}.order-tracking__axis:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;margin-left:-1px;background:#e3e3e3}.order-tracking__event:first-child .order-tracking__axis:before{top:50%}.order-tracking__event:last-child .order-tracking__axis:before{bottom:50%}.order-tracking__event:only-child .order-tracking__axis:before{display:none}.order-tracking__dot{position:relative;width:1.4rem;height:1.4rem;border-radius:50%;background:var(--white);border:3px solid #d4d4d4}.order-tracking__event:first-child .order-tracking__dot{width:1.8rem;height:1.8rem;background:var(--green);border-color:var(--green);box-shadow:0 0 0 .5rem #1ed76833}.order-tracking__event--problem .order-tracking__dot{border-color:var(--orange)}.order-tracking__event:first-child .order-tracking__event-text{color:var(--dark-green)}.order-tracking__event:not(:first-child) .order-tracking__event-text{color:var(--moss-green)}.order-tracking__items,.order-tracking__number{margin-top:3.2rem;padding-top:3.2rem;border-top:1px solid #ececec}.order-tracking .order-tracking__block-title{margin:0 0 1.6rem}.order-tracking .order-tracking__not-shipped{margin:0}.order-tracking__item-list{list-style:none;margin:0;padding:0}.order-tracking__item{display:grid;grid-template-columns:8rem 1fr auto;align-items:center;gap:1.6rem;padding:1.6rem 0}.order-tracking__item+.order-tracking__item{border-top:1px solid #f0f0f0}.order-tracking__item-img{display:block;width:8rem;height:8rem;object-fit:contain;border:1px solid #ececec;border-radius:1.2rem;background:var(--light-gray)}.order-tracking .order-tracking__item-info p{margin:0}.order-tracking .order-tracking__item-title{color:var(--dark-green);margin-bottom:.2rem}.order-tracking__number-row{display:flex;align-items:center;justify-content:space-between;gap:1.6rem;padding:1.2rem 1.6rem;background:var(--light-gray);border-radius:1.2rem}.order-tracking .order-tracking__number-value{color:var(--dark-green);overflow-wrap:anywhere}.order-tracking__copy{border:1px solid #d0d0d0;background:var(--white);color:var(--dark-green);border-radius:4rem;padding:.6rem 1.4rem;cursor:pointer;white-space:nowrap}@media screen and (max-width:749px){.order-tracking{padding:4rem 1.6rem 6.4rem}.order-tracking__card{padding:1.6rem;border-radius:1.6rem}.order-tracking__fields{grid-template-columns:1fr}.order-tracking__ship-head{flex-direction:column}.order-tracking__ship-head{gap:1.2rem}.order-tracking__item{grid-template-columns:6.4rem 1fr;gap:.8rem 1.2rem}.order-tracking__item-img{width:6.4rem;height:6.4rem}.order-tracking__reorder{grid-column:2;justify-self:start}.order-tracking .order-tracking__steps{--dot: 2.6rem;grid-template-columns:repeat(4,1fr);margin:3.2rem -.8rem 1.2rem;column-gap:.4rem}.order-tracking__step-label{padding:0}.order-tracking__steps li.is-optional{display:none}.order-tracking__tab{padding:1rem .6rem}.order-tracking__steps li+li:before{left:calc(-50% + var(--dot) / 2 + .2rem);right:calc(50% + var(--dot) / 2 + .2rem)}.order-tracking__step-dot svg{width:1.3rem;height:1.3rem}.order-tracking__event{grid-template-columns:3.2rem 1fr;grid-template-areas:"axis what" "axis when";align-items:start}.order-tracking__axis{grid-area:axis}.order-tracking__event-what{grid-area:what;padding:1.2rem 0 .2rem}.order-tracking__event-when{grid-area:when;text-align:left;padding:0 0 1.2rem}.order-tracking__axis{align-items:flex-start;padding-top:1.5rem}.order-tracking__event:first-child .order-tracking__axis{padding-top:1.3rem}.order-tracking__event:first-child .order-tracking__axis:before{top:2rem}.order-tracking__event:last-child .order-tracking__axis:before{bottom:auto;height:2rem}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/x-21e-order-tracking.css.map */