:root{font-family:Quicksand,sans-serif;line-height:1.5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box;font-size:1rem}.AddProductButton{width:90%}#plus-icon{width:1.25rem}#add-product-container{margin:1rem 1rem 1rem .5rem;border:2px solid #3d8d7a;background-color:#3d8d7a;width:100%;height:40px;border-radius:100px;display:flex;justify-content:space-between;align-items:center;padding:.2rem 1rem}#add-product-button{text-align:left;height:30px;color:#fff;background-color:transparent;border:none;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#add-product-container:hover{background-color:#fbffe4}#add-product-container:hover>button{color:#3d8d7a}@media (max-width: 768px){.AddProductButton{width:100%;display:flex;justify-content:flex-end}#add-product-container{margin:1rem 0 0;width:98%}}.add-product-modal-container{z-index:1;background-color:#00000080;width:100vw;height:100vh;position:fixed;top:0;left:0;display:flex;justify-content:center;align-items:center;color:#3d8d7a}.add-product-modal{background-color:#fff;width:440px;height:600px;border-radius:20px;display:flex;flex-direction:column;justify-content:space-evenly;padding:0 40px}.add-product-modal input,.add-product-modal label{display:block}.add-product-modal input{outline:none;border:2px solid #3d8d7a;padding:.6rem 1.2rem;width:100%;border-radius:100px}.add-product-modal label{padding-left:1.2rem}.add-product-modal>h1{font-size:1.4rem;text-align:center;margin:.2rem 0}.add-product-modal button{display:block}#done{color:#fff;background-color:#3d8d7a;border:none;padding:.6rem 0;border-radius:100px;width:100%;margin-top:1rem}#cancel{color:#fff;background-color:#8d3d3d;border:none;padding:.6rem 0;border-radius:100px;width:100%;margin-top:.4rem;margin-bottom:.6rem}.delete h1{color:#8d3d3d}#delete{color:#fff;background-color:#8d3d3d;border:none;padding:.6rem 0;border-radius:100px;width:100%;margin-top:1rem}#cancel-delete{color:#8d3d3d;background-color:transparent;border:none;outline:2px solid #8d3d3d;padding:.6rem 0;border-radius:100px;width:100%;margin-top:.4rem;margin-bottom:.6rem}.modal-error{color:#fff;background-color:#8d3d3d;border-radius:100px;padding:.6rem 1.2rem;display:flex;gap:.6rem}.modal-error>p{line-height:1.4}.modal-error{margin-bottom:.4rem}.warning-icon{width:20px;margin-right:5px}@media (max-width: 768px){.add-product-modal{width:80%;height:70vh;padding:0 1rem}.add-product-modal>h1{font-size:1.2rem;margin:.5rem 0}.modal-error{margin-bottom:.4rem}.modal-error>p{line-height:1.2}.add-product-modal input{padding:.4rem 1.2rem}}.product-card-container{display:flex;justify-content:center;align-items:center}.product-card{margin:1rem;border:2px solid #3d8d7a;color:#3d8d7a;border-radius:20px;width:90%;padding:0 1.2rem;display:flex;flex-direction:column;position:relative}.product-hover:hover{background-color:#fbffe4}.product-image{min-width:200px;height:150px;object-fit:cover;border-radius:20px}.name-more{display:flex;justify-content:space-between;padding:.8rem .2rem}.name-more>h1{font-size:1.2rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:85%}.more-options-icon{width:24px}.price-stock{display:flex;justify-content:space-between;padding:.8rem .2rem;font-weight:500}.price-stock>p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:50%}.popover-container{background-color:#3d8d7a;color:#fff;position:absolute;top:6px;right:6px;width:60%;padding:.6rem 0;border-radius:.6rem}.popover-container:hover .product-card{pointer-events:none}@media (max-width: 768px){.product-card{margin:0rem;border-radius:12px;width:100%;padding:0 .6rem}.product-image{min-width:90%;height:75px;object-fit:cover;border-radius:8px}.name-more>h1{font-size:1rem;width:85%}.price-stock{display:flex;flex-direction:column;padding:.4rem 0 .6rem;font-weight:400}.price-stock>p{max-width:100%;font-size:.9rem;line-height:1.2}.name-more{display:flex;justify-content:space-between;padding:.4rem 0}.more-options-icon{width:20px}}.popover-container{background-color:#3d8d7a;color:#fff;position:absolute;top:6px;right:6px;width:70%;padding:.6rem 0;border-radius:.6rem}.popover{display:flex;flex-direction:column}.popover img{width:16px;display:inline}.popover p{display:inline}.edit-option,.delete-option{padding:.4rem 1rem;display:flex;justify-content:space-between;align-items:center}.edit-option:hover,.delete-option:hover{background-color:#1d5f4f}@media (max-width: 768px){.popover-container{width:80%}}#all-products{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));width:100%}@media (max-width: 768px){#all-products{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px}}.SearchBar{width:90%}#search-container{border:2px solid #3d8d7a;width:100%;height:40px;display:inline;padding:.2rem 1rem;border-radius:100px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin:1rem}#search-bar{height:30px;width:100%;outline:none;border:none;margin-right:.6rem}#search-bar::placeholder{color:#3d8d7a;font-family:Quicksand}#magnifying-glass{width:20px;display:inline;fill:#3d8d7a}@media (max-width: 768px){.SearchBar{width:100%}#search-container{margin:0}}.SortDropdown{width:90%;z-index:1}#sort-icon{width:14px}#default-button-container{margin:1rem 1rem 1rem .5rem;border:2px solid #3d8d7a;height:40px;border-radius:100px;display:flex;align-items:center;justify-content:space-between;padding:.2rem 1rem;width:100%}#sort-dropdown-button{border:none;background-color:transparent;height:30px;width:100%;text-align:left;color:#3d8d7a;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#sort-dropdown-choices{position:relative;top:-14px}#sort-dropdown-choices>button{margin-left:.5rem;display:block;width:100%;height:40px;margin-bottom:4px;border-radius:100px;border:2px solid #3d8d7a;background-color:#fff;color:#3d8d7a;text-align:left;padding:.2rem 1rem;position:absolute;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#sort-dropdown-choices>button:hover{background-color:#fbffe4}#sort-dropdown-choices button:nth-child(1){top:0}#sort-dropdown-choices button:nth-child(2){top:43px}#sort-dropdown-choices button:nth-child(3){top:85px}#sort-dropdown-choices button:nth-child(4){top:127px}.selected{background-color:#3d8d7a!important;color:#fff!important}@media (max-width: 768px){.SortDropdown{width:98%}#default-button-container{margin:1rem 0}#sort-dropdown-choices>button{margin-left:0}#sort-dropdown-choices button:nth-child(1){top:0}#sort-dropdown-choices button:nth-child(2){top:40px}#sort-dropdown-choices button:nth-child(3){top:82px}#sort-dropdown-choices button:nth-child(4){top:124px}}nav{width:100%}nav>div{margin:1rem;display:flex;justify-content:space-between}nav>div>h1{font-weight:700;font-size:2.4rem;color:#3d8d7a}nav>div>img{width:24px}@media (max-width: 768px){nav>div{margin:.2rem .2rem .6rem 0}}#main-container{display:flex;justify-content:center;width:100%}#main{display:grid;grid-template-columns:repeat(auto-fill,minmax(20%,1fr));grid-template-areas:"TopNav TopNav TopNav TopNav TopNav" "SearchBar SearchBar SortDropdown SortDropdown AddProductButton" "AllProducts AllProducts AllProducts AllProducts AllProducts";width:80%;margin-top:1rem;margin-bottom:40px}.TopNav{grid-area:TopNav}.SearchBar{grid-area:SearchBar}.SortDropdown{grid-area:SortDropdown}.AddProductButton{grid-area:AddProductButton}.AllProducts{grid-area:AllProducts}@media (max-width: 1024px){#main{display:grid;grid-template-columns:repeat(auto-fill,minmax(20%,1fr));grid-template-areas:"TopNav TopNav TopNav TopNav TopNav" "SearchBar SearchBar SortDropdown SortDropdown AddProductButton" "AllProducts AllProducts AllProducts AllProducts AllProducts";width:80%;margin-top:1rem;margin-bottom:40px}}@media (max-width: 768px){#main{grid-template-columns:repeat(auto-fill,minmax(25%,1fr));grid-template-areas:"TopNav TopNav TopNav TopNav" "SearchBar SearchBar SearchBar SearchBar" "SortDropdown SortDropdown AddProductButton AddProductButton" "AllProducts AllProducts AllProducts AllProducts";width:95%;margin-top:0;margin-bottom:16px}}