:root,:host{--breakpoint-s:30rem;--breakpoint-m:48rem;--breakpoint-l:64rem;--breakpoint-xl:80rem;--breakpoint-2xl:120rem}.poster-loop{width:100%}.poster-loop__title{margin:0 0 10px}.poster-loop__viewport{width:100%;position:relative;overflow:hidden}.poster-loop__track{will-change:transform;width:max-content;animation:35s linear infinite posterLoopScroll;display:flex}.poster-loop__item{box-sizing:border-box;outline:none;max-width:20%;padding:.5rem}.poster-loop__card{border-radius:12px;width:14rem;position:relative;overflow:hidden}.poster-loop__img{object-fit:contain;object-position:center;box-sizing:border-box;width:100%;height:100%;display:block}.poster-loop__img--fallback{background:#00000014;width:100%;height:100%}.poster-loop__overlay{opacity:0;pointer-events:none;align-items:flex-end;transition:all .2s;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.poster-loop__overlay-inner{box-sizing:border-box;color:#fff;background:#000000a6;width:100%;height:100%;padding:1rem}.poster-loop__item-headline{margin-bottom:4px;font-size:.95rem;font-weight:700;line-height:1.2}.poster-loop__item-desc{opacity:.95;font-size:.85rem;line-height:1.3}.poster-loop__item:hover .poster-loop__overlay,.poster-loop__item:focus .poster-loop__overlay{opacity:1;pointer-events:auto}.poster-loop__item:focus-visible .poster-loop__overlay{opacity:1;pointer-events:auto}@media (prefers-reduced-motion:reduce){.poster-loop__track{animation:none;transform:none}}@keyframes posterLoopScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}