.blog-recent-posts{display:flex;flex-flow:column;gap:calc(var(--spacing-base)*6)}.blog-recent-posts__wrapper{display:grid;gap:calc(var(--spacing-base)*6);grid-template-columns:repeat(3,1fr);position:relative}.blog-recent-posts__container{border:1px solid rgba(var(--tenth-color-rgb),.07);border-radius:calc(var(--spacing-base)*4);height:100%;overflow:hidden;transition:transform .25s ease-in-out,box-shadow .25s ease-in-out}.blog-recent-posts__container:hover{box-shadow:0 16px 36px rgba(3,25,54,.1);transform:translateY(-4px)}.blog-recent-posts .blog-recent-posts__wrapper .blog-recent-posts__item{display:flex;flex-direction:column;gap:0;position:relative}.blog-recent-posts__image img{height:180px;object-fit:cover;width:100%}.blog-recent-posts__content{display:flex;flex:1;flex-direction:column;gap:calc(var(--spacing-base)*2);padding:calc(var(--spacing-base)*6)}.blog-recent-posts__tag{align-items:center;background-color:rgba(var(--first-color-rgb),.12);border-radius:var(--spacing-base);color:var(--tenth-color);display:inline-flex;font-weight:var(--primary-font-weight-bold);justify-content:center;padding:3px 8px;text-transform:uppercase;width:fit-content}.blog-recent-posts__name{color:var(--black-color);font-weight:var(--primary-font-weight-bold)}.blog-recent-posts__date{color:rgba(var(--medium-gray-color-rgb),.5);font-weight:var(--primary-font-weight-medium);margin-top:auto}.blog-recent-posts .blog-recent-posts__wrapper .blog-recent-posts__button{all:unset;align-items:center;background-color:rgba(var(--white-color-rgb),.15);border:1px solid rgba(var(--white-color-rgb),.4);border-radius:50%;display:flex;height:calc(var(--spacing-base)*8);justify-content:center;opacity:0;pointer-events:none;position:absolute;right:calc(var(--spacing-base)*4);top:calc(var(--spacing-base)*4);transition:opacity .25s ease-in-out;width:calc(var(--spacing-base)*8)}.blog-recent-posts__container:hover .blog-recent-posts__button{opacity:1}.blog-recent-posts__filters{display:flex;flex-flow:row wrap;gap:calc(var(--spacing-base)*2)}.blog-recent-posts .blog-recent-posts__filters .blog-recent-posts__filter{background-color:transparent;border-color:rgba(var(--tenth-color-rgb),.22);border-radius:200px;color:var(--tenth-color);flex-shrink:0;padding:8px 18px}.blog-recent-posts .blog-recent-posts__filters .blog-recent-posts__filter:first-of-type{background-color:var(--tenth-color);border-color:var(--tenth-color);color:var(--white-color)}.blog-recent-posts .blog-recent-posts__filters .blog-recent-posts__filter:not(:first-of-type):hover{background-color:rgba(var(--tenth-color-rgb),.09);border-color:rgba(var(--tenth-color-rgb),.22);color:var(--tenth-color)}.blog-recent-posts .blog-recent-posts__filters .blog-recent-posts__filter:first-of-type:hover{box-shadow:0 4px 16px rgba(0,102,137,.35);transition:background-color .25s ease-in-out,color .25s ease-in-out,translate .25s ease-in-out,border-color .25s ease-in-out,box-shadow .25s ease-in-out}.blog-recent-posts__container.blog-recent-posts__container--hidden{opacity:0;position:absolute}@keyframes show{0%{opacity:0}top{opacity:1}}.blog-recent-posts:has(.blog-recent-posts__container--hidden) .blog-recent-posts__container:not(.blog-recent-posts__container--hidden){animation:show .25s ease-in-out calc(.1s*attr(data-index type(<number>))) both}.blog-recent-posts__filter input{appearance:none;cursor:pointer;inset:0;position:absolute}@media (width <= 992px){.blog-recent-posts__wrapper{display:flex;flex-direction:column}.blog-recent-posts__content{padding:calc(var(--spacing-base)*4)}.blog-recent-posts__filters{flex-flow:row;left:calc(var(--columns-gap)*-1);margin-block:calc(var(--columns-gap)*-2);overflow:auto;padding-block:calc(var(--columns-gap)*2);position:relative;white-space:nowrap;width:calc(100% + var(--columns-gap)*2);-ms-overflow-style:none;scrollbar-width:none}.blog-recent-posts__filter:first-of-type{margin-left:var(--columns-gap)}.blog-recent-posts__filter:last-of-type{margin-right:var(--columns-gap)}.blog-recent-posts__filters::-webkit-scrollbar{display:none}}@media (width > 992px){.blog-recent-posts__container:first-of-type .blog-recent-posts__image img{height:240px}.blog-recent-posts__image img{height:160px}.blog-recent-posts__name{font-size:18px;line-height:28px}.blog-recent-posts__container:first-of-type .blog-recent-posts__name{font-size:20px;line-height:28px}.blog-recent-posts__container:not(:first-of-type) .blog-recent-posts__description *{font-size:var(--small-font-size);line-height:var(--small-line-height)}}