snusify-rail{position:relative;display:flex;align-items:center;gap:1.2rem;min-inline-size:0}.snusify-rail__track{--snusify-rail-gap: 2.4rem;--snusify-rail-visible: 4.3;display:flex;flex:1;gap:var(--snusify-rail-gap);min-inline-size:0;margin:0;padding:0;overflow-x:auto;list-style:none;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.snusify-rail__track::-webkit-scrollbar{display:none}.snusify-rail__track:focus-visible{outline:2px solid var(--c-accent);outline-offset:4px}.snusify-rail__track>*{flex:0 0 calc((100% + var(--snusify-rail-gap)) / var(--snusify-rail-visible) - var(--snusify-rail-gap));min-inline-size:0;scroll-snap-align:start}.snusify-rail-arrow{display:inline-flex;flex:none;align-items:center;justify-content:center;inline-size:4rem;block-size:4rem;padding:0;background:none;border:1px solid var(--c-line-strong);border-radius:50%;color:var(--c-text-3);cursor:pointer;transition:color .15s ease,border-color .15s ease}.snusify-rail-arrow:hover{border-color:var(--c-muted);color:var(--c-text)}.snusify-rail-arrow[disabled]{opacity:.3;cursor:default}.snusify-rail-arrow[disabled]:hover{border-color:var(--c-line-strong);color:var(--c-text-3)}.snusify-rail-arrow[hidden]{display:none}@media screen and (max-width:989px){.snusify-rail__track{--snusify-rail-visible: 3.3}}@media screen and (max-width:640px){.snusify-rail__track{--snusify-rail-gap: 1.6rem;--snusify-rail-visible: 2.3}}@media screen and (max-width:480px){.snusify-rail__track{--snusify-rail-visible: 1.3}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/snusify-rail.css.map */