:root{--color-accent:#cf0551;--desktop-small-width:960px;--desktop-large-width:1280px}ul.apps-list{list-style-type:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));margin:10px;padding:0}ul.apps-horizontal{list-style-type:none;white-space:nowrap;overflow-x:auto;overflow-y:hidden;margin:10px;padding:0}ul.apps-horizontal li.app-item{display:inline-block;vertical-align:top;width:100px}ul.apps-horizontal li.app-item .app-title{white-space:normal}ul.apps-list li.app-item,ul.apps-horizontal li.app-item{text-align:center;margin-top:0;margin-bottom:0}ul.apps-list li.app-item .app-icon,ul.apps-horizontal li.app-item .app-icon{width:80px;height:80px;text-align:center;margin-left:auto;margin-right:auto;margin-top:10px;position:relative}ul.apps-list li.app-item .app-icon img,ul.apps-horizontal li.app-item .app-icon img{width:100%;height:100%;object-fit:contain}ul.apps-list li.app-item .app-icon .non-free,ul.apps-horizontal li.app-item .app-icon .non-free{position:absolute;bottom:5px;right:5px;background-color:white;border-radius:2px;padding:2px;font-size:x-small}ul.apps-list li.app-item .app-title,ul.apps-horizontal li.app-item .app-title{margin-top:5px;padding-bottom:5px}ul.apps-list li.app-item a,ul.apps-horizontal li.app-item a{display:block;height:100%}@media screen and (max-width:320px){ul.apps-list{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));margin:5px}}@media screen and (max-width:480px){ul.apps-list{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));margin:5px}}