:root{--montain-color-active: rgba(0, 59, 255, 1);--montain-color-accent: rgba(0, 59, 255, 1);--montain-color-white: rgba(255, 255, 255, 1);--montain-color-gray: rgba(248, 248, 248, 1);--montain-color-light: rgba(240, 240, 240, 1);--montain-color-light-alt: rgba(224, 224, 224, 1);--montain-color-line: rgba(190, 190, 190, 1);--montain-color-text-dark: rgba(17, 17, 17, 1);--montain-color-text-medium: rgba(85, 85, 85, 1);--montain-color-text-light: rgba(150, 150, 150, 1);--montain-color-text-muted: rgba(153, 153, 153, 1);--montain-color-border: rgba(231, 231, 231, 1);--montain-color-border-gray: rgba(204, 204, 204, 1);--montain-font-size-xs: 12px;--montain-font-size-sm: 13.5px;--montain-font-size-base: 16px;--montain-font-size-md: 18px;--montain-font-size-lg: 20px;--montain-font-size-xl: 40px;--montain-font-size-mobile-xs: 11px;--montain-font-size-mobile-sm: 13px;--montain-font-size-mobile-base: 15px;--montain-font-size-mobile-md: 16px;--montain-spacing-xs: 8px;--montain-spacing-sm: 12px;--montain-spacing-md: 15px;--montain-spacing-lg: 20px;--montain-spacing-xl: 25px;--montain-spacing-xxl: 40px;--montain-radius-sm: 4px;--montain-radius-md: 12px}.fidelity{position:relative;width:100%;height:auto;min-height:3500px}.fidelity .split-container{min-height:3500px}.fidelity .split-container{display:flex;width:100%;height:100%;border-top:var(--montain-color-border) 1px solid;border-bottom:var(--montain-color-border) 1px solid}.fidelity .left-panel{width:50%;max-width:700px;padding:var(--montain-spacing-xxl);background:var(--montain-color-white);z-index:2;position:sticky;top:calc(var(--header-height, 66px) + var(--announcement-bar-height, 33px));height:calc(100vh - var(--header-height, 66px) - var(--announcement-bar-height, 33px));overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:var(--montain-spacing-xxl);justify-content:center;scrollbar-width:none;-ms-overflow-style:none}.fidelity .left-panel::-webkit-scrollbar{display:none}.fidelity .loyalty-header{max-width:800px;padding:var(--montain-spacing-xxl) 0 var(--montain-spacing-xxl) var(--montain-spacing-xxl)}.fidelity .loyalty-badge{display:inline-block;padding:6px 16px;background:#111;color:#fff;border-radius:20px;font-size:14px;font-weight:500;margin-bottom:var(--montain-spacing-sm)}.fidelity .loyalty-header h1{font-size:32px;font-weight:600;line-height:1.2;letter-spacing:-.5px}.fidelity .loyalty-steps{display:grid;grid-template-areas:"stack";justify-items:center;align-items:start;gap:0;max-width:800px;width:90%;margin:0 auto;padding-bottom:10vh;min-height:400px}.fidelity .loyalty-card{grid-area:stack;width:100%;background:#fff;border:1px solid var(--montain-color-border);border-radius:var(--montain-radius-sm);padding:var(--montain-spacing-xl);box-shadow:0 4px 20px #00000008;opacity:0;visibility:hidden;transform:translateY(20px)}.fidelity .loyalty-card.active{opacity:1;visibility:visible;transform:translateY(0);border-color:var(--tier-color, var(--montain-color-accent));box-shadow:0 10px 30px #0066ff1a}.fidelity .loyalty-card.blocked{opacity:.8;background:#f8f8f8}.fidelity .loyalty-card.blocked .status-badge{filter:grayscale(100%);opacity:.4}.fidelity .loyalty-card .lock-icon{position:absolute;left:0;top:0;width:60px;height:60px;background:#505050d9;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:2}.fidelity .loyalty-card .lock-icon svg{width:20px;height:20px}.fidelity .loyalty-card.blocked .status-info h3,.fidelity .loyalty-card.blocked .status-points{color:var(--montain-color-text-medium)}.fidelity .loyalty-card.blocked .shipping-name,.fidelity .loyalty-card.blocked .benefits-list li{color:#aaa}.fidelity .shipping-badge{text-transform:uppercase!important}.fidelity .loyalty-card.blocked .shipping-badge{background:#bbb}.fidelity .loyalty-card.blocked .shipping-item.offered .shipping-badge{background:#999}.fidelity .loyalty-card .blocked-label{display:flex;align-items:center;gap:6px;margin-left:auto;color:var(--montain-color-text-medium);font-size:13px;font-weight:500}.fidelity .loyalty-card .blocked-label svg{width:16px;height:16px;opacity:.6}.fidelity .loyalty-card:not(.blocked) .lock-icon,.fidelity .loyalty-card:not(.blocked) .blocked-label{display:none}.fidelity .card-header{position:relative;display:flex;align-items:center;gap:var(--montain-spacing-sm);margin-bottom:var(--montain-spacing-xl);border-bottom:1px solid var(--montain-color-border);padding-bottom:var(--montain-spacing-xl)}.fidelity .status-badge{width:60px;height:60px;object-fit:contain}.fidelity .status-info h3{font-size:20px;font-weight:600;margin-bottom:2px}.fidelity .status-points{color:var(--tier-color, var(--montain-color-accent));font-weight:600;font-size:14px}.fidelity .card-body{display:flex;flex-direction:column;gap:var(--montain-spacing-sm)}.fidelity .shipping-options{display:flex;flex-direction:column;gap:8px;margin-bottom:var(--montain-spacing-sm);padding-bottom:var(--montain-spacing-sm);border-bottom:1px solid var(--montain-color-border)}.fidelity .shipping-item{display:flex;align-items:center;gap:10px;font-size:14px}.fidelity .shipping-badge{display:inline-flex;align-items:center;justify-content:center;width:65px;height:22px;background:#1a1a1a;color:#fff;border-radius:20px;font-size:10px;font-weight:700;letter-spacing:.5px;flex-shrink:0}.fidelity .shipping-item.new .shipping-badge{background:var(--tier-color, var(--montain-color-accent));animation:fidelity-pulse-badge 2s ease-in-out infinite}@keyframes fidelity-pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.fidelity .shipping-name{color:var(--montain-color-text-dark);font-weight:500}.fidelity .shipping-item.locked .shipping-name{color:var(--montain-color-text-medium);opacity:.5}.fidelity .shipping-x{display:inline-flex;align-items:center;justify-content:center;width:65px;height:22px;color:var(--montain-color-text-medium);font-size:16px;opacity:.4;flex-shrink:0}.fidelity .benefits-list{list-style:none}.fidelity .benefits-list li{font-size:14px;color:var(--montain-color-text-dark);margin-bottom:10px;padding-left:28px;position:relative;line-height:1.4}.fidelity .benefits-list li:before{content:"";position:absolute;left:0;top:1px;width:16px;height:16px;background-color:var(--tier-color, var(--montain-color-accent));border-radius:50%;background-image:url("data:image/svg+xml;utf8,<svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M4.49854 7.67523L7.04986 10.2266L11.503 5.77344' stroke='white' stroke-width='2' stroke-linejoin='bevel'/></svg>");background-repeat:no-repeat;background-position:center}.fidelity .right-panel{flex:1;position:sticky;top:calc(var(--header-height, 66px) + var(--announcement-bar-height, 33px));height:calc(100vh - var(--header-height, 66px) - var(--announcement-bar-height, 33px));background:#f8f8f8;overflow:hidden;border-left:1px solid var(--montain-color-border)}.fidelity .timeline-nav-arrow{position:absolute;right:20px;bottom:20px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--montain-color-white);border:1px solid var(--montain-color-border-color);border-radius:50%;cursor:pointer;pointer-events:auto;z-index:130;transition:all var(--duration-ultrashort) var(--ease-default);color:var(--montain-color-active)}.fidelity .timeline-nav-arrow:hover{background:var(--montain-color-active);color:var(--montain-color-white);transform:scale(1.1)}.fidelity #mm-fidelity-sticky-view{position:absolute;top:0;left:0;width:100%;height:100%}.fidelity #mm-fidelity-canvas{display:block!important;width:100%!important;height:100%!important;background:#f8f8f8!important;z-index:1;position:absolute;top:0;left:0}.fidelity #mm-fidelity-timeline-container{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100%;height:120px;pointer-events:none;z-index:20;overflow:hidden;background:linear-gradient(to top,#fff,#fffc 40%,#fff0);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 15%,black 85%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,black 15%,black 85%,transparent 100%)}.fidelity #mm-fidelity-timeline-strip{position:absolute;bottom:0;left:50%;height:100%;display:flex;align-items:flex-end;will-change:transform}.fidelity .t-tick-wrapper{position:absolute;bottom:20px;display:flex;flex-direction:column;align-items:center;transform:translate(-50%);overflow:visible}.fidelity .t-line{width:1px;background-color:var(--montain-color-text-medium);opacity:.3;height:15px;transition:all var(--duration-ultrashort) var(--ease-default)}.fidelity .t-label{font-size:11px;color:var(--montain-color-text-medium);margin-bottom:8px;font-weight:600;opacity:0;transition:all var(--duration-ultrashort) var(--ease-default);white-space:nowrap;text-transform:uppercase;letter-spacing:.5px;background:#fff;padding:4px 12px;border-radius:50px;box-shadow:0 2px 8px #00000014}.fidelity .t-step .t-line{height:30px;opacity:.8}.fidelity .t-step .t-label{opacity:1}.fidelity .t-active .t-line{background-color:var(--active-tier-color, var(--montain-color-accent));height:40px;opacity:1}.fidelity .t-active .t-label{color:#fff;background:var(--active-tier-color, var(--montain-color-accent));opacity:1;box-shadow:0 2px 12px #0066ff4d}.fidelity #mm-fidelity-timeline-marker{position:absolute;bottom:20px;left:50%;width:2px;height:40px;background:var(--montain-color-accent);transform:translate(-50%);opacity:.5;z-index:30}.fidelity .timeline-nav-arrow{position:absolute;right:20px;bottom:20px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--montain-color-border);border-radius:50%;cursor:pointer;pointer-events:auto;z-index:130;transition:all var(--duration-ultrashort) var(--ease-default);color:var(--montain-color-accent);padding:0}.fidelity .timeline-nav-arrow:hover{background:var(--montain-color-accent);color:#fff;transform:scale(1.1)}.fidelity .timeline-nav-arrow svg{width:20px;height:20px;transition:transform var(--duration-ultrashort) var(--ease-default)}.fidelity .timeline-nav-arrow.arrow-up svg{transform:rotate(0)}.fidelity .timeline-nav-arrow.arrow-down svg{transform:rotate(180deg)}@media(max-width:900px){.fidelity{display:flex;flex-direction:column;min-height:auto}.fidelity .split-container{flex-direction:column;min-height:auto}.fidelity .left-panel{flex:0 0 auto;width:100%;max-width:100%;padding:var(--montain-spacing-lg) 0;order:2;position:relative;height:auto;overflow:visible;z-index:1;display:block;top:0}.fidelity .right-panel{flex:0 0 auto;position:sticky;top:calc(var(--navbar-height-mobile, 54px) + var(--announcement-bar-height-mobile, 33px));height:30vh;order:1;border-left:none;border-bottom:1px solid var(--montain-color-border);z-index:4;background:#fff}.fidelity .loyalty-header{padding:var(--montain-spacing-lg);max-width:100%;margin:0;text-align:left;z-index:3}.fidelity .loyalty-header h1{font-size:20px}.fidelity .loyalty-badge{font-size:12px;padding:4px 12px}.fidelity .loyalty-steps{padding-left:var(--montain-spacing-lg);padding-right:var(--montain-spacing-lg);max-width:100%;width:100%;padding-bottom:0;z-index:1;height:auto;display:flex;flex-direction:column;gap:var(--montain-spacing-xl)}.fidelity .loyalty-card{grid-area:auto;opacity:.8!important;visibility:visible!important;transform:translateY(8px)!important;margin-bottom:var(--montain-spacing-lg);position:relative;border-color:transparent!important;filter:none!important;transition:transform var(--duration-dropdown) var(--ease-default),opacity var(--duration-dropdown) var(--ease-default),border-color var(--duration-dropdown) var(--ease-default)}.fidelity .loyalty-card.active{opacity:1!important;border-color:var(--tier-color, var(--montain-color-accent))!important;box-shadow:0 10px 30px #0066ff26;transform:translateY(0)!important}.fidelity .card-header{margin-bottom:var(--montain-spacing-sm);padding-bottom:var(--montain-spacing-sm);gap:12px}.fidelity .status-badge,.fidelity .loyalty-card .lock-icon{width:50px;height:50px}.fidelity .loyalty-card .lock-icon svg{width:16px;height:16px}.fidelity .loyalty-card .blocked-label{font-size:11px;gap:4px}.fidelity .loyalty-card .blocked-label svg{width:14px;height:14px}.fidelity .status-info h3{font-size:18px}.fidelity .status-points{font-size:13px}.fidelity .card-body{gap:10px}.fidelity .shipping-options{gap:6px;margin-bottom:10px;padding-bottom:10px}.fidelity .shipping-item{gap:8px;font-size:13px}.fidelity .shipping-badge{padding:3px 8px;font-size:9px}.fidelity .shipping-x{width:24px;height:18px;font-size:14px}.fidelity .benefits-list li{font-size:13px;margin-bottom:8px;padding-left:24px}.fidelity .benefits-list li:before{transform:scale(.85)}.fidelity #mm-fidelity-timeline-container{bottom:0;height:70px}.fidelity #mm-fidelity-timeline-marker{bottom:15px;height:35px}.fidelity .t-tick-wrapper{bottom:15px}.fidelity .t-label{font-size:8px;margin-bottom:4px;padding:3px 8px}.fidelity .t-line{height:12px}.fidelity .t-step .t-line{height:22px}.fidelity .t-active .t-line{height:28px}.fidelity .timeline-nav-arrow{right:15px;bottom:15px;width:36px;height:36px}.fidelity .timeline-nav-arrow svg{width:18px;height:18px}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/mm-montain-fidelity.css.map */