body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#222;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}::selection{background-color:#6db33f}::-webkit-scrollbar{background-color:#0000;border:none}::-webkit-scrollbar-track{background-color:#282828;border:2px solid #666;border-radius:5px}::-webkit-scrollbar-thumb{background-color:#333;border:2px solid #666;border-radius:5px}::-webkit-scrollbar-thumb:hover{background-color:#6db33f}*{color:#eee}footer{background-color:#333;margin:10px 0 20px;padding:50px}footer a{color:#6db33f;text-decoration:none}footer a:hover{text-decoration:underline}.loader{align-items:center;display:flex;justify-content:center;min-height:100px;width:100%}.loader svg{animation:loading 1s linear infinite}.loader svg circle{fill:#6db33f}.loader svg:nth-child(2){animation-delay:.3s}.loader svg:nth-child(3){animation-delay:.6s}.page-loader{background-color:#222;height:100%;left:0;position:fixed;top:0;width:100%}@keyframes loading{0%,80%{transform:translateY(0)}40%{transform:translateY(-20px)}}.title{background-color:#333;margin:20px 0 10px;padding:20px}.title div{display:flex;justify-content:center;transform:translateX(-40px)}.title img{height:80px;image-rendering:pixelated;margin-right:10px;width:80px}.title h1{color:#6db33f;font-family:Courier New,Courier,monospace;font-weight:900;text-shadow:#6db33f 0 0 1px,#6db33f 0 0 5px}main{align-items:center;display:grid;margin:15px 0}.list-container{align-self:center;justify-self:center;margin-top:5px;overflow-y:auto;width:calc(60% + 30px)}.list-container .list{background-color:#333;border-radius:5px;padding:15px 0}@media(max-width:500px){.list-container{width:calc(85% + 30px)}}.product{cursor:pointer;display:flex;padding:5px 15px;position:relative}.product *{z-index:1}.product p{margin:0}.product p.product_brands{font-size:small;font-style:italic;font-weight:700;margin-left:10px}.product p.product_generic{color:#777;font-style:italic}.product p.product_glucides{align-self:center;color:#6db33f;margin-left:auto}.product img{align-self:center;height:35px;margin-right:15px;object-fit:cover;width:35px}.product:hover p{color:#6db33f}.product:hover:before{opacity:1}.product:nth-child(odd){background-color:#282828}.product:before{background-color:#555;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease-in-out;width:100%}.product .product_info .product_title{align-items:flex-end;display:flex}@media(max-width:500px){.product .product_info .product_title{flex-direction:column}.product p.product_brands{align-self:start;margin-left:0}.product p.product_name{align-self:start}}.pagination{align-self:center;display:flex;flex-wrap:wrap;gap:5px;justify-self:center;margin-top:10px}.page-button{background-color:#0000;border:2px solid #666;border-radius:5px;color:#eee;transition:background-color .2s ease-in-out}.page-button:hover{background-color:#555;cursor:pointer}.page-button.active{background-color:#555;color:#6db33f;cursor:auto}.background-popup{align-items:center;background-color:rgba(34,34,34,.533);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:5}.background-popup .popup{background-color:#282828;border-radius:5px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-height:90vh;max-width:90vw;overflow-y:auto;padding:25px;position:relative;z-index:10}.background-popup .popup table{width:100%}.background-popup .popup table th{background-color:#333;outline:2px solid #666}.background-popup .popup table tr:hover{background-color:#555}.background-popup .popup table tr:hover td.name{color:#6db33f}.background-popup .popup table tr td{outline:2px solid #666}.background-popup .popup details{margin:5px}.background-popup .popup details summary{border:2px solid #666;border-radius:5px;cursor:pointer;padding:5px}.background-popup .popup details summary:hover{background-color:#555}.background-popup .popup details[open] summary{background-color:#555;color:#6db33f}.background-popup .popup .close{background-color:#0000;border:none;color:#eee;cursor:pointer;font-size:larger;padding:0;position:absolute;right:10px;top:5px;transition:color .4s}.background-popup .popup .close:hover{color:red}.background-popup .popup_header{display:flex}.background-popup .popup_header img{height:150px;object-fit:contain;width:100px}.background-popup .popup_header .titles{margin-left:10px}.background-popup .popup_header .titles .generic-name{color:#777;font-style:italic}.background-popup .popup_header .titles .brands{font-size:small;font-style:italic;font-weight:700}.background-popup .popup .nutriscore{border:2px solid #666;border-radius:5px;font-style:italic;margin:10px 0;padding:5px}.background-popup .popup .nutriscore span{font-style:italic;font-weight:bolder;text-transform:capitalize}.background-popup .popup .nutriscore-a{background-color:#037e3c}.background-popup .popup .nutriscore-b{background-color:#8bc61e}.background-popup .popup .nutriscore-c{background-color:#fece00}.background-popup .popup .nutriscore-d{background-color:#ff8f02}.background-popup .popup .nutriscore-e{background-color:#ff3b0a}.background-popup .popup .warning{border:2px solid red;border-radius:5px;color:red;font-style:italic;margin:10px 0;padding:5px}.search-bar{align-items:center;display:flex;justify-content:center;width:calc(100% + 30px)}.search-bar_field{align-self:center;background-color:#282828;border:2px solid #666;border-radius:5px 0 0 5px;justify-self:center;padding:5px 15px;width:100%}.search-bar_field:focus{border:2px solid #6db33f;outline:none}.search-bar_button{background-color:#666;border:none;border-radius:0 5px 5px 0;cursor:pointer;height:100%;padding:5px 15px}.search-bar:focus-within .search-bar_button{background-color:#6db33f}.sticky{align-self:center;justify-self:center;position:-webkit-sticky;position:sticky;top:5px;transform:translateX(-15px);width:60%;z-index:5}.sticky:before{background:linear-gradient(180deg,#222,rgba(34,34,34,.835) 75%,#0000);content:"";height:calc(100% + 30px);position:absolute;top:-6px;width:calc(100% + 30px);z-index:-1}@media(max-width:500px){.sticky{width:85%}}.header{align-self:center;background-color:#333;border-radius:5px;display:flex;justify-content:space-between;justify-self:center;margin-top:10px;padding:0 15px;width:100%}.header .glucides{color:#6db33f}
/*# sourceMappingURL=main.b85395ff.css.map*/