@import"//fonts.googleapis.com/css?family=Work+Sans:300,400,600";.item{background-color:#fff;border-radius:2px;box-shadow:2px 2px 4px #d1d1d1;display:inline-block;margin:0 0 1rem;padding:1rem;position:relative;width:100%}.item-image{background-color:#e9e9e9}.item-image img{border-radius:2px;display:block;height:auto;transition:opacity 1.2s ease;width:100%}.item-title{font-size:.85rem;margin:.5rem .25rem;word-wrap:break-word}.item-price{color:#3c763d;display:inline-block;font-size:1.2rem;font-weight:600;margin:.5rem .25rem 0;line-height:1}.item-quantity{border-radius:2px;bottom:1rem;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .5rem;position:absolute;right:1rem}[class^=level-]{color:#fff}.level-low{background-color:#a94442}.level-medium{background-color:#8a6d3b}.level-high{background-color:#3c763d}.item-list{column-gap:1rem;margin:1rem 0 0;padding:0;opacity:1;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}@media only screen and (min-width: 480px){.item-list{column-count:2}}@media only screen and (min-width: 700px){.item-list{column-count:3}}@media only screen and (min-width: 900px){.item-list{column-count:4}}@media only screen and (min-width: 1200px){.item-list{column-count:5}}html,body{background:#e9e9e9;color:#333;font-family:Work Sans,sans-serif;line-height:1.4;height:100%;width:100%}*,:before,:after{box-sizing:border-box}