.recommended-posts{background:var(--gray-950)}.recommended-posts__main-wrapper{overflow:hidden;position:relative}.recommended-posts__small-title{margin-bottom:.5rem}.recommended-posts__section-title{margin-bottom:3rem}.recommended-posts__carousel-wrapper{display:flex;gap:1.5rem;margin-bottom:1.5rem;overflow-x:scroll;scroll-snap-type:x mandatory;-ms-overflow-style:none;scrollbar-width:none}@media screen and (min-width:1024px){.recommended-posts__carousel-wrapper{margin-bottom:0}}.recommended-posts__carousel-wrapper::-webkit-scrollbar{display:none}.recommended-posts__post{background:var(--gray-800);border-radius:.75rem;flex:1 0 100%;overflow:hidden;scroll-snap-align:start;transition:transform .3s}@media screen and (min-width:767px){.recommended-posts__post{flex-basis:calc(50% - 0.75rem)}}@media screen and (min-width:1023px){.recommended-posts__post{flex-basis:calc(33.33333% - 1rem)}}.recommended-posts__post:hover{transform:translate3d(0,-8px,.01px)}.recommended-posts__image-wrapper{aspect-ratio:16/9;line-height:0;max-width:100%;overflow:hidden}.recommended-posts__post-img-link{aspect-ratio:inherit;display:block}.recommended-posts__image{height:100%;object-fit:cover;transition:all .3s;width:100%}.recommended-posts__post:hover .recommended-posts__image{transform:scale3d(1.03,1.03,1.03)}.recommended-posts__post-content{padding:1.5rem}.recommended-posts__post-info{margin-block-end:.75rem}.recommended-posts__tag-icon{aspect-ratio:1/1;display:inline-block;height:1.125rem;line-height:0;margin-inline-end:.25rem;vertical-align:sub}.recommended-posts__tag-icon svg{height:inherit}.recommended-posts__category{color:var(--gray-300);font-weight:600}.recommended-posts__category:focus,.recommended-posts__category:hover{font-weight:600}.recommended-posts__line-separator{border:1px solid var(--gray-300);display:inline-block;vertical-align:middle;width:1.875rem}.recommended-posts__post-date,.recommended-posts__post-date time{color:var(--gray-300);font-weight:600}.recommended-posts__post-title{color:var(--white);font-size:1.25rem}@media screen and (min-width:767px){.recommended-posts__post-title{font-size:1.5rem}}.recommended-posts__post-link{color:inherit;font-weight:inherit}.recommended-posts__post-link:hover{font-weight:inherit}.recommended-posts__carousel-controls{display:flex;gap:.75rem;justify-content:center;padding-block:1px}@media screen and (min-width:1024px){.recommended-posts__carousel-controls{gap:1.5rem;position:absolute;right:1rem;top:0}}