#app{max-width:1280px;margin:0 auto;padding:2rem;font-weight:400}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}@media (hover: hover){a:hover{background-color:#00bd7e33}}@media (min-width: 1024px){body{display:flex;place-items:center}#app{display:grid;grid-template-columns:1fr 1fr;padding:0 2rem}}header[data-v-43361130]{background-color:var(--primary-1)}header a[data-v-43361130]{color:var(--text-primary-color)}header a img[data-v-43361130]{width:40px;margin-right:10px}header a .logo[data-v-43361130]{font-weight:700;font-size:20px}footer[data-v-3ab3c0c6]{background-color:var(--gray-3);color:var(--text-primary-color)}.product[data-v-ae432d2e]{background-color:azure;border:var(--border);border-radius:var(--border-radius)}.product-image[data-v-ae432d2e]{border-top-right-radius:var(--border-radius);border-top-left-radius:var(--border-radius);height:300px;background-size:cover;background-position:center}.grid[data-v-bb7041ec]{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-auto-rows:300px;gap:30px}.category[data-v-530b2969]{font-size:14px;line-height:20px;cursor:pointer}.category[data-v-530b2969]:hover{text-decoration:underline}.selected[data-v-530b2969]{font-weight:700}.shop-filter[data-v-99970553]{flex:0 0 200px}.product[data-v-47f65d21]{border:var(--border);border-radius:var(--border-radius);background-color:var(--gray-1)}:root{--primary-1: #25CCF7;--primary-2: #1B9CFC;--danger-1: #e55039;--danger-2: #eb2f06;--success-1: #26de81;--success-2: #20bf6b;--gray-1: #d1d8e0;--gray-2: #a5b1c2;--gray-3: #34495e;--text-color: #444;--text-primary-color: #ffff;--border:1px solid var(--gray-2);--border-radius: 6px;--font-family: "Roboto", sans-serif}*{box-sizing:border-box}h1,h2,h3,h4{margin:0}ul{list-style:none;padding:0}img{max-width:100%}a{color:var(--text-color);text-decoration:none}body{min-height:100vh;width:100%;padding:0;margin:0;color:var(--text-color);background-color:var(--gray-1);font-family:var(--font-family);overflow-x:hidden;max-width:none}.d-flex{display:flex}.flex-row{flex-direction:row}.flex-column{flex-direction:column}.justify-content-center{justify-content:center}.align-items-center{align-items:center}.flex-fill{flex:1 1 auto}.p-10{padding:10px}.p-20{padding:20px}.p-30{padding:30px}.px-20{padding-left:20px;padding-right:20px}.m-10{margin:10px}.m-20{margin:20px}.m-30{margin:30px}.mb-5{margin-bottom:5px}.mb-10{margin-bottom:10px}.mb-20{margin-bottom:20px}.mr-10{margin-right:10px}.mr-20{margin-right:20px}.btn{padding:8px 15px;border:0;border-radius:var(--border-radius);cursor:pointer;font-weight:500;transition:background-color .2s}.btn-primary{background-color:var(--primary-1);color:var(--text-primary-color)}.btn-primary:hover{background-color:var(--primary-2)}.btn-danger{background-color:var(--danger-1);color:var(--text-primary-color);padding:5px 0;font-size:14px;border-radius:var(--border-radius)}.btn-danger:hover{background-color:var(--danger-2)}.btn-success{background-color:var(--success-1);color:var(--text-primary-color);padding:5px 0;font-size:14px;border-radius:var(--border-radius)}.btn-success:hover{background-color:var(--success-2)}input{border:var(--border);border-radius:var(--border-radius);padding:8px 15px}@media (min-width: 1024px){#app{display:grid;grid-template-columns:1fr;padding:0}}.b1{background-color:red}.b2{background-color:#00f}.b3{background-color:#ff0}.b4{background-color:green}.b5{background-color:purple}.app-container{min-height:100vh;width:100%;display:grid;grid-template-areas:"header header" "shop cart" "footer footer";grid-template-columns:75% 25%;grid-template-rows:48px auto 48px}.gridEmpty{grid-template-areas:"header" "shop" "footer";grid-template-columns:100%}.header{grid-area:header}.shop{grid-area:shop}.cart{grid-area:cart;border-left:var(--border);background-color:azure}.footer{grid-area:footer}