.featured-top{margin-bottom:35px}@media only screen and (min-width:768px){.featured-top{display:grid;grid-template-columns:57% auto;grid-template-rows:calc(50% - 16px);grid-gap:24px 24px;margin-bottom:36px}}.featured-top .article{height:100%;margin-bottom:24px}.featured-top .article,.featured-top .article a{border-radius:8px;background-repeat:no-repeat;background-size:cover;background-position:50%;overflow:hidden;min-height:240px;display:flex;position:relative}.featured-top .article a{margin:0;width:100%}.featured-top .article a .featured-image{height:250px}.featured-top .article .overlay{position:absolute;top:0;width:0;height:10px;background-color:#1351ec;transition:width .5s ease-in-out}.featured-top .article:hover .overlay{width:100%}@media only screen and (min-width:768px){.featured-top .article{margin-bottom:auto}}.featured-top .article .details{padding-block:20px;width:100%;background:linear-gradient(0deg,#000,transparent 75%,transparent);display:flex;flex-direction:column;justify-items:flex-end;justify-content:flex-end}.featured-top .article .details .meta{margin-bottom:10px}.featured-top .article .details .meta .read-time{color:#fff;font-size:12px;font-weight:400;line-height:16px;font-family:var(--font-text);position:relative;margin-left:3px;display:flex;gap:.5rem;-webkit-padding-before:.5rem;padding-block-start:.5rem}.featured-top .article .details .meta button{margin-right:8px;border-radius:4px;background:#eff1f5;color:#3e4a5b;font-size:12px;font-style:normal;font-weight:400;line-height:16px;border:0;padding:4px 8px;font-family:var(--font-text);margin-top:8px}.featured-top .article .details h2,.featured-top .article .details h3{color:#fff;font-family:var(--font-title);font-size:20px;font-style:normal;font-weight:600;line-height:24px;margin:0}@media only screen and (min-width:768px){.featured-top .article:first-child{min-height:496px;grid-row:span 2}.featured-top .article:first-child .details h2,.featured-top .article:first-child .details h3{font-size:32px;font-style:normal;font-weight:600;line-height:46px}}.featured-top .article .details{padding:20px 30px}@media only screen and (max-width:540px){.featured-top .article:first-child{height:360px}}.featured-top .article:first-child h2{margin:0}.featured-top .article:first-child .meta{margin-bottom:10px}.featured-top .article .meta{margin-bottom:25px}
/*# sourceMappingURL=074e2760b4856f75.css.map*/