*{word-wrap:break-word;box-sizing:border-box;margin:0;padding:0}:root{--navbar-height:4rem;--sidebar-width:200px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{position:relative;width:100vw}.App>div:first-child{left:0;position:fixed;top:0}.app_content{display:flex;max-width:100vw;padding-top:var(--navbar-height)}.app_content>div:first-child{position:fixed;top:var(--navbar-height)}.app_content>div:nth-child(2){margin-left:var(--sidebar-width);max-width:calc(100vw - var(--sidebar-width))}@media screen and (max-width:768px){.app_content>div:nth-child(2){margin-left:0;min-width:100vw;padding:1rem}}.navBar{background-color:#fff;box-shadow:0 0 7px 0 #dcdcdc;height:var(--navbar-height);justify-content:space-between;padding:0 1rem;width:100vw}.navBar,.navBar_logoMenuDiv{align-items:center;display:flex}.navBar_logoMenuDiv{gap:1rem}.navBar_logoImg{width:175px}.navBar_logoText{font-size:1.5rem;font-weight:700}.navBar_menuIcon{cursor:pointer;display:none;font-size:1.5rem}@media screen and (max-width:768px){.navBar_menuIcon{display:block}}.loginButton_div{align-items:center;display:flex}.loginButton{background-color:initial;border:none;border-radius:.5rem;cursor:pointer;font-family:inherit;font-size:1rem;padding:.5rem}.loginButton:hover{color:gray;outline:1px solid #dcdcdc}.loginButton_signOutBtn{background-color:initial;border:none;border-radius:.5rem;cursor:pointer;font-family:inherit;font-size:1rem;padding:.5rem}.loginButton_signOutBtn:hover{outline:1px solid #dcdcdc}.sideBar{background-color:#fff;min-height:calc(100vh - var(--navbar-height));min-width:var(--sidebar-width)}.sideBar a:link,.sideBar a:visited{color:inherit;cursor:auto;text-decoration:inherit}.sideBar_icon{font-size:1.25rem}.sideBar ul{-webkit-margin-before:0;-webkit-margin-after:0;-webkit-padding-start:0;list-style:none;margin-block-end:0;margin-block-start:0;padding-inline-start:0;padding:1rem 0}.sideBar ul li{align-items:center;border-radius:2rem;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:1.5rem;padding:.5rem 1rem}.sideBar ul li:hover{background-color:#f3f4f6}.sideBar ul li.active{background-color:#99f6e4}@media screen and (max-width:768px){.sideBar{-webkit-transform:translateX(-100%);transform:translateX(-100%);transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.show-sidebar{-webkit-transform:translateX(0);transform:translateX(0)}}.homePage{padding:1rem}.homePage_aboutContent{display:flex;flex-direction:row;gap:2rem;padding:1rem 0}.homePage_aboutText{display:flex;flex:1 1;flex-direction:column;justify-content:start}.homePage_ecommerceImageDiv{flex:1.25 1}.homePage_ecommerceImageDiv img{height:100%;object-fit:contain;width:100%}.homePage_storeLink{background-color:teal;border-radius:.5rem;color:#fff;display:block;font-weight:700;margin:1rem 0;padding:.5rem;text-decoration:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media screen and (max-width:768px){.homePage_aboutContent{flex-direction:column}}.loginPage{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - var(--navbar-height));width:100%}.loginPage_form{border-radius:.5rem;box-shadow:0 0 5px 0 gray;gap:1rem;padding:2rem}.loginPage_form,.loginPage_form label{display:flex;flex-direction:column}.loginPage_form input{border:1px solid gray;border-radius:.5rem;font-family:inherit;font-size:inherit;padding:.25rem;width:250px}.loginPage_buttonsDiv{display:flex;flex-direction:column}.loginPage_signInBtn{background-color:#38bdf8;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:inherit;font-weight:700;margin-top:.5rem;padding:.5rem .25rem}.loginPage_signInBtn:hover{outline:1px solid gray}.loginPage_signUpBtn{background-color:initial;border:none;border-radius:.5rem;cursor:pointer;font-family:inherit;font-size:inherit;padding:.5rem .25rem}.loginPage_signUpBtn:hover{outline:1px solid gray}.loginPage_signInBtn.guest{background-color:gray}.usersPage{padding:1rem}.userRow{font-size:.9rem}.userRow td{padding:.75rem .5rem}.userRow_idCell{word-wrap:normal;max-width:7rem;overflow-x:hidden;text-overflow:ellipsis}td.userRow_imageCell{padding:.25rem}.userRow_imageDiv{align-items:center;background-color:#fff;border-radius:50%;display:flex;height:50px;justify-content:center;overflow:hidden;width:50px}.userRow_imageDiv img{height:100%}.userRow_actions{display:flex;font-size:1.25rem;gap:1rem;height:100%}.userRow_editIcon{cursor:pointer}.userRow_deleteIcon{color:red;cursor:pointer}.userTable{border-radius:.5rem;border-spacing:0;box-shadow:0 0 15px 0 #dcdcdc;margin:1rem 0;max-width:100vw;overflow:hidden}.userTable th{background-color:#dcdcdc;min-width:5rem;padding:.5rem;text-align:start}.userTable_userIdHeading{max-width:5rem}.userTable tr:nth-child(odd){background-color:#eef2ff}.productsPage{padding:1rem}.productsPage_headerDiv{display:flex;justify-content:space-between;margin-bottom:1rem}.productsPage_addProduct{background-color:teal;border:none;border-radius:.25rem;color:#fff;font-family:inherit;font-size:inherit;font-weight:700;padding:.5rem}.productsPage_addProduct:hover{cursor:pointer;outline:1px solid gray}.productRow{font-size:.9rem}.productRow td{padding:.75rem .5rem}.productRow_idCell{word-wrap:normal;max-width:5rem;overflow-x:hidden;text-overflow:ellipsis}td.productRow_imageCell{padding:.25rem}.productRow_imageDiv{align-items:center;background-color:#fff;border-radius:50%;display:flex;height:50px;justify-content:center;overflow:hidden;width:50px}.productRow_imageDiv img{height:90%}.productRow_actions{display:flex;font-size:1.25rem;gap:1rem;height:100%}.productRow_editIcon{cursor:pointer}.productRow_deleteIcon{color:red;cursor:pointer}.productTable{border-radius:.5rem;border-spacing:0;box-shadow:0 0 15px 0 #dcdcdc;margin:1rem 0;max-width:100vw;overflow:hidden}.productTable th{background-color:#dcdcdc;min-width:5rem;padding:.75rem;text-align:start}th.productTable_headingTitle{min-width:20rem}.productTable_productIdHeading{max-width:5rem}.productTable tr:nth-child(odd){background-color:#eef2ff}.productPage{padding:1rem;width:calc(100vw - var(--sidebar-width))}.productForm{border-radius:1rem;box-shadow:0 0 15px 0 #dcdcdc;margin:1rem 0;padding:1rem;width:50%}.productForm *{font-family:inherit;font-size:inherit}.productForm form{display:flex;flex-direction:column;gap:1rem;width:100%}.productForm_itemData{display:flex;justify-content:space-between}.productForm_imageDiv{height:10rem}.productForm_imageDiv img{height:100%}.productForm_contentsData{display:flex;flex-direction:column;justify-content:space-evenly}.productForm_item{align-items:center;border-bottom:1px solid #dcdcdc;display:flex;gap:1rem;justify-content:space-between;padding-bottom:1rem;width:100%}.productForm_item:last-child{border:none}.productForm_item label{color:gray;font-size:1.1rem;font-weight:700}.productForm_item input,.productForm_item select{border:1px solid #9ca3af;border-radius:.5rem;padding:.5rem}.productForm_addProductButton{background-color:teal;border:none;border-radius:1rem;color:#fff;cursor:pointer;font-weight:700;padding:.5rem}.productForm_addProductButton:hover{outline:2px solid blue}@media screen and (max-width:768px){.productForm{width:80%}}
/*# sourceMappingURL=main.88b6f4b6.css.map*/