html{font-size:62.5%;box-sizing:border-box}body{font:1.6rem Helvetica;height:100vh;margin:0}button{font-size:1.6rem}.full-width{width:100%}#root{height:100%}.grid-container{display:grid;grid-template-areas:"header" "main" "footer";grid-template-columns:1fr;grid-template-rows:5rem 1fr 5rem;height:100%}.header{grid-area:header;background-color:#203040;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:.5rem}.brand a{font-size:3rem;font-weight:700}.brand a,.header-links a{color:#fff;text-decoration:none}.header-links a{padding:1rem}.header-links a:hover{color:#ff8000}.main{grid-area:main}.footer{grid-area:footer;background-color:#203040;color:#fff;display:flex;justify-content:center;align-items:center}a{text-decoration:none}a:hover{color:#ff8000}.products{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.products li{list-style-type:none;padding:0;flex:0 1 34rem;margin:1rem;height:50rem;border-bottom:.1rem solid silver}.product{display:flex;flex-direction:column;justify-content:space-between;height:100%}.product-name{font-size:2rem;font-weight:700}.product-brand{font-size:1.2rem;color:grey}.product-price{font-size:2rem;font-weight:700}.product-image{max-width:34rem;max-height:34rem}.product-rating{margin-bottom:1rem}.brand button{font-size:3rem;padding:.5rem;background:none;border:none;color:#fff;cursor:pointer}.sidebar{position:fixed;transition:all .5s;transform:translateX(-30rem);width:30rem;background-color:#f0f0f0;height:100%}.sidebar.open{transform:translateX(0)}.sidebar-close-button{border-radius:50%;border:.1rem solid #000;width:3rem;height:3rem;font-size:2rem;padding:0 .5rem .5rem;cursor:pointer;position:absolute;right:.5rem;top:1.5rem}.details{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;padding:1rem}.details-image{flex:2 1 60rem}.details-image img{max-width:60rem;width:100%}.details-action,.details-info{flex:1 1 30rem}.details-action ul,.details-info ul{list-style-type:none;padding:0}.details-action li,.details-info li{margin-bottom:1rem}.back-to-result{padding:1rem}.details-action{border:.1rem solid grey;border-radius:.5rem;background-color:#f8f8f8;padding:1rem}.details-action ul li:last-child{display:flex;flex-direction:column}.button{padding:1rem;border:.1rem solid grey;border-radius:.5rem;cursor:pointer}.button:hover{border:.1rem solid #404040}.button.primary{background-color:#f0c040}.button.secondary{background-color:#f0f0f0}.text-center{text-align:center}.cart{display:flex;flex-wrap:wrap;margin:1rem;align-items:flex-start}.cart-list{flex:3 1 60rem}.cart-action{flex:1 1 20rem;background-color:#f0f0f0;border-radius:.5rem;padding:1rem}.cart-list-container{list-style-type:none;padding:1rem}.cart-list-container li{display:flex;justify-content:space-between;padding-bottom:1rem;margin-bottom:1rem;border-bottom:.1rem solid silver}.cart-list-container li img{max-width:10rem;max-height:10rem}.cart-list-container li:first-child{display:flex;justify-content:space-between;align-items:flex-end}.cart-image{flex:1 1}.cart-name{flex:8 1}.cart-price{flex:1 1;font-size:2.5rem;text-align:right}.form{display:flex;justify-content:center;align-items:center;height:100%}.form-container{display:flex;flex-direction:column;width:32rem;padding:2rem;border:.1rem solid silver;border-radius:.5rem;list-style-type:none}.form-container li{display:flex;flex-direction:column;margin-bottom:1rem;margin-top:1rem}input{padding:1rem;border:.1rem solid silver;border-radius:.5rem}.product-header{display:flex;justify-content:space-between;align-items:flex-start}.content-margined{margin:1rem}.table{width:100%}th{text-align:left}tbody>tr:nth-child(odd){background-color:#f0f0f0}.checkout-steps{display:flex;justify-content:space-between;width:40rem;margin:1rem auto}.checkout-steps>div{border-top:.3rem solid silver;color:silver;flex:1 1;padding-top:1rem}.checkout-steps>div.active{border-top:.3rem solid #f08000;color:#f08000}.placeorder{display:flex;flex-wrap:wrap;padding:1rem;justify-content:space-between}.placeorder-info{flex:3 1 60rem}.placeorder-action{flex:1 1 20rem}.placeorder-action,.placeorder-info>div{border:.1rem solid silver;border-radius:.5rem;background-color:#fcfcfc;padding:1rem}.placeorder-info>div{margin:1rem}.placeorder-info>div:first-child{margin-top:0}.placeorder-action>ul{padding:0;list-style-type:none}.placeorder-action>ul>li{display:flex;justify-content:space-between;margin-bottom:1rem}.placeorder-action>ul>li:last-child{font-size:2rem;font-weight:700;color:#c04000}.placeorder-actions-payment>div{width:100%}.profile{display:flex;flex-wrap:wrap}.profile-info{flex:1 1 30rem}.profile-orders{flex:3 1 60rem}.dropdown{display:inline-block;position:relative}.dropdown-content{position:absolute;display:none;right:0;padding:1rem;list-style-type:none;z-index:1;background-color:#203040;margin:.4rem 0 0}.dropdown:hover .dropdown-content{display:block;z-index:999}.filter{display:flex;list-style-type:none;padding:0;margin:1rem auto;max-width:45rem;justify-content:space-between;align-items:center}.filter button,.filter input,.filter select{padding:1rem;border-radius:.5rem;border:.1rem solid silver;font-size:1.6rem}.categories{padding:0;list-style-type:none}.categories a{display:flex;padding:1rem}.categories a:hover{background-color:silver}ul.review{list-style-type:none;padding:0}.review li{margin:1rem 1rem 2rem}.review li>div{margin:.5rem}.rating span{color:#ffb901;font-size:1.8rem;margin:.1rem}.rating span:last-child{color:#444;font-size:1.4rem}a>.rating>span:last-child{color:#00f}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.381353a8.chunk.css.map */