.jc-mo{container-type:inline-size;overflow-x:clip;--jc-mo-card: min(74cqw, 300px);--jc-mo-gap: 12px;--jc-mo-hl: color-mix(in srgb, var(--sw) 56%, #fff)}@supports not (width: 1cqw){.jc-mo{--jc-mo-card: min(74vw, 300px)}}.jc-mo__top{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.jc-mo__head{min-width:0}.jc-mo__h{margin:0}.jc-mo__w{display:inline-block}.jc-mo__w--mark{position:relative;z-index:0}.jc-mo__w--mark:before{content:"";position:absolute;z-index:-1;left:-.07em;right:-.09em;top:.5em;bottom:.04em;background:var(--jc-mo-hl);border-radius:.34em .1em .3em .12em/.14em .32em .16em .36em;transform:rotate(-1.4deg);transform-origin:0 50%;transition:background-color var(--jc-fade)}.jc-mo.is-armed .jc-mo__w{opacity:0;transform:translateY(.14em)}.jc-mo.is-armed .jc-mo__w--mark:before{transform:rotate(-1.4deg) scaleX(0)}.jc-mo.is-armed.is-in .jc-mo__w{opacity:1;transform:none;transition:opacity .36s ease,transform .36s ease;transition-delay:calc(var(--i, 0) * 90ms)}.jc-mo.is-armed.is-in .jc-mo__w--mark:before{transform:rotate(-1.4deg) scaleX(1);transition:transform .38s cubic-bezier(.3,.7,.2,1) calc(var(--i, 0) * 90ms + .32s),background-color var(--jc-fade)}.jc-mo__tray{display:flex;gap:6px;margin:20px calc(-1 * var(--jc-gutter)) 6px;padding:2px var(--jc-gutter) 6px;overflow-x:auto;scrollbar-width:none;list-style:none}.jc-mo__tray::-webkit-scrollbar{display:none}.jc-mo__tray>li{flex:none}.jc-mo__rbtn{display:flex;flex-direction:column;align-items:center;gap:6px;width:76px;padding:0;border:0;background:none;color:var(--jc-ink);font:500 13px/1.2 var(--jc-f-sans);text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent}.jc-mo__ring{display:block;width:66px;height:66px;padding:2.5px;border-radius:50%;border:2.5px solid color-mix(in srgb,var(--c) 78%,#111);transition:border-color .3s ease}.jc-mo__disc{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;overflow:hidden;background:color-mix(in srgb,var(--c) 30%,var(--jc-base))}.jc-mo__face{display:block;width:94%;height:auto;margin-top:10%;transform-origin:50% 90%}.jc-mo__photo{display:block;width:100%;height:100%;object-fit:cover}.jc-mo__disc--photo{background:var(--jc-canvas-2)}.jc-mo__rtx{display:block;max-width:100%}.jc-mo__rl{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jc-mo__rs{display:none}.jc-mo__rbtn.is-seen .jc-mo__ring{border-color:var(--jc-line)}.jc-mo__rbtn:focus-visible{outline:none}.jc-mo__rbtn:focus-visible .jc-mo__ring{outline:2px solid var(--jc-ink);outline-offset:2px}.jc-mo.is-armed .jc-mo__face{transform:scale(.35);opacity:0}.jc-mo.is-armed.is-in .jc-mo__face{transform:none;opacity:1;transition:transform .7s var(--jc-spring),opacity .2s ease;transition-delay:calc(var(--r, 0) * 80ms + .25s)}.jc-mo__stage{min-width:0}.jc-mo__rail{display:flex;gap:var(--jc-mo-gap);margin:0 calc(-1 * var(--jc-gutter));padding:10px var(--jc-gutter) 4px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding:0 var(--jc-gutter);scrollbar-width:none;list-style:none}.jc-mo__rail::-webkit-scrollbar{display:none}.jc-mo__rail.is-dragging{scroll-snap-type:none;cursor:grabbing}.jc-mo__rail.is-dragging *{pointer-events:none}.jc-mo__card{position:relative;flex:0 0 var(--jc-mo-card);min-width:0;display:flex;flex-direction:column;gap:12px;scroll-snap-align:start}.jc-mo__media{position:relative;aspect-ratio:9 / 16;border-radius:16px;overflow:hidden;background:#161616;isolation:isolate;--ui: #fff;--ui-track: rgba(255, 255, 255, .42)}.jc-mo__media--stand{background:color-mix(in srgb,var(--c) 30%,var(--jc-base));--ui: var(--jc-ink);--ui-track: rgba(17, 17, 17, .14)}.jc-mo__vid{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.jc-mo__stand{position:absolute;left:-2%;right:-2%;bottom:8.5%}.jc-mo__stand img{display:block;width:100%;height:auto;transform-origin:50% 94%}.jc-mo__stand img.is-hop{animation:jc-mo-hop .76s var(--jc-spring) both}@keyframes jc-mo-hop{0%{transform:none}22%{transform:scale(1.05,.93)}55%{transform:scale(.97,1.04) translateY(-3%)}to{transform:none}}.jc-mo__slides{position:absolute;top:0;right:0;bottom:0;left:0}.jc-mo__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;transition:opacity .18s ease,visibility 0s linear .18s}.jc-mo__slide.is-on{opacity:1;visibility:visible;transition:opacity .18s ease}.jc-mo__slide--v2 .jc-mo__stand{left:-30%;right:-30%;bottom:-24%}.jc-mo__slide--v3 .jc-mo__stand{left:14%;right:14%;bottom:30%}.jc-mo__bars{position:absolute;z-index:3;top:8px;left:8px;right:8px;display:flex;gap:3px;pointer-events:none}.jc-mo__bars>span{flex:1;height:2.5px;border-radius:2px;background:var(--ui-track);overflow:hidden}.jc-mo__bars i{display:block;height:100%;background:var(--ui);transform:scaleX(var(--p, 0));transform-origin:0 50%}.jc-mo__ig{position:absolute;z-index:3;top:18px;left:9px;right:56px;display:flex;align-items:center;gap:7px;min-width:0;color:var(--ui);font:600 13px/1.2 var(--jc-f-sans);pointer-events:none}.jc-mo__av{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;overflow:hidden;background:color-mix(in srgb,var(--c) 30%,var(--jc-base));box-shadow:0 0 0 1.5px var(--ui)}.jc-mo__av .jc-mo__face{width:100%;height:100%;max-width:none;margin:0;object-fit:cover;transform:scale(2.2);transform-origin:50% 64%}.jc-mo__av .jc-mo__photo{width:100%;height:100%;object-fit:cover}.jc-mo__ign{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jc-mo__igs{flex:none;font-weight:400;opacity:.8;white-space:nowrap}.jc-mo__stamp{position:absolute;z-index:3;top:58px;left:10px;display:inline-flex;align-items:center;gap:5px;max-width:calc(100% - 20px);min-height:28px;padding:0 11px 0 8px;border-radius:999px;background:#111111a8;color:#fff;font:500 13px/1 var(--jc-f-mono);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;pointer-events:none}.jc-mo__stamp svg{width:14px;height:14px;flex:none}.jc-mo__demo{position:absolute;z-index:3;top:20px;right:10px;pointer-events:none}.jc-mo__film{position:absolute;z-index:3;left:12px;right:12px;bottom:60px;white-space:normal;line-height:1.35;border-radius:8px;pointer-events:none}.jc-mo__open{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:flex-end;justify-content:flex-start;width:100%;padding:12px;border:0;background:none;color:var(--jc-ink);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}.jc-mo__open:focus-visible{outline:none}.jc-mo__open:focus-visible .jc-mo__watch{outline:2px solid var(--jc-ink);outline-offset:2px}.jc-mo__watch{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 14px 0 10px;border-radius:999px;background:#fff;color:var(--jc-ink);font:600 14px/1 var(--jc-f-sans);transition:background-color var(--jc-fade),color var(--jc-fade)}.jc-mo__watch svg{width:16px;height:16px;flex:none}.jc-mo__wd{display:none}@media(hover:hover)and (min-width:1024px){.jc-mo__wl{display:none}.jc-mo__wd{display:inline}}.jc-mo__media--stand .jc-mo__watch{background:var(--jc-ink);color:#fff}@media(hover:hover){.jc-mo__open:hover .jc-mo__watch{background:var(--jc-ink);color:#fff}.jc-mo__media--stand .jc-mo__open:hover .jc-mo__watch{background:#fff;color:var(--jc-ink)}}.jc-mo__snd{position:absolute;z-index:3;right:8px;bottom:8px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:#111111a8;color:#fff;cursor:pointer}.jc-mo__snd svg{width:20px;height:20px}.jc-mo__snd .jc-mo__snd-on,.jc-mo__snd[aria-pressed=true] .jc-mo__snd-off{display:none}.jc-mo__snd[aria-pressed=true] .jc-mo__snd-on{display:block}.jc-mo__ask{position:absolute;z-index:4;top:96px;left:-9px;max-width:calc(100% - 14px);margin:0;padding:15px 18px 17px 24px;transform:rotate(-3deg);transform-origin:0 0;pointer-events:none}.jc-mo__ask svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.jc-mo__ask path{fill:#fff;stroke:var(--jc-ink);stroke-width:2.2;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0}.jc-mo__askt{position:relative;display:block;max-width:10.5em;font:700 19px/1.06 var(--jc-f-display);font-variation-settings:"opsz" 48,"wdth" var(--jc-wdth, 92);letter-spacing:-.012em;color:var(--jc-ink);text-wrap:balance}.jc-mo.is-armed .jc-mo__ask:not(.is-drawn){opacity:0}.jc-mo__ask.is-draw path{animation:jc-mo-draw .56s cubic-bezier(.4,0,.2,1) both}.jc-mo__ask.is-draw .jc-mo__askt{animation:jc-mo-fade .28s ease .3s both}@keyframes jc-mo-draw{0%{stroke-dashoffset:1;fill-opacity:0}55%{fill-opacity:0}to{stroke-dashoffset:0;fill-opacity:1}}@keyframes jc-mo-fade{0%{opacity:0}to{opacity:1}}.jc-mo__below{display:flex;flex-direction:column;gap:8px;padding:0 2px}.jc-mo__q{margin:0;min-height:2.7em;font:600 16px/1.35 var(--jc-f-sans);color:var(--jc-ink);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.jc-mo__q--moment{font-weight:400;color:var(--jc-muted)}.jc-mo__meta{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px}.jc-mo__chip{flex:none;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px 0 7px;border:1px solid var(--jc-line);border-radius:999px;background:#fff;color:var(--jc-ink);font:500 14px/1 var(--jc-f-sans);white-space:nowrap;cursor:pointer;transition:border-color var(--jc-fade);-webkit-tap-highlight-color:transparent}.jc-mo__chip i{width:28px;height:28px;border-radius:50%;background:var(--c);border:1px solid rgba(17,17,17,.14)}.jc-mo__chip[aria-pressed=true]{border-color:var(--jc-ink)}@media(hover:hover){.jc-mo__chip:hover{border-color:var(--jc-ink)}}.jc-mo__who{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:400 13px/1.3 var(--jc-f-mono);color:var(--jc-muted);text-align:right}.jc-mo__foot{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin-top:24px}.jc-mo__foot .jc-mono{margin:0;max-width:36ch}.jc-mo--noadd .jc-mo__foot{align-items:center;text-align:center;margin-top:20px}.jc-mo--noadd .jc-mo__foot .jc-mono{max-width:40ch}.jc-mo__nav{display:none;gap:8px;flex:none}.jc-mo__arrow{display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid var(--jc-ink);border-radius:50%;background:#fff;color:var(--jc-ink);cursor:pointer;transition:background-color var(--jc-fade),color var(--jc-fade),opacity var(--jc-fade)}.jc-mo__arrow svg{width:20px;height:20px}.jc-mo__arrow--prev svg{transform:scaleX(-1)}.jc-mo__arrow[disabled]{opacity:.28;cursor:default}@media(hover:hover){.jc-mo__arrow:not([disabled]):hover{background:var(--jc-ink);color:#fff}}@media(min-width:750px){.jc-mo{--jc-mo-card: 300px;--jc-mo-gap: 16px}}@media(min-width:1024px){.jc-mo{--jc-mo-card: clamp(240px, 20.8cqw, 300px);--jc-mo-gap: 24px;--jc-mo-bleed: max(var(--jc-gutter), (100cqw - var(--jc-max)) / 2)}.jc-mo__grid{display:grid;grid-template-columns:232px minmax(0,1fr);grid-template-rows:auto auto 1fr;grid-template-areas:"top top" "tray stage" "foot stage";column-gap:48px}.jc-mo__top{grid-area:top;margin-bottom:36px}.jc-mo__nav:not([hidden]){display:flex}.jc-mo__tray{grid-area:tray;flex-direction:column;gap:6px;margin:10px 0 0;padding:0;overflow:visible}.jc-mo__rbtn{flex-direction:row;gap:14px;width:100%;padding:4px 0;text-align:left}.jc-mo__ring{flex:none;width:60px;height:60px}.jc-mo__rtx{display:flex;flex-direction:column;gap:3px;min-width:0}.jc-mo__rl{font:600 15px/1.2 var(--jc-f-sans)}.jc-mo__rs{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:400 13px/1.2 var(--jc-f-mono);color:var(--jc-muted)}.jc-mo__rbtn.is-now .jc-mo__rs{color:var(--jc-ink)}.jc-mo__rbtn.is-now .jc-mo__rs:before{content:"";display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:var(--jc-ink);vertical-align:1px}.jc-mo__tray:has(>li:nth-child(7)){flex-direction:row;flex-wrap:wrap;gap:12px 8px}.jc-mo__tray:has(>li:nth-child(7)) .jc-mo__rbtn{flex-direction:column;gap:6px;width:72px;text-align:center}.jc-mo__tray:has(>li:nth-child(7)) .jc-mo__rs{display:none}.jc-mo__tray:has(>li:nth-child(7)) .jc-mo__rl{font:500 13px/1.2 var(--jc-f-sans)}.jc-mo__stage{grid-area:stage;margin-right:calc(-1 * var(--jc-mo-bleed))}.jc-mo__rail{margin:0 0 0 -20px;padding:10px var(--jc-mo-bleed) 4px 20px;scroll-padding:0 var(--jc-mo-bleed) 0 20px}.jc-mo__foot{grid-area:foot;align-self:end;margin-top:32px}.jc-mo--noadd .jc-mo__foot{align-items:flex-start;text-align:left;align-self:start;margin-top:28px}.jc-mo__foot .jc-inline-add{width:100%;min-width:0}.jc-mo__ask{top:100px;left:-15px;max-width:calc(100% - 20px);padding:16px 20px 18px 26px}.jc-mo__askt{font-size:22px}}@media(prefers-reduced-motion:reduce){.jc-mo *,.jc-mo *:before{animation:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/jc-moment.css.map */
