@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap);.App-header.MuiPaper-root.MuiAppBar-root{align-items:center;flex-direction:column}.App-header.MuiPaper-root .MuiToolbar-root{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.App-header.MuiPaper-root .logo{display:flex;justify-content:center;margin-bottom:2%;overflow:hidden}.App-header.MuiPaper-root .App-logo{-webkit-filter:grayscale(60%);filter:grayscale(60%);object-fit:cover}.App-header.MuiPaper-root .App-nav{display:flex;justify-content:space-evenly;margin-bottom:1%;width:100%}.icons{align-items:center;display:flex}.welcome-message{margin-right:10px}.cart-button{background-color:transparent;margin-left:10px}.Footer.MuiPaper-root{box-shadow:0 5px 5px rgba(0,0,0,.5);padding:1rem;text-align:center}.Footer-links{display:flex;gap:1rem}.Footer-text{font-size:1.5rem}.left-content.MuiContainer-root{background-color:#95bf74;border-radius:1rem;box-shadow:0 5px 5px rgba(0,0,0,.5);height:calc(120vh - 6rem);margin-bottom:2rem;margin-top:2rem;overflow:hidden}.left-content h1{color:red;font-size:2rem;font-weight:700;margin-bottom:1rem;margin-top:auto;text-align:center}.button-container{display:flex;justify-content:space-between}.pagination-btn.MuiButtonBase-root{background-color:#a8d5e2;border:none;border-radius:5px;box-shadow:0 5px 5px rgba(0,0,0,.5);color:#000;-webkit-filter:grayscale(100%);filter:grayscale(100%);font-size:1.2rem;font-weight:700;height:3rem;margin-bottom:1rem;transition:all .7s ease-in-out}.pagination-btn.MuiButtonBase-root:hover{background-color:#83e0fa;-webkit-filter:grayscale(0);filter:grayscale(0);-webkit-transform:scale(1.05);transform:scale(1.05)}.right-content.MuiContainer-root{background-color:#95bf74;border-radius:1rem;box-shadow:0 5px 5px rgba(0,0,0,.5);height:calc(120vh - 6rem);margin-bottom:2rem;margin-top:2rem;overflow:auto}.right-content h1{font-size:2rem;margin-bottom:1rem;text-align:center}.central-content{background-color:#95bf74;border-radius:1rem;box-shadow:0 5px 5px rgba(0,0,0,.5);height:calc(120vh - 6rem);margin-bottom:2rem;margin-top:2rem;overflow-y:auto}.central-content h1{font-size:2rem;margin-bottom:1rem;text-align:center}.central-content::-webkit-scrollbar{width:12px}.central-content::-webkit-scrollbar-track{background-color:#f0f4f8;border-radius:10px}.central-content::-webkit-scrollbar-thumb{background-color:#a8d5e2;border:2px solid #f0f4f8;border-radius:10px}.central-content::-webkit-scrollbar-thumb:hover{background-color:#618b9e}.central-content{scrollbar-color:#a8d5e2 #f0f4f8;scrollbar-width:thin}.product-card.MuiGrid-root.MuiGrid-item{align-items:center;border-radius:5px;display:flex;flex-direction:column;height:375px;justify-content:center;margin:10px;opacity:1;padding:7px;transition:all .7s ease-in-out;width:250px}.product-card.MuiGrid-root.MuiGrid-item:hover{background:radial-gradient(farthest-corner,transparent 0,#fff 50%,transparent 100%);cursor:pointer;-webkit-transform:scale(1.05);transform:scale(1.05)}.product-card.MuiGrid-root.MuiGrid-item .product-image{border-radius:5px;height:200px;width:100%}.product-card.MuiGrid-root.MuiGrid-item .product-name{font-size:1.2rem;font-weight:700;margin-bottom:5px}.product-card.MuiGrid-root.MuiGrid-item .product-price{font-size:1.2rem;font-weight:700}.product-card.MuiGrid-root.MuiGrid-item .product-sale{color:red;font-size:1.2rem;font-weight:700}.product-card.MuiGrid-root.MuiGrid-item .MuiCardContent-root:last-child{align-items:center;display:flex;flex-direction:column;justify-content:center;padding-bottom:2rem}.product-card.MuiGrid-root.MuiGrid-item .product-category,.product-card.MuiGrid-root.MuiGrid-item .product-name,.product-card.MuiGrid-root.MuiGrid-item .product-price,.product-card.MuiGrid-root.MuiGrid-item .product-sale{word-wrap:break-word;margin-bottom:5px;overflow-wrap:break-word}.central-content-products.MuiContainer-root{background-color:#95bf74;border-radius:1rem;box-shadow:0 5px 5px rgba(0,0,0,.5);height:calc(110vh - 6rem);margin-bottom:2rem;margin-top:2rem;overflow:hidden}.central-content-products h1{font-size:2rem;margin-bottom:1rem;text-align:center}.pagination-buttons-products{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem;margin-top:1rem}.left-content-products.MuiContainer-root{background-color:#95bf74;border-radius:1rem;box-shadow:0 5px 5px rgba(0,0,0,.5);display:flex;flex-direction:column;height:calc(110vh - 6rem);justify-content:space-between;overflow:hidden;padding:1rem}.left-content-products.MuiContainer-root h1{color:red;font-size:2rem;font-weight:700;margin-bottom:-280px;text-align:center}.left-content-products.MuiContainer-root .search-bar{border:1px solid #ccc;border-radius:4px;margin:0 auto;padding:1rem;width:90%}.left-content-products.MuiContainer-root .filter-options,.left-content-products.MuiContainer-root .sort-options{align-items:center;display:flex;flex-direction:column;gap:.5rem}.left-content-products.MuiContainer-root .filter-options button,.left-content-products.MuiContainer-root .sort-options button{border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1.2rem;padding:.5rem}.left-content-products.MuiContainer-root .filter-options button:hover,.left-content-products.MuiContainer-root .sort-options button:hover{background-color:#e0e0e0;color:#000}.build-central-content.MuiContainer-root{border-bottom:2px solid #fff;border-top:2px solid #fff;height:calc(120vh - 7rem);margin-bottom:2rem;margin-top:2rem;overflow-y:auto}.build-left-content.MuiContainer-root{align-items:center;background-color:#95bf74;border-radius:1rem;box-shadow:0 5px 5px rgba(0,0,0,.5);display:flex;flex-direction:column;margin-bottom:2rem;margin-top:2rem;padding:1rem;position:relative;z-index:2}.build-left-content h1{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:1rem;margin-top:1rem;text-align:center}.save-load-update-buttons{align-items:center;display:flex;gap:1rem;justify-content:center;margin-bottom:1rem}.save-build.MuiButtonBase-root{background-color:#a8d5e2;border:none;border-radius:5px;box-shadow:0 5px 5px rgba(0,0,0,.5);color:#000;-webkit-filter:grayscale(100%);filter:grayscale(100%);font-size:1rem;font-weight:700;height:3rem;margin-bottom:1rem;transition:all .7s ease-in-out}.save-build.MuiButtonBase-root:hover{background-color:#83e0fa;-webkit-filter:grayscale(0);filter:grayscale(0);-webkit-transform:scale(1.05);transform:scale(1.05)}.load-build.MuiButtonBase-root{background-color:#a8d5e2;border:none;border-radius:5px;box-shadow:0 5px 5px rgba(0,0,0,.5);color:#000;-webkit-filter:grayscale(100%);filter:grayscale(100%);font-size:1rem;font-weight:700;height:3rem;margin-bottom:1rem;transition:all .7s ease-in-out}.load-build.MuiButtonBase-root:hover{background-color:#83e0fa;-webkit-filter:grayscale(0);filter:grayscale(0);-webkit-transform:scale(1.05);transform:scale(1.05)}.update-build.MuiButtonBase-root{background-color:#a8d5e2;border:none;border-radius:5px;box-shadow:0 5px 5px rgba(0,0,0,.5);color:#000;-webkit-filter:grayscale(100%);filter:grayscale(100%);font-size:1rem;font-weight:700;height:3rem;margin-bottom:1rem;transition:all .7s ease-in-out}.update-build.MuiButtonBase-root:hover{background-color:#83e0fa;-webkit-filter:grayscale(0);filter:grayscale(0);-webkit-transform:scale(1.05);transform:scale(1.05)}.checkout.MuiButtonBase-root{background-color:#a8d5e2;border:none;border-radius:5px;box-shadow:0 5px 5px rgba(0,0,0,.5);color:#000;-webkit-filter:grayscale(100%);filter:grayscale(100%);font-size:1rem;font-weight:700;height:3rem;margin-bottom:1rem;transition:all .7s ease-in-out}.checkout.MuiButtonBase-root:hover{background-color:#83e0fa;-webkit-filter:grayscale(0);filter:grayscale(0);-webkit-transform:scale(1.05);transform:scale(1.05)}.total-cost{background-color:#36ca62;border:none;border-radius:5px;color:#000;font-size:1.2rem;font-weight:700;margin-bottom:1rem;padding:5px}.user-dashboard-left-content.MuiContainer-root{align-items:center;background-color:#95bf74;border-radius:1rem;box-shadow:0 5px 5px rgba(0,0,0,.5);display:flex;flex-direction:column;height:calc(120vh - 6rem);justify-content:flex-start;margin-bottom:2rem;margin-top:2rem;overflow:hidden}.user-dashboard-left-content h1{border-bottom:1px solid #fff;color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:5rem;text-align:center}.user-dashboard-left-content button{background-color:transparent;border:none;color:#fff;cursor:pointer;font-size:large;height:auto;margin-bottom:3rem;padding:10px;transition:background-color .3s;width:10rem}.user-dashboard-left-content button:hover{background-color:#fff;color:#000}.user-dashboard-central-content{background-color:#95bf74;border-radius:1rem;box-shadow:0 5px 5px rgba(0,0,0,.5);height:calc(120vh - 6rem);margin-bottom:2rem;margin-top:2rem;overflow-y:auto}.MuiGrid-container.MuiGrid-root{align-items:center;justify-content:center}.user-dashboard-central-content h1{font-size:2rem;margin-bottom:1rem;margin-top:auto;text-align:center}.build-part{align-items:center;background-color:#f9f9f9;border:1px solid #ccc;border-radius:8px;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:16px;padding:16px}.build-part .product-picture{background-color:#ddd;height:50px;width:50px}.build-part .product-picture img{height:100%;object-fit:cover;width:100%}.build-part .product-info{display:flex;flex-direction:column;flex-grow:1;justify-content:center;margin-left:16px}.build-part .product-info .product-name{font-size:16px;font-weight:700}.build-part .product-info .product-price{color:#0af}.build-part.empty .product-name{color:#aaa}.build-part:hover{background-color:#aee6f7;cursor:pointer}.modal-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);left:50%;max-height:90vh;max-width:400px;overflow-y:auto;padding:20px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:80%}h2{font-size:1.5em;margin-top:0;text-align:center}.product-list{margin:20px 0;max-height:calc(100vh - 200px);overflow-y:auto;padding:0}button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;display:block;margin:10px auto;padding:10px 20px}button:hover{background-color:#0056b3}.user-info-container{border-top:1px solid #fff;display:flex;flex-direction:column;gap:1rem;margin-left:-12px;margin-right:-12px;padding:2rem}.user-info-container .login-container,.user-info-container .login-form{display:flex;flex-direction:column;gap:.5rem}.cart-section-container{border-top:1px solid #fff;display:flex;flex-direction:column;gap:1rem;margin-left:-12px;margin-right:-12px;padding:2rem}.cart-section-container h3{margin-bottom:1rem}.cart-section-container .cart-item{border-bottom:1px solid #ddd;justify-content:space-between;margin-bottom:.5rem;padding:0}.cart-section-container .cart-summary{margin-top:1.5rem}.cart-section-container .cart-summary .cart-summary-item{display:flex;justify-content:space-between;margin-bottom:.5rem}.cart-section-container .cart-summary .checkout-button{margin-top:1rem}.cart-section-container .custom-button{background-color:transparent;border:none;color:#ff2c2c;cursor:pointer;font-size:large;text-shadow:#000 1px 1px 1px}.cart-section-container .custom-button:hover{scale:1.5}.product-modal-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);left:50%;max-width:500px;overflow:hidden;padding:20px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:80%}.product-modal-content img{object-fit:cover;width:100%}.product-modal-content h5{color:#333;margin-bottom:16px}.product-modal-content .MuiTypography-body2{color:#555;margin-bottom:12px}.product-modal-content .product-price,.product-modal-content .product-stock{font-weight:600}.product-modal-content .product-sale{color:red}.product-modal-content button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 16px;transition:background-color .2s ease}.product-modal-content button:hover{background-color:#0056b3}.product-banner{border-radius:15px;overflow:hidden;position:relative}.product-banner:before{background:inherit;bottom:0;content:"";-webkit-filter:grayscale(100%);filter:grayscale(100%);left:0;position:absolute;right:0;top:0;transition:-webkit-filter .5s ease-in-out;transition:filter .5s ease-in-out;transition:filter .5s ease-in-out,-webkit-filter .5s ease-in-out;z-index:1}.product-banner:hover:before{-webkit-filter:grayscale(0);filter:grayscale(0)}.product-banner .banner-content{position:relative;z-index:2}.product-banner:hover{border:2px solid #fff;box-shadow:0 0 10px #838383}.product-banner p{color:#000;font-size:1.2rem;font-weight:400;margin-bottom:1rem}.product-banner h2{color:#000;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.product-search-container{display:flex;flex-direction:column;gap:1rem;margin-left:-12px;margin-right:-12px;padding:2rem}.build-container{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.2);display:flex;flex-direction:column;margin:0 auto 1rem;padding:1rem;width:70%}.build-container .total-price,.build-container h5{margin-bottom:8px}.build-container .part-list{list-style:none;padding:0}.build-container .part-list .part-item{margin-bottom:8px}.builds-container.MuiContainer-root{align-items:center;display:flex;flex-direction:column;height:100vh}.builds-container.MuiContainer-root .builds-header{color:#fff;font-size:3rem;font-weight:700;margin-bottom:5rem;margin-top:2rem;text-shadow:2px 2px 2px #000}.profile-container.MuiContainer-root{align-items:center;display:flex;flex-direction:column;height:100vh}.profile-container.MuiContainer-root .profile-header{color:#fff;font-size:3rem;font-weight:700;margin-bottom:10rem;margin-top:2rem;text-shadow:2px 2px 2px #000}.profile-container.MuiContainer-root .profile-text{align-items:center;background-color:#fff;border:2px solid #fff;box-shadow:2px 2px 2px #000;color:#000;display:flex;font-size:2rem;justify-content:center;margin-bottom:2rem;padding:10%;text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.profile-container.MuiContainer-root .profile-label{color:#fff;font-size:2rem;text-shadow:2px 2px 2px #000}
/*# sourceMappingURL=main.e0eeada9.css.map*/