html,body{margin:0;height:100%;overflow:hidden;background-color:#f2f2f2;font-family:Avenir,Helvetica,Arial,sans-serif}#root{height:100%}ul{list-style:none;padding:0;margin:0}*::-webkit-scrollbar{display:none}.header{height:auto}.main{display:flex;height:calc(100% - 48px)}aside{box-shadow:0 0 2px #111e;overflow-x:auto;min-width:192px;max-width:192px}aside ul{display:flex;flex-direction:column;padding:5px;margin:0;gap:5px}aside ul li{border:0px solid #111111;border-radius:8px;background-color:#e1e1e1}aside ul li.selected{background-color:#111}aside ul li.selected a{color:#eee}aside ul li.selected img{filter:brightness(0) saturate(100%) invert(90%) sepia(0%) saturate(0%) hue-rotate(0deg)}aside ul li:hover{background-color:#111}aside ul li a{display:flex;align-items:center;text-decoration:none;color:#000;font-weight:500;padding-inline:20px;padding-block:10px;gap:15px}aside ul li:hover a{color:#fff}aside ul li:hover img{filter:brightness(0) saturate(100%) invert(100%) sepia(8%) saturate(7462%) hue-rotate(315deg) brightness(122%) contrast(117%)}.add-product form{display:flex;flex-direction:column}.container{--uib-size: 45px;--uib-color: black;--uib-speed: 2s;position:relative;height:var(--uib-size);width:var(--uib-size)}.container:before,.container:after{content:"";position:absolute;top:0;left:0;height:100%;width:100%;border-radius:50%;background-color:var(--uib-color);animation:pulse var(--uib-speed) linear infinite;transform:scale(0);opacity:0;transition:background-color .3s ease}.container:after{animation-delay:calc(var(--uib-speed) / -2)}@keyframes pulse{0%{transform:scale(0);opacity:1}to{transform:scale(1);opacity:0}}