.spaces.spaces-loop .space-item .thumbnail .sc-cs { position: relative; height: 100%; }
    .sc-cs__track { display: flex; height: 100%; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; scrollbar-width: none; overscroll-behavior-x: contain; -webkit-overflow-scrolling: touch; }
    .sc-cs__track::-webkit-scrollbar { display: none; }
    .sc-cs__slide { flex: 0 0 100%; height: 100%; scroll-snap-align: start; scroll-snap-stop: always; background: #f2f3f5; }
    .sc-cs__slide img { display: block; width: 100%; height: 100%; object-fit: cover; }
    .sc-cs__nav { position: absolute; top: 50%; z-index: 21; width: 30px; height: 30px; margin-top: -15px; padding: 0; border: 0; border-radius: 50%; background: rgba(255, 255, 255, .92); color: #151d25; box-shadow: 0 1px 4px rgba(0, 0, 0, .22); cursor: pointer; display: flex; align-items: center; justify-content: center; opacity: 0; transition: opacity .15s ease, transform .15s ease; }   /* over the badges (.space-item-badges z 20), under their tips (30) — the arrow hid under a pill (Ram, 07.10) */
    .sc-cs__nav[hidden] { display: none; }
    .sc-cs__nav:hover { transform: scale(1.08); }
    .sc-cs__nav::before { content: ""; width: 6px; height: 11px; background: currentColor; -webkit-mask: var(--sc-cs-chev) center / contain no-repeat; mask: var(--sc-cs-chev) center / contain no-repeat; }   /* FontAwesome Pro 7 light chevron, as its SVG: the icon font drew a missing-glyph box until it loaded */
    .sc-cs__nav--prev { right: 8px; --sc-cs-chev: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='80 0 240 512'%3E%3Cpath d='M315.3 244.7c6.2 6.2 6.2 16.4 0 22.6l-208 208c-6.2 6.2-16.4 6.2-22.6 0s-6.2-16.4 0-22.6L281.4 256 84.7 59.3c-6.2-6.2-6.2-16.4 0-22.6s16.4-6.2 22.6 0l208 208z'/%3E%3C/svg%3E"); }
    .sc-cs__nav--next { left: 8px; --sc-cs-chev: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 512'%3E%3Cpath d='M4.7 267.3c-6.2-6.2-6.2-16.4 0-22.6l208-208c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6L38.6 256 235.3 452.7c6.2 6.2 6.2 16.4 0 22.6s-16.4 6.2-22.6 0l-208-208z'/%3E%3C/svg%3E"); }
    .sc-cs__dots { position: absolute; z-index: 2; left: 0; right: 0; bottom: 8px; display: flex; justify-content: center; gap: 5px; pointer-events: none; opacity: 0; transition: opacity .15s ease; }
    .sc-cs__dots span { width: 6px; height: 6px; border-radius: 50%; background: rgba(255, 255, 255, .6); box-shadow: 0 0 2px rgba(0, 0, 0, .35); transition: background-color .15s ease, transform .15s ease; }
    .sc-cs__dots span { transition: width .25s ease, background-color .15s ease; }
    .sc-cs__dots span.is-active { width: 14px; border-radius: 3px; background: #fff; }
    .space-item:hover .sc-cs__nav, .sc-cs__nav:focus-visible, .space-item:hover .sc-cs__dots { opacity: 1; }
    @media (hover: none) { .sc-cs__dots { opacity: 1; } .sc-cs__nav { display: none; } }