.screen-media{position:relative;aspect-ratio:1088/960;background:#000}
.screen-media img,.screen-media video{display:block;width:100%;height:100%;object-fit:contain}
.screen-arrow{position:absolute;top:50%;z-index:1;display:grid;place-items:center;width:28px;height:42px;padding:0;transform:translateY(-50%);border:1px solid #91a7b883;border-radius:4px;background:#0a111bb3;color:#edf2f4;font:400 30px/1 LocalUI,"Trebuchet MS",sans-serif;opacity:.68;transition:opacity .15s,background .15s}
.screen-arrow:hover,.screen-arrow:focus-visible{opacity:1;background:#132a3c}
.screen-arrow-prev{left:7px}.screen-arrow-next{right:7px}
.screen-arrow svg{display:block;width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:620px){.screen-arrow{width:24px;height:36px;font-size:25px}}