:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#000000de;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;width:100vw;height:100vh;display:flex}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.menu{background-color:orange;width:100%}.productsHeader{display:grid;grid-template-columns:24px 1fr;align-items:center;gap:8px;margin-top:1rem;margin-left:.5rem;margin-bottom:1rem;width:calc(100% - .5rem)}.productsHeader h3{margin:0;text-align:center;grid-column:2}.productsHeaderIcon{width:20px;height:20px;cursor:pointer;flex-shrink:0;justify-self:start}.loadingContainer{display:flex;align-items:center;justify-content:center;gap:10px;padding:2rem 1rem;color:#333;font-weight:600;z-index:-1}.spinner{width:24px;z-index:-1;height:24px;border:3px solid #f3f3f3;border-top-color:#ff9800;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.MenuItems{width:100vw;text-align:center;margin-top:40px}.hr1{background-color:#000;width:100%;height:2px;margin-bottom:1vh}select{width:40vw;margin-bottom:1vh}.icon{width:4.5vw;height:4.5vw}#homeIcon{width:2.5vw;height:2.5vw;align-self:center;margin-left:1rem;background-color:#fff;z-index:-2}#homeButton{display:flex;align-items:center;gap:6px;background:#000;border:none;color:#fff;padding:6px 12px;border-radius:999px;cursor:pointer;z-index:-1}#homeButton p{margin:0;color:#fff}#homeButton img{filter:brightness(0) invert(1)}#pesquisarIcon{width:2.5vw;height:2.5vw;align-self:center;margin-left:1rem;margin-right:13vw}.menuActionButton{display:inline-flex;align-items:center;gap:6px;border:1px solid #ddd;background:#fff;color:#333;padding:6px 10px;border-radius:999px;cursor:pointer;font-size:12px;font-weight:600;box-shadow:0 1px 2px #00000014}.menuActionButton:hover{background:#f5f5f5}.menuActionIcon{width:16px;height:16px}.menuDesktop{display:flex;justify-content:space-between}.menuDesktop div{display:flex;align-items:center}.SearchBar{border-radius:10px;background-color:#fff;color:#000;border:none;width:40vw;height:5vh;align-self:center;margin-left:1vw}.body{display:flex;width:100vw;flex-direction:row;flex-wrap:wrap}.mobileselect{display:none;z-index:3}.menuMobile{display:none}.Header{background-color:orange;height:5vh;display:flex;align-items:center;padding-left:5px}.mobileselect{display:flex;position:fixed;width:100vw;height:100%;overflow-y:auto;left:-100vw;transition:1s;background-color:orange}.center{background-color:#fff;width:100vw;border:0px groove rgba(1,1,1,.308);box-shadow:#0000003d 0 3px 8px;border-radius:10px;align-content:center;align-items:center;text-align:center;display:flex;flex-direction:column;margin-bottom:2vh}.center button{background-color:#000;color:#fff;padding:5px}.center input{margin-bottom:2vh}.center h2{margin-top:30px;align-self:center}.center button{margin-bottom:4vh}.center img{width:40vw;height:53.3vw}#pesquisarIcon{margin:1vw}#uploadedImage{margin-top:2vh;border:1px black dashed}.MenuItems p{margin-top:3vh;font-size:2vh;padding:.5vh;font-variant:small-caps;background-color:#fffb0041}#MenuIcon{width:3vw;height:3vw;margin-left:1vw;margin-right:1vw}@media screen and (max-width: 738px){#pesquisarIcon{width:7vw;height:7vw;align-self:center;margin-left:1rem;margin-right:13vw}.menuDesktop{display:none}img{cursor:pointer}.menuMobile{display:flex;height:5vh;margin-bottom:4vh;height:100%}.Header button{height:4vh;width:20vw;color:#fff;background-color:#000;align-items:center;justify-content:center}.MenuItems h2{font-size:3vh}.body{justify-content:space-around}.icon{width:12vw;height:12vw;left:0;cursor:pointer}#homeIcon{z-index:-1}#MenuIcon{align-self:center;width:8vw;height:8vw}.SearchBar{width:60vw;height:3vh;align-self:center;margin-left:1vw}.center input{margin-bottom:2vh}.center h2{margin-top:30px;align-self:center}.center button{margin-bottom:4vh}.center img{width:60vw;height:80vw}.center{background-color:#fff;width:100vw;border:0px groove rgba(1,1,1,.308);box-shadow:#0000003d 0 3px 8px;border-radius:10px;align-content:center;align-items:center;text-align:center;display:flex;flex-direction:column;margin-bottom:2vh}}.produto{background-color:#fff;margin:.01vw;width:10vw;border:0px groove rgba(1,1,1,.308);box-shadow:#0000003d 0 3px 8px;border-radius:10px;padding:10px;cursor:pointer;text-align:center;margin-bottom:2vh;margin-right:1vw;flex-wrap:wrap}.produto img{width:10vw;height:13.3vw}.AdmInputText{display:flex;flex-direction:column;flex:1}.AdmInputText select{display:flex;width:auto}.AdmInputText label{font-size:10pt}.AdmInputText input{background-color:#fff;color:#000;border-radius:5px}#admItem{flex:1;width:50%;display:flex;justify-content:center;flex-direction:"row"}#admImage{width:15vw;height:15vw;border-radius:5px}#divButtomOptions{flex:1;display:flex;justify-content:space-between}#DeletarBtn{background-color:red}#AlterarBtn{background-color:#7fa8ff}.ScroolCategories{display:flex;overflow-x:auto;flex-direction:row;width:100vw}@media screen and (max-width: 785px){#admItem{flex-direction:row;justify-content:center;height:auto}#admImage{width:35vw;height:35vw;margin-bottom:2vh;margin-right:2vw}.produto{width:40vw;min-height:fit-content;padding-bottom:4vh}.produto p{margin-bottom:-1.5vh}.produto img{width:38vw;height:50.6vw;margin-bottom:-1.5vh}#preco{font-size:3.5vw;font-weight:500}#categoria{font-size:3.5vw;font-weight:700}#nome{font-size:3.5vw;font-weight:500}}.DashBoardSearch{display:flex;align-items:center;justify-content:space-evenly;flex-direction:column;height:22vh}.DashBoardSearch p{font-size:1.2rem}.DashBoardSearch input{background-color:#fff;border:0px groove rgba(1,1,1,.308);box-shadow:#0000003d 0 3px 8px;border-radius:12px;width:60%;color:#000;padding:.5em;font-size:1.2rem;margin-bottom:3vh}