@layer components{.home-eyecatcher{margin-block:var(--size-700)}.home-eyecatcher-grid{display:grid;grid-template-columns:repeat(2,90%);gap:var(--size-500);@media (min-width:62.5rem){grid-template-columns:repeat(2,1fr)}}.post-image{display:grid;grid-template-rows:min-content auto;grid-auto-flow:row}.post-image-inner{position:relative;display:grid;align-items:center}.post-image-inner-background{position:relative;overflow:hidden;border-radius:var(--size-100);aspect-ratio:16 / 9;&::before{content:"";position:absolute;z-index:5;inset:0;width:100%;height:100%;opacity:.2;transition:opacity .2s ease-out;background:var(--body-home-grd)}& .eyecatcher{transition:transform 250ms ease-in-out 0s;transform:perspective(1px) scale3d(1,1,1)}}.post-image-inner-details{position:absolute;z-index:10;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;width:100%;height:100%;padding:1.5em;color:rgb(255,255,255)}.post-image-inner-details-description{display:none}.post-image-inner-background-category-rubric{position:absolute;z-index:5;top:0;right:-.75rem;transform:skew(15deg);padding:.5rem 1.5rem .5rem .75rem;background-color:var(--rubric-bg,transparent);& p{transform:skew(-15deg);margin:0;text-align:right;text-transform:uppercase;font-size:var(--fs-meta);color:rgb(255,255,255)}}.breaking{--rubric-bg:var(--clr-breaking)}.nieuws{--rubric-bg:var(--clr-nieuws)}.review{--rubric-bg:var(--clr-review)}.artikel{--rubric-bg:var(--clr-artikel)}.post-image:hover .post-image-inner .post-image-inner-background::before{opacity:.7;transition:opacity .2s ease-out 0s}.post-image-inner:hover .post-image-inner-background .eyecatcher{transform:perspective(1px) scale3d(1.04,1.04,1.04)}.post-image:hover .post-image-inner .post-image-inner-details .post-image-inner-details-description{display:-webkit-box;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical}.home-eyecatcher-twitch{height:100%;& iframe{height:100%;border-radius:var(--size-100);@media (min-width:81.25rem){margin-bottom:0;height:12rem}}&.scrolldown{position:fixed;z-index:100;inset:auto auto 1.25rem 1.25rem;width:18.75rem;height:10.55rem;border:1px solid var(--clr-primary-100);border-radius:var(--size-100);& .closed{position:absolute;inset:var(--size-200) var(--size-300) auto auto}}}.home-spotlight{box-shadow:rgba(0,0,0,.12) 0 .125rem .25rem 0;background-color:var(--clr-primary-500)}.home-spotlight-inner{padding-block:var(--size-700)}.home-spotlight-grid{display:grid;gap:var(--size-500);grid-template-columns:repeat(4,90%);& .post-content-inner-details{display:flex;flex-direction:column;row-gap:var(--size-100);padding:var(--size-300)}@media (min-width:50rem){grid-template-columns:repeat(4,45%)}@media (min-width:62.5rem){grid-template-columns:repeat(4,30%)}@media (min-width:81.25rem){grid-template-columns:repeat(4,1fr)}}.scroll-container{overflow-x:scroll;scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;&::-webkit-scrollbar{display:none}}.home-ads{display:flex;justify-content:center;width:100%;@media (min-width:81.25rem){margin-bottom:calc(var(--size-500) + 1.21125rem)}}.home-ads-billboard{position:relative;@media (min-width:81.25rem){width:60.625rem;height:15.625rem;background-color:var(--clr-primary-500);border-radius:var(--size-100)}}.home-archive-favorite-none{grid-column:span 3;margin-block:var(--size-500)}.home-favorites-inloggen{display:none;&.show{position:absolute;z-index:10;top:7.5rem;left:0;right:auto;display:block;box-shadow:0 .125rem .321rem 0 rgba(0,0,0,.1);border-radius:var(--size-100);padding:var(--size-500);background-color:var(--clr-primary-300);color:var(--clr-text-neutral-100);@media (min-width:50rem){top:3.5rem;right:0;left:auto}&::before{content:"\f04b";position:absolute;top:-.63rem;right:8rem;transform:rotate(-90deg);color:var(--clr-primary-300);@media (min-width:50rem){right:3rem}}}}}