.jc-pr{scroll-margin-top:72px}.jc-pr [hidden]{display:none!important}.jc-pr__grid{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "stage" "ctrl" "ideas" "buy";gap:22px}.jc-pr__head{grid-area:head}.jc-pr__h{margin-bottom:12px}.jc-pr__lede{margin:0;max-width:40ch;font:400 16px/1.45 var(--jc-f-sans);color:#111111c7;text-wrap:pretty}.jc-pr__green{font-weight:600;color:var(--jc-save);white-space:nowrap}.jc-pr__stage{position:relative;display:flex;aspect-ratio:5 / 4;border-radius:16px;overflow:hidden;background:var(--jc-surface, var(--jc-canvas));border:1px solid var(--jc-line)}.jc-pr__slot{--c: #ddd;position:relative;flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:0 0 12px;border:0;border-radius:0;background:color-mix(in srgb,var(--c) 30%,#fff);color:var(--jc-ink);cursor:pointer;transition:background-color .4s ease;-webkit-tap-highlight-color:transparent}.jc-pr__slot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 0 0 0 var(--jc-accent);transition:box-shadow var(--jc-fade)}.jc-pr__slot:first-child:after{border-radius:16px 0 0 16px}.jc-pr__slot:last-of-type:after{border-radius:0 16px 16px 0}.jc-pr__stage[data-count="2"] .jc-pr__slot:nth-child(2):after{border-radius:0 16px 16px 0}.jc-pr__slot[aria-pressed=true]:after{box-shadow:inset 0 0 0 2.5px var(--jc-accent)}.jc-pr__slot:focus-visible{outline:none}.jc-pr__slot:focus-visible:after{box-shadow:inset 0 0 0 2.5px var(--jc-ink)}.jc-pr__slot.is-new{animation:jc-fadein .3s ease both}.jc-pr__bag{position:relative;width:94%;margin-bottom:6px;transform-origin:50% 96%}.jc-pr__stage[data-count="3"] .jc-pr__bag{width:100%}.jc-pr__bag img{display:block;width:100%;height:auto;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transform-origin:50% 96%}.jc-pr__bag.is-hop img{animation:jc-pr-hop .72s ease both}.jc-pr__bag.is-hello img{animation:jc-pr-hello .68s ease both}@keyframes jc-pr-hello{0%{transform:none}30%{transform:translateY(-9%) scale(.97,1.04)}58%{transform:translateY(0) scale(1.05,.94)}78%{transform:scale(.99,1.01)}to{transform:none}}@keyframes jc-pr-hop{0%{transform:scale(1.08,.9);opacity:.3}28%{transform:translateY(-12%) scale(.95,1.06);opacity:1}56%{transform:translateY(0) scale(1.06,.93)}78%{transform:scale(.98,1.02)}to{transform:none}}.jc-pr__tag{display:inline-flex;align-items:center;gap:6px;max-width:calc(100% - 12px);padding:4px 10px 4px 4px;border-radius:999px;background:#fff;border:1px solid var(--jc-ink);font:600 13px/1.1 var(--jc-f-sans);transition:background-color var(--jc-fade),color var(--jc-fade)}.jc-pr__tag b{flex:none;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--jc-ink);color:#fff;font:500 13px/1 var(--jc-f-mono);transition:background-color var(--jc-fade),color var(--jc-fade)}.jc-pr__tag span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jc-pr__slot[aria-pressed=true] .jc-pr__tag{background:var(--jc-ink);color:#fff}.jc-pr__slot[aria-pressed=true] .jc-pr__tag b{background:#fff;color:var(--jc-ink)}.jc-pr__stagebox{grid-area:stage;display:grid;gap:10px;align-content:start}.jc-pr__hint{margin:0;text-align:center;font:500 13px/1.3 var(--jc-f-mono);color:var(--jc-muted)}.jc-pr__ctrl{grid-area:ctrl;display:grid;gap:22px;min-width:0}.jc-pr__buy{grid-area:buy;display:grid;gap:22px;min-width:0}.jc-pr__seg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-top:12px}.jc-pr__opt{position:relative;display:grid;gap:4px;justify-items:start;min-height:64px;padding:14px 14px 12px;text-align:left;border:2px solid var(--jc-line);border-radius:16px;background:#fff;color:var(--jc-ink);font:inherit;letter-spacing:0;cursor:pointer;transition:border-color var(--jc-fade),background-color var(--jc-fade);-webkit-tap-highlight-color:transparent}.jc-pr__opt[aria-checked=true]{border-color:var(--jc-accent);background:color-mix(in srgb,var(--jc-accent) 5%,#fff)}@media(hover:hover){.jc-pr__opt:not([aria-checked=true]):hover{border-color:#d5482a73}}.jc-pr__opt:focus-visible{outline:2px solid var(--jc-ink);outline-offset:3px}.jc-pr__flag{position:absolute;top:-12px;left:8px;font:500 13px/1 var(--jc-f-mono);background:var(--jc-ink);color:#fff;padding:5px 8px;border-radius:999px;white-space:nowrap}.jc-pr__flag--3{background:var(--jc-save)}.jc-pr__optn{font:600 16px/1.2 var(--jc-f-sans)}.jc-pr__opts{font:600 14px/1.2 var(--jc-f-sans);color:var(--jc-save)}.jc-pr__pick{display:grid;gap:12px}.jc-pr__which{margin:0;font:500 13px/1.3 var(--jc-f-mono);letter-spacing:.02em;text-transform:uppercase;color:var(--jc-muted)}.jc-pr__chips{display:flex;flex-wrap:wrap;justify-content:center;gap:16px 8px}.jc-pr__chip{flex:0 0 calc((100% - 40px) / 6);position:relative;display:block;min-width:0;padding:0;border:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.jc-pr__chipimg{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:1;border-radius:12px;background:color-mix(in srgb,var(--c, #ddd) 30%,#fff);overflow:hidden;transition:box-shadow var(--jc-fade),transform .2s ease}.jc-pr__chipimg img{width:118%;max-width:none;height:auto;margin-top:6%}.jc-pr__chip:active .jc-pr__chipimg{transform:scale(.94)}.jc-pr__chip[aria-pressed=true] .jc-pr__chipimg{box-shadow:0 0 0 2px var(--jc-surface, #fff),0 0 0 4px var(--jc-accent)}.jc-pr__chip:focus-visible{outline:none}.jc-pr__chip:focus-visible .jc-pr__chipimg{outline:2px solid var(--jc-ink);outline-offset:5px}.jc-pr__chip[disabled]{cursor:not-allowed;opacity:.4}.jc-pr__marks{position:absolute;left:50%;bottom:-9px;transform:translate(-50%);z-index:1;display:flex;gap:2px}.jc-pr__marks i{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--jc-ink);color:#fff;border:2px solid var(--jc-surface, #fff);font:500 13px/1 var(--jc-f-mono);font-style:normal;box-sizing:content-box}.jc-pr__ideas{grid-area:ideas;display:grid;gap:10px;min-width:0}.jc-pr__ideash{margin:0;font:500 13px/1.3 var(--jc-f-mono);letter-spacing:.02em;text-transform:uppercase;color:var(--jc-muted)}.jc-pr__idearow{display:flex;gap:8px;margin:0 calc(-1 * var(--jc-gutter));padding:0 var(--jc-gutter) 2px;overflow-x:auto;scrollbar-width:none}.jc-pr__idearow::-webkit-scrollbar{display:none}.jc-pr__idea{flex:none;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px 0 12px;border:1px solid var(--jc-ink);border-radius:999px;background:transparent;color:var(--jc-ink);font:500 15px/1 var(--jc-f-sans);letter-spacing:0;white-space:nowrap;cursor:pointer;transition:background-color var(--jc-fade),color var(--jc-fade);-webkit-tap-highlight-color:transparent}.jc-pr__idea.is-on{background:var(--jc-ink);color:#fff}@media(hover:hover){.jc-pr__idea:not(.is-on):hover{background:#1111110f}}.jc-pr__ideadots{display:inline-flex}.jc-pr__ideadots i{width:16px;height:16px;border-radius:50%;background:var(--c);border:2px solid var(--jc-surface-2, #fff);box-sizing:border-box;box-shadow:0 0 0 1px #1111111f}.jc-pr__ideadots i+i{margin-left:-5px}.jc-pr__sum{display:grid;gap:6px;padding-top:18px;border-top:1px solid var(--jc-line)}.jc-pr__names{margin:0;font:600 15px/1.3 var(--jc-f-sans)}.jc-pr__price{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;margin:0;min-height:32px}.jc-pr__total{font:700 28px/1 var(--jc-f-sans);letter-spacing:-.01em;white-space:nowrap}.jc-pr__save{font:600 13px/1 var(--jc-f-sans);color:#fff;background:var(--jc-save);padding:5px 8px;border-radius:999px;white-space:nowrap}.jc-pr__save:empty{display:none}.jc-pr__save.is-pop{animation:jc-pr-pop .6s var(--jc-spring)}@keyframes jc-pr-pop{0%{transform:scale(.9)}to{transform:none}}.jc-pr__sub{margin:0;font:400 13px/1.3 var(--jc-f-sans);color:var(--jc-muted);min-height:17px}.jc-pr__add{margin-top:-4px}.jc-pr__added{display:none}.jc-pr__add.is-added{background:var(--jc-ink)}.jc-pr__add.is-added [data-jc-pr-label]{display:none}.jc-pr__add.is-added .jc-pr__added{display:inline}.jc-pr__note{display:flex;align-items:center;justify-content:center;gap:6px;margin:-8px 0 0;font:500 13px/1.3 var(--jc-f-sans);color:var(--jc-ink);text-align:center}.jc-pr__note .jc-icon{width:16px;height:16px;color:var(--jc-save);stroke-width:2.4}@media(min-width:750px)and (max-width:1023px){.jc-pr__stage{aspect-ratio:16 / 10}.jc-pr__bag{width:72%}.jc-pr__stage[data-count="3"] .jc-pr__bag{width:86%}}@media(min-width:1024px){.jc-pr{padding:96px 0}.jc-pr__grid{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);grid-template-areas:"stage head" "stage ctrl" "ideas buy";grid-template-rows:auto 1fr auto;column-gap:64px;row-gap:28px;align-items:start}.jc-pr__stagebox{gap:14px}.jc-pr__ideas{justify-items:center;text-align:center}.jc-pr__idearow{justify-content:center}.jc-pr__stage{aspect-ratio:16 / 13}.jc-pr__bag{width:98%;margin-bottom:14px}.jc-pr__stage[data-count="3"] .jc-pr__bag{width:108%}.jc-pr__slot{padding-bottom:20px}.jc-pr__tag{font-size:15px;padding:5px 12px 5px 5px}.jc-pr__tag b{width:24px;height:24px}.jc-pr__lede{font-size:17px}.jc-pr__chips{gap:16px 10px}.jc-pr__chip{flex-basis:calc((100% - 50px) / 6)}.jc-pr__idearow{margin:0;padding:0;flex-wrap:wrap;overflow:visible}.jc-pr__total{font-size:32px}}@media(prefers-reduced-motion:reduce){.jc-pr__bag.is-hop img,.jc-pr__bag.is-hello img,.jc-pr__save.is-pop,.jc-pr__slot.is-new{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/jc-col-pair.css.map */