@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";.card-wrapper{width:350px;padding:20px;background-color:#fff;border-radius:10px}.card-img-wrapper{width:100%;height:200px;border-radius:7px;display:flex;justify-content:center;align-items:center}.card-img{width:auto;height:100%}.card-title-wrapper{display:flex;justify-content:space-between;align-items:center;padding:10px 0}.card-title{font-size:1.5rem}.card-price{color:green}.card-footer{display:flex;gap:10px;width:100%;justify-content:flex-end;margin-top:10px}.card-footer-item{width:100%;display:flex;align-items:space-between;justify-content:space-between}.card-id{display:flex;gap:10px}.card-id div:nth-child(2){color:red}.card-stock{display:flex;gap:10px}.card-stock div:nth-child(2){color:green}.products-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;padding-bottom:200px}.products-title{color:#fff;font-size:1.5rem;padding:20px}.products-container{display:flex;gap:20px;flex-wrap:wrap;max-width:1200px;justify-content:center}.products-no-product{background-color:#fff;padding:20px;border-radius:10px;font-size:1.125rem;font-weight:700}.button-wrapper{font-size:20px;font-weight:600;color:#fff;background-color:#fff;padding:10px 20px;border-radius:5px;cursor:pointer;border:1px solid rgba(0,0,0,.2);color:#000;box-shadow:0 0 2px #0003}.button-wrapper:hover,.button-wrapper.active{background-color:#000;color:#fff;transition:ease-in-out .3s}.sizes-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center}.sizes-title{color:#fff;font-size:1.5rem;padding:20px}.sizes-container{display:flex;gap:10px;justify-content:center}.topbar-wrapper{flex:1 1 auto;border-bottom:1.5px solid rgba(0,0,0,.2);padding:20px;background:#000;display:flex;color:#fff;justify-content:space-between;align-items:center}.topbar-logo{height:60px;width:60px;border-radius:100%;border:2px solid #fff;display:flex;justify-content:center;align-items:center;color:#100a3e;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transform:rotate(-45deg);font-size:20px;font-weight:700;color:#fff}.topbar-title{font-size:1.5rem;text-align:right}html,body{padding:0;margin:0;font-family:Poppins;height:100vh;width:100vw;background:#3d3f69d6;overflow:hidden auto}.wrapper{display:flex;justify-content:space-around;flex-direction:column}