.m-rail{display:block;padding:clamp(36px,6vw,80px) 0;background:var(--color-background, #faf8f3);color:var(--color-foreground, #0b1f3a);--rail-ease: cubic-bezier(.22, 1, .36, 1)}.m-rail [hidden]{display:none!important}.m-rail__header{max-width:1320px;margin:0 auto 24px;padding-inline:clamp(20px,5vw,64px);display:flex;align-items:end;justify-content:space-between;gap:24px}.m-rail__eyebrow{font-size:10px;letter-spacing:.18em;margin:0 0 12px}.m-rail h2{font-family:var(--font-heading--family, Georgia, serif);font-size:clamp(28px,4vw,52px);line-height:1.15;margin:0}.m-rail__hint{max-width:250px;font-size:13px;opacity:.65;margin:0}.m-rail__stage{position:relative;background:#fff;color:#0b1f3a}.m-rail__viewport{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;direction:ltr;scrollbar-width:thin;scrollbar-color:#9b9b93 transparent;padding:26px 0 16px}.m-rail__track{position:relative;display:flex;gap:20px;width:max-content;min-width:100%;padding:14px clamp(24px,8vw,120px) 18px;align-items:start}.m-rail__track--single{justify-content:center}.m-rail.is-ready .m-rail__track{padding-inline:max(24px,calc((var(--rail-viewport, 100vw) - var(--rail-rest-width, 100px)) / 2))}.m-rail__viewport{scroll-snap-type:x proximity;overflow-anchor:none;-webkit-overflow-scrolling:touch}.m-rail__viewport.is-centering,.m-rail__viewport.is-dragging{scroll-snap-type:none}.m-rail__item{scroll-snap-align:center}.m-rail__track:before{content:"";position:absolute;top:25px;left:0;right:0;height:7px;border-radius:8px;background:linear-gradient(#c6c7c5,#f5f5f2 35%,#939792 85%,#c6c7c5);box-shadow:0 3px 5px #0000001f}.m-rail__item{position:relative;flex:0 0 260px;width:260px;min-width:0;transition:width .55s var(--rail-ease),flex-basis .55s var(--rail-ease)}.m-rail.is-ready .m-rail__item{flex-basis:100px;width:100px}.m-rail.is-ready .m-rail__item.is-selected{flex-basis:310px;width:310px;z-index:2}.m-rail__garment{position:relative;display:block;width:100%;height:calc(var(--rail-height) + 68px);padding:0;border:0;color:inherit;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}.m-rail__garment:disabled{cursor:default}.m-rail__hook{display:block;position:absolute;top:0;left:calc(50% - 10px);width:20px;height:30px;border:2px solid #8b8b80;border-bottom:0;border-radius:12px 12px 0 0;transform:rotate(12deg)}.m-rail__hook:after{content:"";position:absolute;top:24px;left:7px;width:2px;height:14px;background:#8b8b80}.m-rail__images{position:absolute;top:35px;right:0;bottom:28px;left:0;perspective:1100px;transform:scale(var(--garment-scale, 1));transform-origin:center top}.m-rail__side,.m-rail__faces{position:absolute;top:0;right:0;bottom:0;left:0;display:block;transition:opacity .3s ease,transform .65s var(--rail-ease)}.m-rail__side{opacity:1;transform:rotate(-3deg);width:260px;left:calc(50% - 130px);pointer-events:none}.m-rail__side img,.m-rail__face img,.m-rail__side svg{width:100%;height:100%;object-fit:contain;filter:drop-shadow(5px 12px 7px rgb(0 0 0 / .12));-webkit-user-select:none;user-select:none}.m-rail.is-ready .m-rail__item--preview:not(.is-selected) .m-rail__side{width:240px;left:calc(50% - 120px);transform:rotateY(70deg) rotate(-3deg)}.m-rail__faces{opacity:0;transform:rotateY(-70deg) scale(.85);transform-style:preserve-3d;pointer-events:none}.m-rail__face{position:absolute;top:0;right:0;bottom:0;left:0;display:block;backface-visibility:hidden;-webkit-backface-visibility:hidden}.m-rail__back{transform:rotateY(180deg)}.m-rail__item--prepared .m-rail__side{width:310px;left:calc(50% - 155px);transform:none}.m-rail__item--prepared .m-rail__prepared-img{height:auto;transform:translateY(-19.9375%)}.m-rail__item--prepared .m-rail__original-front{width:74.8%;margin-inline:auto;transform:translateY(-9.625%);clip-path:inset(9.625% 0 10.5%);filter:none}.m-rail__item--prepared .m-rail__original-back{width:79.2%;margin-inline:auto;transform:translateY(-8.875%);clip-path:inset(8.875% 0 15.4%);filter:none}.m-rail__item.is-selected .m-rail__side{opacity:0;transform:rotateY(70deg) scale(.8)}.m-rail__item.is-selected .m-rail__faces{opacity:1;transform:rotateY(0)}.m-rail__item.is-selected.is-back .m-rail__faces{transform:rotateY(180deg)}.m-rail__item:not(.is-selected) .m-rail__faces{visibility:hidden}.m-rail__item.is-selected .m-rail__faces{visibility:visible}@media(hover:none),(pointer:coarse){.m-rail__images{perspective:none}.m-rail__faces,.m-rail__item.is-selected .m-rail__faces,.m-rail__item.is-selected.is-back .m-rail__faces{transform:none;transform-style:flat}.m-rail__face{transform:none;backface-visibility:visible;-webkit-backface-visibility:visible}.m-rail__back,.m-rail__item.is-selected.is-back .m-rail__front{visibility:hidden;opacity:0}.m-rail__item.is-selected.is-back .m-rail__back{visibility:visible;opacity:1}.m-rail__item:not(.is-selected) .m-rail__faces{display:none}.m-rail__item.is-selected .m-rail__side{visibility:hidden}}.m-rail__garment{touch-action:pan-x pan-y pinch-zoom}.m-rail__number{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:10px;letter-spacing:.1em;opacity:.45}.m-rail__item.is-selected .m-rail__number{opacity:1}.m-rail__age{font-size:11px!important;opacity:.65;margin-bottom:8px!important}.m-rail__controls button:disabled{opacity:.3;cursor:default}.m-rail__fallback{display:block;font-size:13px;text-align:center}.m-rail.is-ready .m-rail__fallback{display:none}.m-rail__controls{display:none;direction:ltr;justify-content:center;align-items:center;gap:24px;padding:10px 20px 20px}.m-rail.is-ready .m-rail__controls{display:flex}.m-rail__controls button,.m-rail__close{display:inline-grid;place-items:center;min-width:44px;min-height:44px;border:1px solid rgb(11 31 58 / .2);border-radius:50%;background:transparent;color:inherit;cursor:pointer;font-size:20px}.m-rail__instruction{font-size:10px;letter-spacing:.13em;opacity:.6}.m-rail__selection{max-width:960px;margin:12px auto 0;padding:24px;border-top:1px solid rgb(11 31 58 / .14);display:flex;align-items:center;justify-content:space-between;gap:24px}.m-rail__selection-copy{flex:1;min-width:0}.m-rail__selection h3{font-size:19px;line-height:1.35;margin:0 0 7px;overflow-wrap:anywhere}.m-rail__selection p{font-size:14px;margin:0}.m-rail__actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.m-rail__turn,.m-rail__shop{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:12px 20px;border:1px solid currentColor;border-radius:2px;background:transparent;color:inherit;font:inherit;font-size:13px;text-decoration:none;cursor:pointer}.m-rail__shop{background:#0b1f3a;border-color:#0b1f3a;color:#fff}.m-rail button:focus-visible,.m-rail a:focus-visible,.m-rail__viewport:focus-visible{outline:2px solid currentColor;outline-offset:-3px}.m-rail__viewport.is-dragging,.m-rail__viewport.is-dragging button{cursor:grabbing}.m-rail__editor-note{max-width:900px;padding:16px 24px;margin:16px auto 0;font-size:12px;border:1px dashed #aaa}@media(max-width:749px){.m-rail{--rail-height: 300px !important;--rail-rest-width: 78px}.m-rail__header{display:block}.m-rail__hint{margin-top:16px;max-width:none}.m-rail__track{gap:12px}.m-rail__side{width:240px;left:calc(50% - 120px)}.m-rail__item--prepared .m-rail__side{width:250px;left:calc(50% - 125px)}.m-rail.is-ready .m-rail__item{flex-basis:78px;width:78px}.m-rail.is-ready .m-rail__item.is-selected{flex-basis:250px;width:250px}.m-rail__selection{margin-inline:20px;padding:20px 0;flex-direction:column;align-items:stretch;gap:16px}.m-rail__actions{gap:8px}.m-rail__turn,.m-rail__shop{padding-inline:12px}}@media(prefers-reduced-motion:reduce){.m-rail *,.m-rail *:before,.m-rail *:after{transition:none!important;scroll-behavior:auto!important}}.m-rail__item--prepared .m-rail__bloom-front{width:98%;margin-inline:auto;transform:translateY(-17.5%);clip-path:inset(17.5% 0 21%);filter:none}.m-rail__item--prepared .m-rail__96-original{width:80.8%;margin-inline:auto;transform:translateY(-14.65%);clip-path:inset(14.65% 0 10.8%);filter:none}.m-rail__item--prepared .m-rail__awesome-original{width:76.6%;margin-inline:auto;transform:translateY(-8.28%);clip-path:inset(8.28% 0 13.4%);filter:none}.m-rail__back .m-rail__awesome-original{width:78.8%;transform:translateY(-9.16%);clip-path:inset(9.16% 0 14.5%)}.m-rail__viewport{scrollbar-width:none}.m-rail__viewport::-webkit-scrollbar{display:none}.m-rail__garment{text-decoration:none}.m-rail__views{display:flex;justify-content:center;visibility:hidden;pointer-events:none}.m-rail__item.is-selected .m-rail__views{visibility:visible;pointer-events:auto}.m-rail__views{gap:4px}.m-rail__views button{display:grid;place-items:center;min-width:60px;min-height:44px;padding:0 12px;border:0;background:transparent;color:#7b8490;font:inherit;font-size:12px;cursor:pointer}.m-rail__views span{padding:6px 0;border-bottom:1px solid transparent;transition:color .2s,border-color .2s}.m-rail__views [aria-pressed=true]{color:#0b1f3a}.m-rail__views [aria-pressed=true] span{border-bottom-color:currentColor}.m-rail__selection{border-top:0;text-align:center;justify-content:center;margin-top:0;padding-top:8px}.m-rail__selection .m-rail__set-note{font-size:12px;opacity:.65;margin-top:8px}.m-rail__collection{text-align:center;padding:8px 24px 0}.m-rail__collection a{color:inherit;font-size:13px;text-underline-offset:5px}
/*# sourceMappingURL=/cdn/shop/t/9/assets/marinero-clothing-rail.css.map */
