body{color:#444;font-family:arial,sans-serif;padding:0;max-width:600px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:15px}.categories{display:flex;justify-content:center;text-align:center;margin-bottom:1em}.category{display:block;margin:10px 5px}.category__icon{display:flex;align-items:center;justify-content:center;border-radius:12px;width:44px;height:44px;background:#f0f0f0;padding:10px;margin-bottom:.5em}.category--active .category__icon{background:#fff;box-shadow:0 0 15px #ccc}.products{display:flex;flex-wrap:wrap}.productDetail{transition-duration:.5s;background:#fff;position:fixed;top:100vh;left:0;right:0;bottom:0}.productDetail--show{transition-duration:.5s;top:0}.productDetail__content{background:#fff;overflow:auto;display:flex;flex-direction:column;height:100vh;max-width:600px;margin:auto}.productDetail__content article{position:relative}.productDetail__header{display:flex;flex-grow:1;overflow:hidden}.productDetail__section{padding:15px}.productDetail__image{height:50vh;position:relative;left:15%;scale:1.1}.productDetail__back{border:none;width:50px;height:50px;position:absolute;left:15px;top:50%;background:#fff;box-shadow:0 4px 40px rgba(138,149,158,.5);border-radius:12px;z-index:2}.productDetail__price-and-qty{display:flex}.productDetail__price{font-size:30px;flex-grow:1}.productDetail__qty button,.productDetail__qty span{border:none;width:30px;height:30px}.productDetail__value{font-weight:400;font-size:18px;line-height:25px;letter-spacing:.05em;color:#303030;margin:0 15px}.productDetail h2{font-size:24px}.productDetail__description{flex-grow:1;font-style:normal;font-weight:300;font-size:16px;line-height:25px;text-align:justify;max-height:30vh;overflow:auto}.productDetail__add-to-cart{border:none;padding:.7em 0;width:100%;color:#fff;font-size:20px;line-height:27px;text-align:center;background:#303030;box-shadow:0 10px 20px rgba(48,48,48,.25);border-radius:8px}.product{flex:1 1 40%;margin-bottom:1.5em;padding:0 15px;max-width:40%}.product h3{margin:0;color:#606060;font-size:14px;font-weight:400;line-height:1.5em;padding:0 10px}.product span.price{color:#303030;font-size:14px;padding:0 10px;font-weight:600}.product img{width:100%}.Cart{position:relative}.Cart__Items{align-items:center;font-size:9px;color:#fff;background:red;justify-content:center;padding:3px 5px;border-radius:100px;border:1px solid #fff;left:15px;top:-5px}.Cart__Items,.Cart__Items--blank{transition-duration:.5s;position:absolute}.Cart__Items--blank{top:-1000px}.CartSection{background:#fff;top:0;bottom:0}.CartSection,.CartSection.CartSection--hide{transition-duration:.5s;position:fixed;left:0;right:0}.CartSection.CartSection--hide{top:150vh;bottom:150vh}.CartSection__content{max-width:600px;margin:auto;height:100vh;display:flex;flex-direction:column}.CartSection__content__header{position:relative;padding:20px 15px}.CartSection__content__header h3{margin:0;text-align:center;width:100%;font-size:1.5em;line-height:23px}.CartSection__content__header button{position:absolute;left:0}.CartSection__content__header svg{position:absolute}.CartSection__content__items{flex-grow:1;overflow:auto;padding:0 15px}.CartSection__content__items ul{margin:0;padding:0}.CartSection__content__items li{display:flex;width:100%;padding:10px 0;border-bottom:1px solid #f0f0f0}.CartSection__content__items__image{width:150px;height:150px;margin-right:15px}.CartSection__content__items__image img{width:100%}.CartSection__content__items__description{flex-grow:1;display:flex;flex-direction:column;position:relative}.CartSection__content__items__description__title{display:flex;flex-grow:1;padding-top:15px}.CartSection__content__items__description h5{color:#606060;font-size:14px;font-weight:400;flex-grow:1;margin:0;font-size:1.1em}.CartSection__content__items__detail{width:100%;display:flex;padding:15px 0;align-items:center;justify-content:center}.CartSection__content__items__detail .CartSection__qty{flex-grow:1}.CartSection__content__items__detail .CartSection__value{font-weight:700;font-size:1em;margin:0 15px}.CartSection__content__items__detail .CartSection__price{font-weight:700;font-size:1em}.CartSection__content__footer{margin:1em 15px;display:flex;flex-direction:column}.CartSection__content__footer td{padding:2.5px 0;font-size:1.2em;font-weight:700}.CartSection__content__footer td:first-child{color:grey}.CartSection__content__footer td:nth-child(2){color:#303030;text-align:right}.CartSection__checkout{color:#fff;text-decoration:none;font-style:normal;font-size:20px;text-align:center;background:#303030;box-shadow:0 10px 20px rgba(48,48,48,.25);padding:.7em 0;border-radius:8px;margin-top:.5em}.productDetail__qty button,.qty-button{line-height:30px;text-align:center;padding:0;border:none;width:30px;height:30px;font-size:20px;background:#e0e0e0;opacity:.4;border-radius:10px}.Loading{font-size:inherit;margin:auto;text-align:center}.Loading-Dot{display:inline;margin-left:.2em;position:relative;opacity:0;animation:showHideDot 2.5s ease-in-out infinite}.Loading-Dot.one{animation-delay:.2s}.Loading-Dot.two{animation-delay:.4s}.Loading-Dot.three{animation-delay:.6s}@keyframes showHideDot{0%{opacity:0}50%{opacity:1}60%{opacity:1}to{opacity:0}}
/*# sourceMappingURL=App.27c00097.css.map */