body{font-family:var(--font-sans);font-size:var(--fs-base);font-weight:var(--fw-regular);line-height:var(--lh-body);letter-spacing:var(--ls-body);color:var(--ink);background-color:var(--paper);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}strong,b{font-weight:var(--fw-medium)}::selection{background:var(--ink);color:var(--paper)}span[lang=ja],.t-jp{font-family:var(--font-jp);letter-spacing:0;text-transform:none}h1,h2,.h0,.h1,.h2,.hxl,.hxxl,.t-hero,.t-display,.t-h1,.t-h2,.t-h3{font-family:var(--font-display);font-weight:var(--fw-regular);font-style:normal;letter-spacing:var(--ls-display);text-transform:none;text-wrap:balance}h1,.h0,.h1{font-size:var(--fs-h2);line-height:var(--lh-heading)}h2,.h2{font-size:var(--fs-h3);line-height:var(--lh-heading)}h3,h4,h5,h6,.h3,.h4,.h5,.h6,.accordion__title,.announcement-bar__message,.card__heading,.kith-card__title,.bx-card__title,.caption-large,.field__label,label,legend,button,.button,input,select,textarea{font-family:var(--font-sans)}h3,h4,h5,h6,.h3,.h4,.h5,.h6{font-weight:var(--fw-medium);font-style:normal;letter-spacing:0;line-height:var(--lh-ui)}h3,.h3{font-size:var(--fs-lg)}h4,.h4{font-size:var(--fs-md)}h5,.h5{font-size:var(--fs-sm)}h6,.h6{font-size:var(--fs-xs)}body .card__heading,body .kith-card__title,body .bx-card__title,body .accordion__title{font-family:var(--font-sans);font-weight:var(--fw-regular);letter-spacing:0;text-transform:none}body .kith-collection .kith-collection__title,body .kith-collection .mobile-facets__heading,body .facets__heading,body .mobile-facets__heading{font-family:var(--font-sans);font-weight:var(--fw-medium);letter-spacing:0}body .tg-pop .tg-pop__kicker,body .tg-pop button,body .tg-pop .tg-pop__done h3{font-family:var(--font-sans);font-weight:var(--fw-medium)}.t-hero{font-size:var(--fs-hero);line-height:var(--lh-display)}.t-display,.t-h1{font-size:var(--fs-h1);line-height:var(--lh-display)}.t-h2{font-size:var(--fs-h2);line-height:var(--lh-heading)}.t-h3{font-size:var(--fs-h3);line-height:var(--lh-heading)}.t-xl,.t-lg,.t-body,.t-prose,.t-ui,.t-sm,.t-kicker,.t-caption,.t-caps{font-family:var(--font-sans);font-style:normal}.t-xl{font-size:var(--fs-xl);font-weight:var(--fw-medium);line-height:var(--lh-heading);letter-spacing:0}.t-lg{font-size:var(--fs-lg);line-height:var(--lh-body)}.t-body{font-size:var(--fs-base);line-height:var(--lh-body)}.t-prose{max-width:var(--w-prose);font-size:var(--fs-md);line-height:var(--lh-prose)}@media screen and (min-width:990px){.t-prose{font-size:var(--fs-lg)}}.t-ui{font-size:var(--fs-ui);line-height:var(--lh-ui)}.t-sm{font-size:var(--fs-sm);line-height:var(--lh-ui)}.t-kicker{font-size:var(--fs-xs);font-weight:var(--fw-medium);line-height:var(--lh-ui);letter-spacing:var(--ls-kicker);text-transform:uppercase;color:var(--kicker-color, var(--ink-2))}.t-caption{font-size:var(--fs-xs);line-height:var(--lh-ui);color:var(--ink-3)}.t-caps{font-size:var(--fs-sm);font-weight:var(--fw-medium);line-height:var(--lh-ui);letter-spacing:var(--ls-caps);text-transform:uppercase}.t-price,.price,.price-item{font-variant-numeric:tabular-nums}.t-muted{color:var(--ink-3)}.btn{--btn-bg: transparent;--btn-fg: var(--ink);--btn-fg-hover: var(--paper);--btn-border: var(--ink);--btn-fill: var(--ink);--btn-line: var(--ink);--btn-focus: var(--ink);position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);box-sizing:border-box;min-height:var(--btn-h);min-width:var(--btn-min-w);margin:0;padding:0 var(--btn-pad-x);border:var(--border-w) solid var(--btn-border);border-radius:var(--radius);background:var(--btn-bg);color:var(--btn-fg);font-family:var(--font-sans);font-size:var(--fs-sm);font-weight:var(--fw-medium);line-height:1;letter-spacing:var(--ls-caps);text-transform:uppercase;text-decoration:none;text-align:center;white-space:nowrap;cursor:pointer;-webkit-appearance:none;appearance:none;box-shadow:none;transition:color var(--t-2) var(--ease-ui),border-color var(--t-2) var(--ease-ui),opacity var(--t-2) var(--ease-ui),transform var(--t-1) var(--ease-ui)}.btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--btn-fill);transform:scaleX(0);transform-origin:right center;transition:transform var(--t-3) var(--ease-in-out);pointer-events:none}.btn>*{transition:opacity var(--t-2) var(--ease-ui)}.btn--primary{--btn-bg: var(--paper);--btn-fg: var(--paper);--btn-fg-hover: var(--ink);--btn-line: var(--paper)}.btn--primary:before{transform:scaleX(1);transform-origin:left center}.btn--secondary{--btn-bg: transparent}.btn--on-media{--btn-bg: transparent;--btn-fg: var(--on-media);--btn-fg-hover: var(--on-media-ink);--btn-border: var(--on-media-line);--btn-fill: var(--on-media);--btn-line: var(--on-media)}@media(hover:hover){.btn:not([disabled]):not([aria-disabled=true]):not([aria-busy=true]):hover{color:var(--btn-fg-hover)}.btn:not(.btn--primary):not([disabled]):not([aria-disabled=true]):not([aria-busy=true]):hover:before{transform:scaleX(1);transform-origin:left center}.btn--on-media:not([disabled]):not([aria-disabled=true]):not([aria-busy=true]):hover{border-color:var(--on-media)}.btn--primary:not([disabled]):not([aria-disabled=true]):not([aria-busy=true]):hover:before{transform:scaleX(0);transform-origin:left center}}.btn:not([disabled]):not([aria-disabled=true]):active{transform:scale(var(--scale-press))}.btn--lg{min-height:var(--btn-h-lg);font-size:var(--fs-ui)}.btn--sm{min-height:var(--btn-h-sm);min-width:0;padding:0 var(--sp-4)}.btn--block{display:flex;width:100%;min-width:0}.btn[disabled],.btn[aria-disabled=true]{opacity:var(--disabled-opacity);cursor:not-allowed}.btn[aria-busy=true]{color:transparent;cursor:progress}.btn[aria-busy=true]>*{opacity:0}.btn[aria-busy=true]:after{content:"";position:absolute;left:0;bottom:0;width:40%;height:var(--hairline);background:var(--btn-line);animation:jpn-btn-busy var(--t-5) var(--ease-in-out) infinite;pointer-events:none}@keyframes jpn-btn-busy{0%{transform:translate(-100%)}to{transform:translate(250%)}}.btn__label{display:inline-flex;align-items:center;gap:var(--sp-2)}.btn .btn__done{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:var(--sp-2);opacity:0;pointer-events:none}.btn.is-success>.btn__label{opacity:0}.btn.is-success>.btn__done{opacity:1}.btn__check{width:var(--icon-xs);height:var(--icon-xs);fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:square;stroke-dasharray:16;stroke-dashoffset:16}.btn.is-success .btn__check{stroke-dashoffset:0;transition:stroke-dashoffset var(--t-draw) var(--ease-out) var(--t-1)}.btn.is-success:not(:has(.btn__done)){color:transparent}.btn.is-success:not(:has(.btn__done)):after{content:"Added";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--btn-fg)}.kith-btn,.bx-btn,.jpn-rv__write,.kith-story__btn,.jpn-ws__btn{box-sizing:border-box;min-height:var(--btn-h);min-width:var(--btn-min-w);padding:0 var(--btn-pad-x);border-radius:var(--radius);font-family:var(--font-sans);font-size:var(--fs-sm);font-weight:var(--fw-medium);line-height:1;letter-spacing:var(--ls-caps);text-transform:uppercase}.kith-btn--outline{-webkit-backdrop-filter:none;backdrop-filter:none}.button:not(.button--tertiary),.shopify-payment-button__button--unbranded,.shopify-challenge__button,.customer button{min-height:var(--btn-h);border-radius:var(--radius);font-family:var(--font-sans);font-size:var(--fs-sm);font-weight:var(--fw-medium);letter-spacing:var(--ls-caps);text-transform:uppercase}.link-caps{display:inline-block;padding-bottom:var(--link-offset);color:inherit;font-family:var(--font-sans);font-size:var(--fs-sm);font-weight:var(--fw-medium);line-height:var(--lh-ui);letter-spacing:var(--ls-caps);text-transform:uppercase;text-decoration:none;background-image:linear-gradient(currentColor,currentColor);background-repeat:no-repeat;background-position:0 100%;background-size:0 var(--hairline);transition:background-size var(--t-2) var(--ease-ui),color var(--t-2) var(--ease-ui)}.link-caps--xs{font-size:var(--fs-xs)}.link-caps--static,.link-caps[aria-current],.link-caps.is-active{background-size:100% var(--hairline)}@media(hover:hover){.link-caps:hover{background-size:100% var(--hairline)}.link-caps--static:hover{background-size:0 var(--hairline);background-position:100% 100%}}.link-caps:focus-visible{background-size:100% var(--hairline)}.link-underline{color:inherit;text-decoration:underline;text-decoration-thickness:var(--hairline);text-underline-offset:.22em;text-decoration-color:color-mix(in srgb,currentColor 40%,transparent);transition:text-decoration-color var(--t-2) var(--ease-ui)}@media(hover:hover){.link-underline:hover{text-decoration-color:currentColor}}input.field,select.field,textarea.field{box-sizing:border-box;display:block;width:100%;min-height:var(--input-h);margin:0;padding:0 var(--sp-4);border:var(--border-w) solid var(--line);border-radius:var(--radius);background:var(--paper);color:var(--ink);font-family:var(--font-sans);font-size:var(--fs-input);line-height:var(--lh-ui);letter-spacing:0;box-shadow:none;-webkit-appearance:none;appearance:none;transition:border-color var(--t-2) var(--ease-ui),box-shadow var(--t-2) var(--ease-ui)}textarea.field{min-height:calc(var(--input-h) * 2.5);padding:var(--sp-3) var(--sp-4);line-height:var(--lh-body);resize:vertical}select.field{padding-right:calc(var(--sp-4) * 2.5);background-image:linear-gradient(45deg,transparent calc(50% - .6px),currentColor calc(50% - .6px),currentColor calc(50% + .6px),transparent calc(50% + .6px)),linear-gradient(135deg,transparent calc(50% - .6px),currentColor calc(50% - .6px),currentColor calc(50% + .6px),transparent calc(50% + .6px));background-position:calc(100% - 22px) 50%,calc(100% - 17px) 50%;background-size:5px 5px;background-repeat:no-repeat}input.field:hover,select.field:hover,textarea.field:hover{border-color:var(--ink-3)}input.field:focus,select.field:focus,textarea.field:focus{outline:none;border-color:var(--line-strong);box-shadow:inset 0 0 0 var(--hairline) var(--line-strong)}input.field[aria-invalid=true],select.field[aria-invalid=true],textarea.field[aria-invalid=true]{border-color:var(--danger)}::placeholder{color:var(--ink-3);opacity:1}@media screen and (max-width:749px){input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=submit]):not([type=button]):not([type=reset]):not([type=image]),select,textarea{font-size:max(var(--fs-input),1em)!important}}.jpn-hit{position:relative}.jpn-hit:after{content:"";position:absolute;inset:var(--hit-bleed)}.jpn-scroller{display:flex;gap:var(--scroller-gap);overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding-inline:var(--gutter);scroll-padding-inline:var(--gutter);scrollbar-width:none;-webkit-overflow-scrolling:touch}.jpn-scroller::-webkit-scrollbar{display:none}.jpn-scroller>*{flex:0 0 var(--scroller-item);min-width:0;scroll-snap-align:start}.jpn-scroller--tiles{--scroller-gap: var(--tile-gap)}.jpn-scroller--fade{-webkit-mask-image:linear-gradient(90deg,black calc(100% - var(--sp-8)),transparent);mask-image:linear-gradient(90deg,black calc(100% - var(--sp-8)),transparent)}.jpn-scroller--fade.is-end{-webkit-mask-image:none;mask-image:none}.jpn-sheet,.jpn-dialog{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-dialog);box-sizing:border-box;width:min(var(--w-narrow),calc(100vw - 2 * var(--gutter)));max-width:none;height:fit-content;max-height:var(--sheet-max-h);margin:auto;padding:0;border:0;border-radius:var(--radius);background:var(--paper);color:var(--ink);box-shadow:var(--shadow-float);overflow:auto;overscroll-behavior:contain;opacity:0;transform:translateY(var(--rise-md));transition:opacity var(--t-3) var(--ease-out),transform var(--t-3) var(--ease-out),overlay var(--t-3) allow-discrete,display var(--t-3) allow-discrete}.jpn-sheet:not(dialog),.jpn-dialog:not(dialog){visibility:hidden;pointer-events:none;transition:opacity var(--t-3) var(--ease-out),transform var(--t-3) var(--ease-out),visibility 0s linear var(--t-3)}.jpn-sheet[open],.jpn-dialog[open],.jpn-sheet.is-open,.jpn-dialog.is-open{opacity:1;transform:none;visibility:visible;pointer-events:auto;transition-delay:0s}@starting-style{.jpn-sheet[open],.jpn-dialog[open]{opacity:0;transform:translateY(var(--rise-md))}}.jpn-sheet::backdrop,.jpn-dialog::backdrop{background:var(--scrim, rgba(0, 0, 0, .5));opacity:0;transition:opacity var(--t-3) var(--ease-out),overlay var(--t-3) allow-discrete,display var(--t-3) allow-discrete}.jpn-sheet[open]::backdrop,.jpn-dialog[open]::backdrop{opacity:1}@starting-style{.jpn-sheet[open]::backdrop,.jpn-dialog[open]::backdrop{opacity:0}}.jpn-sheet .jpn-sheet__handle,.jpn-dialog .jpn-sheet__handle{display:none}.jpn-sheet__head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-4) var(--sp-5);border-bottom:var(--border-w) solid var(--line)}.jpn-sheet__title{margin:0;font-family:var(--font-sans);font-size:var(--fs-xl);font-weight:var(--fw-medium);line-height:var(--lh-heading);letter-spacing:0;text-transform:none}.jpn-sheet__close{display:inline-flex;align-items:center;justify-content:center;width:var(--hit);height:var(--hit);margin-right:calc(-1 * var(--sp-3));padding:0;border:0;background:none;color:inherit;cursor:pointer}.jpn-sheet__body{padding:var(--sp-5)}.jpn-sheet__foot{padding:var(--sp-4) var(--sp-5) calc(var(--sp-5) + env(safe-area-inset-bottom));border-top:var(--border-w) solid var(--line)}@media screen and (min-width:750px){.jpn-sheet[data-side=right],.jpn-dialog[data-side=right]{inset:0 0 0 auto;width:min(var(--drawer-w),100vw);height:100dvh;max-height:none;margin:0 0 0 auto;transform:translate(100%);opacity:1;display:flex;flex-direction:column;overflow:hidden;transition:transform var(--t-3) var(--ease-in-out),overlay var(--t-3) allow-discrete,display var(--t-3) allow-discrete}dialog.jpn-sheet[data-side=right]:not([open]),dialog.jpn-dialog[data-side=right]:not([open]){display:none}.jpn-sheet[data-side=right]:not(dialog),.jpn-dialog[data-side=right]:not(dialog){transition:transform var(--t-3) var(--ease-in-out),visibility 0s linear var(--t-3)}.jpn-sheet[data-side=right][open],.jpn-dialog[data-side=right][open],.jpn-sheet[data-side=right].is-open,.jpn-dialog[data-side=right].is-open{transform:none;transition-delay:0s}@starting-style{.jpn-sheet[data-side=right][open],.jpn-dialog[data-side=right][open]{transform:translate(100%)}}.jpn-sheet[data-side=right] .jpn-sheet__body,.jpn-dialog[data-side=right] .jpn-sheet__body{flex:1 1 auto;overflow:auto;overscroll-behavior:contain}}@media screen and (max-width:749px){.jpn-sheet,.jpn-dialog{inset:auto 0 0 0;width:100vw;max-width:100vw;max-height:var(--sheet-max-h);margin:auto 0 0;padding-bottom:calc(var(--sp-5) + env(safe-area-inset-bottom));opacity:1;transform:translateY(100%);transition:transform var(--t-3) var(--ease-in-out),overlay var(--t-3) allow-discrete,display var(--t-3) allow-discrete}.jpn-sheet:not(dialog),.jpn-dialog:not(dialog){transition:transform var(--t-3) var(--ease-in-out),visibility 0s linear var(--t-3)}.jpn-sheet[open],.jpn-dialog[open],.jpn-sheet.is-open,.jpn-dialog.is-open{transform:none;transition-delay:0s}@starting-style{.jpn-sheet[open],.jpn-dialog[open]{opacity:1;transform:translateY(100%)}}.jpn-sheet .jpn-sheet__handle,.jpn-dialog .jpn-sheet__handle{display:block;width:var(--handle-w);height:var(--handle-h);margin:var(--sp-2) auto 0;border-radius:var(--handle-h);background:var(--line)}.jpn-sheet__foot{padding-bottom:var(--sp-2)}}.container{box-sizing:border-box;width:100%;max-width:var(--w-page);margin-inline:auto;padding-inline:var(--gutter)}.container--narrow{max-width:var(--w-narrow)}.container--prose{max-width:calc(var(--w-prose) + 2 * var(--gutter))}.container--wide{max-width:var(--w-wide)}.section:not(.shopify-section){padding-block:var(--section-y)}.section.section--flush{padding-block:0}.section--stage{background:var(--stage);color:var(--on-stage)}.section--quiet{background:var(--paper-2)}:where(a,button,input,select,textarea,summary,[tabindex]:not([tabindex="-1"])):focus-visible{outline:var(--focus-w) solid currentColor;outline-offset:var(--focus-offset)}.button:focus-visible,.shopify-payment-button__button--unbranded:focus-visible,.focus-offset:focus-visible{outline:var(--focus-w) solid rgb(var(--color-foreground));outline-offset:var(--focus-offset);box-shadow:none}.focus-inset:focus-visible{outline:var(--focus-w) solid currentColor;outline-offset:calc(-2 * var(--focus-w));box-shadow:none}.btn:focus-visible{outline:var(--focus-w) solid var(--btn-focus);outline-offset:var(--focus-offset)}.btn--on-media:focus-visible,.kith-btn--outline:focus-visible,[data-on-media] :where(a,button,[tabindex]:not([tabindex="-1"])):focus-visible{outline:var(--focus-w-media) solid var(--on-media);outline-offset:var(--focus-offset-media);box-shadow:0 0 0 calc(var(--focus-offset-media) + var(--focus-w-media) + var(--hairline)) var(--halo)}html .kith-card__price-compare,html .kith-nav__link--muted,html .kith-nav__mheading{color:var(--ink-3)}@media screen and (max-width:749px){.shopify-section .jpn-tsg .jpn-tsg__img{height:auto;aspect-ratio:4 / 5}.shopify-section .jpn-tsg .jpn-tsg__desc{margin-top:var(--sp-5)}}.kith-hero__foot{display:contents}.kith-hero__content--logo{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:1fr auto 1fr;align-items:center;justify-items:center}.kith-hero__content--logo .kith-hero__heading--logo{grid-row:2}.kith-hero__content--logo .kith-hero__foot{grid-row:3;align-self:end;justify-self:stretch;display:flex;flex-direction:column;align-items:center;gap:var(--sp-4)}@media screen and (min-width:1024px){.kith-hero__content--logo .kith-hero__foot{display:grid;grid-template-columns:minmax(0,1fr) 140px auto;align-items:end}.kith-hero__content--logo.kith-hero__content--center .kith-hero__foot{display:flex;flex-direction:column;align-items:center}}.kith-hero__heading--logo{line-height:0}.kith-hero__float{display:inline-block}.kith-hero__logo{display:block;width:var(--kh-logo-mw, 150px);max-width:100%;height:auto;filter:var(--shadow-logo)}@media screen and (min-width:1024px){.kith-hero__logo{width:min(var(--kh-logo-w, 200px),max(170px,14vw))}}.kith-hero__copy p{font-size:var(--fs-base);font-weight:var(--fw-regular);line-height:var(--lh-ui);letter-spacing:0;text-shadow:var(--text-shadow-photo)}@media screen and (min-width:1024px){.kith-hero__copy p{font-size:var(--fs-lg)}}html{scroll-padding-top:calc(var(--header-height, var(--header-h)) + var(--sp-3))}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}a,button,summary,label,input,select,textarea,[role=button]{-webkit-tap-highlight-color:transparent;touch-action:manipulation}@media(prefers-reduced-motion:reduce){.btn,.btn:before,.btn>*,.btn__check,.link-caps,.link-underline,input.field,select.field,textarea.field,.jpn-sheet,.jpn-dialog,.jpn-sheet::backdrop,.jpn-dialog::backdrop,.bx-media .bx-video--once{transition-duration:var(--t-instant)!important;transition-delay:0s!important}.btn:not([disabled]):not([aria-disabled=true]):active{transform:none}.btn[aria-busy=true]:after{animation:none;width:100%;opacity:.6}.jpn-sheet,.jpn-dialog{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/83/assets/jpn-site.css.map */