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