.content{margin-top:60px}.backdrop{width:100%;height:100%;position:fixed;z-index:10;left:0;top:0;background-color:rgba(0,0,0,.5)}.close-button{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;width:100%;font-size:1.5rem}.close-button span:after{content:"\00d7"}.close-button span{color:#fff;transition:transform .1s ease-out;cursor:pointer}.close-button span:active{color:#acabab;transform:rotate(90deg)}.modal{position:fixed;z-index:30;background-color:#fff;width:80%;border:1px solid #ccc;border-radius:10px;box-shadow:1px 1px 1px #000;padding:16px;left:10%;top:30%;box-sizing:border-box;transition:all .3s ease-out}@media (min-width:600px){.modal{width:50%;left:20%}}@media (min-width:980px){.modal{width:30%;left:30%}}.input-component{display:flex;flex-direction:column;align-items:center;width:100%;padding:10px;box-sizing:border-box}.input-component label{align-self:flex-start;font-weight:700;font-size:.8rem;margin-bottom:8px}.input-component .input-element{width:100%;outline:none;border:1px solid #ccc;background-color:#fff;font-family:inherit;padding:6px 10px;box-sizing:border-box;box-shadow:0 1px 1px #ccc}.input-component .input-element:focus{outline:none;background-color:#f1f1f1}.button{border:2px solid #f05742;border-radius:20px;outline:none;cursor:pointer;font:inherit;padding:10px 20px;margin:10px;font-weight:700}.filled{background-color:#f05742;color:#fff}.filled:active{background-color:#ce4937}.filled:hover{border:2px solid #ce4937}.ghosted{color:#f05742}.ghosted:hover{border:2px solid #ce4937;color:#ce4937}.login-container form{display:flex;flex-direction:column;justify-content:space-between;align-items:center}.login-container p{text-align:center;font-size:1.2rem;font-weight:700;margin-top:0}.login-container p.wrong-auth{font-weight:400;font-size:.8rem}.login-container input[placeholder=Password]{-webkit-text-security:disc}.nav-items{list-style-type:none;display:flex;flex-direction:column;padding:0}.nav-items li{padding:10px;border-top:1px solid #f05742;box-sizing:border-box}.nav-items li .link{display:flex;align-items:center;text-decoration:none;color:#fff;font-weight:700;cursor:pointer}@media (min-width:600px){.nav-items{flex-direction:row;margin:0}.nav-items li{padding:0;margin:0;border:none}.nav-items li .link{align-items:flex-start;color:#fff;height:60px;padding:16px;box-sizing:border-box}.nav-items li .link.active,.nav-items li .link:active,.nav-items li .link:hover{background-color:#ce4937}}.cart{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;height:100%}.cart img{width:35px;margin:0 0 13px 15px;padding:0}.cart .counter{position:relative;top:-8.8px;left:-20px;font-size:.75rem}.cart p{margin:0;padding:0}.logo img{width:100%;border-radius:50%;border:2px solid #ce4937}.menu-button{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;width:100%;height:100%;cursor:pointer}.menu-button .menu-bar{background-color:#fff;width:60%;height:8%}.menu-button:active{background-color:#ce4937}.search-box-component-container{margin:0;padding:0;width:100%}.search-box-component-container .search-box{display:flex;align-items:center;justify-content:center;height:35px;border-radius:8px;border:2px solid #000;width:100%;background-color:#000}.search-box-component-container .search-box .input-component{display:flex;justify-content:center;margin:0;padding:0;height:100%;width:87%;box-sizing:border-box;border-radius:inherit}.search-box-component-container .search-box .input-component input{height:100%;width:100%;padding:8px;box-sizing:border-box;border:none;outline:none;border-radius:inherit}.search-box-component-container .search-box .input-component label{display:none}.search-box-component-container .search-box div{height:100%;width:13%;min-width:20px;display:flex;justify-content:center;align-items:center;box-sizing:border-box;border-radius:inherit;cursor:pointer}.search-box-component-container form .results-overview-container{display:none;flex-direction:column;justify-content:center;position:absolute;background-color:#fff;font-size:.8rem;width:52%;border-radius:5px;margin:0;padding:0}.search-box-component-container form .results-overview-container a{text-decoration:none}.search-box-component-container form .results-overview-container li{color:#666;border-bottom:1px solid #dbdbdb;list-style-type:none;padding:2px 10px;text-align:start;cursor:pointer}.search-box-component-container form .results-overview-container li:hover{color:#000}.search-box-component-container form:focus-within .results-overview-container{display:flex}@media (min-width:600px){.search-box-component-container form .results-overview-container{width:26.2%}}.toolbar{display:flex;flex-direction:row;justify-content:space-between;width:100%;height:45px;background-color:#f05742;border-bottom:15px solid #ce4937;font-size:13px;position:fixed;top:0;left:0;color:#fff}.toolbar .logo-container,.toolbar nav{display:none}.toolbar .menu-button-container{display:block;width:60px;height:100%}.toolbar .search-box-container{width:60%;align-self:center;margin-right:40px}@media (min-width:600px){.toolbar{display:flex}.toolbar .logo-container{display:block;width:13%}.toolbar .menu-button-container{display:none}.toolbar nav{display:flex}.toolbar .search-box-container{width:30%;align-self:center;margin:0}}@media (min-width:980px){.toolbar .logo-container{width:9.5%}.toolbar .search-box-container{width:25%}}.side-drawer{position:fixed;width:280px;max-width:70%;height:100%;left:0;top:0;z-index:20;background-color:#ce4937;padding:20px;box-sizing:border-box;transition:transform .3s ease-out}.side-drawer nav{margin-top:32px}.side-drawer .logo-container{width:50%;margin:auto}.open{transform:translateX(0)}.close{transform:translateX(-200%)}@media (min-width:600px){.side-drawer{display:none}}.homepage .buying-list{display:flex;flex-direction:column;align-items:center;margin:0 auto 50px;padding:0;width:90%}.homepage .buying-list h2{margin-top:0}.homepage .buying-list a{text-decoration:none;width:100%}@media (min-width:600px){.homepage .buying-list{width:80%}}@media (min-width:980px){.homepage .buying-list{width:65%}}.jumbotron{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;width:100%;height:400px;color:#fff;text-align:center;background:url(/static/media/cart-icon.1fdc0147.svg) no-repeat 100% 0,linear-gradient(180deg,#ce4937,#ff8170);font-size:27px}.jumbotron h1{-webkit-text-stroke:1.5px #000;text-shadow:2.5px 1px 5px #000}.jumbotron .search-box-container{display:none;width:30%}@media (min-width:600px){.jumbotron .search-box-container{display:block}}.product-on-buying-list{display:flex;justify-content:space-around;align-items:center;color:#000;text-decoration:none;width:90%;border:1px solid #ccc;box-shadow:1px 1px 0 #ccc;box-sizing:border-box}.product-on-buying-list h4{cursor:pointer}.product-on-buying-list p{font-size:.9rem}.cart-container-component{width:100%;display:flex;flex-direction:column;align-items:center}.cart-container-component .cart-list{display:flex;flex-direction:column;align-items:center;margin:20px;height:70%;width:90%}@media (min-width:600px){.cart-container-component .cart-list{width:80%}}@media (min-width:980px){.cart-container-component .cart-list{width:65%}}.product-on-cart-list{display:flex;flex-direction:column;width:90%;border:1px solid #ccc;box-shadow:1px 1px 0 #ccc;box-sizing:border-box;font-size:.9rem}.product-on-cart-list span.remove{align-self:flex-end;font-size:.8rem;color:#fff;background-color:#ce4937;padding:2px;cursor:pointer}.product-on-cart-list span.remove:hover{font-weight:700}.product-on-cart-list>div{display:flex;justify-content:space-between;padding:0 15px}.product-on-cart-list>div h4{margin-top:0;font-size:1rem}.product-on-cart-list>div .quantity-controller{display:flex;flex-direction:row;align-self:center;width:90px;margin-right:20px}.product-page{display:flex;flex-direction:column;justify-content:space-between;margin:100px auto;padding:0 20px 20px;width:85%;border:1px solid #ccc;box-shadow:3px 3px 0 #ccc}.product-page h1{align-self:center;text-align:center}.product-page div.spans{display:flex;justify-content:space-between;margin:0 0 20px}.product-page div.spans span{color:#666;font-size:.9rem}.product-page div.description{border:1px solid #ccc;box-shadow:1px 1px 0 #ccc;padding:10px}.product-page div.button-container{align-self:center}@media (min-width:600px){.product-page{width:60%}}@media (min-width:980px){.product-page{width:50%}}.manage-product-container{width:100%;display:flex;flex-direction:column;align-items:center}.manage-product-container form{display:flex;flex-direction:column;align-items:center;width:85%}.manage-product-container form label{display:none}.manage-product-container .manage-products-list{display:flex;flex-direction:column;align-items:center;margin:20px auto;height:70%;width:80%;overflow-y:scroll;flex-basis:420px}@media (min-width:600px){.manage-product-container .manage-products-list,.manage-product-container form{width:60%}}@media (min-width:980px){.manage-product-container .manage-products-list,.manage-product-container form{width:50%}}.product-on-manage-list{flex-direction:column;width:90%;border:1px solid #ccc;box-shadow:1px 1px 0 #ccc;box-sizing:border-box;padding:10px}.product-on-manage-list,.product-on-manage-list>div{display:flex;justify-content:space-between}.product-on-manage-list>div h4{margin:10px 0}.product-on-manage-list p{font-size:.9rem;margin:5px 0}.product-on-manage-list span{font-size:.8rem;margin-top:20px;color:red;width:150px}.product-on-manage-list span:hover{text-decoration:underline;cursor:pointer}.add-products-container{display:flex;flex-direction:column;align-items:center}.add-products-container p{color:#666}.add-products-container form{display:flex;flex-direction:column;align-items:center;width:85%}.add-products-container form .category-section{width:100%;display:flex;align-items:center}.add-products-container form .category-section .input-component{width:70%}.add-products-container form .category-section span{font-size:.8rem;margin:22px 0 0;width:30%;color:#00f;cursor:pointer}@media (min-width:600px){.add-products-container form{width:60%}}@media (min-width:980px){.add-products-container form{width:50%}}body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:"Open Sans",sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}
/*# sourceMappingURL=main.98d7a3de.chunk.css.map */