.main{display:flex;flex:1 1;flex-direction:column;padding:20px}.appContainer{display:flex;flex-direction:row-reverse}.sidebar{align-items:center;background-color:var(--white-50);display:flex;height:100vh;position:sticky;top:0}.innerSidebar{background-color:var(--blue);border-bottom-left-radius:50px;border-top-left-radius:50px;height:96%;overflow:auto;padding:0 10px}.sidebar-container-links{padding-top:15px}.sidebarTitle{border-bottom:1px solid var(--white-50);font-size:30px;padding:25px 20px 15px}.sidebarItem{display:flex;flex-direction:row-reverse;justify-content:center;margin:5px}.sidebarItem:hover{background-color:var(--white-50);border-radius:20px}.sidebarItemLink{color:var(--white-50)}.activeBtnSidebar,.sidebarItemLink{align-items:center;display:flex;font-size:20px;justify-content:center;padding:20px;text-decoration:none;width:100%}.activeBtnSidebar{background-color:var(--white-50);border-radius:20px;color:#000;position:relative}.sidebarItem:hover .sidebarItemLink{color:#000}.sidebarItemIcon{font-size:15px;padding:0 2px 4px}.header{display:flex;height:70px;justify-content:space-between;margin-block:20px;top:10px}.darkMode{align-items:center;background-color:var(--blue);border:none;border-radius:100%;box-shadow:1px 1px 8px 0 #000;display:flex;height:45px;justify-content:center;padding:10px;width:45px}.darkMode:hover{box-shadow:var(--btn-shadow)}.sound{align-items:center;background-color:var(--blue);border:none;border-radius:100%;box-shadow:1px 1px 8px 0 #000;display:flex;height:45px;justify-content:center;padding:10px;width:45px}.sound:hover{box-shadow:var(--btn-shadow)}.left-container{align-items:center;display:flex;gap:10px;margin-left:20px}.searchInputBtn:hover{box-shadow:var(--btn-shadow)}.headerContainerBtnInput{align-items:center;background-color:#fff;border-radius:20px;box-shadow:1px 1px 8px 0 #000;display:flex;height:50px;padding:0 2px;width:350px}.searchInput{border:none;border-radius:inherit;height:80%;outline:none;width:90%}.searchInput,.searchInput::placeholder{font-size:20px}.searchInputBtn{background-color:var(--blue);border:none;border-radius:inherit;font-size:18px;height:90%;left:5px;width:30%}.headerBtnIcon{font-size:25px}.right-container{align-items:center;display:flex;gap:10px;margin-right:20px}.headerProfileImg{border-radius:100%;height:60px;width:60px}.headerProfileContainerTitle{align-items:flex-end;color:#000;display:flex;flex-direction:column;font-size:20px}.errContainer{align-items:center;background-color:red;border-radius:10px;color:#fff;display:flex;font-size:25px;justify-content:center;margin-bottom:30px;padding:20px;position:relative}.errContainer:before{animation:redBall 1.7s infinite normal;background-color:var(--white-50);border-radius:100%;content:"";height:17px;position:absolute;right:5px;top:5px;width:17px}@keyframes redBall{0%{background-color:var(--white-50)}50%{background-color:red}to{background-color:var(--white-50)}}.usersTable{background-color:var(--white);border-radius:20px;width:100%}.user-table-header{background-color:var(--blue);border-top-left-radius:20px;border-top-right-radius:20px;display:block}.user-table-body{display:block}.users-table-item{display:flex;justify-content:center;padding:0}.items-users-body,.items-users-header{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;padding-block:20px}.loading-box-users{display:flex;font-size:30px;justify-content:center;padding-block:30px}.addNewProductComponent{margin-bottom:40px}.addNewProductTitle{font-size:30px;text-align:right}.addNewProductContainer{background-color:var(--white);border-radius:20px;display:flex;flex-direction:column;padding:20px}.parentBtn{display:flex;flex-direction:row-reverse}.addNewProductContainerInputs{grid-gap:10px 25px;display:grid;gap:10px 25px;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;justify-content:left;margin-bottom:20px}.addProductInput{background-color:var(--white-50);border:none;border-radius:10px;border-radius:20px;font-size:20px;height:50px;outline:none;width:90%}.addProductInput::placeholder{color:#282525;font-size:20px}.addNewProductBtn{background-color:var(--blue);border:none;border-radius:10px;font-size:17px;height:60px;width:150px}.addNewProductBtn:hover{box-shadow:var(--btn-shadow)}.addNewProductInputs{align-items:center;background-color:var(--white-50);border-radius:20px;display:flex}.addNewProduct-icon{font-size:20px;padding:0 5px 0 10px}.table-products{background-color:var(--white);border-radius:20px;display:block;display:grid}.table-body,.table-header{align-items:center;border-bottom:4px solid var(--white-50);display:grid;font-size:18px;grid-template-columns:1fr 1fr 1fr 1fr 1fr;justify-items:center;padding:10px 0;text-align:left}.table-img{border-radius:20px;width:100px}.table-product-btns{background-color:var(--blue);border:none;border-radius:10px;margin:0 2px;padding:10px 15px}.table-product-btns:hover{box-shadow:var(--btn-shadow)}.comment-container{background-color:var(--white);border:5px solid var(--blue);border-radius:20px}.comment{background-color:var(--white-50);border-radius:10px;margin:22px;padding-block:10px;padding:20px}.email-comment{color:var(--blue);font-weight:700;margin-bottom:10px}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:lalezar;src:url(/static/media/Lalezar-Regular.241ca811c53de4ed36a4.ttf)}:root{--white:#fff;--white-50:#f0f0f0;--blue:#2164eb;--btn-shadow:inset 1px 1px 8px 0px #000;font-family:lalezar}body{background-color:#f0f0f0;background-color:var(--white-50)}*,body,html{font-family:lalezar}
/*# sourceMappingURL=main.9e1c749d.css.map*/