.userOrders{position:relative}.userOrders .noData{background-color:var(--reverse-color);width:calc(100% - 16px);height:100%;min-height:200px;box-shadow:rgba(var(--action-color-rgb), .1) 0px 2px 16px 0px;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:16px;transition:all .3s;display:flex;position:relative}.userOrders .noData h3{text-align:center;margin:0 0 16px;padding:0;font-size:20px;font-weight:600;position:relative}.userOrders .noData span{text-align:center;position:relative}.userOrders .loadingWrapper{z-index:10;background-color:rgba(var(--body-color-rgb), .65);justify-content:center;align-items:flex-start;width:100%;height:100%;min-height:300px;display:flex;position:absolute;top:0;right:0}.userOrders .userOrdersPageTitle{justify-content:flex-start;align-items:center;margin:16px 16px 24px 0;display:flex;position:relative}.userOrders .userOrdersPageTitle .pageTitle{margin:0 8px 0 0;padding:0}.userOrders .userOrdersWrapper,.userOrders .userOrderWrapper{width:100%;padding:16px 16px 0 0}.userOrders .userOrderCard{width:calc(100% - 16px);color:var(--text-color);background-color:var(--reverse-color);box-shadow:rgba(var(--action-color-rgb), .1) 0px 2px 16px 0px;border-radius:16px;flex-direction:column;justify-content:flex-start;align-items:flex-start;margin-bottom:16px;padding:16px 16px 0 0;transition:all .3s;display:flex;position:relative;overflow:auto}.userOrders .userOrderCard:hover{box-shadow:rgba(var(--action-color-rgb), .25) 0px 7px 29px 0px}.userOrders .userOrderCardDetails{flex-wrap:wrap;justify-content:flex-start;align-items:center;width:100%;margin-top:32px;display:flex;position:relative}.userOrders .userOrderCardDetails span{color:var(--text-color);font-size:14px;display:block;position:relative}.userOrders .userOrderCardDetails>span{margin:0 0 32px 32px}.userOrders .userOrderCardDetails>span span:first-child{color:var(--sub-text-color);margin-bottom:8px;font-weight:600}.userOrders .userOrderCardDetails>span span:last-child{color:var(--text-color);font-weight:600}.userOrders .userOrderCardImages{flex-wrap:wrap;justify-content:flex-start;align-items:center;width:100%;display:flex;position:relative}.userOrders .userOrderCardImages img{object-fit:contain;border:2px solid var(--secondary-color);border-radius:8px;width:100px;height:100px;margin:0 0 16px 16px;display:block;position:relative}.userOrders .userOrderStatus{flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;width:100%;display:flex;position:relative}.userOrders .userOrderStatus>span{border-radius:12px;justify-content:flex-start;align-items:center;height:40px;margin:8px 0 8px 16px;padding:8px 16px;display:flex;position:relative}.userOrders .userOrderStatus>span span{text-wrap-mode:nowrap;justify-content:center;align-items:center;margin-left:4px;font-size:13px;font-weight:600;display:flex;position:relative}.userOrders .userOrderStatus>span span.time{flex-wrap:wrap}.userOrders .userOrderStatus>span svg{min-width:24px;min-height:24px;margin-left:8px}.userOrders .userOrderStatus span.green{color:var(--green-color);background-color:rgba(var(--green-color-rgb), .1);border:2px solid rgba(var(--green-color-rgb), .65)}.userOrders .userOrderStatus span.green svg path{stroke:var(--green-color)}.userOrders .userOrderStatus span.blue{color:var(--primary-color);background-color:rgba(var(--primary-color-rgb), .1);border:2px solid rgba(var(--primary-color-rgb), .65)}.userOrders .userOrderStatus span.blue svg path{stroke:var(--primary-color)}.userOrders .userOrderStatus span.purple{color:var(--purple-color);background-color:rgba(var(--purple-color-rgb), .1);border:2px solid rgba(var(--purple-color-rgb), .65)}.userOrders .userOrderStatus span.purple svg path{stroke:var(--purple-color)}.userOrders .userOrderStatus span.red{color:var(--red-color);background-color:rgba(var(--red-color-rgb), .1);border:2px solid rgba(var(--red-color-rgb), .65)}.userOrders .userOrderStatus span.red svg path{stroke:var(--red-color)}.userOrders .userOrderStatus span.orange{color:var(--orange-color);background-color:rgba(var(--orange-color-rgb), .1);border:2px solid rgba(var(--orange-color-rgb), .65)}.userOrders .userOrderStatus span.orange svg path{stroke:var(--orange-color)}.userOrders .userOrderAddress,.userOrders .userOrderShipping,.userOrders .userOrderPayment .userOrderPaymentWrapper,.userOrders .userOrderShippingDate,.userOrders .userOrderDescription{flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;height:100%;padding-top:8px;display:flex;position:relative}.userOrders .userOrderAddress span.address{margin-bottom:16px;font-size:16px;font-weight:600}.userOrders .userOrderPayment{width:100%;height:fit-content;position:sticky;top:128px}.userOrders .userOrderAddress span,.userOrders .userOrderShipping span,.userOrders .userOrderShippingDate span,.userOrders .userOrderDescription span{margin-bottom:8px;font-size:14px}.userOrders .userOrderPayment span{width:50%;font-size:14px}.userOrders .userOrderPayment .paymentRow{justify-content:space-between;align-items:center;width:100%;margin-bottom:8px;display:flex;position:relative}.userOrders .userOrderPayment .paymentRow.red span{color:var(--red-color)}.userOrders .userOrderPayment .paymentRow button{width:100%;margin-top:8px}.userOrders .userOrderPayment .paymentLoadingWrapper{background-color:var(--primary-color);border-radius:16px;justify-content:center;align-items:center;width:100%;height:44px;margin-top:8px;display:flex;position:relative}.userOrderPaymentWrapperFixed{z-index:50;background-color:rgba(var(--body-color-rgb), .65);-webkit-backdrop-filter:saturate(130%)blur(26px);backdrop-filter:saturate(130%)blur(26px);width:100%;height:76px;box-shadow:0px -1px 2px rgba(var(--text-color-rgb), .1);justify-content:space-between;align-items:center;padding:16px;display:none;position:sticky;bottom:0;right:0}.userOrderPaymentWrapperFixed span{color:var(--sub-text-color);flex-direction:column;font-size:13px;font-weight:600;display:flex;position:relative}.userOrderPaymentWrapperFixed span.price{color:var(--text-color);font-size:16px}.userOrderPaymentWrapperFixed button{width:164px;max-width:50%}.userOrderPaymentWrapperFixed .loadingWrapper{background-color:var(--primary-color);border-radius:16px;width:164px;max-width:50%;height:44px;min-height:auto;display:block;position:relative}.userOrderPaymentWrapperFixed .loadingWrapper .circularProgress{width:100%}@media (max-width:1200px){.userOrderPayment button{display:none}.userOrderPaymentWrapperFixed{display:flex}.userOrderPayment .paymentLoadingWrapper{display:none!important}}@media (max-width:600px){.userOrders .userOrderCardDetails>span{width:calc(50% - 32px)}.userOrders .userOrderCardImages img{width:calc(50% - 16px)}}
.userProfile{position:relative}.userProfile .loadingWrapper{z-index:10;background-color:rgba(var(--body-color-rgb), .65);justify-content:center;align-items:flex-start;width:calc(100% + 16px);height:calc(100% + 16px);min-height:300px;display:flex;position:absolute;top:-16px;right:-16px}
.userLayout{background-color:var(--body-color);direction:rtl;width:100%;max-width:1800px;margin:0 auto;position:relative;overflow:visible}.userLayout .userLayoutMenu{direction:ltr;display:block;position:relative;overflow:visible}.userLayout .userLayoutMenu:before{content:"";background-color:rgba(var(--action-color-rgb), .1);width:100%;height:100%;min-height:calc(100vh - 112px);position:absolute;top:0;right:0}.userLayout .userLayoutMenu:after{content:"";border-left:2px solid var(--action-color);height:100%;min-height:calc(100vh - 112px);position:absolute;top:0;left:0}.userLayout .userLayoutMenuWrapper{direction:rtl;width:100%;margin-bottom:32px;transition:all .3s;display:block;position:sticky;top:112px}.userLayout.down .userLayoutMenuWrapper{top:60px}.userLayout .userLayoutWrapper{direction:ltr;display:block;position:relative;overflow:visible}.userLayout .userLayoutWrapperPage{direction:rtl;width:100%;min-height:300px;margin-bottom:32px;transition:all .3s;display:block;position:sticky;top:128px}.userLayout.down .userLayoutWrapperPage{top:76px}.userLayout .pageTitle{color:var(--sub-text-color);margin:0 0 24px;padding-right:16px;font-size:20px;font-weight:600;display:block;position:relative}.userLayout .boxTitle{color:var(--sub-text-color);margin:0 16px 8px 0;font-size:14px;font-weight:600;display:block;position:relative}.userLayout .boxWrapper{justify-content:center;align-items:center;width:calc(100% - 16px);height:auto;margin:0 0 16px 16px;display:flex;position:relative}.userLayout .whiteBox{background-color:var(--reverse-color);box-shadow:rgba(var(--action-color-rgb), .1) 0px 2px 16px 0px;border-radius:16px;padding:16px}.userLayout .manageAction{justify-content:flex-start;align-items:center;display:flex;position:relative}.userLayout .circularProgress{width:100px;height:100%;min-height:44px;position:relative}@media (max-width:1200px){.userLayout .userLayoutMenu{background-color:rgba(var(--action-color-rgb), .1)}.userLayout .userLayoutMenu:before{display:none}}