.account-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;pointer-events:none;visibility:hidden;transition:visibility 0s linear var(--drawer-slide-duration)}body.account-drawer-open .account-drawer{pointer-events:auto;visibility:visible;transition:visibility 0s linear 0s}.account-drawer__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--drawer-overlay);opacity:0;transition:opacity var(--drawer-slide-duration) var(--drawer-ease);backdrop-filter:none;-webkit-backdrop-filter:none}body.account-drawer-open .account-drawer__overlay{opacity:1}.account-drawer__panel{position:absolute;top:0;right:0;bottom:0;width:var(--drawer-width);max-width:100vw;background:#fafafa;color:#0c0e12;transform:translate(100%);transition:transform var(--drawer-slide-duration) var(--drawer-ease);display:flex;flex-direction:column;border-top-left-radius:var(--drawer-radius);border-bottom-left-radius:var(--drawer-radius);box-shadow:-24px 0 60px #00000024,inset 0 1px #ffffffb3;overflow:hidden;outline:none}body.account-drawer-open .account-drawer__panel{transform:translate(0)}@media(max-width:767px){.account-drawer__panel{width:var(--drawer-width-mobile)}}@media(prefers-reduced-motion:reduce){.account-drawer{transition:visibility 0s linear .2s}body.account-drawer-open .account-drawer{transition:visibility 0s linear 0s}.account-drawer__overlay,.account-drawer__panel{transition:opacity .2s ease,transform .2s ease}}.account-drawer__close-pill{position:absolute;top:50%;left:0;transform:translateY(-50%);width:16px!important;min-width:16px!important;max-width:16px!important;height:48px;border:0;background:transparent;color:#0c0e1259;cursor:pointer;z-index:2;padding:0;transition:color .18s ease}.account-drawer__close-pill:hover,.account-drawer__close-pill:focus-visible{color:#0c0e12e6}.account-drawer__header{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:22px 22px 8px 38px;background:transparent}.account-drawer__title{font-size:1.05rem;font-weight:600;margin:0;letter-spacing:-.005em;color:#0c0e12}.account-drawer__body{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:6px 26px 32px 38px;display:flex;flex-direction:column;gap:22px}.account-drawer__body--guest{justify-content:flex-start;gap:22px;padding:28px 30px 40px 42px;text-align:center}body.account-drawer-open .account-drawer__body>*{animation:account-drawer-fadeup .5s cubic-bezier(.16,1,.3,1) both}body.account-drawer-open .account-drawer__body>*:nth-child(1){animation-delay:.08s}body.account-drawer-open .account-drawer__body>*:nth-child(2){animation-delay:.14s}body.account-drawer-open .account-drawer__body>*:nth-child(3){animation-delay:.2s}body.account-drawer-open .account-drawer__body>*:nth-child(4){animation-delay:.26s}body.account-drawer-open .account-drawer__body>*:nth-child(5){animation-delay:.32s}body.account-drawer-open .account-drawer__body>*:nth-child(6){animation-delay:.38s}@keyframes account-drawer-fadeup{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){body.account-drawer-open .account-drawer__body>*{animation:none}}.account-drawer__identity{display:flex;align-items:center;gap:14px;padding:14px 0}.account-drawer__avatar{flex:0 0 auto;width:52px;height:52px;border-radius:50%;background:#0c0e12;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem;letter-spacing:.02em;overflow:hidden;position:relative}.account-drawer__avatar:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;border:1px solid rgba(12,14,18,.08);pointer-events:none}.account-drawer__avatar img{width:100%;height:100%;object-fit:cover}.account-drawer__initials{text-transform:uppercase}.account-drawer__greeting{min-width:0;flex:1 1 auto}.account-drawer__hello{font-size:.74rem;text-transform:uppercase;letter-spacing:.1em;color:#0c0e1273;margin:0 0 4px;font-weight:500}.account-drawer__name{font-size:1.08rem;font-weight:600;margin:0;letter-spacing:-.005em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-drawer__email{font-size:.84rem;color:#0c0e128c;margin:2px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-drawer__section{display:flex;flex-direction:column;gap:12px;padding-top:18px;border-top:1px solid rgba(12,14,18,.07)}.account-drawer__section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.account-drawer__section-head h3{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin:0;color:#0c0e128c}.account-drawer__see-all{font-size:.82rem;color:#0c0e12a6;text-decoration:none;transition:color .18s ease;white-space:nowrap;display:inline-flex;align-items:center;gap:4px}.account-drawer__see-all:hover{color:#0c0e12}.account-drawer__see-all>span{transition:transform .18s ease}.account-drawer__see-all:hover>span{transform:translate(2px)}.account-drawer__orders{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.account-drawer__order+.account-drawer__order{border-top:1px solid rgba(12,14,18,.06)}.account-drawer__order-link{display:flex;flex-direction:column;gap:6px;padding:12px 0;text-decoration:none;color:inherit;transition:opacity .18s ease}.account-drawer__order-link:hover{opacity:.78}.account-drawer__order-meta{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.account-drawer__order-name{font-weight:600;font-size:.96rem;letter-spacing:-.005em}.account-drawer__order-date{font-size:.78rem;color:#0c0e1280}.account-drawer__order-foot{display:flex;align-items:center;justify-content:space-between;gap:10px}.account-drawer__order-total{font-size:.92rem;font-weight:500}.account-drawer__order-status{font-size:.7rem;font-weight:500;padding:3px 9px;border-radius:999px;background:#0c0e120d;color:#0c0e12a6;text-transform:capitalize;letter-spacing:.02em}.account-drawer__order-status--fulfilled{background:#248e4c1a;color:#1d6e3c}.account-drawer__order-status--in-transit,.account-drawer__order-status--out-for-delivery,.account-drawer__order-status--partial{background:#235adc1a;color:#1e40af}.account-drawer__order-status--unfulfilled,.account-drawer__order-status--pending{background:#e799171f;color:#a86b00}.account-drawer__address{display:flex;flex-direction:column;gap:2px;font-style:normal;font-size:.9rem;line-height:1.55;color:#0c0e12bf}.account-drawer__address span{display:block}.account-drawer__nav{display:flex;flex-direction:column;gap:2px;padding-top:18px;border-top:1px solid rgba(12,14,18,.07)}.account-drawer__nav-item{display:flex;align-items:center;gap:14px;padding:12px 10px;margin:0 -10px;border-radius:12px;text-decoration:none;color:inherit;transition:background .18s ease,transform .12s ease}.account-drawer__nav-item:hover{background:#0c0e120a}.account-drawer__nav-item:active{transform:scale(.99)}.account-drawer__nav-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:#0c0e120a;color:#0c0e12bf;flex:0 0 auto;transition:background .18s ease}.account-drawer__nav-item:hover .account-drawer__nav-icon{background:#0c0e1212}.account-drawer__nav-icon svg{width:17px;height:17px}.account-drawer__nav-label{flex:1 1 auto;font-size:.95rem;font-weight:500;letter-spacing:-.005em}.account-drawer__nav-count{font-size:.74rem;font-weight:500;color:#0c0e1280;padding:2px 8px;border-radius:999px;background:#0c0e120a;min-width:22px;text-align:center}.account-drawer__nav-chev{color:#0c0e124d;font-size:1.05rem;line-height:1;transition:transform .18s ease}.account-drawer__nav-item:hover .account-drawer__nav-chev{transform:translate(2px);color:#0c0e128c}.account-drawer__logout-form{margin-top:6px;padding-top:14px;border-top:1px solid rgba(12,14,18,.07)}.account-drawer__logout{width:100%;display:flex;align-items:center;gap:14px;padding:12px 10px;margin:0 -10px;border:0;background:transparent;border-radius:12px;cursor:pointer;font-size:.95rem;font-weight:500;color:#0c0e12d9;font-family:inherit;text-align:left;transition:background .18s ease}.account-drawer__logout:hover{background:#dc26260d;color:#b91c1c}.account-drawer__logout .account-drawer__nav-icon{background:#dc262612;color:#b91c1c}.account-drawer__logout:hover .account-drawer__nav-icon{background:#dc26261f}html[dir=rtl] .account-drawer__logout{text-align:right}.account-drawer__hero{display:flex;justify-content:center;align-items:center;height:220px;background:radial-gradient(58% 58% at 50% 50%,rgba(12,14,18,.05) 0%,transparent 72%);position:relative}.account-drawer__lottie{width:100%;max-width:300px;height:100%}.account-drawer__lottie svg{width:100%!important;height:100%!important}.account-drawer__welcome{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:0 4px}.account-drawer__welcome-title{font-size:1.95rem;font-weight:700;margin:0;letter-spacing:-.025em;line-height:1.15;color:#0c0e12}.account-drawer__welcome-sub{font-size:1.02rem;color:#0c0e1299;margin:0;max-width:32ch;line-height:1.55}.account-drawer__cta-stack{display:flex;flex-direction:column;gap:12px;margin-top:4px;width:100%}.account-drawer__cta{display:inline-flex;align-items:center;justify-content:center;height:56px;border-radius:999px;font-size:1.02rem;font-weight:500;text-decoration:none;transition:background .2s ease,color .2s ease,border-color .2s ease,transform .14s ease,box-shadow .2s ease;padding:0 24px;letter-spacing:.005em}.account-drawer__cta--primary{background:#0c0e12;color:#fff;border:1px solid #0c0e12;box-shadow:0 4px 14px #0c0e122e}.account-drawer__cta--primary:hover{transform:translateY(-1px);box-shadow:0 8px 20px #0c0e123d}.account-drawer__cta--primary:active{transform:translateY(0)}.account-drawer__cta--ghost{background:transparent;color:#0c0e12;border:1px solid rgba(12,14,18,.14)}.account-drawer__cta--ghost:hover{background:#0c0e120a;border-color:#0c0e124d}.account-drawer__cta--social{background:#fff;color:#0c0e12;border:1px solid rgba(12,14,18,.14);gap:10px;font-weight:500}.account-drawer__cta--social:hover{background:#0c0e1208;border-color:#0c0e1247;box-shadow:0 2px 10px #0c0e120f}.account-drawer__social-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;flex:0 0 auto}.account-drawer__cta-note{text-align:center;font-size:.78rem;color:#0c0e1273;margin:6px 0 0;letter-spacing:.005em;line-height:1.5}.account-drawer__cta-link{color:#0c0e12b3;text-decoration:underline;text-underline-offset:2px;white-space:nowrap}.account-drawer__cta-link:hover{color:#0c0e12}html[dir=rtl] .account-drawer__nav-chev,html[dir=rtl] .account-drawer__see-all>span{transform:scaleX(-1)}html[dir=rtl] .account-drawer__nav-item:hover .account-drawer__nav-chev{transform:scaleX(-1) translate(2px)}
/*# sourceMappingURL=/cdn/shop/t/70/assets/component-account-drawer.css.map */