.no-underline{text-decoration:none}.article-list{overflow:auto;height:100%}.article-container{display:flex;gap:20px;align-items:center}.article-thumbnail{flex-shrink:0}.thumbnail-image{border-radius:8px;object-fit:cover}.article-info{display:flex;flex-direction:column;justify-content:center}.article-title{font-size:1.2rem;color:#666;font-weight:700;margin-bottom:5px}.article-description{font-size:.95rem;color:#000;line-height:1.5;word-wrap:break-word;overflow:hidden}.article-container:hover{background-color:#f7f7f7}.article-container{position:relative}.hover-text{top:50%;left:50%;transform:translate(-50%,-50%)}.hover-text,.hover-text-category{z-index:1000;height:max-content;max-height:200px;overflow:hidden;position:absolute;width:100%;color:#000;background-color:#fff;padding:10px;font-size:14px;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.hover-text-category{top:100%;left:0}.article-item:hover{height:100%!important}.article-container:hover .hover-text,.hover-category:hover .hover-text-category{opacity:1;visibility:visible}.category-item:hover{background-color:#e0e0e0;color:#000;transition:all .3s ease;width:100%}.category-item{display:inline-block;white-space:nowrap;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease;text-align:center;height:max-content}.category-item:hover{display:flex;align-items:center;justify-self:center;transform:translateY(-5px);box-shadow:0 8px 16px rgba(0,0,0,.15);border-color:#d1d1d1}.category-link{display:flex;align-items:center;justify-content:space-between;text-decoration:none;color:inherit;width:100%}.p-dropdown-items{padding:0!important}.category-image{width:80px;height:80px;border-radius:50%;object-fit:cover;border:2px solid #f0f0f0;transition:border .3s ease,transform .3s ease}.category-item:hover .category-image{transform:scale(1.1);border-color:silver}.category-content{width:100%}.category-name{font-size:1.2rem;font-weight:700;color:#333;margin-bottom:8px;transition:color .3s ease}.category-item:hover .category-name{color:#007bff}.category-description{font-size:1rem;color:#666;line-height:1.5;margin:0}.list-filter-container{height:10%}.container-category-article{height:100%}@media (max-width:768px){.container-category-article{height:max-content}.list-category-article{height:max-content!important}.set-overflow-list-article{overflow:auto}.article-item{height:max-content!important}.list-filter-container{height:max-content}.list-filter-styles>.p-icon-field{width:50%}.list-filter-styles{flex-wrap:wrap}.category-item{padding:15px}.category-image{width:60px;height:60px}.category-name{font-size:1rem}.category-description{font-size:.9rem}}