@import"https://fonts.googleapis.com/css2?family=Roboto&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto+Flex&display=swap";html,body,#root{height:100%;margin:0;padding:0;overflow-x:hidden;font-family:Roboto Flex,sans-serif;color:#222}.pageDiv{display:flex;flex-direction:column;gap:2.5%;height:100%;width:100%}.header{display:flex;gap:15px;padding:15px 15px 0;align-items:center;font-size:x-large;font-weight:700}.header-small{display:flex;gap:15px;padding:15px 15px 0;align-items:center;font-size:large;font-weight:700}form{width:min-content;display:flex;flex-direction:column;gap:40px}.detail{display:flex;gap:15px;align-items:center;padding:0}.details{display:flex;flex-direction:column;gap:5px}button{font-family:Roboto Flex,sans-serif;padding:12px 20px;font-size:large;justify-content:center;text-align:center;align-items:center;border-radius:25px;border-color:#fff;box-shadow:0 4px 12px #00000026;background-color:#00f;color:#fff;width:max-content}.secondaryButton{background-color:#fff;color:#00f;border-color:#fff;border-style:solid}.greenButton{background-color:green}@media (min-width: 1025px){*::-webkit-scrollbar{width:6px;background:transparent}*::-webkit-scrollbar-button{display:none}*::-webkit-scrollbar-thumb{background-color:#777;border-radius:4px;border:none}}.navbar{height:6.75%;display:flex;background:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 2px 4px #0000000d;padding:5px 5px 0;align-items:center;justify-content:space-between;overflow:hidden}.layoutBox1{width:15%;text-align:left}.layoutBox2{width:15%;text-align:right}.titleDiv{max-width:60%;overflow:hidden;height:fit-content;font-size:large;font-weight:700;color:#00f}.storeIcon:hover,.profileIcon:hover,.titleDiv:hover{cursor:pointer}.title{display:inline;font-size:large;font-weight:700;color:#000}.iconDiv{border-color:#000;border-style:solid}.logoutDiv{display:flex;justify-content:space-between}.profileIconSpacer{width:60%}.spacer1{height:15%}.links{display:flex;flex-direction:column;gap:10px}.linkDiv{display:flex;gap:5%;align-items:center;justify-content:left;color:#000;font-size:large;box-shadow:0 2px 4px #0000000d;padding-bottom:10px;padding-block:10px}.linkDiv:hover{cursor:pointer}.userDiv{display:flex;gap:5%;align-items:center;justify-content:left;font-size:large}.userDiv:hover{cursor:default}.logoutIcon{cursor:pointer}.linkButton{font-size:x-large;text-decoration:none;color:#00f;display:block;width:100%;box-shadow:0 2px 4px #0000000d}.sidebar{position:fixed;top:0;right:0;width:0;height:100%;background-color:#fff;transition:.3s;z-index:2;overflow:hidden;padding:0}.sidebar.active{width:250px;padding-left:2.5%}.product{display:flex;height:75px;min-height:75px;max-height:75px;max-width:500px;overflow:hidden;padding:2.5%;gap:5%;border-color:#d3d3d3;border-radius:15px;box-shadow:0 4px 12px #00000026;transition:.15s}.product:hover{cursor:pointer}.product:active{transform:scale(.9);background-color:#0000000d;cursor:default}.productImageContainer{display:flex;position:relative;width:30%;min-width:30%;height:100%;min-height:100%;border-radius:15px;justify-content:start;align-items:start;text-align:center;border-color:transparent;border-style:solid}.productImage{width:100%;min-width:100%;max-width:100%;height:100%;min-height:100%;max-height:75px;border-radius:15px;z-index:0;justify-content:center;align-items:center;border-color:transparent;border-style:solid}.productIcon{width:100%;height:100%;z-index:-1;position:absolute}.buttonDiv{display:flex;width:100%;justify-content:center;text-align:center;align-items:right}.cartButton{padding:15px;display:flex;width:80%;gap:10%;font-size:x-large;font-weight:700;justify-content:space-between;border-radius:25px;border-color:#fff;border-style:solid}.cartSidebar{display:flex;flex-direction:column;gap:1%;position:fixed;top:0;right:0;width:0;height:100%;background-color:#fff;transition:.3s;z-index:2;overflow:hidden;padding:0}.cartSidebar.active{width:250px;padding-left:5%;padding-right:5%}.overlay{position:fixed;top:0;left:0;height:100%;width:100%;background:#0006;opacity:0;visibility:hidden;transition:.3s;z-index:1}.overlay.active{opacity:1;visibility:visible;margin-right:250px;width:calc(100% - 250px)}.cartTile{display:flex;justify-content:space-between;align-items:center}.titleBox{display:flex;gap:5%;align-items:center}.clearIcon:hover{cursor:pointer}.items{height:55%;overflow-y:scroll;display:flex;flex-direction:column;gap:5%}.paymentDiv{display:flex;justify-content:space-between;padding-bottom:5%;font-weight:700;font-size:medium}.sub-paymentDiv{display:flex;justify-content:space-between;padding-bottom:0%;font-weight:400;font-size:medium}.box1{width:50%}.box2{width:70%;display:flex;justify-content:right;text-align:center;align-items:center}.box3{justify-content:center;text-align:center;height:min-content}.box4{padding-left:5px;width:min-content;justify-content:center;text-align:right}.checkoutButton{display:flex;width:100%;gap:10%}.cartItem{display:flex;max-height:15%;gap:5%;justify-content:center;align-items:center}.cartItemNamePrice{display:flex;flex-direction:column;gap:2.5%;width:50%;font-size:medium;font-weight:700;overflow:hidden}.nameDiv{font-size:small;font-weight:400;max-height:50%;overflow:hidden}.quantityDiv{width:25%;height:fit-content;display:flex;gap:30%;padding:10px;justify-content:center;text-align:center;align-items:center;background-color:#d3d3d3;border-radius:15px;font-weight:700}.quantityChanger:hover{cursor:pointer}.deleteDiv{height:fit-content}.bottomDiv{padding-top:15%}.pageDiv2{display:flex;flex-direction:column;gap:2.5%;height:100%;width:100%;background-color:#103478;background-image:linear-gradient(to bottom,#09203f,#537895)}.formContainer{display:flex;height:100%;width:100%;justify-content:center;align-items:start;padding-bottom:100px}.signUpFormContainer{display:flex;height:100%;width:100%;justify-content:center;align-items:start;padding-bottom:100px;overflow-y:scroll}.formCard{padding:5%;display:flex;width:80%;max-width:350px;height:fit-content;background-color:#fff;justify-content:center;border-color:#d3d3d3;border-radius:15px;box-shadow:0 4px 12px #00000026}.cardTitle{display:flex;gap:20px;justify-content:center;align-items:center}.form{display:flex;align-items:center}.flexButton{display:flex;gap:10px}.formButtons{display:flex;gap:20px}.productsItems{padding:2.5%;height:75vh;overflow:scroll;display:flex;flex-direction:column;gap:2.5%}.product{display:flex;padding:2.5%;gap:5%;border-color:#d3d3d3;border-radius:15px;box-shadow:0 4px 12px #00000026}.productItemNamePrice{display:flex;flex-direction:column;gap:2.5%;width:65%;font-size:large;overflow:hidden;justify-content:center;align-items:left}.productName{font-size:large;font-weight:700}.productImage{height:fit-content}.buttonSpacer{width:35%}.spacer{height:0%}.profileDetails{padding-left:20px}.orders{padding:2.5%;height:75vh;overflow:scroll;display:flex;flex-direction:column;gap:2.5%}.order{display:flex;justify-content:space-between;height:75px;min-height:75px;max-height:75px;max-width:500px;overflow:hidden;padding:2.5%;gap:5%;border-color:#d3d3d3;border-radius:15px;box-shadow:0 4px 12px #00000026;transition:.15s}.order:hover{cursor:pointer}.order:active{transform:scale(.9);background-color:#0000000d;cursor:default}