.gift-card-3d{--rx: 0deg;--ry: 0deg;--px: 50%;--py: 50%;--gift-card-float-duration: 6s;--gift-card-spin-duration: .7s;display:block}.gift-card-3d__stage{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:5 / 4;overflow:hidden;background:#fff;container-type:inline-size;perspective:1200px;touch-action:pan-y;user-select:none;-webkit-user-select:none}.gift-card-3d__float,.gift-card-3d__tilt,.gift-card-3d__spin{transform-style:preserve-3d}.gift-card-3d__float{width:72cqw;aspect-ratio:85.6 / 54;animation:gift-card-float var(--gift-card-float-duration) ease-in-out infinite}.gift-card-3d__tilt,.gift-card-3d__spin{width:100%;height:100%}.gift-card-3d__tilt{transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .6s cubic-bezier(.22,1,.36,1)}.gift-card-3d.is-interacting .gift-card-3d__tilt{transition:transform .1s linear}.gift-card-3d.is-interacting .gift-card-3d__float,.gift-card-3d.is-interacting .gift-card-3d__shadow{animation-play-state:paused}.gift-card-3d.is-spinning .gift-card-3d__spin{animation:gift-card-spin var(--gift-card-spin-duration) cubic-bezier(.65,0,.35,1)}.gift-card-3d__face{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:3.2cqw;background:radial-gradient(120% 90% at 0% 0%,#2a2a2a 0%,transparent 60%),linear-gradient(135deg,#161616,#050505);box-shadow:inset 0 0 0 1px #ffffff1f;color:#fff;backface-visibility:hidden;-webkit-backface-visibility:hidden}.gift-card-3d__face--front{transform:translateZ(1px)}.gift-card-3d__face--back{display:flex;align-items:center;justify-content:center;transform:rotateY(180deg) translateZ(1px)}.gift-card-3d__logo{position:absolute;top:7%;left:6%;width:34%;height:auto;color:#fff;fill:currentColor}.gift-card-3d__face--back .gift-card-3d__logo{position:static;width:46%}.gift-card-3d__label{position:absolute;top:7.5%;right:6%;font-family:var(--font-heading-family),sans-serif;font-size:2.6cqw;font-weight:500;letter-spacing:.08em;text-transform:uppercase;line-height:1;opacity:.8}.gift-card-3d__amount{position:absolute;bottom:9%;left:6%;display:flex;align-items:baseline;gap:1.2cqw}.gift-card-3d__currency{font-family:var(--font-heading-family),sans-serif;font-size:2.6cqw;font-weight:500;letter-spacing:.08em;line-height:1;opacity:.8}.gift-card-3d__value{font-family:var(--font-button-family),sans-serif;font-size:8cqw;font-weight:700;line-height:1;background:linear-gradient(110deg,#fff,#ffd6f0,#d4fff4,#d8e4ff,#fff);background-size:250% 100%;background-position:var(--px) 50%;-webkit-background-clip:text;background-clip:text;color:transparent}.gift-card-3d--empty .gift-card-3d__value{font-size:7cqw;line-height:.95}.gift-card-3d--empty .gift-card-3d__label,.gift-card-3d--empty .gift-card-3d__currency{display:none}.gift-card-3d__url{position:absolute;bottom:10%;right:6%;font-family:var(--font-body-family),sans-serif;font-size:2.2cqw;letter-spacing:0;line-height:1;opacity:.6}.gift-card-3d__foil{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(110deg,transparent 30%,rgba(255,120,200,.5) 42%,rgba(120,220,255,.5) 50%,rgba(170,130,255,.5) 58%,transparent 70%);background-size:280% 280%;background-position:var(--px) var(--py);mix-blend-mode:screen;opacity:.35;animation:gift-card-shimmer var(--gift-card-float-duration) ease-in-out infinite}.gift-card-3d.is-interacting .gift-card-3d__foil{animation:none}.gift-card-3d__glare{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at var(--px) var(--py),rgba(255,255,255,.35) 0%,transparent 45%);mix-blend-mode:overlay;opacity:0;transition:opacity .3s ease}.gift-card-3d.is-interacting .gift-card-3d__glare{opacity:1}.gift-card-3d__shadow{position:absolute;left:50%;bottom:14%;width:64cqw;height:4cqw;margin-left:-32cqw;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.14),rgba(0,0,0,.05) 60%,transparent);filter:blur(2cqw);animation:gift-card-shadow var(--gift-card-float-duration) ease-in-out infinite;pointer-events:none}@keyframes gift-card-float{0%,to{transform:translateY(0) rotateX(8deg) rotateY(-14deg)}50%{transform:translateY(-4%) rotateX(4deg) rotateY(14deg)}}@keyframes gift-card-shadow{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.85);opacity:.7}}@keyframes gift-card-shimmer{0%,to{background-position:20% 30%}50%{background-position:80% 70%}}@keyframes gift-card-spin{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}@media screen and (max-width:767px){.gift-card-3d{width:100vw;margin-left:calc(-1 * var(--m))}.gift-card-3d__stage{aspect-ratio:1 / 1}.gift-card-3d__float{width:80cqw}.gift-card-3d__shadow{bottom:12%}}@media(prefers-reduced-motion:reduce){.gift-card-3d__float,.gift-card-3d__shadow,.gift-card-3d__foil{animation:none}.gift-card-3d__float{transform:rotateX(8deg) rotateY(-14deg)}.gift-card-3d.is-spinning .gift-card-3d__spin{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/81/assets/component-gift-card-3d.css.map */