@layer components{.c-page-archive{--filterbar-transform:translateY(1rem);--filterbar-opacity:0}.c-page-archive:has(.is-visible){--filterbar-transform:translateY(0);--filterbar-opacity:1}.c-page-archive__result{opacity:1;transform:translateY(0);transition:.3s ease;transition-property:opacity,transform}.c-page-archive__result.is-visually-hidden{opacity:0;transform:translateY(2rem)}.c-page-archive__filterbar{opacity:var(--filterbar-opacity);transform:var(--filterbar-transform);transition:.3s ease;transition-property:opacity,transform}}