:root{--komfi-card-rail-thumb-size:8px}.catalog-card-rail__scrollbar{--release-thumb-left:0%;--release-thumb-width:66%;width:72%;height:var(--komfi-size-touch-target-min);border-radius:var(--radius-pill);cursor:grab;touch-action:var(--site-native-pan-action,pan-y pinch-zoom);-webkit-user-select:none;user-select:none;margin-inline:auto;position:relative}.catalog-card-rail__scrollbar[hidden]{display:none}.catalog-card-rail__scrollbar:before,.catalog-card-rail__thumb{border-radius:var(--radius-pill);position:absolute;top:50%;transform:translateY(-50%)}.catalog-card-rail__scrollbar:before{content:"";background:var(--scrollbar-track);height:.25rem;inset-inline:0}.catalog-card-rail__thumb{left:var(--release-thumb-left,0%);width:var(--release-thumb-width,66%);height:var(--komfi-card-rail-thumb-size);background:var(--scrollbar-thumb);transition:background-color var(--komfi-press-duration) ease}.catalog-card-rail__thumb:after{content:"";background:var(--surface-panel);width:1px;height:.25rem;box-shadow:-3px 0 var(--surface-panel), 3px 0 var(--surface-panel);opacity:.8;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.catalog-card-rail__scrollbar:is(:focus-visible:where(:root[data-komfi-input-modality=keyboard] *),[data-dragging]) .catalog-card-rail__thumb{background:var(--scrollbar-thumb-hover)}@media (hover:hover) and (pointer:fine){.catalog-card-rail__scrollbar:is(:hover,[data-hover-stable=true]) .catalog-card-rail__thumb{background:var(--scrollbar-thumb-hover)}}.catalog-card-rail__scrollbar[data-dragging]{cursor:grabbing}.catalog-card-rail__scrollbar:focus-visible:where(:root[data-komfi-input-modality=keyboard] *){outline:var(--komfi-focus-ring-width) solid var(--komfi-focus-ring-color);outline-offset:var(--komfi-focus-ring-offset)}
