.t-mtn{--mtn-vx: 0;--mtn-vw: 600;--mtn-gap: 22px;background:var(--kalk-50);position:relative}.t-mtn__track{position:relative;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-rows:minmax(0,1fr);column-gap:56px;max-width:1280px;margin:0 auto;padding:0 56px;height:340vh}.t-mtn__copy,.t-mtn__stage{position:sticky;top:0;height:100vh;align-self:start}.t-mtn__copy{display:flex;flex-direction:column;justify-content:center;gap:24px;max-width:470px}.t-mtn__text{color:var(--schiefer-700)}.t-mtn__run{display:none}.t-mtn__steps{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:14px;border-left:1px solid var(--line)}.t-mtn__steps li{position:relative;padding-left:20px;font-family:var(--f-label);font-weight:500;font-size:15px;line-height:20px;letter-spacing:.16em;text-transform:lowercase;color:var(--schiefer-900);transition:color .4s ease}.t-mtn__steps li span{display:inline-block;width:36px}.t-mtn__steps li:before{content:"";position:absolute;left:-1px;top:-3px;bottom:-3px;width:1px;background:var(--schiefer-900);transform:scaleY(0);transition:transform .4s ease}.t-mtn.is-live .t-mtn__steps li:not(.is-on){color:var(--schiefer-500)}.t-mtn.is-live .t-mtn__steps li.is-on:before{transform:scaleY(1)}.t-mtn__now{display:none;margin:0;font-family:var(--f-label);font-weight:500;font-size:15px;line-height:20px;letter-spacing:.16em;text-transform:lowercase;color:var(--schiefer-900);text-align:center}.t-mtn__now span{grid-area:1 / 1;opacity:0;transition:opacity .4s ease}.t-mtn__now span.is-on{opacity:1}.t-mtn__stage{display:flex;flex-direction:column;align-items:center;justify-content:center}.t-mtn__frame{position:relative;width:min(100%,calc(88vh * var(--mtn-vw) / 860));aspect-ratio:var(--mtn-vw) / 860}.t-mtn__art{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 9%,#000 91%,transparent 100%),linear-gradient(180deg,#000 0,#000 88%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0,#000 9%,#000 91%,transparent 100%),linear-gradient(180deg,#000 0,#000 88%,transparent 100%);mask-composite:intersect}.t-mtn__svg{position:absolute;top:0;left:calc(var(--mtn-vx) / var(--mtn-vw) * -100%);width:calc(600 / var(--mtn-vw) * 100%);height:100%;display:block}.t-mtn__core{fill:#f3c1aa;transition:fill .45s ease}.t-mtn__halo,.t-mtn__ring{transform-box:fill-box;transform-origin:center}.t-mtn__halo{transition:opacity .6s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.t-mtn__ring{opacity:0;transform:scale(1.9);transition:opacity 1.1s ease-out,transform 1.1s cubic-bezier(.2,.7,.2,1)}.t-mtn.is-live .t-mtn__pt:not(.is-on) .t-mtn__core{fill:#fff}.t-mtn.is-live .t-mtn__pt:not(.is-on) .t-mtn__halo{opacity:0;transform:scale(.4)}.t-mtn.is-live .t-mtn__pt:not(.is-on) .t-mtn__ring{opacity:.9;transform:scale(.4);transition:none}.t-mtn__mins{list-style:none;margin:0;padding:0}.t-mtn__min,.t-mtn__tunnel{position:absolute;margin:0;display:flex;flex-direction:column;gap:1px;white-space:nowrap;pointer-events:none;text-shadow:0 0 4px #FFFFFF,0 0 10px #FFFFFF,0 0 18px #FFFFFF}.t-mtn__min{left:calc((var(--x) - var(--mtn-vx)) / var(--mtn-vw) * 100%);top:calc(var(--y) / 860 * 100%);transform:translate(var(--mtn-gap),-50%);transition:opacity .5s ease,translate .5s ease}.t-mtn__min[data-side=l]{transform:translate(calc(-100% - var(--mtn-gap)),-50%);align-items:flex-end;text-align:right}.t-mtn.is-live .t-mtn__min:not(.is-on){opacity:0;translate:0 8px}.t-mtn__min-name{font-family:var(--f-label);font-weight:500;font-size:16px;line-height:20px;letter-spacing:.16em;text-transform:lowercase;color:var(--schiefer-900)}.t-mtn__min-val{font-size:16px;line-height:21px;color:var(--schiefer-700)}.t-mtn__tunnel{left:calc((300 - var(--mtn-vx)) / var(--mtn-vw) * 100%);top:calc(776 / 860 * 100%);transform:translate(-50%);align-items:center;text-align:center;transition:opacity .8s ease}.t-mtn__drop{visibility:hidden}.t-mtn.is-live .t-mtn__drop{visibility:visible}.t-mtn__glow{transition:opacity 1s ease}.t-mtn__ripples ellipse{transform-box:fill-box;transform-origin:center;opacity:.55}.t-mtn__ripples ellipse:nth-child(2){transform:scale(1.45);opacity:.3}.t-mtn__ripples ellipse:nth-child(3){transform:scale(.6);opacity:.7}.t-mtn.is-live:not(.is-spring) .t-mtn__glow,.t-mtn.is-live:not(.is-spring) .t-mtn__ripples,.t-mtn.is-live:not(.is-spring) .t-mtn__tunnel{opacity:0}.t-mtn__ripples{transition:opacity .6s ease}.t-mtn.is-live.is-spring .t-mtn__ripples ellipse{animation:t-mtn-ripple 4s cubic-bezier(.2,.6,.3,1) infinite backwards}.t-mtn.is-live.is-spring .t-mtn__ripples ellipse:nth-child(2){animation-delay:.4s}.t-mtn.is-live.is-spring .t-mtn__ripples ellipse:nth-child(3){animation-delay:.8s}@keyframes t-mtn-ripple{0%{transform:scale(.3);opacity:0}10%{opacity:.85}72%,to{transform:scale(1.7);opacity:0}}.t-mtn__drip{opacity:0;transform-box:fill-box;transform-origin:50% 0}.t-mtn.is-live.is-spring .t-mtn__drip{animation:t-mtn-drip 4s infinite}@keyframes t-mtn-drip{0%,48%{opacity:0;transform:translateY(0) scale(.3)}60%{opacity:.9;transform:translateY(0) scale(1);animation-timing-function:cubic-bezier(.55,0,1,.6)}97%{opacity:.9;transform:translateY(112px) scale(1)}to{opacity:0;transform:translateY(116px) scale(.6)}}@media screen and (max-width:989px){.t-mtn{--mtn-vx: 80;--mtn-vw: 440}.t-mtn__track{display:block;height:auto;max-width:none;padding:0}.t-mtn__copy{position:relative;height:auto;max-width:640px;margin:0 auto;padding:72px 24px 8px;gap:20px}.t-mtn__steps{display:none}.t-mtn__stage{height:100vh;height:100svh;gap:10px;padding-bottom:12px}.t-mtn__frame{width:min(100%,calc((100svh - 64px) * var(--mtn-vw) / 860))}.t-mtn.is-live .t-mtn__now{display:grid}.t-mtn .t-mtn__run{display:block;height:240vh}}@media screen and (max-width:759px){.t-mtn{--mtn-gap: 16px}.t-mtn__copy{padding:64px 16px 4px}.t-mtn__min-name{font-size:15px;line-height:19px;letter-spacing:.14em}.t-mtn__min-val{font-size:15px;line-height:20px}}@media(prefers-reduced-motion:reduce){.t-mtn__track{height:auto;align-items:center;padding-top:104px;padding-bottom:104px}.t-mtn__copy,.t-mtn__stage{position:relative;height:auto;align-self:center}.t-mtn__frame{width:min(100%,560px)}.t-mtn .t-mtn__run{display:none}}.t-mtn.is-static .t-mtn__track{height:auto;align-items:center;padding-top:104px;padding-bottom:104px}.t-mtn.is-static .t-mtn__copy,.t-mtn.is-static .t-mtn__stage{position:relative;height:auto;align-self:center}.t-mtn.is-static .t-mtn__frame{width:min(100%,560px)}.t-mtn.is-static .t-mtn__run{display:none}@media screen and (max-width:989px){.t-mtn.is-static .t-mtn__track{padding:0 0 56px}.t-mtn.is-static .t-mtn__stage{padding-top:24px}.t-mtn.is-static .t-mtn__frame{width:min(100%,520px)}}@media screen and (max-width:989px)and (prefers-reduced-motion:reduce){.t-mtn__track{padding:0 0 56px}.t-mtn__stage{padding-top:24px}.t-mtn__frame{width:min(100%,520px)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/tad-mountain.css.map */