@layer components{.archive{position:relative}.archive-header{display:grid;row-gap:var(--size-500);margin-bottom:var(--size-400);padding-bottom:var(--size-400);border-bottom:1px solid var(--clr-primary-500)}.archive-podcast iframe{height:15.93rem}.archive-podcast-header{display:flex;flex-direction:column;align-items:start;justify-content:space-between;margin-bottom:var(--size-500)}.archive-podcast-header p{width:100%}.archive-podcast-header-right{display:flex;gap:var(--size-500)}.archive-podcast-header-right a:hover{color:var(--clr-primary-100)}@media (min-width:50rem){.archive-podcast-header{flex-direction:row;align-items:center}}.archive-header-left,.archive-header-right{display:flex;gap:var(--size-500);align-self:center}.archive-header-left{flex-direction:column}.archive-header-right{flex-direction:row;height:2.5rem}.archive-grid{display:grid;row-gap:var(--size-500)}.archive-header-right .heart::before{padding-right:var(--size-200)}.archive-header-right:has(.disabled) .heart:hover::before{font:var(--fa-font-regular)}.archive-header-right .disabled{color:var(--clr-primary-200);background-color:var(--clr-primary-500)}.post-content-inner-details-description{display:none}.games-archive-grid{display:grid;gap:var(--size-500);grid-template-columns:repeat(2,1fr)}.post-game-inner-details{display:flex;flex:0 1 auto;flex-direction:column;align-items:flex-start;justify-content:center;width:100%;padding:1rem}.post-content-inner-background-score,.post-game-inner-background-hover{display:none}[display="display-2"] .archive .archive-grid{display:flex;flex-direction:column;row-gap:var(--size-500);width:auto}[display="display-2"] .archive .post-content-inner{display:flex;align-items:stretch;height:100%}[display="display-2"] .archive .post-content-inner-background{position:relative;flex:0 0 auto;overflow:hidden;width:9rem;border-radius:var(--size-100)}[display="display-2"] .archive .post-content-inner-background .thumbnail{position:absolute;inset:0;width:100%;height:100%;background-color:var(--clr-primary-200);object-fit:cover}[display="display-2"] .archive .post-content-inner-details{display:flex;flex:0 1 auto;flex-direction:column;row-gap:var(--size-200);align-items:flex-start;justify-content:center;width:100%;padding-inline:1rem}.clock{display:flex;align-items:center}[display="display-2"] .archive .post-content-inner-details h3{font-size:.75rem}[display="display-2"] .archive .post-content-inner-details .clock{font-size:.75rem}[display="display-2"] .archive .post-content-inner-details .post-content-inner-details-description{display:none}[display="display-2"] .archive .post-content-inner .post-content-inner-background .post-content-inner-background-category-rubric p{font-size:.423rem}[display="display-2"] .post-content-inner-background .post-content-inner-background-comments .comments{font-size:.875rem}[display="display-1"] .archive .archive-grid{row-gap:var(--size-500)}.post-content-inner-details,[display="display-1"] .archive .post-content-inner-details{display:flex;flex-direction:column;row-gap:var(--size-100);padding:var(--size-300)}.post-content-inner-details h3,[display="display-1"] .archive .post-content-inner-details h3{font-size:var(--fs-525)}.post-content-inner-details-description,[display="display-1"] .archive .post-content-inner-details-description{display:block}li:has(.breaking){border-radius:var(--size-100);background-color:var(--clr-primary-200)}li a.breaking .post-content-inner-details{color:var(--clr-neutral-100)}li:has(.video){border-radius:var(--size-100);background-color:var(--clr-primary-500)}.post-content,.post-game{display:grid;grid-auto-flow:row;grid-template-rows:min-content auto}.post-content-inner,.post-game-inner{position:relative;display:grid;align-items:center}.post-content-inner-background,.post-game-inner-background{position:relative;overflow:hidden;border-radius:var(--size-100)}.post-content-inner-background{aspect-ratio:16 / 9}.post-game-inner-background{aspect-ratio:1 / 1}.post-content-inner-background .thumbnail,.post-game-inner-background .packshot{transform:perspective(1px) scale3d(1,1,1);transition:transform 250ms ease-in-out 0s}.post-content-inner:hover .post-content-inner-background .thumbnail,.post-game-inner:hover .post-game-inner-background .packshot{transform:perspective(1px) scale3d(1.04,1.04,1.04)}.post-content-inner:hover .post-content-inner-background::before,.post-game-inner:hover .post-game-inner-background::before{content:"";position:absolute;z-index:5;inset:0;width:100%;height:100%;opacity:.4;background:var(--body-home-grd)}.post-content-inner-background-category-rubric{position:absolute;z-index:5;top:0;right:-.75rem;padding:.5rem 1.5rem .5rem .75rem;transform:skew(15deg)}.post-content-inner-background-category-rubric p{margin:0;color:rgb(255,255,255);font-weight:var(--fw-semi-bold);letter-spacing:.1em;text-align:right;text-transform:uppercase;transform:skew(-15deg)}.post-game-inner:hover .post-game-inner-details h3,.post-content-inner:hover .post-content-inner-details h3{text-decoration:underline;text-underline-offset:.3125rem}.breaking .post-content-inner-background-category-rubric{background-color:var(--clr-breaking)}.nieuws .post-content-inner-background-category-rubric{background-color:var(--clr-nieuws)}.review .post-content-inner-background-category-rubric{background-color:var(--clr-review)}.artikel .post-content-inner-background-category-rubric{background-color:var(--clr-artikel)}.video .post-content-inner-background-category-rubric{background-color:var(--clr-video)}.post-content-inner-background-comments{position:absolute;z-index:5;right:0;bottom:0;margin:var(--size-300);color:var(--clr-text-neutral-100)}.post-content-inner-background-live{position:absolute;z-index:5;left:0;bottom:0;margin:var(--size-300);padding:var(--size-100);border-radius:var(--size-100);color:var(--clr-text-neutral-100);background-color:var(--clr-accent-200);animation:backgroundPulse 4s infinite}.post-content-inner-background-live .live::before{font-size:var(--size-300);padding-left:.2rem;padding-right:var(--size-100)}.post-content-inner-background-live .live{padding-right:var(--size-100)}.post-content-inner-background-comments .comments::before{padding-right:var(--size-100)}@keyframes backgroundPulse{0%{background-color:var(--clr-accent-200)}50%{background-color:rgb(234,181,181)}100%{background-color:var(--clr-accent-200)}}.archive-gamesseries{margin-bottom:var(--size-500);padding:var(--size-500);border-radius:var(--size-100);background-color:var(--clr-primary-500)}.archive-gamesseries h2{margin-bottom:var(--size-500)}.gamesserie-archive-wrapper{position:relative;width:100%;height:auto;margin-bottom:var(--size-300)}.gamesserie-archive-grid{position:relative;top:0;display:grid;grid-auto-flow:column;grid-auto-columns:calc(100% / 2.6);gap:var(--size-500);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory}.post-game-inner{overflow:hidden}@media (min-width:50rem){.archive-header{display:flex;align-items:stretch;justify-content:space-between;margin-bottom:var(--size-500)}.archive-grid{gap:var(--size-500);grid-template-columns:repeat(1,1fr)}.post-content-inner-background-score,.post-game-inner-background-hover{position:absolute;z-index:100;top:0;display:grid;align-content:center;justify-content:center;width:100%;height:100%;opacity:0;color:var(--clr-text-neutral-100);text-align:center;transition:opacity .2s ease-out}.post-content-inner:hover .post-content-inner-background-score,.post-game-inner:hover .post-game-inner-background-hover{opacity:1;transition:opacity .2s ease-out 0s}.post-game-inner-background-releasedate{display:flex;flex-direction:column}.video .post-content-inner .post-content-inner-background::after{position:absolute;z-index:5;top:43%;left:47%;opacity:.5;color:var(--clr-text-neutral-100);font-size:var(--fs-700)}.video .post-content-inner:hover .post-content-inner-background::after{opacity:1}.post-content-inner-details h3{font-size:var(--fs-525)}.post-content-inner-background-category-rubric p{font-size:var(--fs-400)}.post-content-inner-details-description{display:block}[display="display-2"] .archive .post-content-inner-background{width:19.166875rem}[display="display-2"] .archive .post-content-inner .post-content-inner-background .post-content-inner-background-category-rubric p{font-size:var(--fs-400)}[display="display-2"] .archive .post-content-inner-details h3{font-size:var(--fs-525)}[display="display-2"] .archive .post-content-inner-details .clock,[display="display-2"] .post-content-inner-background .post-content-inner-background-comments .comments{font-size:1rem}[display="display-1"] .archive .archive-grid{grid-template-columns:repeat(2,1fr)}[display="display-1"] .archive .post-content-inner .post-content-inner-background .post-content-inner-background-category-rubric p{font-size:var(--fs-400)}[display="display-2"] .archive .post-content-inner-details .post-content-inner-details-description{display:block}.games-archive-grid{grid-template-columns:repeat(3,1fr)}.gamesserie-archive-grid{grid-auto-columns:calc(100% / 4.5)}.scroll-area .fs-525{font-size:var(--fs-525)}}@media (min-width:62.5rem){[display="display-1"] .archive .archive-grid{grid-template-columns:repeat(3,1fr)}.games-archive-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width:81.25rem){[display="display-2"] .archive .archive-grid{grid-template-columns:repeat(2,1fr)}.archive .archive-grid,[display="display-1"] .archive .archive-grid{grid-template-columns:repeat(3,1fr)}.gamesserie-archive-wrapper>.scroll-area{margin-bottom:var(--size-500)}.gamesserie-archive-grid{gap:var(--size-500)}}}@layer utilities{.scroll-area{scroll-snap-align:start}.gamesserie-archive-grid.scroll-container::-webkit-scrollbar{height:.0625rem}.gamesserie-archive-grid.scroll-container:hover::-webkit-scrollbar{height:.5rem}.gamesserie-archive-grid.scroll-container::-webkit-scrollbar-thumb{cursor:pointer;border-radius:var(--size-100);background-color:var(--clr-primary-100,.5)}.gamesserie-archive-grid.scroll-container::-webkit-scrollbar-track{background-color:var(--clr-neutral-100)}}