.rail-shell{position:relative;min-width:0}
.rail-control{position:absolute;z-index:6;top:var(--rail-button-top,72px);transform:translateY(-50%);width:38px;height:38px;padding:0;display:grid;place-items:center;background:#161219ed;border:1px solid #ffffff4d;color:#fff;box-shadow:0 2px 10px #0007;cursor:pointer}
.rail-control[hidden]{display:none}
.rail-previous{left:-14px}.rail-forward{right:-14px}
.rail-previous svg{transform:rotate(180deg)}
.rail-control:disabled{opacity:.25;cursor:default;pointer-events:none}
.rail-control:focus-visible{outline:2px solid #ffcb73;outline-offset:3px}
.rail-control:hover:not(:disabled){background:#3c2532;border-color:#f48298}
@media(max-width:650px){.rail-control{width:36px;height:36px}.rail-previous{left:-10px}.rail-forward{right:-10px}}