.track-order{position:relative;background-color:var(--bg-light-grey);min-height:100vh;overflow:hidden;display:flex;flex-direction:column}.track-order-wrap{display:block;position:relative;z-index:2}.track-order .container{flex-grow:1;height:100%}.track-order-image{position:relative;z-index:1;display:block;grid-column:1/-8;grid-row:1/2;margin-right:3.5rem;pointer-events:none;align-self:center;justify-self:center}.track-order-image-inner{max-width:130.5rem;height:61.818182vh}@media (max-width: 1025px){.track-order-image{grid-column:1/-1;margin-right:0}.track-order-image-inner{max-width:none;width:auto;height:56rem;transform:translate(5.6rem) translateY(4rem)}}@media (max-width: 767px){.track-order-image-inner{height:28rem;transform:translate(.8rem) translateY(6.4rem)}}.track-order-content{position:relative;z-index:2;grid-column:-7/-2;grid-row:1/2;align-self:center;color:var(--cl-black);padding-bottom:3.2rem}@media (max-width: 1025px){.track-order-content{grid-column:2/-2;grid-row:2/3;max-width:50.9rem;width:100%;margin-inline:auto;padding-top:4.8rem}}@media (max-width: 767px){.track-order-content{grid-column:1/-1}}.track-order-title{margin-bottom:1.6rem}@media (max-width: 1025px){.track-order-title{max-width:39.2rem}}@media (max-width: 1025px){.track-order-title{text-align:center;max-width:none}.track-order-title .txt{font-size:4.4rem}}@media (max-width: 767px){.track-order-title{max-width:none;margin-bottom:1.2rem}.track-order-title .txt{font-size:3.2rem}}.track-order-sub{color:var(--cl-black-80);margin-bottom:3.2rem;display:grid}.track-order-sub>*{grid-area:1/1/2/2}.track-order-sub-inner{opacity:0;pointer-events:none;transition:opacity var(--t-md) ease}@media (max-width: 1025px){.track-order-sub-inner{text-align:center}}.track-order-sub-inner.active{opacity:1;pointer-events:auto}@media (max-width: 1025px){.track-order-sub .txt-18{font-size:1.6rem}}.track-order-btn,.track-order-btn .btn{width:100%}@media (max-width: 1025px){.track-order-btn .btn{padding:1.6rem 3.2rem}.track-order-btn .btn .txt{font-size:1.6rem}}@media (max-width: 767px){.track-order-btn .btn{padding-block:1.4rem}.track-order-btn .btn .txt{font-size:1.6rem}}.track-order-form{opacity:0;pointer-events:none;transition:opacity var(--t-md) ease}.track-order-form.active{opacity:1;pointer-events:auto}.track-order-form-wrap{display:grid;width:100%;align-items:start}.track-order-form-wrap>*{grid-area:1/1/2/2}.track-order-form-inner{display:flex;flex-direction:column;align-items:stretch;gap:1.2rem}.track-order-form-caption{display:grid;margin-top:2rem;width:100%;align-items:start}.track-order-form-caption>*{grid-area:1/1/2/2}.track-order-form-caption-inner{opacity:0;pointer-events:none;transition:opacity var(--t-md) ease;display:flex;flex-direction:column;text-align:center;justify-content:center;margin-inline:auto;color:var(--cl-black-90)}.track-order-form-caption-inner .txt-highlight{color:var(--cl-primary)}.track-order-form-caption-inner .txt-link-txt .div-line{margin-top:-.2em}.track-order-form-caption-inner.active{opacity:1;pointer-events:auto}@media (max-width: 1025px){.track-order-form-caption .txt-18{font-size:1.6rem}}.track-order .input-wrap{display:flex;align-items:center;justify-content:left;height:6.4rem;border-radius:.5rem;border:solid max(1px,.1rem) var(--cl-black-10);position:relative;transition:all var(--t-md) ease}@media (max-width: 1025px){.track-order .input-wrap{height:4.8rem}}@media (max-width: 767px){.track-order .input-wrap{height:4.4rem}}.track-order .input-wrap:hover:not(.on-focus) .input-label{color:var(--cl-black)}.track-order .input-wrap.on-focus{border-color:var(--bd-grey)}.track-order .input-wrap.on-error{border-color:#ef4444;margin-bottom:2.2rem}.track-order .input-wrap.on-error .input-error{opacity:1;transform:translateY(0)}.track-order .input-wrap.on-error .input-label{opacity:0}.track-order .input-wrap.on-error .input{padding-block:2.2rem}@media (max-width: 1025px){.track-order .input-wrap.on-error .input{padding-block:1.5rem}}.track-order .input-wrap.on-incorrect{border-color:#ef4444}.track-order .input-wrap.on-incorrect .input-ic-incorrect,.track-order .input-wrap.on-load .input-ic-load{opacity:1}.track-order .input-wrap.on-focus .input-label,.track-order .input-wrap.has-value .input-label{transform:translateY(-1rem) scale(.66)}@media (max-width: 1025px){.track-order .input-wrap.on-focus .input-label,.track-order .input-wrap.has-value .input-label{transform:translateY(-.5rem) scale(.66)}}@media (max-width: 767px){.track-order .input-wrap.on-focus .input-label,.track-order .input-wrap.has-value .input-label{transform:translateY(-.6rem) scale(.66)}}.track-order .input-wrap.on-focus::placeholder,.track-order .input-wrap.has-value::placeholder{opacity:1}.track-order .input{width:100%;height:100%;padding-inline:1.2rem;padding-block:3rem 1.4rem;color:var(--cl-black);outline:none;transition:all ease var(--t-md);line-height:1em}@media (max-width: 1025px){.track-order .input{font-size:1.6rem;padding-block:2.4rem .8rem}}@media (max-width: 767px){.track-order .input{padding-block:2.2rem 1rem;font-size:1.6rem;line-height:1em}}.track-order .input::placeholder{opacity:0;color:var(--cl-black-30)}.track-order .input-label{position:absolute;left:1.2rem;color:var(--cl-black-30);transform-origin:top left;display:block;pointer-events:none;transition:all var(--t-md) ease;margin-top:0}@media (max-width: 767px){.track-order .input-label{font-size:1.6rem}}.track-order .input-error{position:absolute;left:0;top:100%;margin-top:.6rem;color:#ef4444;opacity:0;transform:translateY(-100%);transition:all var(--t-md) ease}.track-order .input-ic{position:absolute;bottom:1.5rem;right:1.2rem;pointer-events:none;display:grid}@media (max-width: 1025px){.track-order .input-ic{bottom:1.3rem}}.track-order .input-ic>*{grid-area:1/1/2/2;transition:opacity var(--t-md) ease}.track-order .input-ic-load{animation:rotate 1s linear infinite;opacity:0}.track-order .input-ic-incorrect{opacity:0}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.track-order-copyright{grid-column:-7/-2;grid-row:1/2;align-self:end;justify-self:center;padding-bottom:clamp(2.4rem,6.7vh,7.4rem);color:var(--cl-black-30)}@media (max-width: 1025px){.track-order-copyright{grid-column:2/-2;grid-row:3/4;padding-bottom:4.8rem;max-width:50.9rem;text-align:center}}@media (max-width: 767px){.track-order-copyright{grid-column:1/-1;padding-bottom:2.4rem}}.track-order [data-otp=resend][disabled]{opacity:.5;pointer-events:none;cursor:not-allowed}
/*# sourceMappingURL=/cdn/shop/t/529/assets/sc-track-order.css.map */