@property --ppc-foil{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@keyframes ppc-foil-spin{to{--ppc-foil: 360deg}}@keyframes pp-deal{0%{opacity:0;transform:translate(-50%,-40%) rotate(0) scale(.9)}}.ppc-box{container-type:inline-size}.ppc{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;width:100%;aspect-ratio:1.586;padding:6.5cqw 7cqw;border-radius:5.5cqw}.ppc>*{position:relative;z-index:1}.ppc:after{content:"";position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background-image:radial-gradient(60cqw 40cqw at var(--gx, 18%) var(--gy, 0%),rgb(255 255 255 / .32),transparent 60%);mix-blend-mode:soft-light;opacity:.6;transition:opacity .4s ease}s-pp-tilt[data-tilting] .ppc:after{opacity:1}.ppc-chip{position:absolute;top:6.5cqw;inset-inline-end:7cqw;width:12cqw;height:9cqw;border-radius:1.6cqw;background-image:linear-gradient(90deg,transparent 32%,rgb(0 0 0 / .22) 32% 35%,transparent 35% 65%,rgb(0 0 0 / .22) 65% 68%,transparent 68%),linear-gradient(0deg,transparent 30%,rgb(0 0 0 / .22) 30% 34%,transparent 34% 66%,rgb(0 0 0 / .22) 66% 70%,transparent 70%),linear-gradient(135deg,#f6e7c8,#d9b98a 45%,#f3dfb6 60%,#b8925e);box-shadow:inset 0 0 0 1px #0000002e}.ppc-logo{position:absolute;z-index:0;inset-inline-end:-10%;bottom:-8%;width:78%;aspect-ratio:431 / 158;pointer-events:none;-webkit-mask:var(--ppc-logo) no-repeat center / contain;mask:var(--ppc-logo) no-repeat center / contain;background-color:#ffffff0d;background-image:radial-gradient(50cqw 34cqw at var(--gx, 80%) var(--gy, 85%),rgb(255 255 255 / .18),transparent 70%)}.ppc .ppc-brand{font-size:3.6cqw;line-height:1.2;letter-spacing:.08em;opacity:.78}.ppc .ppc-name{font-size:12.5cqw;line-height:1;letter-spacing:-.03em}.ppc .ppc-label{font-size:3cqw;line-height:1.3;opacity:.66}.ppc .ppc-val{font-size:5.6cqw;line-height:1.1}.ppc-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:4cqw}.ppc[data-tier=partner]{color:var(--color-ink);background-image:radial-gradient(120% 70% at 0% 0%,rgb(255 255 255 / .75),transparent 55%),repeating-linear-gradient(115deg,rgb(255 255 255 / .07) 0 2px,transparent 2px 6px),linear-gradient(150deg,var(--color-brand-from),color-mix(in oklab,var(--color-brand-from) 45%,var(--color-on-ink)) 48%,var(--color-brand-via));box-shadow:inset 0 1px #fff9,inset 0 0 0 1px #ffffff59,0 40px 80px -40px #000000e6}.ppc[data-tier=partner] .ppc-chip{background-image:linear-gradient(90deg,transparent 32%,rgb(0 0 0 / .18) 32% 35%,transparent 35% 65%,rgb(0 0 0 / .18) 65% 68%,transparent 68%),linear-gradient(0deg,transparent 30%,rgb(0 0 0 / .18) 30% 34%,transparent 34% 66%,rgb(0 0 0 / .18) 66% 70%,transparent 70%),linear-gradient(135deg,#fff,#d8d8de 45%,#f4f4f7 60%,#a9a9b3)}.ppc[data-tier=partner] .ppc-logo{background-color:#0000000f;background-image:radial-gradient(50cqw 34cqw at var(--gx, 80%) var(--gy, 85%),rgb(255 255 255 / .45),transparent 70%)}.ppc[data-tier=pro]{color:var(--color-on-ink);background-color:#0b0b0d;background-image:radial-gradient(80% 60% at 100% 0%,color-mix(in oklab,var(--color-brand-via) 36%,transparent),transparent 60%),radial-gradient(60% 50% at 0% 100%,color-mix(in oklab,var(--color-brand-to) 18%,transparent),transparent 70%),repeating-linear-gradient(90deg,rgb(255 255 255 / .03) 0 1px,transparent 1px 3px),linear-gradient(160deg,#24242b,#0b0b0d 70%);box-shadow:inset 0 1px #ffffff29,inset 0 0 0 1px color-mix(in oklab,var(--color-brand-via) 40%,transparent),0 40px 80px -40px #000000f2,0 0 60px -24px color-mix(in oklab,var(--color-brand-via) 60%,transparent)}.ppc[data-tier=pro] .ppc-logo{background-image:radial-gradient(50cqw 34cqw at var(--gx, 80%) var(--gy, 85%),color-mix(in oklab,var(--color-brand-via) 45%,transparent),transparent 70%)}.ppc[data-tier=elite]{color:var(--color-on-ink);background-color:#060607;background-image:radial-gradient(70% 45% at 100% 0%,color-mix(in oklab,#e9c48f 26%,transparent),transparent 62%),radial-gradient(60% 45% at 0% 100%,color-mix(in oklab,var(--color-brand-via) 22%,transparent),transparent 70%),repeating-radial-gradient(circle at 115% -12%,rgb(233 196 143 / .07) 0 1px,transparent 1px 9px),linear-gradient(165deg,#1b1a1f,#060607 65%);box-shadow:inset 0 1px #fff0dc33,0 50px 90px -40px #000000f2,0 0 80px -26px color-mix(in oklab,#e9c48f 50%,var(--color-brand-via))}.ppc[data-tier=elite] .ppc-logo{background-color:#e9c48f14;background-image:radial-gradient(50cqw 34cqw at var(--gx, 80%) var(--gy, 85%),rgb(255 236 205 / .42),transparent 70%)}.ppc[data-tier=elite]:before{content:"";position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1.5px;pointer-events:none;background:conic-gradient(from var(--ppc-foil),#e9c48f,var(--color-brand-from),#fff3dc,var(--color-brand-via),#b8925e,#e9c48f);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);animation:ppc-foil-spin 9s linear infinite}.ppc[data-tier=elite] .ppc-val,.ppc[data-tier=elite] .ppc-brand{color:#f1d6aa}.ppc-tilt{transform:perspective(1400px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));transition:transform .7s cubic-bezier(.2,.7,.2,1)}s-pp-tilt[data-tilting] .ppc-tilt{transition:transform .15s linear}@media(prefers-reduced-motion:reduce){.ppc-tilt{transition:none}.ppc[data-tier=elite]:before{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/pp-cards.css.map */