.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:2rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,450px),1fr));margin:0;padding:0;position:relative}.blog-listing__post{display:grid;gap:1.5rem;grid-template-areas:"image content";grid-template-columns:110px 1fr}@container container-list (width <= 450px){.blog-listing__post{grid-template-areas:"content";grid-template-columns:100%}}.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-image{aspect-ratio:1/1;border-radius:.5rem;grid-area:image;height:auto;margin:0;overflow:hidden;position:relative;width:110px;z-index:1}@container container-list (width <= 450px){.blog-listing__post-image{display:none}}.blog-listing__post-image img{height:100%;inset:0;object-fit:cover;position:absolute;transition:.25s;width:100%}.blog-listing__post-content{border-bottom:1px solid rgba(var(--primary-rgb),.3);display:flex;flex-direction:column;gap:.5rem;grid-area:content;padding:0 0 1.5rem;position:relative}.blog-listing__post-content:after{border-bottom:1px solid var(--primary-color,gray);bottom:0;content:"";left:0;position:absolute;transition:.25s;width:0}.blog-listing__post-title{color:var(--text-color,#000);display:-webkit-box;font-size:var(--text-h5,1.25rem);font-weight:600;letter-spacing:-.5px;line-height:1.25;line-clamp:2;-webkit-line-clamp:2;box-orient:vertical;-webkit-box-orient:vertical;margin:0;overflow:hidden;text-wrap:pretty}.blog-listing__post-title>a{color:inherit;font-weight:inherit!important}.blog-listing__post-title>a:hover{color:var(--primary-color,gray)}.blog-listing__post-description{color:var(--text-color,#000);font-size:var(--text-body,1rem);line-height:1.5;margin:0}.blog-listing__post-footer{gap:1rem;margin-top:.5rem}.blog-listing__post-footer,.blog-listing__post-footer-content{align-items:center;container-type:inline-size;display:flex;justify-content:start}.blog-listing__post-footer-content{flex:1;flex-wrap:wrap;gap:.5rem 1rem}.blog-listing__post-footer-divider{border:unset;border-left:1px solid var(--border-color,gray);height:1.5rem;margin:0;width:0}.blog-listing__post-author{font-size:1rem;font-weight:600!important}.blog-listing__post-author:hover{color:var(--primary-color,grey)!important}.blog-listing__post-date{display:inline-flex;font-size:var(--text-body,1rem);font-weight:600;text-transform:uppercase;width:fit-content}.blog-listing__post-tags{align-items:center;display:flex;gap:.5rem;width:min(100%,150px)}.blog-listing__post-tags-list{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;overflow:hidden}.blog-listing__post-tags-list>a{color:inherit;display:inline-block;font-size:var(--text-body,1rem);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.blog-listing__post-tags-list>a:hover{color:var(--primary-color,gray)}.blog-listing__post-tags .dropdown__button{align-items:center;background:rgba(var(--primary-rgb),.1);border:unset;border-radius:var(--border-radius-xs,.5rem);color:var(--primary-color,gray);display:flex;justify-content:center;outline:unset;text-align:center;transition:.25s}.blog-listing__post-tags .dropdown__button:hover{background:rgba(var(--primary-rgb),.2)}.blog-listing__post-tags .dropdown__menu{background:#fff;border-radius:var(--border-radius-sm,1rem);box-shadow:0 0 1.25rem 0 rgba(var(--black-rgb),.1);margin:0;margin-block:100%;overflow:hidden;padding:0;position:absolute;right:0;transition:all .3s;width:160px;interpolate-size:allow-keywords;height:0;z-index:2}.blog-listing__post-tags .dropdown__menu.show{height:auto}.blog-listing__post-tags .dropdown__menu-wrapper{max-height:200px;overflow:auto}.blog-listing__post-tags .dropdown__menu ul{display:grid;margin:0;padding:0}.blog-listing__post-tags .dropdown__menu ul>li{border-bottom:1px solid var(--border-color,gray);display:flex;width:100%}.blog-listing__post-tags .dropdown__menu ul>li:last-child{border-bottom:none}.blog-listing__post-tags .dropdown__menu ul>li>a{color:var(--text-color,#000);cursor:pointer;display:flex;font-size:.875rem;font-weight:700;padding:.625em 1em;width:100%}.blog-listing__post-tags .dropdown__menu ul>li>a:hover{background:rgba(var(--primary-rgb),.1);color:var(--primary-color,gray)}.blog-listing__post-button{display:none;margin-top:.5rem}@container container-list (width <= 450px){.blog-listing__post-button{display:flex}}.blog-listing__share{margin-left:auto;position:relative}.blog-listing__share .button{box-shadow:0 0 1rem 0 rgba(var(--black-rgb),.09);color:var(--text-color,#000);font-size:1rem;padding:.625rem}.blog-listing__share .button:hover{box-shadow:0 0 1rem 0 rgba(var(--primary-rgb),.2);color:var(--primary-color,gray)}.blog-listing__share-menu{background:#fff;border-radius:var(--border-radius-sm,1rem);box-shadow:0 0 1.25rem 0 rgba(var(--black-rgb),.1);height:0;margin:0;overflow:hidden;padding:0;right:0;transition:all .3s;width:144px;interpolate-size:allow-keywords;z-index:2}.blog-listing__share-menu.show{height:auto}.blog-listing__share-menu-wrapper{width:100%}.blog-listing__share-menu-title{color:var(--text-color,#000);display:flex;font-size:var(--text-caption,.875rem);font-weight:400;line-height:1.5;margin:0;padding:.625rem 1rem;width:100%}.blog-listing__share-menu-list{display:grid;margin:0;padding:0}.blog-listing__share-menu-list>li{border-bottom:1px solid var(--border-color,gray);display:flex;width:100%}.blog-listing__share-menu-list>li:last-child{border-bottom:none}.blog-listing__share-menu-list>li>a{color:var(--text-color,#000);cursor:pointer;display:flex;font-size:1rem;font-weight:700;padding:.625rem 1rem;width:100%}.blog-listing__share-menu-list>li>a:hover{background:rgba(var(--primary-rgb),.1);color:var(--primary-color,gray)}