.pv-coll-rail{background:var(--color-background);padding:0}.pv-coll-rail__outer{display:flex;align-items:center;gap:0;position:relative;overflow:hidden}.pv-coll-rail__track{display:flex;align-items:center;gap:0;overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:1rem 0;flex:1 1 auto;min-width:0}.pv-coll-rail__track::-webkit-scrollbar{display:none}.pv-coll-rail__item{flex:0 0 auto;display:flex;align-items:center;gap:.8rem;padding:.5rem 1.2rem .5rem .6rem;border-radius:6px;border:1px solid transparent;text-decoration:none;color:var(--pv-ink, #111827);transition:background .12s,border-color .12s,color .12s;white-space:nowrap;cursor:pointer;min-width:0}.pv-coll-rail__item:hover{background:var(--pv-surface, #f8f9fb);border-color:var(--pv-line, #e2e4e8)}.pv-coll-rail__item.is-active{background:var(--pv-surface, #f8f9fb);border-color:var(--pv-blue, #1a56db);color:var(--pv-blue, #1a56db)}.pv-coll-rail__thumb{flex:0 0 auto;width:44px;height:44px;border-radius:5px;background:var(--pv-surface, #f8f9fb);border:1px solid var(--pv-line, #e2e4e8);overflow:hidden;display:flex;align-items:center;justify-content:center}.pv-coll-rail__item.is-active .pv-coll-rail__thumb{border-color:var(--pv-blue, #1a56db)}.pv-coll-rail__thumb img{width:100%;height:100%;object-fit:cover}.pv-coll-rail__thumb--placeholder{color:rgba(var(--color-foreground, 17 24 39),.3)}.pv-coll-rail__name{font-size:1.3rem;font-weight:500;line-height:1.3;white-space:nowrap;max-width:140px;overflow:hidden;text-overflow:ellipsis}.pv-coll-rail__arrow{flex:0 0 auto;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-background);border:1px solid var(--pv-line, #e2e4e8);border-radius:50%;box-shadow:0 1px 4px #0000001a;cursor:pointer;color:var(--pv-ink, #111827);padding:0;transition:background .12s,box-shadow .12s,opacity .12s;align-self:center;z-index:2}.pv-coll-rail__arrow:hover{background:var(--pv-surface, #f8f9fb);box-shadow:0 2px 8px #00000024}.pv-coll-rail.at-start .pv-coll-rail__arrow--prev,.pv-coll-rail.at-end .pv-coll-rail__arrow--next{opacity:.25;pointer-events:none}.pv-coll-rail__outer:before,.pv-coll-rail__outer:after{content:"";position:absolute;top:0;bottom:0;width:48px;pointer-events:none;z-index:1;transition:opacity .2s}.pv-coll-rail__outer:before{left:40px;background:linear-gradient(to right,var(--color-background),transparent)}.pv-coll-rail__outer:after{right:40px;background:linear-gradient(to left,var(--color-background),transparent)}.pv-coll-rail.at-start .pv-coll-rail__outer:before{opacity:0}.pv-coll-rail.at-end .pv-coll-rail__outer:after{opacity:0}@media screen and (max-width:749px){.pv-coll-rail__track{scroll-snap-type:x mandatory;padding:.8rem .4rem}.pv-coll-rail__item{flex:0 0 78%;width:78%;scroll-snap-align:center;justify-content:flex-start;padding:.6rem 1rem .6rem .7rem;margin-right:.6rem}.pv-coll-rail__item:last-child{margin-right:0}.pv-coll-rail__thumb{width:40px;height:40px}.pv-coll-rail__name{font-size:1.3rem;max-width:none;flex:1;white-space:normal;word-break:break-word;overflow:visible;text-overflow:clip}.pv-coll-rail__arrow{width:30px;height:30px;flex:0 0 30px}.pv-coll-rail__outer:before{left:38px;width:28px}.pv-coll-rail__outer:after{right:38px;width:28px}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/component-collections-rail.css.map */