.handy-order-tracking{--hot-primary:#234c6a;--hot-primary-hover:#1a3a52;--hot-bg:#f9f9f9;--hot-radius:3.5rem;--hot-radius-pill:4rem;width:100%;.hot-form{display:flex;gap:1rem;align-items:stretch;position:relative}.hot-input-wrapper{flex:1;position:relative;display:flex;align-items:center;.hot-icon{position:absolute;left:2rem;color:#999;pointer-events:none;flex-shrink:0}.hot-input{width:100%;padding:1.5rem 1.5rem 1.5rem 5rem;background-color:var(--hot-bg);border:1px solid #aaa;border-radius:var(--hot-radius);font-size:1.6rem;color:#000;outline:none;transition:box-shadow 0.2s ease;&::placeholder{color:#999}&:focus{box-shadow:0 0 0 2px var(--hot-primary)}}}.hot-submit{flex-shrink:0;padding:1.5rem 2.5rem;min-width:16rem;white-space:nowrap;position:absolute;bottom:.3rem;top:.3rem;right:.3rem;&:disabled{opacity:.6;cursor:not-allowed}}.hot-spinner{display:inline-block;width:2rem;height:2rem;border:3px solid rgb(255 255 255 / .3);border-top-color:#fff;border-radius:50%;animation:hot-spin 0.6s linear infinite}.hot-error{margin-top:1.5rem;padding:1.2rem 1.5rem;background-color:#fef2f2;color:#dc2626;border-radius:var(--hot-radius);font-size:1.4rem;font-weight:500}.hot-not-found{margin-top:1.5rem;padding:1.2rem 1.5rem;background-color:#fefce8;color:#a16207;border-radius:var(--hot-radius);font-size:1.4rem;font-weight:500}.hot-result{margin-top:2.5rem;background-color:#fff;border-radius:1.5rem;padding:2.5rem;box-shadow:0 2px 8px rgb(0 0 0 / .06)}.hot-result-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1.5rem;border-bottom:1px solid #f1f1f1;gap:1rem}.hot-tracking-number{display:flex;flex-direction:column;gap:.3rem;.hot-label{font-size:1.2rem;color:#999;text-transform:uppercase;letter-spacing:.05em}.hot-value{font-size:1.7rem;font-weight:700;color:#000;font-family:monospace;letter-spacing:.03em}}.hot-status-badge{display:inline-block;padding:.5rem 1.4rem;border-radius:100px;font-size:1.3rem;font-weight:600;white-space:nowrap;flex-shrink:0;&.hot-status--delivered{background-color:#dcfce7;color:#166534}&.hot-status--transit{background-color:#dbeafe;color:#1e40af}&.hot-status--pending{background-color:#fef9c3;color:#854d0e}&.hot-status--default{background-color:#f3f4f6;color:#374151}}.hot-last-update{display:flex;align-items:center;gap:.5rem;margin-top:1.5rem;font-size:1.3rem;color:#666;time{font-weight:600;color:#333}}.hot-timeline{margin-top:2rem;padding-top:2rem;border-top:1px solid #f1f1f1}.hot-timeline-title{font-size:1.6rem;font-weight:600;color:#000;margin:0 0 1.5rem}.hot-timeline-item{display:flex;gap:1.5rem;padding-bottom:2.5rem;position:relative;&:last-child{padding-bottom:0}&:not(:last-child)::after{content:"";position:absolute;left:.55rem;top:2rem;bottom:0;width:2px;background-color:#e5e7eb}&.hot-timeline-item--current{.hot-timeline-dot{background-color:var(--hot-primary);box-shadow:0 0 0 4px rgb(35 76 106 / .15)}.hot-timeline-status{color:var(--hot-primary);font-weight:700}}}.hot-timeline-dot{width:1.3rem;height:1.3rem;border-radius:50%;background-color:#d1d5db;flex-shrink:0;margin-top:.35rem;position:relative;z-index:1}.hot-timeline-content{flex:1;min-width:0}.hot-timeline-row{display:flex;justify-content:space-between;align-items:center;gap:1rem}.hot-timeline-status{font-size:1.5rem;color:#333;font-weight:500}.hot-timeline-date{font-size:1.2rem;color:#999;white-space:nowrap;flex-shrink:0}.hot-timeline-comment{font-size:1.3rem;color:#666;margin:.4rem 0 0;line-height:1.5}[x-cloak]{display:none!important}@keyframes hot-spin{to{transform:rotate(360deg)}}@media (max-width:478px){.hot-form{flex-direction:column}.hot-submit{width:100%;min-width:unset;position:static}.hot-result{padding:1.5rem;border-radius:1rem}.hot-result-header{flex-direction:column;align-items:flex-start}.hot-timeline-row{flex-direction:column;align-items:flex-start;gap:.2rem}}}