.category-list{margin:0 auto}
.cmp-category-list{margin:1.25rem 0}
.cmp-category-list-group{display:flex;flex-direction:column;gap:2rem}
.category-list-item{display:flex;align-items:center;gap:1rem;padding:1.5rem 1.5rem;background:#f8f8f8;border:1px solid #e8e8e8;border-radius:.75rem;text-decoration:none;color:inherit;transition:background-color .15s ease,box-shadow .15s ease}
.category-list-item:hover{background:#f3f3f3;box-shadow:0 2px 8px rgba(0,0,0,0.06)}
.category-list-item:focus-visible{outline:2px solid #4a6cf7;outline-offset:2px}
.category-list-item-icon{flex-shrink:0;width:3rem;height:3rem;border-radius:.625rem;background:#f0f0f0;display:flex;align-items:center;justify-content:center;overflow:hidden}
.category-list-item-icon img{width:100%;height:100%;object-fit:cover;border-radius:.625rem}
.category-list-item-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:.125rem}
.category-list-item-title{font-size:1.5rem;font-weight:700;color:#2c2c2c;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.category-list-item-description{font-size:1.125rem;font-weight:400;color:#2c2c2c;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.category-list-item-chevron{flex-shrink:0;display:flex;align-items:center;color:#292929;transition:color .15s ease}
.category-list-item:hover .category-list-item-chevron{color:#292929}
@media(max-width:768px){.category-list-item{padding:1rem 1.125rem;gap:.75rem}
.category-list-item-icon{width:2.5rem;height:2.5rem;border-radius:.5rem}
.category-list-item-icon img{border-radius:.5rem}
.category-list-item-title{font-size:.9375rem}
.category-list-item-description{font-size:.8125rem}
}
@media(max-width:480px){.cmp-category-list-group{gap:.5rem}
.category-list-item{padding:.875rem 1rem;border-radius:.625rem}
.category-list-item-title{white-space:normal}
.category-list-item-description{white-space:normal}
}