.product[data-v-a571a7a0]{border:1px solid black;display:grid;grid-template-columns:auto;flex-flow:column;align-items:center}.product>.name[data-v-a571a7a0]{font-size:x-large;flex:1;margin:auto}.product>.price[data-v-a571a7a0]{flex:0;margin:auto}.varmmat[data-v-a571a7a0]{background-color:#a69ad5}.mat[data-v-a571a7a0]{background-color:#b8d8ba}.dryck[data-v-a571a7a0]{background-color:#6ea4bf}.godis[data-v-a571a7a0]{background-color:#fcddbc}.loppis[data-v-a571a7a0]{background-color:#ef959d}.checkout[data-v-f121af43]{background:#e0eef5;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid black}.checkout>div[data-v-f121af43]{display:flex;align-items:center}.clear[data-v-f121af43]{font-size:xx-large;font-weight:700;width:30vh;height:20vh}.totalprice[data-v-f121af43]{font-family:Courier;font-size:xx-large;font-weight:800;text-align:center}.tally[data-v-6934ebc4]{display:flex;flex-flow:column}.tally>div[data-v-6934ebc4]{flex:1}.basket[data-v-6934ebc4]{overflow-y:scroll;--scrollbar-width: 8px;--mask-height: 5rem;padding-bottom:var(--mask-height);padding-right:var(--scrollbar-width);-webkit-mask-image:linear-gradient(to bottom,black var(--mask-height),black calc(100% - var(--mask-height)),transparent);mask-image:linear-gradient(to bottom,black var(--mask-height),black calc(100% - var(--mask-height)),transparent);-webkit-mask-size:calc(100% - var(--scrollbar-width)) 100%;mask-size:calc(100% - var(--scrollbar-width)) 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.line[data-v-6934ebc4]{display:grid;grid-template-columns:1fr .5fr 1fr 1fr 1fr;font-size:large}.line>div[data-v-6934ebc4]{flex:auto}.line>.modify[data-v-6934ebc4]{display:grid;grid-template-columns:repeat(3,1fr)}.qty[data-v-6934ebc4]{font-family:courier;text-align:right;margin-right:.5rem}.header[data-v-6934ebc4]{text-align:center;font-size:large;font-weight:700;border:1px solid black}button[data-v-6934ebc4]{height:8vh;width:8vh;font-size:xx-large;font-weight:800}html{height:100%;margin:0}body{font-family:sans-serif;height:100%;margin:0}#app{height:100%;display:flex}.listing{flex:3;height:100%;display:grid;grid-template-columns:auto auto}.listing>div{flex:1 1}.tally{flex:4;height:100%}.price{font-family:Courier;font-weight:800}