.jc-gift{scroll-margin-top:0}.jc-gift__grid{display:flex;flex-direction:column;min-width:0;counter-reset:jc-gift-step}.jc-gift__head{margin-bottom:20px}.jc-gift__head .jc-display{margin:0}.jc-gift__head .jc-kicker{margin-bottom:12px}.jc-gift__photo{margin:0;min-width:0}.jc-gift__img{position:relative;aspect-ratio:1;border-radius:16px;overflow:hidden;background:var(--jc-canvas-2)}.jc-gift__img img{width:100%;height:100%;object-fit:cover;display:block}.jc-gift__img .jc-slot{height:100%;border-radius:16px}.jc-gift__cap{margin:10px 0 0;font:400 13px/1.45 var(--jc-f-mono);color:var(--jc-muted);text-wrap:balance}.jc-gift__pop{position:relative;display:block;width:100%;aspect-ratio:1;padding:0;border:0;border-radius:16px;overflow:hidden;background:var(--jc-canvas-2);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color var(--jc-fade);--box: color-mix(in srgb, var(--sw) 40%, #fff);--box-2: color-mix(in srgb, var(--sw) 62%, #fff);--inside: color-mix(in srgb, var(--sw) 45%, #3a2d24)}.jc-gift__pop:focus-visible{outline:2px solid var(--jc-ink);outline-offset:3px}.jc-gift__popsvg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}.jc-gift__popsvg--back{z-index:1}.jc-gift__popsvg--front{z-index:3}.jc-gift__popsvg path,.jc-gift__popsvg rect{stroke:var(--jc-ink);stroke-width:1.5px;vector-effect:non-scaling-stroke;stroke-linejoin:round}.jc-gift__popsvg .p-table{fill:var(--jc-canvas);stroke:none;transition:fill var(--jc-fade)}.jc-gift__popsvg .p-line{fill:none;stroke-width:1px}.jc-gift__popsvg .p-inside{fill:var(--inside)}.jc-gift__popsvg .p-front,.jc-gift__popsvg .p-lidfront,.jc-gift__popsvg .p-lidtop{fill:var(--box)}.jc-gift__popsvg .p-side,.jc-gift__popsvg .p-lidside{fill:var(--box-2)}.jc-gift__popsvg .p-spark{fill:var(--jc-ink);stroke:none;transform-box:fill-box;transform-origin:50% 50%}.jc-gift__poplid{transform-box:fill-box;transform-origin:100% 100%;transform:translate(3%,-10%) rotate(14deg)}.jc-gift__popbag{position:absolute;z-index:4;left:6.5%;top:33.3%;width:55%;transform-origin:50% 96%}.jc-gift__popbag img{display:block;width:100%;height:auto;pointer-events:none}.jc-gift__pop.is-armed:not(.is-play) .jc-gift__popbag{z-index:2;transform:translate(54.5%,46%) scale(.9)}.jc-gift__pop.is-armed:not(.is-play) .jc-gift__poplid{transform:none}.jc-gift__pop.is-armed:not(.is-play) .p-spark{opacity:0}.jc-gift__pop.is-play .jc-gift__popbag{animation:jc-gift-jump 1.9s cubic-bezier(.3,.7,.3,1) both}.jc-gift__pop.is-play .jc-gift__poplid{animation:jc-gift-lid 1.5s cubic-bezier(.3,.7,.3,1) both}.jc-gift__pop.is-play .p-spark{animation:jc-gift-spark .7s var(--jc-spring) both;animation-delay:1.05s}.jc-gift__pop.is-play .p-spark--2{animation-delay:1.18s}.jc-gift__pop.is-play .p-spark--3{animation-delay:1.3s}@keyframes jc-gift-lid{0%{transform:none}10%{transform:rotate(-3deg)}18%{transform:rotate(3deg)}26%{transform:rotate(-2deg)}32%{transform:none}46%{transform:translate(6%,-26%) rotate(22deg)}70%{transform:translate(2%,-8%) rotate(12deg)}to{transform:translate(3%,-10%) rotate(14deg)}}@keyframes jc-gift-jump{0%,34%{z-index:2;transform:translate(54.5%,46%) scale(.9)}42%{z-index:2;transform:translate(50%,30%) scale(.94,1.08)}58%{z-index:2;transform:translate(30%,-44%) scale(.98,1.04)}60%{z-index:4}80%{z-index:4;transform:translate(0) scale(1.08,.92)}90%{z-index:4;transform:translateY(-2.5%) scale(.98,1.03)}to{z-index:4;transform:none}}@keyframes jc-gift-spark{0%{opacity:0;transform:scale(.2)}to{opacity:1;transform:none}}.jc-gift__story--notif .jc-gift__bars,.jc-gift__story--notif .jc-gift__top{transition:opacity .22s ease}.jc-gift__story--notif:not(.is-armed) .jc-gift__bars,.jc-gift__story--notif:not(.is-armed) .jc-gift__top{opacity:0}.jc-gift__story--notif.is-armed.is-playing .jc-gift__bars,.jc-gift__story--notif.is-armed.is-playing .jc-gift__top{opacity:0;transition:opacity .22s ease 2.6s}.jc-gift__story--notif .jc-gift__notif{top:1.6%}.jc-gift__label{margin:40px 0 0;padding-bottom:14px;border-bottom:1px solid var(--jc-line)}.jc-gift__step{counter-increment:jc-gift-step;display:grid;grid-template-columns:30px minmax(0,1fr);column-gap:12px;align-items:center;min-width:0;padding-top:24px}.jc-gift__step>:not(.jc-gift__num){grid-column:2}.jc-gift__step+.jc-gift__step,.jc-gift__stage+.jc-gift__step{margin-top:28px;border-top:1px solid var(--jc-line)}.jc-gift__num{grid-column:1;grid-row:1;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:1px solid var(--jc-ink);font:700 15px/1 var(--jc-f-display);font-variation-settings:"opsz" 24;color:var(--jc-ink);transition:background-color var(--jc-fade),color var(--jc-fade)}.jc-gift__num:before{content:counter(jc-gift-step)}.jc-gift__step.is-done .jc-gift__num{background:var(--jc-ink);color:var(--jc-white)}.jc-gift__st{grid-row:1;margin:0;font:700 22px/1.15 var(--jc-f-display);font-variation-settings:"opsz" 32,"wdth" var(--jc-wdth, 92);letter-spacing:-.02em;text-wrap:balance}.jc-gift__ss{margin:6px 0 0;font:400 15px/1.45 var(--jc-f-sans);color:var(--jc-muted);text-wrap:pretty}.jc-gift__facts{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 0}.jc-gift__fact{display:inline-flex;align-items:center;gap:5px;min-height:30px;padding:0 11px 0 8px;border:1px solid var(--jc-line);border-radius:999px;font:500 13px/1 var(--jc-f-sans);color:var(--jc-ink)}.jc-gift__fact .jc-icon{width:15px;height:15px;color:var(--jc-save)}.jc-gift__step>.jc-gift__tiles{grid-column:1 / -1;margin-top:18px}.jc-gift__tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 6px;margin:0;padding:0;list-style:none}.jc-gift__tiles>li{display:flex;justify-content:center;min-width:0}.jc-gift__who{display:flex;flex-direction:column;align-items:center;gap:7px;width:100%;min-height:44px;padding:0;border:0;background:none;color:var(--jc-ink);font:600 13px/1.2 var(--jc-f-sans);text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent}.jc-gift__who:focus-visible{outline:none}.jc-gift__who:focus-visible .jc-gift__ring{outline:2px solid var(--jc-ink);outline-offset:2px}.jc-gift__ring{display:block;flex:none;width:68px;height:68px;padding:3px;border-radius:50%;border:1.5px solid var(--jc-ink);transition:border-color var(--jc-fade)}.jc-gift__who.is-seen .jc-gift__ring{border-color:var(--jc-line)}.jc-gift__who[aria-pressed=true] .jc-gift__ring{border:2.5px solid var(--jc-accent);padding:2px}.jc-gift__ava{position:relative;display:block;width:100%;height:100%;border-radius:50%;overflow:hidden;background:color-mix(in srgb,var(--c, #d9cfc2) 40%,var(--jc-base))}.jc-gift__ava img{position:absolute;left:-7%;top:4%;display:block;width:114%;max-width:none;height:auto;transform-origin:50% 90%;transition:transform .5s var(--jc-spring)}.jc-gift__who:hover .jc-gift__ava img{transform:translateY(-5%) rotate(-4deg)}.jc-gift__who[aria-pressed=true] .jc-gift__ava img{animation:jc-gift-hop .7s ease 1}.jc-gift__wholabel{display:block;min-height:2.4em;text-wrap:balance}.jc-gift__stage{margin:18px 0 0;min-width:0}.jc-gift__phone{position:relative;width:min(72%,290px);margin:0 auto}.jc-gift__story{--wall: color-mix(in srgb, var(--sw) 38%, #efe8dc);--floor: color-mix(in srgb, var(--sw) 52%, #d8cdbb);position:relative;display:block;aspect-ratio:3 / 5;border-radius:16px;overflow:hidden;isolation:isolate;container-type:inline-size;background:var(--wall) var(--jc-noise);color:var(--jc-ink);font-family:var(--jc-f-sans);transition:background-color .45s ease}@supports not (color: color-mix(in srgb,red 10%,white)){.jc-gift__story{--wall: #e6dccd;--floor: #d3c6b2}}.jc-gift__table{position:absolute;left:0;right:0;top:63%;bottom:0;background:var(--floor) var(--jc-noise);transition:background-color .45s ease}.jc-gift__bars{position:absolute;z-index:3;top:2.2%;left:3.5%;right:3.5%;display:flex;gap:4px}.jc-gift__bars i{position:relative;flex:1;height:3px;border-radius:999px;background:#11111129;overflow:hidden}.jc-gift__bars i.is-seen{background:#111111b8}.jc-gift__bars b{position:absolute;top:0;right:0;bottom:0;left:0;background:#111111b8;transform-origin:0 50%}.jc-gift__top{position:absolute;z-index:3;top:4.6%;left:3.5%;right:3%;display:flex;align-items:center;gap:max(6px,2.2cqi);font:600 max(13px,4.6cqi)/1 var(--jc-f-sans);white-space:nowrap}.jc-gift__av{flex:none;width:max(24px,8.6cqi);aspect-ratio:1;border-radius:50%;border:2px solid var(--jc-white);outline:1px solid rgba(17,17,17,.14);background:var(--sw);transition:background-color .45s ease}.jc-gift__time{font-weight:400;color:#111111b3}.jc-gift__dots{flex:none;width:max(20px,7cqi);height:auto;margin-left:auto;fill:currentColor}.jc-gift__bar{position:absolute;z-index:3;left:3.5%;right:3.5%;bottom:2.6%;display:flex;align-items:center;gap:max(8px,2.8cqi);height:max(38px,12.5cqi)}.jc-gift__field{flex:1;display:flex;align-items:center;height:100%;min-width:0;padding:0 max(12px,4cqi);border:1px solid rgba(17,17,17,.42);border-radius:999px;font:400 max(13px,4.4cqi)/1 var(--jc-f-sans);color:#111111b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jc-gift__bar svg{flex:none;width:max(20px,7cqi);height:auto}.jc-gift__heart path{fill:currentColor;fill-opacity:1}.jc-gift__him{position:absolute;z-index:1;left:6%;top:19%;width:88%;aspect-ratio:1}.jc-gift__bag{display:block;width:100%;height:auto;transform-origin:50% 96%}.jc-gift__stk{--r: 0deg;position:absolute;z-index:2;display:block;max-width:86%;padding:.3em .5em .34em;border-radius:12px;background:var(--jc-white);color:var(--jc-ink);font:700 max(15px,6.3cqi)/1.02 var(--jc-f-display);font-variation-settings:"opsz" 48,"wdth" var(--jc-wdth, 85);letter-spacing:-.02em;text-wrap:balance;transform:rotate(var(--r));transform-origin:50% 60%}.jc-gift__stk--top{--r: -4deg;--d: .65s;left:6%;top:15%;background:var(--jc-ink);color:var(--jc-on-dark)}.jc-gift__stk--face{--r: 7deg;--d: 1s;right:3%;top:41%}.jc-gift__stk--at{--r: -3deg;--d: 1.45s;left:6%;top:71.5%;color:color-mix(in srgb,var(--sw) 40%,var(--jc-ink));text-transform:uppercase;letter-spacing:0;transition:color .45s ease}.jc-gift__stk--tag{--r: 2deg;--d: 1.75s;right:5%;top:79.5%;display:flex;align-items:center;gap:.4em;max-width:72%;padding:.55em .8em .55em .6em;border-radius:999px;font:600 max(13px,4.3cqi)/1.1 var(--jc-f-sans);letter-spacing:0;white-space:nowrap}.jc-gift__stk--tag svg{flex:none;width:1.3em;height:1.3em}.jc-gift__stk--tag>span{overflow:hidden;text-overflow:ellipsis}.jc-gift__arrow{position:absolute;z-index:2;right:15%;top:48.5%;width:15cqi;height:auto;overflow:visible;color:var(--jc-white)}.jc-gift__spark{position:absolute;z-index:2;height:auto;overflow:visible;fill:var(--jc-white);stroke:var(--jc-ink);stroke-width:1.4;stroke-linejoin:round}.jc-gift__spark--1{left:9%;top:27%;width:9cqi}.jc-gift__spark--2{right:12%;top:22.5%;width:6cqi}.jc-gift__arrow path{stroke:var(--jc-ink);stroke-width:5}.jc-gift__arrow path+path{stroke:currentColor;stroke-width:2.4}.jc-gift__notif{position:absolute;z-index:4;top:2%;left:3%;right:3%;display:flex;align-items:center;gap:max(10px,3cqi);padding:max(9px,3cqi) max(10px,3.4cqi);border-radius:16px;background:var(--jc-white);color:var(--jc-ink)}.jc-gift__notif .jc-gift__av{width:max(30px,10.5cqi);border-color:var(--jc-white)}.jc-gift__ntext{display:grid;gap:3px;min-width:0}.jc-gift__nhead{display:flex;gap:6px;align-items:baseline;font:400 max(13px,4.2cqi)/1.2 var(--jc-f-sans);color:var(--jc-muted)}.jc-gift__nhead b{font-weight:600;color:var(--jc-ink)}.jc-gift__nmsg{font:500 max(14px,4.9cqi)/1.25 var(--jc-f-sans)}.jc-gift__replay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;width:100%;height:100%;padding:0;border:0;border-radius:16px;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.jc-gift__replay:focus-visible{outline:2px solid var(--jc-ink);outline-offset:3px}.jc-gift__note{margin:10px 0 0;font:400 13px/1.45 var(--jc-f-mono);color:var(--jc-muted);text-align:center}.jc-gift__story.is-armed .jc-gift__him{opacity:0;transform:translateY(12%) scale(.68)}.jc-gift__story.is-armed .jc-gift__stk{opacity:0;transform:rotate(calc(var(--r) - 14deg)) scale(.35)}.jc-gift__story.is-armed .jc-gift__arrow,.jc-gift__story.is-armed .jc-gift__spark{opacity:0}.jc-gift__story.is-armed .jc-gift__notif{opacity:0;transform:translateY(-14px)}.jc-gift__story.is-armed [data-jc-gift-fill]{transform:scaleX(0)}.jc-gift__story.is-armed .jc-gift__heart path{fill-opacity:0}.jc-gift__story.is-armed.is-playing .jc-gift__him{opacity:1;transform:none;transition:opacity .18s ease .1s,transform .95s var(--jc-spring) .1s}.jc-gift__story.is-armed.is-playing .jc-gift__stk{opacity:1;transform:rotate(var(--r));transition:opacity .14s ease var(--d),transform .7s var(--jc-spring) var(--d)}.jc-gift__story.is-armed.is-playing .jc-gift__arrow{opacity:1;transition:opacity .3s ease 1.25s}.jc-gift__story.is-armed.is-playing .jc-gift__spark{opacity:1;transition:opacity .3s ease 2.15s}.jc-gift__story.is-armed.is-playing .jc-gift__notif{opacity:1;transform:none;transition:opacity .3s ease 2.6s,transform .38s cubic-bezier(.2,.7,.2,1) 2.6s}.jc-gift__story.is-armed.is-playing [data-jc-gift-fill]{transform:none;transition:transform 3.3s linear}.jc-gift__story.is-armed.is-playing .jc-gift__heart path{fill-opacity:1;transition:fill-opacity .3s ease 3.1s}.jc-gift__story.is-armed.is-playing .jc-gift__bag{animation:jc-gift-hop .76s ease 2.75s 1 both}@keyframes jc-gift-hop{0%{transform:none}22%{transform:translateY(-9%) scale(.98,1.03)}48%{transform:translateY(0) scale(1.03,.96)}68%{transform:translateY(-2.5%) scale(.99,1.01)}to{transform:none}}.jc-gift__step>.jc-gift__review{grid-column:1 / -1}.jc-gift__review{display:grid;grid-template-columns:88px minmax(0,1fr);gap:14px;align-items:start;margin:18px 0 0;padding:16px;border-radius:16px;background:var(--jc-canvas);transition:background-color var(--jc-fade)}.jc-gift__review--text{grid-template-columns:minmax(0,1fr)}.jc-gift__rphoto{position:relative;aspect-ratio:1 / 1;border-radius:12px;overflow:hidden;background:var(--jc-surface)}.jc-gift__rphoto img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.jc-gift__rphoto .jc-slot{height:100%;padding:6px}.jc-gift__rphoto .jc-slot__tag,.jc-gift__rphoto .jc-slot__spec{display:none}.jc-gift__rphoto .jc-slot__label{font-size:13px;margin-top:0}.jc-gift__review figcaption{min-width:0}.jc-gift__quote{margin:6px 0 8px;font:500 16px/1.45 var(--jc-f-sans);color:var(--jc-ink);text-wrap:pretty}.jc-gift__rname{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.jc-gift__cta{display:grid;justify-items:center;gap:6px;margin-top:32px}.jc-gift__cta .jc-gift__add{width:100%;min-height:56px;font-size:17px}.jc-gift__duo{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 4px;border:0;background:none;color:var(--jc-ink);font:600 15px/1.3 var(--jc-f-sans);white-space:nowrap;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;cursor:pointer}.jc-gift__duo .jc-icon{width:18px;height:18px}.jc-gift__duo .jc-icon--arrow{transition:transform var(--jc-fade)}.jc-gift__duo:hover .jc-icon--arrow{transform:translate(3px)}@media(min-width:560px)and (max-width:759px){.jc-gift__grid{max-width:540px;margin:0 auto}}@media(min-width:760px){.jc-gift__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.82fr);column-gap:clamp(32px,5vw,80px);align-items:start}.jc-gift__grid>*{grid-column:2}.jc-gift__head{margin-bottom:28px}.jc-gift__head .jc-display{font-size:clamp(44px,4.7vw,68px)}.jc-gift__stage{grid-column:1;grid-row:1 / span 8;position:sticky;top:88px;display:grid;justify-items:center;margin:0;padding:clamp(24px,3.2vw,44px) 20px 18px;border-radius:16px;background:var(--jc-canvas);transition:background-color var(--jc-fade)}.jc-gift__phone{width:min(100%,400px,calc((100vh - 220px)*.6));width:min(100%,400px,calc((100svh - 220px)*.6))}.jc-gift__note{margin-top:14px}.jc-gift__label{margin-top:44px}.jc-gift__cta{justify-items:start;gap:8px;margin-top:36px}.jc-gift__cta .jc-gift__add{max-width:420px;padding:0 32px}.jc-gift__ring{width:64px;height:64px}}@media(min-width:1100px){.jc-gift__st{font-size:24px}.jc-gift__tiles{gap:18px 8px}.jc-gift__ring{width:76px;height:76px}.jc-gift__who{font-size:14px}}@media(prefers-reduced-motion:reduce){.jc-gift__pop .jc-gift__popbag,.jc-gift__pop.is-play .jc-gift__popbag{animation:none;transform:none;z-index:4}.jc-gift__pop .jc-gift__poplid{animation:none;transform:translate(3%,-10%) rotate(14deg)}.jc-gift__pop .p-spark{animation:none;opacity:1}.jc-gift__story--notif .jc-gift__bars,.jc-gift__story--notif .jc-gift__top{opacity:0;transition:none}.jc-gift__story.is-armed .jc-gift__him,.jc-gift__story.is-armed.is-playing .jc-gift__him{opacity:1;transform:none;transition:none}.jc-gift__story.is-armed .jc-gift__stk,.jc-gift__story.is-armed.is-playing .jc-gift__stk{opacity:1;transform:rotate(var(--r));transition:none}.jc-gift__story.is-armed .jc-gift__arrow,.jc-gift__story.is-armed.is-playing .jc-gift__arrow,.jc-gift__story.is-armed .jc-gift__spark,.jc-gift__story.is-armed.is-playing .jc-gift__spark{opacity:1;transition:none}.jc-gift__story.is-armed .jc-gift__notif,.jc-gift__story.is-armed.is-playing .jc-gift__notif{opacity:1;transform:none;transition:none}.jc-gift__story.is-armed [data-jc-gift-fill],.jc-gift__story.is-armed.is-playing [data-jc-gift-fill]{transform:none;transition:none}.jc-gift__story.is-armed .jc-gift__heart path,.jc-gift__story.is-armed.is-playing .jc-gift__heart path{fill-opacity:1;transition:none}.jc-gift__story.is-armed.is-playing .jc-gift__bag,.jc-gift__who[aria-pressed=true] .jc-gift__ava img{animation:none}.jc-gift__ava img,.jc-gift__who:hover .jc-gift__ava img{transform:none;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/jc-gift.css.map */