.account-panel{background:var(--ivory-deep);max-width:640px;margin:0 0 28px;padding:clamp(22px,4vw,40px)}.account-panel p{margin:0 0 16px}.account-actions{flex-wrap:wrap;align-items:center;gap:14px 24px;display:flex}.account-tabs{border-bottom:1px solid #1f372c2e;gap:6px;max-width:640px;margin:0 0 28px;display:flex}.account-tabs button{color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:12px 14px;font-size:.9375rem}.account-tabs button.is-active{border-bottom-color:var(--forest-deep);font-weight:700}.account-tabs button:focus-visible{outline:2px solid var(--forest);outline-offset:2px}.account-dashboard{max-width:760px}.account-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.account-heading .commerce-note{margin:4px 0 0}.account-orders{gap:10px;margin:0;padding:0;list-style:none;display:grid}.account-orders a{background:var(--ivory-deep);color:inherit;grid-template-columns:auto 1fr auto;align-items:center;gap:4px 18px;padding:18px 20px;text-decoration:none;transition:background .16s;display:grid}.account-orders a:hover{background:#ebe5d8}.account-orders a:focus-visible{outline:2px solid var(--forest);outline-offset:2px}.account-orders .commerce-note{grid-column:2;margin:0}.account-orders strong{grid-column:2}.account-orders__total{white-space:nowrap;grid-area:1/3/span 2;font-weight:700}.account-status{letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;border:1px solid;grid-row:1/span 2;align-self:center;padding:5px 9px;font-size:.75rem;font-weight:700}.account-status--shipped,.account-status--processing{color:#6b4e1f}.account-status--delivered{color:var(--forest-deep);background:#1f372c14}.account-status--cancelled,.account-status--returned{color:#8a2924}.account-settings{max-width:640px}.account-danger__button.commerce-button{background:#8a2924;border-color:#8a2924}.account-order{max-width:740px}.account-order__title{font:400 clamp(1.6rem, 4vw, 2.2rem) / 1.15 var(--serif);margin:18px 0 8px}.order-timeline{margin:26px 0 18px}.order-timeline__title{letter-spacing:.09em;text-transform:uppercase;margin:0 0 16px;font-size:.8125rem;font-weight:700}.order-timeline ol{margin:0;padding:0;list-style:none}.order-timeline__step{grid-template-columns:18px 1fr;gap:14px;padding:0 0 20px;display:grid;position:relative}.order-timeline__step:not(:last-child):before{content:"";background:#1f372c38;width:2px;height:100%;position:absolute;top:18px;left:8px}.order-timeline__step.is-done:not(:last-child):before{background:var(--forest-deep)}.order-timeline__dot{background:var(--ivory);z-index:1;border:2px solid #1f372c59;border-radius:50%;width:18px;height:18px;position:relative}.order-timeline__step.is-done .order-timeline__dot{background:var(--forest-deep);border-color:var(--forest-deep)}.order-timeline__step.is-current .order-timeline__dot{background:var(--ivory);border:5px solid var(--forest-deep)}.order-timeline__step.is-stopped .order-timeline__dot{border-color:#8a2924}.order-timeline__step.is-upcoming{color:#697169}.order-timeline__step strong{display:block}.order-timeline__step time{color:#697169;margin-top:2px;font-size:.8125rem;display:block}.order-timeline__step p{margin:6px 0 0;font-size:.9375rem}.order-timeline__prep{max-width:420px;margin:12px 0 0}.order-timeline__bar{background:#1f372c1f;height:4px;overflow:hidden}.order-timeline__bar span{background:var(--forest-deep);height:100%;transition:width .4s;display:block}.order-timeline__prep ul{gap:6px;margin:10px 0 0;padding:0;list-style:none;display:grid}.order-timeline__prep li{grid-template-columns:16px 1fr auto;align-items:baseline;gap:10px;font-size:.9375rem;display:grid}.order-timeline__prep li>span:first-child{color:#697169}.order-timeline__prep li.is-ready>span:first-child{color:var(--forest-deep);font-weight:700}.order-timeline__prep small{color:#697169;font-size:.8125rem}@media (prefers-reduced-motion:reduce){.order-timeline__bar span{transition:none}}.order-timeline__tracking{background:var(--ivory-deep);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 24px;padding:18px 20px;display:flex}.order-timeline__tracking p{margin:0}@media (max-width:560px){.account-orders a{grid-template-columns:1fr auto}.account-status{grid-row:auto;justify-self:start}.account-orders strong,.account-orders .commerce-note{grid-column:1/-1}.account-orders__total{grid-area:1/2}.account-heading{flex-direction:column}}.order-timeline__invoice{margin:16px 0 0}
