@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");*{margin:0;padding:0}body{overflow-x:hidden;font-family:Roboto,sans-serif}.auth{background:linear-gradient(135deg,#f8fafc,#e0e7ff)}h1,th{color:rgb(48,46,46)}button,h1,h2,header{font-family:Poppins,sans-serif}ul{list-style:none}a{color:black;text-decoration:none;font-family:Poppins,sans-serif}button{cursor:pointer}section{margin-bottom:1rem}.all-product-section{position:relative;width:74.8%;& article{& h1{font-weight:500}}}.page-content{display:flex;gap:1rem;margin:auto;width:1182px}.items-list{display:none}@media (max-width:1230px){.page-content{box-sizing:border-box;padding:0 1rem;width:100%}}@media (max-width:1025px){.account-page-content{flex-direction:column;gap:2rem}}@media (max-width:768px){.order-items-list{& table{border-collapse:separate;border-spacing:0 10px}& .order-row-label{color:rgb(94,93,93);font-size:.8rem}}.items-list{display:flex;flex-direction:column;& li{border-bottom:1px solid rgb(216,216,216);display:flex;padding:1rem;gap:1rem;& a{aspect-ratio:9/10;width:90px;height:90px}& table{color:rgb(44,43,43);font-size:.9rem;font-weight:600}&>div{display:flex;flex-direction:column;gap:.7rem;width:100%}}& .item-header{display:flex;justify-content:space-between;& h1{font-size:.9rem;font-weight:500}}& .row-label{color:rgb(94,93,93);font-size:.68rem}}}@media (max-width:778px){.all-product-section{width:100%}}.gray-overlay{background:#ffffff51;position:absolute;top:0;height:100%;width:100%}#search-modal{position:fixed;top:0;border:none;width:100%;min-height:200px;background:white;z-index:999;display:flex;justify-content:center;padding-top:5rem;padding-bottom:2rem;&>img{position:absolute;top:8%;right:3%}& .modal-content-wrapper{width:700px}}@media (max-width:768px){#search-modal{padding:3rem 0 1rem;&>img{top:4%;right:2%}& .modal-content-wrapper{width:90%;margin:auto}}}#modal-backdrop{cursor:pointer;position:fixed;top:0;left:0;width:100%;height:100vh;background-color:rgba(0,0,0,.75);z-index:998}#cart-modal{background:transparent;border:none;position:fixed;top:0;bottom:0;right:0;height:100dvh;z-index:999;width:100%;&>img{position:absolute;top:18px;right:2%;z-index:999}& h1{color:rgb(68,66,66);font-size:1.1rem;font-weight:600;padding:1rem}& h1,& ul{border-bottom:double rgb(216,216,216)}& ul{overflow-y:scroll;height:60dvh}& .modal-content-wrapper{width:355px;background:#fff;position:absolute;right:0;top:0;height:100%}& .button-section{padding:1rem 2rem 2rem 1rem;& h2{color:rgb(68,66,66);font-size:1rem;font-weight:600;display:flex;justify-content:space-between;margin-bottom:1rem;&>span{color:#eb07a2;font-size:1.1rem}}& div{display:flex;flex-direction:column;gap:.5rem}& button{width:100%}}}@media (max-width:430px){#cart-modal{& .modal-content-wrapper{width:75%}}}.long-button{background:black;color:#fff;border:none;height:45px;font-family:Poppins,sans-serif;font-size:1rem;width:100%}.view-cart-bg{background:#eb07a2}#search-form{display:flex;align-items:center;height:clamp(35px,2vw + 25px,45px);position:relative;& select,input{box-sizing:border-box;color:rgb(45,45,45);font-family:Poppins,sans-serif;padding:.5rem .6rem;border-color:rgb(216,216,216);height:100%;&:focus{outline:none}}&>img{cursor:pointer;position:absolute;right:25%;width:20px}& input{border:1px solid rgb(216,216,216);height:100%;width:100%}&>button{box-sizing:border-box;background:#eb07a2;border:none;display:flex;align-items:center;justify-content:center;width:60px;height:100%}}.search-results{color:rgb(70,70,70);font-size:.85rem;margin-top:.5rem}.wishlist-svg{fill:#e3e3e3}.wishlisted{fill:#eb07a2}.badge-container{position:relative;& .badge{background:antiquewhite;border-radius:50px;color:#eb07a2;display:flex;align-items:center;font-size:.7rem;font-weight:700;justify-content:center;padding:.1rem .5rem;position:absolute;top:-20%;right:-35%}}@media (max-width:968px){.badge-container{& .badge{font-size:.6rem;padding:.009rem .4rem;top:-10%;right:-30%}}}.auth-button{background:#7005dc;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:500;border:none;border-radius:10px;width:4.5rem;height:2.3rem}.no-items{color:rgb(82,82,82);font-size:.9rem;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;& a{color:#eb07a2;font-size:.9rem;font-weight:500;&:hover{color:#f45fc5;font-weight:600}}}.price-highlight{color:#eb07a2;font-weight:600}.action-button{border:none;font-size:.9rem;background:transparent}.green-highlight{color:green;font-weight:500}.pending{color:#daa520}.ongoing{color:#17a2b8}.fulfilled{color:#32cd32}.awaiting{color:#ff9800}.approved{color:#4caf50}.denied{color:#f44336}.lds-ring{display:flex;justify-self:center;position:relative;width:80px;height:80px;margin:1rem 0}.lds-ring div{box-sizing:border-box;display:block;position:absolute;width:30px;height:30px;margin:8px;border-radius:50%;animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border:4px solid transparent;border-top-color:#e30d5b}.lds-ring div:first-child{animation-delay:-.45s}.lds-ring div:nth-child(2){animation-delay:-.3s}.lds-ring div:nth-child(3){animation-delay:-.15s}.not-found{display:flex;width:100%;justify-content:center;margin:5rem 0;gap:.2rem;&>span{color:#7005dc;font-weight:600}}.error-boundary{display:flex;flex-direction:column;align-items:center;gap:1rem;margin:2rem;width:100%;&>button{color:#fff;border:none;background:#7005dc;padding:.4rem}}.form-error-message{color:red;font-size:.9rem}@keyframes lds-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes slide-down-fade-in{0%{opacity:0;transform:translateY(-3rem)}to{opacity:1;transform:translateY(0)}}