()
| 4536 | position: absolute; |
| 4537 | inset: 0; |
| 4538 | overflow: visible; |
| 4539 | border-radius: 20px; |
| 4540 | --cs-travel: ${TRAVEL * 100}%; |
| 4541 | } |
| 4542 | /* Where the travelling covers actually stop. |
| 4543 | They have to leave their own box to be seen sliding, and anything that |
| 4544 | overflows a scroll container is added to its scrollable width \u2014 which |
| 4545 | is what made the whole sidebar draggable sideways. overflow-clip-margin |
| 4546 | on the cover did not help: the expanded clip region counts again. |
| 4547 | Clipping higher up does work, and clip rather than hidden is what |
| 4548 | keeps these from becoming scroll containers of their own \u2014 the |
| 4549 | vertical scrolling they do is untouched. |
| 4550 | |
| 4551 | Which element actually cuts the cover short is not something to guess |
| 4552 | at \u2014 Spotify nests several scrollers and wrappers between the artwork |
| 4553 | and the sidebar, and naming them meant fixing one and being cut by the |
| 4554 | next. unclipAncestors() walks the real chain at runtime and marks |
| 4555 | every level that clips; this is what those levels then do. |
| 4556 | |
| 4557 | clip with a margin rather than visible: these are scroll containers, |
| 4558 | and an overflow-x of visible computes back to auto when the other axis |
| 4559 | scrolls \u2014 which is what put the sidebar on a horizontal scrollbar in |
| 4560 | the first place. Clipping keeps them from scrolling, and the margin is |
no test coverage detected