.banner-post,.banner-post__container{position:relative;z-index:1}.banner-post__container{align-items:center;display:flex;gap:4rem;margin-inline:auto;width:min(100%,var(--container-width))}@media (width <= 992px){.banner-post__container{flex-wrap:wrap}}.banner-post__post{align-items:center;container-name:container-post;container-type:inline-size;display:grid;flex:100%;gap:2rem;grid-template-areas:"image body";grid-template-columns:.6fr .4fr;position:relative;transition:.25s}@media (width <= 767px){.banner-post__post{grid-template-areas:"image" "body";grid-template-columns:1fr}}.banner-post__post-image{align-self:stretch;background:var(--light-color);border-radius:var(--border-radius-md);margin:0;overflow:hidden;position:relative}@media (width <= 767px){.banner-post__post-image{aspect-ratio:2/1}}.banner-post__post-image img{display:block;height:100%;inset:0;object-fit:cover;position:absolute;transition:.25s;width:100%}.banner-post__post-body{display:flex;flex-direction:column;gap:1.25rem}.banner-post__post-tags{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;position:relative;width:100%}.banner-post__post-tags>a{color:var(--text-color,gray);font-size:.75rem;font-weight:600;text-transform:uppercase}.banner-post__post-tags>a:hover{color:var(--primary-hover,gray);font-weight:600}.banner-post__post-title{color:var(--secondary-color,#000);font-size:var(--text-h4,1.5rem);font-weight:600;line-height:1.25;margin:0;width:100%}.banner-post__post-title a{color:inherit!important;font-weight:inherit}.banner-post__post-footer{display:flex;gap:1.5rem;justify-content:space-between;margin-top:auto}@container container-post (width <= 575px){.banner-post__post-footer{flex-wrap:wrap}}.banner-post__post-meta{display:grid;gap:.25rem .75rem;grid-template-areas:"avatar author" "avatar date";grid-template-columns:2rem 1fr}.banner-post__post-avatar{border-radius:50%;display:block;grid-area:avatar;height:2rem;object-fit:cover;width:2rem}.banner-post__post-author{color:var(--text-color)!important;font-size:.75rem;font-weight:700!important;grid-area:author}.banner-post__post-date{font-size:.75rem;grid-area:date;opacity:.75}.banner-post__post-button{font-weight:600;text-align:right}.banner-post__post:hover{background-image:linear-gradient(0deg,var(--blue-light-10-color),var(--white-color) 40%)}.banner-post__post:hover .banner-post__post-image img{scale:1.1}.banner-post__post:hover .banner-post__post-button{color:var(--primary-color,gray)}.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}