.order-tracker{--ic:60px;display:block;width:100%;max-width:640px;margin:18px auto;padding:10px;font-family:DM Sans,Arial,sans-serif;box-sizing:border-box}.order-tracker,.order-tracker *{box-sizing:border-box;font-family:DM Sans,Arial,sans-serif}.order-tracker .track-head{text-align:center;font-size:12px;font-weight:700;letter-spacing:1.4px;line-height:1.3;text-transform:uppercase;color:#a8622f;margin:0 0 16px}.order-tracker .track-timeline{position:relative;display:grid;grid-template-columns:repeat(3,1fr)}.order-tracker .track-line-full{position:absolute;display:flex;top:calc(var(--ic) / 2);left:16.666%;right:16.666%;height:5px;transform:translateY(-50%);background:#e6d8c8;border-radius:5px;z-index:0;overflow:hidden}.order-tracker .track-line-full .seg{flex:1;display:block;height:100%}.order-tracker .track-line-full i{display:block;height:100%;width:0;transition:width .8s ease}.order-tracker .f1{background:linear-gradient(90deg,#d99560,#3f8be0)}.order-tracker .f2{background:linear-gradient(90deg,#3f8be0,#2fb457)}.order-tracker .track-step{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center}.order-tracker .track-icon{width:var(--ic);height:var(--ic);border-radius:50%;display:flex;align-items:center;justify-content:center;background:#dccfc0;box-shadow:inset 0 3px 4px #ffffff80,inset 0 -4px 6px #0000001f;margin:0 0 10px;transition:background .5s ease,transform .5s ease,box-shadow .5s ease}.order-tracker .track-icon svg{width:32px;height:32px;display:block;filter:drop-shadow(0 2px 2px rgba(0,0,0,.28))}.order-tracker .track-title{font-size:15px;font-weight:800;line-height:1.3;color:#b9a897;margin:0 0 2px;transition:color .5s ease}.order-tracker .track-date{font-size:12.5px;font-weight:500;line-height:1.3;color:#b9a897;margin:0;transition:color .5s ease}.order-tracker .track-step.on .track-title{color:#3b2314}.order-tracker .track-step.on .track-date{color:#6b5a4c}.order-tracker .track-step.on .track-icon{transform:scale(1.08)}.order-tracker .track-step.s1.on .track-icon{background:linear-gradient(145deg,#e0a06a,#b3652d);box-shadow:inset 0 3px 4px #ffffff73,inset 0 -5px 7px #00000038,0 7px 14px #b3652d61}.order-tracker .track-step.s2.on .track-icon{background:linear-gradient(145deg,#5ba3f0,#2a6cc4);box-shadow:inset 0 3px 4px #ffffff73,inset 0 -5px 7px #00000038,0 7px 14px #2a6cc461}.order-tracker .track-step.s3.on .track-icon{background:linear-gradient(145deg,#3fc261,#1d8f40);box-shadow:inset 0 3px 4px #ffffff73,inset 0 -5px 7px #00000038,0 7px 14px #1d8f4061}@media(max-width:600px){.order-tracker{--ic:48px;margin:14px auto;padding:8px}.order-tracker .track-icon svg{width:26px;height:26px}.order-tracker .track-title{font-size:12.5px}.order-tracker .track-date{font-size:11px}.order-tracker .track-head{font-size:11px;margin-bottom:12px}}@media(prefers-reduced-motion:reduce){.order-tracker .track-line-full i,.order-tracker .track-icon,.order-tracker .track-title,.order-tracker .track-date{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/order-tracker.css.map */