.spirit-hero__rail-shell{position:absolute;z-index:3;right:0;bottom:0;left:0;height:190px;isolation:isolate}.spirit-hero__rail-shell:before{content:"";position:absolute;z-index:-1;right:0;bottom:0;left:0;height:310px;background:linear-gradient(180deg,transparent 0%,rgba(7,5,10,.5) 35%,rgba(8,6,12,.94) 69%,#08060c 100%),radial-gradient(80% 72% at 50% 74%,rgba(104,55,139,.16),transparent 74%);filter:blur(.01px);pointer-events:none}.spirit-hero__rail{--spirit-rail-card-max-height: 158px;position:relative;width:100%;height:190px;overflow:hidden;cursor:grab;touch-action:pan-y}.spirit-hero__rail.is-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.spirit-hero__rail-track{position:absolute;top:12px;bottom:auto;left:0;display:flex;width:max-content;height:190px;gap:16px;align-items:center;direction:ltr;will-change:transform;backface-visibility:hidden;transform-style:preserve-3d}.spirit-hero__rail-card{--spirit-rail-float-from: -12px;--spirit-rail-float-to: 12px;--spirit-rail-height-from: 76px;--spirit-rail-height-to: 156px;--spirit-rail-float-duration: 10s;--spirit-rail-float-delay: -2s;position:relative;box-sizing:border-box;flex:0 0 130px;width:130px;height:var(--spirit-rail-height-to);overflow:hidden;border:0!important;border-radius:14px;background:linear-gradient(180deg,#ecebec,#989799);color:#fff;direction:rtl;text-decoration:none;box-shadow:0 12px 32px -17px #000;animation:spirit-rail-card-float var(--spirit-rail-float-duration) ease-in-out var(--spirit-rail-float-delay) infinite alternate;transform-origin:center;transition:box-shadow .3s ease,transform .3s ease;contain:layout paint style;backface-visibility:hidden;will-change:height,transform}.spirit-hero__rail-card--0{--spirit-rail-float-from: -7px;--spirit-rail-float-to: 14px;--spirit-rail-height-from: 72px;--spirit-rail-height-to: 142px;--spirit-rail-float-duration: 9.5s;--spirit-rail-float-delay: -4.2s}.spirit-hero__rail-card--1{--spirit-rail-float-from: 12px;--spirit-rail-float-to: -10px;--spirit-rail-height-from: 82px;--spirit-rail-height-to: 154px;--spirit-rail-float-duration: 12s;--spirit-rail-float-delay: -7.1s}.spirit-hero__rail-card--2{--spirit-rail-float-from: -14px;--spirit-rail-float-to: 7px;--spirit-rail-height-from: 92px;--spirit-rail-height-to: 158px;--spirit-rail-float-duration: 10.8s;--spirit-rail-float-delay: -5.3s}.spirit-hero__rail-card--3{--spirit-rail-float-from: 8px;--spirit-rail-float-to: -13px;--spirit-rail-height-from: 76px;--spirit-rail-height-to: 148px;--spirit-rail-float-duration: 11.4s;--spirit-rail-float-delay: -2.7s}.spirit-hero__rail-card--4{--spirit-rail-float-from: -10px;--spirit-rail-float-to: 10px;--spirit-rail-height-from: 80px;--spirit-rail-height-to: 156px;--spirit-rail-float-duration: 13s;--spirit-rail-float-delay: -8.6s}.spirit-hero__rail.is-motion-paused .spirit-hero__rail-card,.spirit-hero__rail.is-dragging .spirit-hero__rail-card{animation-play-state:paused}@keyframes spirit-rail-card-float{0%{height:var(--spirit-rail-height-from);transform:translate3d(0,var(--spirit-rail-float-from),0)}to{height:var(--spirit-rail-height-to);transform:translate3d(0,var(--spirit-rail-float-to),0)}}.spirit-hero__rail-card:hover{box-shadow:0 0 24px -5px #9e5cd6b8,0 16px 34px -16px #000;z-index:2}.spirit-hero__rail-card-inner{position:absolute;top:0;right:0;bottom:0;left:0;display:block;color:inherit;text-decoration:none}.spirit-hero__rail-card img,.spirit-hero__rail-card .placeholder-svg{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.85;pointer-events:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;transition:opacity .3s ease;backface-visibility:hidden}.spirit-hero__rail-card:hover img{opacity:1}.spirit-hero__rail-card:focus-visible{outline:2px solid rgba(211,167,235,.9);outline-offset:3px}.spirit-hero__rail-card-inner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(5,4,8,.88),transparent 62%);pointer-events:none}.spirit-hero__rail-card span{position:absolute;z-index:2;right:6px;bottom:7px;left:6px;color:#f3edf5;font-size:1.25rem;font-weight:500;line-height:1.1;text-align:center;text-shadow:0 1px 5px rgba(0,0,0,.85);pointer-events:none;backface-visibility:hidden}.spirit-hero__rail-toggle{position:absolute;z-index:5;top:8px;left:12px;display:grid;width:36px;height:36px;padding:0;place-items:center;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:#0f0a149e;color:#fff;opacity:0;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:opacity .18s ease,border-color .18s ease,background .18s ease}.spirit-hero__rail-shell:hover .spirit-hero__rail-toggle,.spirit-hero__rail-toggle:focus-visible{opacity:1}.spirit-hero__rail-toggle:focus-visible{outline:2px solid #fff;outline-offset:3px}.spirit-hero__rail-toggle-icon{display:block;width:12px;height:14px;border-right:3px solid currentColor;border-left:3px solid currentColor}.spirit-hero__rail-toggle.is-paused .spirit-hero__rail-toggle-icon{width:0;height:0;margin-left:2px;border-top:7px solid transparent;border-right:0;border-bottom:7px solid transparent;border-left:11px solid currentColor}@media screen and (max-width:989px){.spirit-hero__rail-shell,.spirit-hero__rail,.spirit-hero__rail-track{height:150px}.spirit-hero__rail-track{top:8px;gap:12px}.spirit-hero__rail-card{--spirit-rail-height-from: 64px;--spirit-rail-height-to: 138px;flex-basis:104px;width:104px}.spirit-hero__rail-card--0{--spirit-rail-height-from: 58px;--spirit-rail-height-to: 128px}.spirit-hero__rail-card--1{--spirit-rail-height-from: 68px;--spirit-rail-height-to: 142px}.spirit-hero__rail-card--2{--spirit-rail-height-from: 76px;--spirit-rail-height-to: 146px}.spirit-hero__rail-card--3{--spirit-rail-height-from: 62px;--spirit-rail-height-to: 134px}.spirit-hero__rail-card--4{--spirit-rail-height-from: 66px;--spirit-rail-height-to: 140px}}@media screen and (max-width:749px){.spirit-hero__rail-shell,.spirit-hero__rail,.spirit-hero__rail-track{height:120px}.spirit-hero__rail-shell:before{height:230px}.spirit-hero__rail{-webkit-mask-image:none;mask-image:none}.spirit-hero__rail-track{top:8px;gap:10px}.spirit-hero__rail-card{--spirit-rail-height-from: 50px;--spirit-rail-height-to: 106px;width:82px;flex-basis:82px;border-radius:11px}.spirit-hero__rail-card--0{--spirit-rail-height-from: 46px;--spirit-rail-height-to: 98px}.spirit-hero__rail-card--1{--spirit-rail-height-from: 52px;--spirit-rail-height-to: 108px}.spirit-hero__rail-card--2{--spirit-rail-height-from: 60px;--spirit-rail-height-to: 112px}.spirit-hero__rail-card--3{--spirit-rail-height-from: 48px;--spirit-rail-height-to: 102px}.spirit-hero__rail-card--4{--spirit-rail-height-from: 52px;--spirit-rail-height-to: 106px}.spirit-hero__rail-card span{right:6px;bottom:6px;left:6px;font-size:1.3rem;line-height:1.08;text-wrap:balance}.spirit-hero__rail-toggle{top:4px;left:6px;width:32px;height:32px}}@media(prefers-reduced-motion:reduce){.spirit-hero__rail-card{animation:none;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/spirit-category-rail.css.map */