:root{--traction-ease-load: var(--motion-ease-load);--traction-ease-grip: var(--motion-ease-grip);--traction-label: var(--motion-label);--traction-title: var(--motion-title);--traction-body: var(--motion-body);--traction-draw: var(--motion-draw);--traction-scrim: var(--motion-scrim);--traction-cadence: var(--motion-cadence);--traction-menu-open: var(--motion-menu-open);--traction-travel-label: var(--motion-travel-label);--traction-travel-body: var(--motion-travel-body);--traction-travel-title: var(--motion-travel-title);--traction-lift: var(--motion-lift);--traction-press-shift: var(--motion-press-shift);--traction-card-scale: var(--motion-card-scale);--traction-press-scale: var(--motion-press-scale);--traction-trail-cycle: var(--motion-trail-cycle)}html.js[data-motion=on] [data-motion-reveal]{opacity:0;transform:translate3d(0,var(--traction-travel-body),0)}html.js[data-motion=on] [data-motion-reveal=label]{transform:translate3d(0,var(--traction-travel-label),0)}html.js[data-motion=on] [data-motion-reveal=title]{transform:translate3d(0,var(--traction-travel-title),0)}html.js[data-motion=on] [data-motion-reveal][data-motion-in]{opacity:1;transform:none;transition:opacity var(--traction-body) var(--traction-ease-load),transform var(--traction-body) var(--traction-ease-load)}html.js[data-motion=on] [data-motion-reveal=label][data-motion-in]{transition-duration:var(--traction-label)}html.js[data-motion=on] [data-motion-reveal=title][data-motion-in]{transition-duration:var(--traction-title)}[data-motion-stagger]>:nth-child(2){transition-delay:var(--traction-cadence)}[data-motion-stagger]>:nth-child(3){transition-delay:calc(var(--traction-cadence) * 2)}[data-motion-stagger]>:nth-child(n+4){transition-delay:calc(var(--traction-cadence) * 3)}html.js[data-motion=on] [data-motion-hero-media] img{opacity:0}html.js[data-motion=on] [data-motion-hero-media][data-motion-in] img{opacity:1;transition:opacity var(--traction-scrim) var(--traction-ease-load)}[data-motion-sweep],[data-motion-draw]{position:relative;height:1px;overflow:hidden;border:0;background:var(--color-border-default)}[data-motion-sweep]:after,[data-motion-draw]:after{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-brand-primary);content:"";pointer-events:none;transform:scaleX(0);transform-origin:left center}html.js[data-motion=on] [data-motion-sweep][data-motion-in]:after,html.js[data-motion=on] [data-motion-draw][data-motion-in]:after{opacity:0;transform:scaleX(1);transition:transform var(--traction-draw) var(--traction-ease-grip),opacity var(--motion-slow) linear var(--traction-draw)}[data-motion-rule]{transform:scaleX(0);transform-origin:left center}html.js[data-motion=on] [data-motion-rule][data-motion-in]{transform:scaleX(1);transition:transform var(--traction-draw) var(--traction-ease-grip)}[data-motion-header]{transition:background-color var(--motion-normal) var(--traction-ease-load),box-shadow var(--motion-normal) var(--traction-ease-load)}[data-motion-header]:after{position:absolute;right:0;bottom:-1px;left:0;height:1px;background:var(--color-brand-primary);content:"";pointer-events:none;transform:scaleX(0);transform-origin:left center;transition:transform var(--motion-slow) var(--traction-ease-grip)}[data-motion-header][data-motion-stuck]{background:color-mix(in srgb,var(--color-surface-default) 98%,transparent);box-shadow:var(--shadow-card)}[data-motion-header][data-motion-stuck]:after{transform:scaleX(1)}[data-motion-nav]{position:relative}[data-motion-nav]:after{position:absolute;right:0;bottom:calc(var(--space-2) * -1);left:0;height:2px;background:var(--color-brand-primary);content:"";transform:scaleX(0);transform-origin:left center;transition:transform var(--motion-fast) var(--traction-ease-grip)}[data-motion-nav]:hover:after,[data-motion-nav]:focus-visible:after,[data-motion-nav][aria-current=page]:after{transform:scaleX(1)}[data-motion-card]{transition:transform var(--motion-normal) var(--traction-ease-load),border-color var(--motion-normal) var(--traction-ease-load),box-shadow var(--motion-normal) var(--traction-ease-load),background-color var(--motion-normal) var(--traction-ease-load)}[data-motion-card-media]{overflow:hidden}[data-motion-card-media] img{transition:transform var(--motion-slow) var(--traction-ease-load)}@media(hover:hover)and (pointer:fine){[data-motion-card]:hover{border-color:var(--color-brand-primary);box-shadow:var(--shadow-card);transform:translate3d(0,calc(var(--traction-lift) * -1),0)}[data-motion-card]:hover [data-motion-card-media] img{transform:scale(var(--traction-card-scale))}}[data-motion-card]:focus-within{border-color:var(--color-brand-primary);box-shadow:var(--shadow-card);transform:translate3d(0,calc(var(--traction-lift) * -1),0)}[data-motion-card]:focus-within [data-motion-card-media] img{transform:scale(var(--traction-card-scale))}[data-motion-card]:active{transform:translateZ(0) scale(var(--traction-press-scale));transition-duration:var(--motion-fast)}[data-motion-step-rule]{position:relative;border-top-color:transparent}[data-motion-step-rule]:before{position:absolute;top:-1px;right:0;left:0;height:1px;background:var(--color-border-default);content:"";transform:scaleX(0);transform-origin:left center;transition:transform var(--traction-draw) var(--traction-ease-grip)}[data-motion-step-number]{transition:color var(--motion-normal) var(--traction-ease-load),transform var(--motion-normal) var(--traction-ease-load)}html.js[data-motion=on] [data-motion-step-number]{transform:translate3d(0,var(--space-1),0)}html.js[data-motion=on] [data-motion-steps][data-motion-in] [data-motion-step-rule]:before{transform:scaleX(1)}html.js[data-motion=on] [data-motion-steps][data-motion-in] [data-motion-step-number]{color:var(--color-brand-primary);transform:none}[data-motion-steps]>:nth-child(2) [data-motion-step-rule]:before,[data-motion-steps]>:nth-child(2) [data-motion-step-number]{transition-delay:var(--traction-cadence)}[data-motion-steps]>:nth-child(3) [data-motion-step-rule]:before,[data-motion-steps]>:nth-child(3) [data-motion-step-number]{transition-delay:calc(var(--traction-cadence) * 2)}[data-motion-steps]>:nth-child(n+4) [data-motion-step-rule]:before,[data-motion-steps]>:nth-child(n+4) [data-motion-step-number]{transition-delay:calc(var(--traction-cadence) * 3)}[data-motion-band]{position:relative}[data-motion-band]:before{position:absolute;top:0;bottom:0;left:0;width:2px;background:var(--color-brand-accent);content:"";transform:scaleY(0);transform-origin:center top;transition:transform var(--motion-enter) var(--traction-ease-grip)}html.js[data-motion=on] [data-motion-band][data-motion-in]:before{transform:scaleY(1)}[data-motion-press]{transition:transform var(--motion-fast) var(--traction-ease-grip),background-color var(--motion-normal) var(--traction-ease-load),color var(--motion-normal) var(--traction-ease-load),border-color var(--motion-normal) var(--traction-ease-load)}[data-motion-press]:active{transform:translate3d(0,var(--traction-press-shift),0) scale(var(--traction-press-scale))}[data-motion-menu] nav{transform-origin:top right}html.js[data-motion=on] [data-motion-menu][open] nav{animation:motion-menu-in var(--traction-menu-open) var(--traction-ease-load) both}html.js[data-motion=on] [data-motion-menu][open] [data-motion-menu-item]{animation:motion-menu-item-in var(--motion-normal) var(--traction-ease-load) both}html.js[data-motion=on] [data-motion-menu][open] [data-motion-menu-item]:nth-child(2){animation-delay:var(--traction-cadence)}html.js[data-motion=on] [data-motion-menu][open] [data-motion-menu-item]:nth-child(3){animation-delay:calc(var(--traction-cadence) * 2)}html.js[data-motion=on] [data-motion-menu][open] [data-motion-menu-item]:nth-child(n+4){animation-delay:calc(var(--traction-cadence) * 3)}@keyframes motion-menu-in{0%{opacity:0;transform:translate3d(0,calc(var(--space-2) * -1),0)}to{opacity:1;transform:none}}@keyframes motion-menu-item-in{0%{opacity:0;transform:translate3d(0,var(--space-2),0)}to{opacity:1;transform:none}}[data-background-motif]{position:relative;isolation:isolate;overflow:hidden}[data-background-motif]>:not(.mountain-backdrop){position:relative;z-index:1}.mountain-backdrop{position:absolute;right:0;bottom:0;left:0;z-index:0;height:clamp(13rem,26vw,24rem);color:color-mix(in srgb,var(--color-brand-primary) 18%,transparent);pointer-events:none}.mountain-backdrop--ambient{bottom:-1px;height:clamp(10rem,22vw,18rem);color:color-mix(in srgb,var(--color-brand-primary) 26%,transparent)}.hero>.mountain-backdrop--signal{bottom:-1px;z-index:-1;height:clamp(16rem,30vw,28rem);color:color-mix(in srgb,var(--color-brand-primary) 44%,transparent)}.hero>.mountain-backdrop--signal .mountain-backdrop__mass{opacity:.18}.hero>.mountain-backdrop--signal .mountain-backdrop__ridge{stroke-width:2}.product-buybox>.mountain-backdrop--ambient,.tf-product__buybox>.mountain-backdrop--ambient{top:0;bottom:auto;height:clamp(11rem,18vw,15rem);color:color-mix(in srgb,var(--color-brand-primary) 22%,transparent)}.mountain-backdrop svg{display:block;width:100%;height:100%}.mountain-backdrop__ridge,.mountain-backdrop__basin,.mountain-backdrop__arc{fill:none;stroke:currentColor;vector-effect:non-scaling-stroke}.mountain-backdrop__mass{fill:currentColor;opacity:.14}.mountain-backdrop__ridge{stroke-width:1.5}.mountain-backdrop__basin{opacity:.58;stroke-width:1}.mountain-backdrop--ambient .mountain-backdrop__mass{opacity:.2}.mountain-backdrop--ambient .mountain-backdrop__ridge{stroke-width:2}.mountain-backdrop--ambient .mountain-backdrop__basin{opacity:.72;stroke-width:1.25}.mountain-backdrop__arc{stroke:var(--color-brand-primary);stroke-linecap:round;stroke-width:1.5;opacity:0}.mountain-backdrop__peak{fill:var(--color-brand-primary);stroke:none;opacity:.22}.mountain-backdrop__trail{fill:none;stroke:var(--color-brand-primary);stroke-dasharray:14 16 14 16 14 1598;stroke-linecap:round;stroke-width:2;opacity:.42}html.js[data-motion=on] .mountain-backdrop__trail{animation:tf-ridge-trail var(--traction-trail-cycle) linear infinite}html.js[data-motion=on] .mountain-backdrop__arc,html.js[data-motion=on] .mountain-backdrop__peak{animation-duration:var(--traction-trail-cycle);animation-iteration-count:infinite;animation-timing-function:linear}html.js[data-motion=on] .mountain-backdrop__arc{animation-name:tf-peak-emit}html.js[data-motion=on] .mountain-backdrop__peak{animation-name:tf-peak-live}html.js[data-motion=on] [data-emitter=a] .mountain-backdrop__arc:nth-child(1){animation-delay:calc(var(--traction-trail-cycle) * .2999)}html.js[data-motion=on] [data-emitter=a] .mountain-backdrop__arc:nth-child(2){animation-delay:calc(var(--traction-trail-cycle) * .3079)}html.js[data-motion=on] [data-emitter=a] .mountain-backdrop__arc:nth-child(3){animation-delay:calc(var(--traction-trail-cycle) * .3159)}html.js[data-motion=on] [data-emitter=b] .mountain-backdrop__arc:nth-child(1){animation-delay:calc(var(--traction-trail-cycle) * .5978)}html.js[data-motion=on] [data-emitter=b] .mountain-backdrop__arc:nth-child(2){animation-delay:calc(var(--traction-trail-cycle) * .6058)}html.js[data-motion=on] [data-emitter=b] .mountain-backdrop__arc:nth-child(3){animation-delay:calc(var(--traction-trail-cycle) * .6138)}html.js[data-motion=on] [data-emitter=c] .mountain-backdrop__arc,html.js[data-motion=on] [data-emitter=e] .mountain-backdrop__arc{animation-name:tf-peak-emit-minor}html.js[data-motion=on] [data-emitter=c] .mountain-backdrop__arc:nth-child(1){animation-delay:calc(var(--traction-trail-cycle) * .1194)}html.js[data-motion=on] [data-emitter=c] .mountain-backdrop__arc:nth-child(2){animation-delay:calc(var(--traction-trail-cycle) * .1274)}html.js[data-motion=on] [data-emitter=e] .mountain-backdrop__arc:nth-child(1){animation-delay:calc(var(--traction-trail-cycle) * .7204)}html.js[data-motion=on] [data-emitter=e] .mountain-backdrop__arc:nth-child(2){animation-delay:calc(var(--traction-trail-cycle) * .7284)}.mountain-backdrop__peak[data-emitter=c],.mountain-backdrop__peak[data-emitter=e]{opacity:.16}html.js[data-motion=on] .mountain-backdrop__peak[data-emitter=c],html.js[data-motion=on] .mountain-backdrop__peak[data-emitter=e]{animation-name:tf-peak-live-minor}html.js[data-motion=on] .mountain-backdrop__peak[data-emitter=a]{animation-delay:calc(var(--traction-trail-cycle) * .2999)}html.js[data-motion=on] .mountain-backdrop__peak[data-emitter=b]{animation-delay:calc(var(--traction-trail-cycle) * .5978)}html.js[data-motion=on] .mountain-backdrop__peak[data-emitter=c]{animation-delay:calc(var(--traction-trail-cycle) * .1194)}html.js[data-motion=on] .mountain-backdrop__peak[data-emitter=e]{animation-delay:calc(var(--traction-trail-cycle) * .7204)}@keyframes tf-peak-emit{0%{opacity:.55}4.6%,to{opacity:0}}@keyframes tf-peak-live{0%{opacity:.95}4.6%,to{opacity:.22}}@keyframes tf-peak-emit-minor{0%{opacity:.35}4%,to{opacity:0}}@keyframes tf-peak-live-minor{0%{opacity:.7}4%,to{opacity:.16}}@keyframes tf-ridge-trail{0%{stroke-dashoffset:0}to{stroke-dashoffset:-1672}}html.js[data-motion=off] [data-motion-reveal],html.js[data-motion=off] [data-motion-hero-media] img,html.js[data-motion=off] [data-motion-step-number],html.js[data-motion=off] [data-motion-card],html.js[data-motion=off] [data-motion-card-media],html.js[data-motion=off] [data-motion-press],html.js[data-motion=off] [data-motion-rule]{opacity:1;transform:none;transition:none}html.js[data-motion=off] [data-motion-sweep]:after,html.js[data-motion=off] [data-motion-draw]:after,html.js[data-motion=off] [data-motion-band]:before{display:none}html.js[data-motion=off] [data-motion-step-rule]:before{transform:scaleX(1);transition:none}html.js[data-motion=off] [data-motion-menu][open] nav,html.js[data-motion=off] [data-motion-menu][open] [data-motion-menu-item]{animation:none}html.js[data-motion=off] .mountain-backdrop__arc,html.js[data-motion=off] .mountain-backdrop__peak,html.js[data-motion=off] .mountain-backdrop__trail{animation:none}html.js[data-motion=off] .mountain-backdrop__arc{opacity:.18}html.js[data-motion=off] .mountain-backdrop__peak{opacity:.3}html.js[data-motion=off] .mountain-backdrop__trail{opacity:.24}@media(prefers-reduced-motion:reduce){[data-motion-reveal],[data-motion-hero-media] img,[data-motion-step-number],[data-motion-card],[data-motion-card-media],[data-motion-press],[data-motion-rule]{opacity:1!important;transform:none!important;transition:none!important}[data-motion-sweep]:after,[data-motion-draw]:after,[data-motion-band]:before{display:none}[data-motion-step-rule]:before{transform:scaleX(1);transition:none}[data-motion-menu][open] nav,[data-motion-menu][open] [data-motion-menu-item],.mountain-backdrop__arc,.mountain-backdrop__peak,.mountain-backdrop__trail{animation:none!important}.mountain-backdrop__arc{opacity:.18}.mountain-backdrop__peak{opacity:.3}.mountain-backdrop__trail{opacity:.24}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/trailfreqs-motion.css.map */