.pdp{--pdp-loop:15s;--pdp-title:var(--font-sharp-grotesk), "SharpGroteskBook20", sans-serif;aspect-ratio:16/10;flex-direction:column;width:100%;margin:0;display:flex;overflow:hidden}.pdp-bar{border-bottom:1px solid var(--color-border-default);flex:none;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;height:34px;padding:0 14px;display:grid}.pdp-dots{gap:6px;display:flex}.pdp-dots i{background:#24262924;border-radius:50%;width:8px;height:8px}.pdp-url{background:var(--color-background-tertiary);height:22px;color:var(--color-foreground-secondary);white-space:nowrap;border-radius:999px;align-items:center;padding:0 14px;font-size:12px;line-height:1;display:flex}.pdp-pp{width:24px;height:24px;color:var(--color-foreground-secondary);border-radius:50%;place-items:center;transition:background-color .2s,color .2s;display:grid;position:absolute;top:6px;right:8px}.pdp-pp:hover{color:var(--color-foreground-primary);background:#2426290f}.pdp-pp svg{fill:currentColor;width:10px;height:10px}.pdp-screen{color:#242629;background:#fcfaf6;flex:1;min-height:0;font-weight:400;line-height:1.4;position:relative;overflow:hidden;container-type:inline-size}.pdp-canvas{--u:calc(100cqw / 1120);position:absolute;inset:0}.pdp-top{z-index:5;padding-top:calc(var(--u) * 24);pointer-events:none;justify-content:center;display:flex;position:absolute;top:0;left:0;right:0}.pdp-top img{width:calc(var(--u) * 104);height:auto}.pdp-f{padding-top:calc(var(--u) * 52);opacity:0;animation:var(--pdp-loop) var(--v2-ease-nav) infinite;background:#fcfaf6;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pdp-f1{opacity:1;background:radial-gradient(120% 90% at 50% 0,#e4dbeb 0%,#d9cfdf 45%,#cfc3dc 100%);animation-name:pdp-f1}.pdp-f2{animation-name:pdp-f2}.pdp-f3{animation-name:pdp-f3}.pdp-f4{animation-name:pdp-f4}.pdp-in{align-items:center;gap:calc(var(--u) * 26);animation:var(--pdp-loop) var(--v2-ease-nav) infinite;flex-direction:column;display:flex}.pdp-f1 .pdp-in{animation-name:pdp-leave1}.pdp-f2 .pdp-in{gap:calc(var(--u) * 56);flex-direction:row;animation-name:pdp-leave2}.pdp-f3 .pdp-in{align-items:stretch;gap:calc(var(--u) * 16);width:calc(var(--u) * 600);animation-name:pdp-leave3}.pdp-f4 .pdp-in{gap:calc(var(--u) * 22);animation-name:pdp-leave4}.pdp-btn{justify-content:center;align-items:center;gap:calc(var(--u) * 8);height:calc(var(--u) * 52);padding:0 calc(var(--u) * 26);border-radius:calc(var(--u) * 8);color:#fff;font-size:calc(var(--u) * 18);white-space:nowrap;background:#242629;font-weight:500;display:flex}.pdp-btn svg{width:calc(var(--u) * 18);height:calc(var(--u) * 18)}.pdp-hi{max-width:calc(var(--u) * 1000);font-family:var(--pdp-title);font-weight:500;font-size:calc(var(--u) * 38);letter-spacing:-.016em;text-align:center;color:#450920;animation:pdp-hi var(--pdp-loop) var(--v2-ease-nav-in) infinite;line-height:1.15}.pdp-cards{width:calc(var(--u) * 540);height:calc(var(--u) * 320);flex:none;position:relative}.pdp-card{aspect-ratio:3/2;border-radius:calc(var(--u) * 5);width:62%;box-shadow:0 calc(var(--u) * 22) calc(var(--u) * 50) #45092033, 0 calc(var(--u) * 2) calc(var(--u) * 6) #24262914;transform:var(--at);animation:pdp-deal var(--pdp-loop) var(--v2-ease-nav-in) infinite both;background:#fff;position:absolute;top:50%;left:50%;overflow:hidden}.pdp-front{--at:translate(-50%, -50%) translate(-19%, -4%) rotate(-5deg);--from:translate(-50%, -50%) translate(-19%, 22%) rotate(-1.5deg) scale(.95)}.pdp-back{--at:translate(-50%, -50%) translate(21%, 9%) rotate(4deg);--from:translate(-50%, -50%) translate(-19%, -4%) rotate(-5deg) scale(.97);z-index:1;place-items:center;padding:6% 8%;animation-delay:.25s;display:grid}.pdp-msg{font-family:Georgia,Times New Roman,serif;font-size:calc(var(--u) * 15);text-align:center;white-space:pre-line;color:#2c2c2c;line-height:1.5}.pdp-open{animation:pdp-open var(--pdp-loop) var(--v2-ease-nav-in) infinite}.pdp-photo{width:calc(var(--u) * 450);aspect-ratio:1;border-radius:calc(var(--u) * 14);background:#edeae4;flex:none;position:relative;overflow:hidden}.pdp-photo img{-o-object-fit:cover;object-fit:cover;animation:pdp-settle var(--pdp-loop) var(--v2-ease-nav-in) infinite}.pdp-giftcol{align-items:stretch;gap:calc(var(--u) * 22);width:calc(var(--u) * 430);animation:pdp-rise2 var(--pdp-loop) var(--v2-ease-nav-in) infinite;flex-direction:column;display:flex}.pdp-named{gap:calc(var(--u) * 8);flex-direction:column;display:flex}.pdp-from{font-size:calc(var(--u) * 19);color:#7f8183}.pdp-title{font-family:var(--pdp-title);font-weight:500;font-size:calc(var(--u) * 54);letter-spacing:-.02em;line-height:1.1}.pdp-accept{height:calc(var(--u) * 56);font-size:calc(var(--u) * 19);animation:pdp-accept var(--pdp-loop) cubic-bezier(.24, .08, .32, .88) infinite}.pdp-note{font-size:calc(var(--u) * 16);color:#7f8183}.pdp-mini{align-items:center;gap:calc(var(--u) * 12);display:flex}.pdp-mini-ph{width:calc(var(--u) * 56);height:calc(var(--u) * 56);border-radius:calc(var(--u) * 8);background:#edeae4;flex:none;position:relative;overflow:hidden}.pdp-mini-ph img{-o-object-fit:cover;object-fit:cover}.pdp-mini-t{gap:calc(var(--u) * 2);text-align:left;flex-direction:column;display:flex}.pdp-mini-t em{font-style:normal;font-size:calc(var(--u) * 14);color:#7f8183}.pdp-mini-t b{font-size:calc(var(--u) * 17);font-weight:500}.pdp-sh{font-family:var(--pdp-title);font-weight:500;font-size:calc(var(--u) * 42);letter-spacing:-.016em;line-height:1.15}.pdp-fields{gap:calc(var(--u) * 12);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.pdp-field{gap:calc(var(--u) * 6);flex-direction:column;min-width:0;display:flex}.pdp-label{font-size:calc(var(--u) * 14);font-weight:500}.pdp-input{height:calc(var(--u) * 48);padding:0 calc(var(--u) * 14);border-radius:calc(var(--u) * 8);box-shadow:inset 0 0 0 max(1px, var(--u)) #dedede;font-size:calc(var(--u) * 18);background:#fff;align-items:center;display:flex;position:relative;overflow:hidden}.pdp-hl{opacity:0;animation:pdp-hl var(--pdp-loop) var(--v2-ease-nav) calc(var(--i) * .1s) infinite both;background:#fff3c4;position:absolute;inset:0}.pdp-val{white-space:nowrap;animation:pdp-val var(--pdp-loop) var(--v2-ease-nav-in) calc(var(--i) * .1s) infinite both;position:relative}.pdp-send{animation:pdp-send var(--pdp-loop) cubic-bezier(.24, .08, .32, .88) infinite}.pdp-ck{flex:none;position:relative}.pdp-check{width:calc(var(--u) * 92);height:calc(var(--u) * 92);animation:pdp-pop var(--pdp-loop) cubic-bezier(.2, 1.5, .4, 1) infinite;background:#51a797;border-radius:50%;place-items:center;display:grid}.pdp-check svg{width:calc(var(--u) * 54);height:calc(var(--u) * 54)}.pdp-check path{animation:pdp-draw var(--pdp-loop) var(--v2-ease-nav) infinite}.pdp-burst{width:0;height:0;position:absolute;top:50%;left:50%}.pdp-cf{left:calc(var(--u) * -5);top:calc(var(--u) * -7);width:calc(var(--u) * 10);height:calc(var(--u) * 14);border-radius:calc(var(--u) * 2);background:var(--c);opacity:0;animation:pdp-confetti var(--pdp-loop) cubic-bezier(.2, .7, .3, 1) infinite;position:absolute}.pdp-done-t{font-family:var(--pdp-title);font-weight:500;font-size:calc(var(--u) * 48);letter-spacing:-.016em;line-height:1.15}.pdp-f4 .pdp-mini-ph{width:calc(var(--u) * 64);height:calc(var(--u) * 64)}.pdp-f4 .pdp-mini-t em{font-size:calc(var(--u) * 16)}.pdp-f4 .pdp-mini-t b{font-size:calc(var(--u) * 19)}.pdp-rise4{animation:pdp-rise4 var(--pdp-loop) var(--v2-ease-nav-in) calc(var(--i) * .1s) infinite both}@keyframes pdp-f1{0%,24%{opacity:1}24.1%,88.9%{opacity:0}89%,to{opacity:1}}@keyframes pdp-f2{0%,21.33%{opacity:0}24%,47.7%{opacity:1}47.8%,to{opacity:0}}@keyframes pdp-f3{0%,44.67%{opacity:0}47.67%,71.7%{opacity:1}71.8%,to{opacity:0}}@keyframes pdp-f4{0%,68.67%{opacity:0}71.67%,89.33%{opacity:1}92.33%,to{opacity:0}}@keyframes pdp-leave1{0%,19.33%{opacity:1;transform:none}21.33%{opacity:0;transform:scale(1.03)}21.4%,88.9%{opacity:0;transform:none}89%,to{opacity:1;transform:none}}@keyframes pdp-leave2{0%,42.67%{opacity:1}44.67%,to{opacity:0}}@keyframes pdp-leave3{0%,66.67%{opacity:1}68.67%,to{opacity:0}}@keyframes pdp-leave4{0%,87.33%{opacity:1}89.33%,to{opacity:0}}@keyframes pdp-hi{0%,21.33%{opacity:1;transform:none}21.4%,90%{opacity:0;transform:translateY(calc(var(--u) * 14))}94.67%,to{opacity:1;transform:none}}@keyframes pdp-deal{0%,21.33%{opacity:1;transform:var(--at)}21.4%,90.67%{opacity:0;transform:var(--from)}93.33%{opacity:1}96.67%,to{opacity:1;transform:var(--at)}}@keyframes pdp-open{0%,16%{opacity:1;transform:none}16.8%{opacity:1;transform:scale(.94)}18%,21.33%{opacity:1;transform:none}21.4%,96%{opacity:0;transform:translateY(calc(var(--u) * 12))}to{opacity:1;transform:none}}@keyframes pdp-settle{0%,21.33%{transform:scale(1.06)}28%,47.8%{transform:none}47.9%,to{transform:scale(1.06)}}@keyframes pdp-rise2{0%,22.33%{opacity:0;transform:translateY(calc(var(--u) * 14))}26%,47.8%{opacity:1;transform:none}47.9%,to{opacity:0;transform:translateY(calc(var(--u) * 14))}}@keyframes pdp-accept{0%,40%{transform:none}40.8%{transform:scale(.94)}42%,to{transform:none}}@keyframes pdp-val{0%,50.67%{opacity:0;transform:translateY(calc(var(--u) * -6))}53%,71.8%{opacity:1;transform:none}71.9%,to{opacity:0;transform:translateY(calc(var(--u) * -6))}}@keyframes pdp-hl{0%,50.67%{opacity:0}52%,57.33%{opacity:1}60%,to{opacity:0}}@keyframes pdp-send{0%,56.67%{opacity:.45;transform:none}58.67%,64%{opacity:1;transform:none}64.8%{opacity:1;transform:scale(.94)}66%,71.8%{opacity:1;transform:none}71.9%,to{opacity:.45;transform:none}}@keyframes pdp-pop{0%,69.33%{opacity:0;transform:scale(.5)}73.33%,92.4%{opacity:1;transform:none}92.5%,to{opacity:0;transform:scale(.5)}}@keyframes pdp-draw{0%,70.67%{stroke-dashoffset:36px}73.67%,92.4%{stroke-dashoffset:0}92.5%,to{stroke-dashoffset:36px}}@keyframes pdp-confetti{0%,71%{opacity:0;transform:none}71.07%{opacity:1;transform:none}75.67%{opacity:1;transform:translate(calc(var(--x) * var(--u)), calc(var(--y) * var(--u))) rotate(calc(var(--r) * .5deg))}81%{opacity:0;transform:translate(calc(var(--x) * 1.25 * var(--u)), calc((var(--y) + 140) * var(--u))) rotate(calc(var(--r) * 1deg))}to{opacity:0;transform:none}}@keyframes pdp-rise4{0%,71.67%{opacity:0;transform:translateY(calc(var(--u) * 12))}75.33%,92.4%{opacity:1;transform:none}92.5%,to{opacity:0;transform:translateY(calc(var(--u) * 12))}}.pdp .pdp-screen *{animation-play-state:paused}.pdp[data-playing] .pdp-screen *{animation-play-state:running}@media (prefers-reduced-motion:reduce){.pdp .pdp-screen *{animation:none!important}}