.poster-controls { display:flex; flex-wrap:wrap; gap:8px; margin-top:20px; position:relative; z-index:5; }
.poster-controls button { font:inherit; font-size:14px; padding:9px 12px; min-height:44px; border:1px solid currentColor; border-radius:4px; color:#25133d; background:#fff; cursor:pointer; }
.poster-controls button[aria-pressed="true"] { background:#25133d; color:#fff; }
.poster-controls button:focus-visible { outline:3px solid #d32170; outline-offset:3px; }
[data-poster-carousel] > img { width:100%; height:auto; aspect-ratio:840 / 1188; object-fit:contain; }
.poster-arrow { position:absolute; top:50%; z-index:8; display:grid; place-items:center; width:48px; height:48px; padding:0; border:2px solid #25133d; border-radius:50%; color:#25133d; background:#fff; box-shadow:0 5px 0 rgba(37,19,61,.18); font-size:24px; line-height:1; cursor:pointer; transform:translateY(-50%); }
.poster-arrow:hover { color:#fff; background:#25133d; }
.poster-arrow:focus-visible { outline:3px solid #f01772; outline-offset:4px; }
.poster-arrow-prev { left:calc(50% - 245px); }
.poster-arrow-next { right:calc(50% - 245px); }
.class-posters { display:flex; flex-direction:column; align-items:center; }
.class-posters .poster-trigger { padding:0; border:0; background:transparent; width:min(100%,420px); cursor:zoom-in; }
@media (max-width:620px) {
  .poster-arrow { width:42px; height:42px; font-size:21px; }
  .poster-arrow-prev { left:5px; }
  .poster-arrow-next { right:5px; }
}