.nav-link .notif-count{text-align:center;aspect-ratio:1;color:#fff;min-height:24px;font-size:var(--f2);background-color:#62666d;border-radius:5px;place-content:center;align-items:center;margin-right:5px;padding:4px;font-weight:700;display:flex}.nav-link.active .notif-count{background:var(--color-primary);font-size:var(--f2)}.profile-sidebar{flex-shrink:0;width:100%}.profile-container{z-index:1;min-width:0}.profile-container .user-phonenumber{font-size:var(--f5);font-weight:400}.order-tabs{overflow:auto hidden}.order-tabs .embla-slide{width:fit-content!important}.post-info{background-color:#e1e1e17e;border:1px solid #3333331f;border-radius:12px;justify-content:space-between;align-items:center;height:45px;padding:23px 10px;display:flex}.post-info .btn{background:#fff;min-height:fit-content;padding:5px 10px;font-size:12px;font-weight:700}.post-info{gap:10px}.user-order-items{padding:15px 0}.user-order-items .user-order-item{border:1px solid #eee;border-radius:12px;margin-bottom:15px;padding:10px 15px}.user-order-items .user-order-item:last-child{margin-bottom:0}.user-order-items .user-order-item .cancel-btn{color:var(--color-link);padding-left:0;padding-right:0}.user-order-items .user-order-item .user-order-item-header,.user-order-items .user-order-item .user-order-item-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex;position:relative}.user-order-items .user-order-item .user-order-item-header.order-detail-header,.user-order-items .user-order-item .user-order-item-footer.order-detail-header{align-items:unset;flex-direction:column;display:flex}.user-order-items .user-order-item .user-order-item-footer{justify-content:space-between}.user-order-items .user-order-item .user-order-meta{font-size:var(--f4);justify-content:space-between;align-items:center;gap:4px;width:100%;display:inline-flex}.user-order-items .user-order-item .user-order-meta span:first-child{color:var(--color-text)}.user-order-items .user-order-item .user-order-meta span:last-child{color:var(--color-titr);font-weight:700}.user-order-items .user-order-item .user-order-meta:before{content:none;background-position:50%;background-repeat:no-repeat;background-size:cover;width:12px;height:12px;margin-left:5px}.user-order-items .user-order-item .user-order-meta:first-child{font-size:var(--3)!important}.user-order-items .user-order-item .user-order-meta:first-child:before{content:none}.user-order-items .user-order-item .status{font-size:var(--f4);align-items:center;gap:.3rem;font-weight:700;display:flex}.user-order-items .user-order-item .status:before{content:"";background-size:20px 20px;width:20px;height:20px;display:block}.user-order-items .user-order-item .status.status-process{color:#23a455}.user-order-items .user-order-item .status.status-process:before{background-image:url(/images/svg/waiting.svg)}.user-order-items .user-order-item .status.status-done{color:#23a455}.user-order-items .user-order-item .status.status-done:before{background-image:url(/images/svg/tick.svg)}.user-order-items .user-order-item .status.status-rejected{color:#ff7a00}.user-order-items .user-order-item .status.status-rejected:before{background-image:url(/images/svg/DangerCircle.svg)}.user-order-items .user-order-item .status.status-cancel{color:var(--color-primary)}.user-order-items .user-order-item .status.status-cancel:before{background-image:url(/images/svg/fill-cross.svg)}@media (width<=992px){.user-order-items .user-order-item .user-order-item-content .cart-item{flex-wrap:wrap}.user-order-items .user-order-item .user-order-item-content .cart-item .cart-item--thumbnail{flex:0 0 100%;margin-bottom:20px}.user-order-items .user-order-item .user-order-item-content .cart-item .cart-item--detail{flex:0 0 100%}}.user-order-items .user-order-item .order-step-box{border:1px solid #eee;border-radius:15px;margin-top:.5rem;padding:15px 6px}@media (width>=640px){.user-order-items .user-order-item .status{font-size:var(--f5)}}@media (width>=1024px){.profile-sidebar{width:270px}.user-order-items .user-order-item .user-order-meta{justify-content:unset;width:fit-content}.user-order-items .user-order-item .user-order-meta:before{content:""}.user-order-items .user-order-item .user-order-meta span:first-child{font-size:var(--5)!important}}