.blog-listing{position:relative;width:100%;z-index:1}.blog-listing__title{color:inherit;font-weight:400;margin:0;padding-bottom:.5em;text-align:center}.blog-listing__title-wrapper{margin-bottom:3rem;position:relative}.blog-listing__title-separator{background:var(--primary-color,#000);border:none;border-radius:1rem;bottom:0;display:block;height:.3125rem;left:50%;margin:0;position:absolute;translate:-50% 0;width:3rem}.blog-listing__title b,.blog-listing__title strong{font-weight:700}.blog-listing__title label{display:block;font-size:1rem;opacity:.5}.blog-listing__list{container-name:container-list;container-type:inline-size;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));margin:0;padding:0;position:relative}.blog-listing__post{background-color:var(--white-color,#fff);border-radius:var(--border-radius-sm);display:grid;gap:0;grid-template-areas:"image" "content";grid-template-columns:1fr;grid-template-rows:auto 1fr;overflow:hidden;transition:.25s var(--ease-in-sine)}.blog-listing__post:hover{background-color:var(--primary-color,#000);color:#fff}.blog-listing__post:hover .blog-listing__post-image img{scale:1.1}.blog-listing__post:hover .blog-listing__post-content:after{width:100%}.blog-listing__post:hover .blog-listing__post-content .blog-listing__post-tags a{color:inherit}.blog-listing__post:hover .blog-listing__post-content .blog-listing__post-tags .tags-tooltip .tags-tooltip__button{background:rgba(var(--white-rgb),.1);color:var(--white-color,#fff)}.blog-listing__post:hover .blog-listing__post-content .blog-listing__post-title{color:inherit}.blog-listing__post:hover .blog-listing__post-content .blog-listing__post-author{color:inherit!important}.blog-listing__post:hover .blog-listing__post-content .blog-listing__post-date{color:inherit}.blog-listing__post:hover .blog-listing__post-content .blog-listing__post-button{background-color:var(--accent-color,#fff);border-color:var(--accent-color,#fff)}.blog-listing__post-image{aspect-ratio:1.5/1;grid-area:image;height:auto;margin:0;overflow:hidden;position:relative;width:100%;z-index:1}.blog-listing__post-image img{height:100%;inset:0;object-fit:cover;position:absolute;transition:.25s;width:100%}.blog-listing__post-content{display:flex;flex-direction:column;gap:.5rem;grid-area:content;padding:1.5rem;position:relative;z-index:1}.blog-listing__post-tags{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.blog-listing__post-tags>a{color:var(--text-color,gray);font-size:.75rem;font-weight:600;text-transform:uppercase}.blog-listing__post-tags>a:focus,.blog-listing__post-tags>a:hover{color:var(--primary-hover);font-weight:600}.blog-listing__post-tags .tags-tooltip{opacity:0;transition:.25s;translate:-100% 0;visibility:hidden}.blog-listing__post-tags:hover .tags-tooltip{opacity:1;translate:0 0;visibility:visible}.blog-listing__post-title{color:var(--secondary-color,#000);font-size:var(--text-h5,1.25rem);line-height:1.5;margin:0;width:100%}.blog-listing__post-title>a{color:inherit;font-size:inherit;font-weight:inherit}.blog-listing__post-title>a:hover{color:inherit}.blog-listing__post-description{font-size:1rem}.blog-listing__post-footer{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-top:auto;width:100%}.blog-listing__post-meta{display:grid;gap:.25rem .75rem;grid-template-areas:"avatar author" "avatar date";grid-template-columns:2rem 1fr}.blog-listing__post-avatar{border-radius:50%;display:block;grid-area:avatar;height:2rem;object-fit:cover;width:2rem}.blog-listing__post-author{color:var(--text-color)!important;font-size:.75rem;font-weight:700!important;grid-area:author}.blog-listing__post-date{font-size:.75rem;grid-area:date;opacity:.75}.blog-listing__post-button{background-color:#d3d3d3;border-color:#d3d3d3;color:#fff;rotate:45deg}.tags-tooltip{position:relative}.tags-tooltip__button{align-items:center;background:rgba(var(--primary-rgb),.1);border:none;border-radius:50%;color:var(--primary-color,#000);display:flex;font-size:.75rem;font-weight:500;height:1.5rem;justify-content:center;transition:.25s;width:1.5rem}.tags-tooltip__list{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:rgba(var(--black-rgb),.6);border-radius:1rem 1rem 1rem 0;bottom:100%;color:#fff;left:100%;line-height:1.3;max-width:max-content;opacity:0;padding:.5rem 1rem;position:absolute;transition:.25s;translate:-50% 0;visibility:hidden;width:min(50vw,200px)}.tags-tooltip__list:after{content:"";display:block;height:1.5rem;left:0;position:absolute;top:100%;width:100%}.tags-tooltip__list>a{color:var(--white-color,#fff);font-size:.75rem}.tags-tooltip__list>a:hover{color:var(--white-color,gray);font-weight:600}.tags-tooltip:hover .tags-tooltip__button{border-top-right-radius:0}.tags-tooltip:hover .tags-tooltip__list{opacity:1;translate:0 0;visibility:visible}