.skin-category-browser { padding:var(--skin-top) 0 var(--skin-bottom); }.skin-category-browser h2 { margin-top:0; }.skin-category-browser__grid { display:grid; grid-template-columns:repeat(var(--category-columns),minmax(0,1fr)); gap:var(--category-gap); list-style:none; padding:0; margin:28px 0 0; }.skin-category-browser__grid>li { min-width:0; }.skin-category-browser__panel { display:block; color:inherit; text-decoration:none; }.skin-category-browser__media { position:relative; aspect-ratio:var(--category-ratio); }.skin-category-browser__media img,.skin-category-browser__media svg { position:absolute; height:100%; width:100%; object-fit:cover; object-position:var(--category-focus); }.skin-category-browser h3 { font-size:2rem; margin:16px 0 8px; }.skin-category-browser p { margin:0; }@media(max-width:749px){.skin-category-browser { padding:calc(var(--skin-top)*.75) 0 calc(var(--skin-bottom)*.75); }.skin-category-browser__grid { grid-template-columns:repeat(var(--category-mobile-columns),minmax(0,1fr)); gap:16px; }.skin-category-browser__media img { object-position:var(--category-mobile-focus); }.skin-category-browser__grid[data-swipe="true"] { display:flex; overflow-x:auto; scroll-snap-type:x proximity; padding-bottom:12px; }.skin-category-browser__grid[data-swipe="true"]>li { flex:0 0 78%; scroll-snap-align:start; }}