:root{--jm-io: var(--ease-in-out, cubic-bezier(.76, 0, .24, 1));--jm-settle: var(--ease-settle, cubic-bezier(.16, 1, .3, 1));--jm-out: var(--ease-out, cubic-bezier(.22, 1, .36, 1));--jm-uic: var(--ease-ui, cubic-bezier(.25, .46, .45, .94));--jm-t1: var(--t-1, .12s);--jm-t2: var(--t-2, .22s);--jm-t3: var(--t-3, .42s);--jm-t4: var(--t-4, .64s);--jm-t5: var(--t-5, 1.1s);--jm-step: 60ms}html.jpn-motion #MainContent>.kith-hero-section:not(:first-child) .kith-hero__media{transition:transform var(--jm-t5) var(--jm-settle)}html.jpn-motion:not(.jm-off) #MainContent>.kith-hero-section:not(:first-child):not(.jm-in) .kith-hero__media{transform:scale(1.06)}html.jpn-motion .kith-hero-section .kith-hero__heading,html.jpn-motion .kith-hero-section .kith-hero__copy,html.jpn-motion .kith-hero-section .kith-hero__actions{transition:opacity var(--jm-t4) var(--jm-out),transform var(--jm-t4) var(--jm-out)}html.jpn-motion .kith-hero-section.jm-in .kith-hero__heading{transition-delay:calc(var(--jm-step) * 1)}html.jpn-motion .kith-hero-section.jm-in .kith-hero__copy{transition-delay:calc(var(--jm-step) * 2)}html.jpn-motion .kith-hero-section.jm-in .kith-hero__actions{transition-delay:calc(var(--jm-step) * 3)}html.jpn-motion .kith-hero-section.jm-done .kith-hero__heading,html.jpn-motion .kith-hero-section.jm-done .kith-hero__copy,html.jpn-motion .kith-hero-section.jm-done .kith-hero__actions{transition-delay:0s}html.jpn-motion:not(.jm-off) #MainContent>.kith-hero-section:not(:first-child):not(.jm-in) .kith-hero__heading,html.jpn-motion:not(.jm-off) #MainContent>.kith-hero-section:not(:first-child):not(.jm-in) .kith-hero__copy,html.jpn-motion:not(.jm-off) #MainContent>.kith-hero-section:not(:first-child):not(.jm-in) .kith-hero__actions{opacity:0;transform:translate3d(0,var(--rise-sm, 12px),0)}html.jpn-motion #MainContent>.kith-hero-section:first-child .kith-hero__media{animation:jm-settle var(--jm-t5) var(--jm-settle) both}@keyframes jm-settle{0%{transform:scale(1.06)}to{transform:none}}html.jpn-motion .jm-stagger{transition:opacity var(--jm-t4) var(--jm-out),transform var(--jm-t4) var(--jm-out);transition-delay:calc(var(--jm-i, 0) * var(--jm-step))}html.jpn-motion .jm-done .jm-stagger,html.jpn-motion .jm-stagger.jm-done{transition-delay:0s}html.jpn-motion:not(.jm-off) .shopify-section:not(.jm-in) .jm-stagger:not(:where(#MainContent>:first-child *)),html.jpn-motion:not(.jm-off) [data-reveal-stagger]:not(.jm-in)>.jm-stagger:not(:where(#MainContent>:first-child *)){opacity:0;transform:translate3d(0,var(--rise-md, 20px),0)}html.jpn-motion .jpn-tsg__img{transition:transform var(--jm-t5) var(--jm-settle)}html.jpn-motion:not(.jm-off) .shopify-section:not(.jm-in) .jpn-tsg__img:not(:where(#MainContent>:first-child *)){transform:scale(1.06)}html.jpn-motion .jpn-tsg__desc,html.jpn-motion .jpn-tsg__label,html.jpn-motion .jpn-tsg__row{transition:opacity var(--jm-t4) var(--jm-out),transform var(--jm-t4) var(--jm-out)}html.jpn-motion .jm-in .jpn-tsg__desc{transition-delay:calc(var(--jm-step) * 1)}html.jpn-motion .jm-in .jpn-tsg__label{transition-delay:calc(var(--jm-step) * 2)}html.jpn-motion .jm-in .jpn-tsg__row{transition-delay:calc(var(--jm-step) * 3)}html.jpn-motion .jm-done .jpn-tsg__desc,html.jpn-motion .jm-done .jpn-tsg__label,html.jpn-motion .jm-done .jpn-tsg__row{transition-delay:0s}html.jpn-motion:not(.jm-off) .shopify-section:not(.jm-in) .jpn-tsg__desc:not(:where(#MainContent>:first-child *)),html.jpn-motion:not(.jm-off) .shopify-section:not(.jm-in) .jpn-tsg__label:not(:where(#MainContent>:first-child *)),html.jpn-motion:not(.jm-off) .shopify-section:not(.jm-in) .jpn-tsg__row:not(:where(#MainContent>:first-child *)){opacity:0;transform:translate3d(0,var(--rise-sm, 12px),0)}html.jpn-motion [data-reveal]:not(.jm-done){transition:opacity var(--jm-t4) var(--jm-out),transform var(--jm-t4) var(--jm-out);transition-delay:calc(var(--jm-d, 0) * var(--jm-step))}html.jpn-motion [data-reveal=media]:not(.jm-done){transition:transform var(--jm-t5) var(--jm-settle);transition-delay:calc(var(--jm-d, 0) * var(--jm-step))}html.jpn-motion:not(.jm-off) [data-reveal]:not(.jm-in):not(:where(#MainContent>:first-child *)){opacity:0;transform:translate3d(0,var(--rise-md, 20px),0)}html.jpn-motion:not(.jm-off) [data-reveal=text]:not(.jm-in):not(:where(#MainContent>:first-child *)){transform:translate3d(0,var(--rise-sm, 12px),0)}html.jpn-motion:not(.jm-off) [data-reveal=fade]:not(.jm-in):not(:where(#MainContent>:first-child *)){transform:none}html.jpn-motion:not(.jm-off) [data-reveal=media]:not(.jm-in):not(:where(#MainContent>:first-child *)){opacity:1;transform:scale(1.06)}html.jpn-motion [data-reveal-stagger]>.jm-stagger{transition-delay:calc((var(--jm-i, 0) + var(--jm-d, 0)) * var(--jm-step))}html.jpn-motion:not(.jm-off) [data-reveal]:not(.jm-in):has(img,picture,video),html.jpn-motion:not(.jm-off) .shopify-section:not(.jm-in) .jm-stagger.jm-stagger.jm-stagger:has(img,picture,video),html.jpn-motion:not(.jm-off) [data-reveal-stagger]:not(.jm-in)>.jm-stagger.jm-stagger.jm-stagger:has(img,picture,video){opacity:1}.jpn-u{text-decoration:none;background-image:linear-gradient(currentColor,currentColor);background-repeat:no-repeat;background-position:0 100%;background-size:0% 1px;transition:background-size var(--jm-t2) var(--jm-out)}.jpn-u:focus-visible,.jpn-u[aria-current=page]{background-size:100% 1px}@media(hover:hover){.jpn-u:hover{background-size:100% 1px;transition-timing-function:var(--jm-uic)}}.jpn-zoom:not(img):not(video){overflow:hidden}.jpn-zoom img,.jpn-zoom video,img.jpn-zoom{transition:transform var(--jm-t5) var(--jm-settle)}@media(hover:hover){.jpn-zoom:hover img,.jpn-zoom:hover video,img.jpn-zoom:hover{transform:scale(1.03)}}.jpn-press{transition:transform var(--jm-t1) var(--jm-uic)}.jpn-press:active{transform:scale(.98)}.jpn-sweep-once{position:relative;overflow:hidden;isolation:isolate}.jpn-sweep-once:after{content:"";position:absolute;top:0;bottom:0;left:0;width:60%;z-index:1;pointer-events:none;background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);transform:translate(-170%) skew(-12deg)}html.jpn-motion .jm-in .jpn-sweep-once:after,html.jpn-motion .jpn-sweep-once.jm-in:after{animation:jm-sweep .9s var(--jm-io) 1.2s 1 both}@keyframes jm-sweep{0%{transform:translate(-170%) skew(-12deg)}to{transform:translate(260%) skew(-12deg)}}.kith-btn,.jpn-tsg__row button,.kith-footer__submit,.kith-card__quickview-btn,.cart-upsell__button,.kith-collection__more{transition:background-color var(--jm-t2) var(--jm-uic),color var(--jm-t2) var(--jm-uic),border-color var(--jm-t2) var(--jm-uic),opacity var(--jm-t2) var(--jm-uic),transform var(--jm-t1) var(--jm-uic)}.kith-btn:active,.jpn-tsg__row button:active,.kith-footer__submit:active,.kith-card__quickview-btn:active,.cart-upsell__button:active,.kith-collection__more:active{transform:scale(.98)}.button:not(.button--tertiary),.shopify-payment-button__button--unbranded{transition:background-color var(--jm-t2) var(--jm-uic),color var(--jm-t2) var(--jm-uic),transform var(--jm-t1) var(--jm-uic)}.button:not([disabled]):active,.shopify-payment-button__button--unbranded:active{transform:scale(.98)}.kith-carousel__parrow svg{transition:transform var(--jm-t2) var(--jm-uic),opacity var(--jm-t2) var(--jm-uic)}@media(hover:hover){.kith-carousel__parrow:hover svg{transform:scale(1.06)}}.bx-slider__arrow{transition:background-color var(--jm-t2) var(--jm-uic),color var(--jm-t2) var(--jm-uic),opacity var(--jm-t2) var(--jm-uic),transform var(--jm-t1) var(--jm-uic)}.bx-slider__arrow:active{transform:scale(.96)}[data-video-root]{overflow:hidden}[data-video-root].is-waiting video,[data-video-root].is-waiting [data-poster]{animation:jm-push var(--t-push, 9s) var(--jm-out) both}@keyframes jm-push{0%{transform:scale(1)}to{transform:scale(1.06)}}@media(prefers-reduced-motion:reduce){html *:not(.jpn-intro):not(.jpn-intro *),html *:not(.jpn-intro):not(.jpn-intro *):before,html *:not(.jpn-intro):not(.jpn-intro *):after{transition-duration:1ms!important;transition-delay:0s!important;animation-duration:1ms!important;animation-delay:0s!important;animation-iteration-count:1!important}html{scroll-behavior:auto!important}.kith-nav__drawer,.kith-nav__desktop,.kith-nav__row,.kith-nav__mrow,.kith-collection__product.is-new,.kith-card__img--hover,.kith-carousel__track,.bx-slider__arrow,.jm-stagger,[data-reveal],.jpn-sweep-once:after,[data-video-root].is-waiting video,[data-video-root].is-waiting [data-poster]{animation:none!important}.jpn-zoom img,.jpn-zoom video,img.jpn-zoom,.jpn-press:active,.kith-btn:active,.button:active{transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/83/assets/jpn-motion.css.map */