.crown3d{--r:40px;--face-w:34px;--band-h:21px;--point-h:33px;--flare:-11deg;--tip-out:6px;--turn:14s;perspective:520px;flex:none;width:104px;height:104px;display:block;position:relative}.crown3d-glow{opacity:.4;filter:blur(14px);background:#ffd36e;border-radius:50%;height:22px;position:absolute;top:auto;bottom:2%;left:8%;right:8%}.crown3d-tilt,.crown3d-spin,.crown3d-side{transform-style:preserve-3d;position:absolute}.crown3d-tilt{animation:5s ease-in-out infinite crown3d-bob;top:0;bottom:0;left:0;right:0;transform:rotateX(-20deg)}.crown3d-spin{width:0;height:0;animation:crown3d-spin var(--turn)linear infinite;top:50%;left:50%}.crown3d-side{top:calc((var(--band-h) + var(--point-h))/-2);left:calc(var(--face-w)/-2);width:var(--face-w);height:calc(var(--band-h) + var(--point-h));transform:rotateY(calc(var(--i)*45deg))}.crown3d-band,.crown3d-point{-webkit-backface-visibility:hidden;backface-visibility:hidden;width:100%;position:absolute;left:0}.crown3d-band{height:var(--band-h);bottom:0}.crown3d-point{height:calc(var(--point-h) + 1px);clip-path:polygon(0 100%,0 88%,14% 76%,28% 60%,38% 42%,45% 20%,50% 0,55% 20%,62% 42%,72% 60%,86% 76%,100% 88%,100% 100%);transform-origin:50% 100%;top:0}.crown3d-band-out{transform:translateZ(var(--r));background:linear-gradient(90deg,rgba(90,55,10,.55),transparent 3%,transparent 97%,rgba(90,55,10,.55)),linear-gradient(#fff1b8 0,#fff1b8 2px,#7a4d10 2px,#7a4d10 3px,transparent 3%),linear-gradient(0deg,#fff1b8 0,#fff1b8 2px,#7a4d10 2px,#7a4d10 3px,transparent 3%),linear-gradient(#ffe08f,#d99a2b 55%,#9a6518)}.crown3d-band-in{transform:translateZ(calc(var(--r) - 1px))rotateY(180deg);background:linear-gradient(#6e4a12,#2a1a05)}.crown3d-point-out{transform:translateZ(var(--r))rotateX(var(--flare));background:linear-gradient(90deg,transparent 40%,rgba(255,246,205,.7) 50%,rgba(120,76,16,.5) 54%,transparent 64%),linear-gradient(#fff1b8,#ffd36e 45%,#c98a24)}.crown3d-point-in{transform:translateZ(calc(var(--r) - 1px))rotateX(var(--flare))rotateY(180deg);background:linear-gradient(#a8761f,#4a300b)}.crown3d-lit{animation:crown3d-light var(--turn)linear infinite;animation-delay:calc(var(--i)*var(--turn)/-8)}.crown3d-jewel{background:radial-gradient(circle at 35% 30%,#fff,#a45cff 42%,#3a1487);width:8px;height:8px;margin:-4px 0 0 -4px;position:absolute;top:50%;left:50%;transform:rotate(45deg);box-shadow:0 0 0 1.5px #fff1b8,0 0 0 2.5px #7a4d10,0 0 6px 2px rgba(164,92,255,.75)}.crown3d-side:nth-child(odd) .crown3d-jewel{background:radial-gradient(circle at 35% 30%,#fff,#6ef046 42%,#0e5b2a);border-radius:50%;box-shadow:0 0 0 1.5px #fff1b8,0 0 0 2.5px #7a4d10,0 0 6px 2px rgba(110,240,70,.75)}.crown3d-pearl-seat{width:0;height:0;transform-style:preserve-3d;transform:translateZ(calc(var(--r) + var(--tip-out)));position:absolute;top:0;left:50%}.crown3d-pearl{width:8px;height:8px;animation:crown3d-face var(--turn)linear infinite;background:radial-gradient(circle at 35% 30%,#fff,#ffeec4 40%,#b98a2e 95%);border-radius:50%;position:absolute;top:-4px;left:-4px}.crown3d-velvet{top:calc((var(--band-h) + var(--point-h))/2 - 40px - 2px);background:radial-gradient(circle,#7a45d6,#2d1266 72%);border-radius:50%;width:80px;height:80px;position:absolute;left:-40px;transform:rotateX(90deg)}.crown3d-halo{width:56px;height:56px;animation:crown3d-face-still var(--turn)linear infinite;background:radial-gradient(circle,rgba(110,240,70,.55),transparent 68%);border-radius:50%;position:absolute;top:-22px;left:-28px}.crown3d-core{--c:20px;top:calc(var(--c)/-2 + 6px);left:calc(var(--c)/-2);width:var(--c);height:var(--c);transform-style:preserve-3d;position:absolute;transform:rotateX(35deg)rotate(35deg)}.crown3d-core-face{background:radial-gradient(circle,#d6ff8a,#6ef046 45%,#0e5b2a);border:2px solid #5b22b8;position:absolute;top:0;bottom:0;left:0;right:0}.crown3d-core-front{transform:translateZ(calc(var(--c)/2))}.crown3d-core-back{transform:rotateY(180deg)translateZ(calc(var(--c)/2))}.crown3d-core-right{transform:rotateY(90deg)translateZ(calc(var(--c)/2))}.crown3d-core-left{transform:rotateY(-90deg)translateZ(calc(var(--c)/2))}.crown3d-core-top{transform:rotateX(90deg)translateZ(calc(var(--c)/2))}.crown3d-core-bottom{transform:rotateX(-90deg)translateZ(calc(var(--c)/2))}@keyframes crown3d-spin{to{transform:rotateY(-360deg)}}@keyframes crown3d-face{0%{transform:rotateY(calc(var(--i)*-45deg))}to{transform:rotateY(calc(var(--i)*-45deg + 360deg))}}@keyframes crown3d-face-still{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}@keyframes crown3d-bob{0%,to{transform:translateY(2px)rotateX(-20deg)}50%{transform:translateY(-3px)rotateX(-14deg)}}@keyframes crown3d-light{0%,to{filter:brightness(1.18)}25%,75%{filter:brightness(.88)}50%{filter:brightness(.68)}}@media (prefers-reduced-motion:reduce){.crown3d-tilt,.crown3d-lit{animation:none}.crown3d-spin{animation:none;transform:rotateY(22deg)}.crown3d-pearl{transform:rotateY(calc(var(--i)*-45deg - 22deg));animation:none}.crown3d-halo{animation:none;transform:rotateY(-22deg)}}
@property --mx{syntax:"<percentage>";inherits:true;initial-value:30%}@property --my{syntax:"<percentage>";inherits:true;initial-value:20%}.gift3d{--tone-a:#6ef046;--tone-b:#0d3b2a;--tone-c:#22e3ee;--tone-edge:#2f9c3a;--tone-ink:#f4fff0;--tone-accent:#a6f78c;--foil-a:color-mix(in srgb,var(--tone-a)55%,transparent);--foil-mid:color-mix(in srgb,var(--tone-accent)80%,transparent);--foil-c:color-mix(in srgb,var(--tone-c)55%,transparent);--foil-opacity:.4;--foil-blend:color-dodge;--shine:rgba(255,255,255,.42);--shine-blend:overlay;aspect-ratio:1.6;cursor:pointer;perspective:900px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:1rem;width:100%;margin:.25rem 0 1.5rem;display:block;position:relative;container-type:inline-size}.gift3d[data-tier=amethyst]{--tone-a:#a45cff;--tone-b:#1d0f3f;--tone-c:#22e3ee;--tone-edge:#6a35c4;--tone-ink:#f6f0ff;--tone-accent:#d9b8ff}.gift3d[data-tier=gold]{--tone-a:#ffd36e;--tone-b:#0c0a08;--tone-c:#d98a2b;--tone-edge:#b98a2e;--tone-ink:#fff4d6;--tone-accent:#ffd36e;--foil-a:rgba(255,211,110,.5);--foil-mid:rgba(255,238,196,.8);--foil-c:rgba(255,178,92,.42);--foil-opacity:.5;--foil-blend:screen;--shine:rgba(255,226,170,.24);--shine-blend:screen}.gift3d:focus-visible{outline:2px solid var(--tone-a);outline-offset:8px}.gift3d-shadow{background:var(--tone-a);opacity:.32;filter:blur(18px);border-radius:50%;height:26px;animation:6s ease-in-out infinite gift3d-shadow;position:absolute;top:auto;bottom:-14px;left:10%;right:10%}.gift3d-float,.gift3d-tilt,.gift3d-flip,.gift3d-front{transform-style:preserve-3d;position:absolute;top:0;bottom:0;left:0;right:0}.gift3d[data-paused] .gift3d-float,.gift3d[data-paused] .gift3d-shadow,.gift3d[data-paused] .gift3d-foil,.gift3d[data-paused] .gift3d-cube-spin,.gift3d[aria-pressed=true] .gift3d-float,.gift3d[aria-pressed=true] .gift3d-shadow,.gift3d[aria-pressed=true] .gift3d-foil,.gift3d[aria-pressed=true] .gift3d-cube-spin{animation-play-state:paused}.gift3d:focus-visible .gift3d-float{animation-play-state:paused}.gift3d:focus-visible .gift3d-shadow{animation-play-state:paused}@media (hover:hover){.gift3d:hover .gift3d-float,.gift3d:hover .gift3d-shadow{animation-play-state:paused}}.gift3d-float{animation:6s ease-in-out infinite gift3d-float}.gift3d[data-tier=amethyst] .gift3d-float,.gift3d[data-tier=amethyst] .gift3d-shadow{animation-delay:-2s}.gift3d[data-tier=amethyst] .gift3d-foil{animation-delay:-2.5s}.gift3d[data-tier=amethyst] .gift3d-cube-spin,.gift3d[data-tier=gold] .gift3d-float,.gift3d[data-tier=gold] .gift3d-shadow{animation-delay:-4s}.gift3d[data-tier=gold] .gift3d-foil{animation-delay:-5s}.gift3d[data-tier=gold] .gift3d-cube-spin{animation-delay:-8s}.gift3d-tilt{--rx:0deg;--ry:0deg;--mx:30%;--my:20%;transform:rotateX(var(--rx))rotateY(var(--ry));transition:transform .45s cubic-bezier(.2,.9,.3,1.2),--mx .45s ease-out,--my .45s ease-out}.gift3d-tilt[data-aimed]{transition:transform 80ms linear,--mx 80ms linear,--my 80ms linear}.gift3d-flip{transition:transform .8s cubic-bezier(.3,1.3,.5,1)}.gift3d-flip[data-flipped=true]{transform:rotateY(180deg)}.gift3d-edge{background:linear-gradient(135deg,var(--tone-edge),#0a0d0c 60%,var(--tone-edge));border-radius:1rem;position:absolute;top:0;bottom:0;left:0;right:0}.gift3d-front{border-radius:1rem;transform:translateZ(5px)}.gift3d-skin{isolation:isolate;background-color:var(--tone-b);background-image:radial-gradient(120% 90% at 85% 110%,color-mix(in srgb,var(--tone-c)42%,transparent),transparent 60%),radial-gradient(100% 90% at 10% 0%,color-mix(in srgb,var(--tone-a)58%,transparent),transparent 62%);border-radius:1rem;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden;box-shadow:inset 0 1px rgba(255,255,255,.45),inset 0 0 0 1px rgba(255,255,255,.12),inset 0 -14px 26px rgba(0,0,0,.35)}.gift3d-foil{background:repeating-linear-gradient(115deg,transparent 0 9%,var(--foil-a)17.5%,var(--foil-mid)22.1%,var(--foil-c)26.7%,transparent 35.2% 44.2%);opacity:var(--foil-opacity);mix-blend-mode:var(--foil-blend);animation:7s ease-in-out infinite alternate gift3d-foil;position:absolute;top:0;bottom:0;left:-32%;right:-32%}.gift3d-shine{background:radial-gradient(circle at var(--mx)var(--my),var(--shine),transparent 48%);mix-blend-mode:var(--shine-blend);position:absolute;top:0;bottom:0;left:0;right:0}.gift3d-label,.gift3d-brand,.gift3d-price{-webkit-backface-visibility:hidden;backface-visibility:hidden;color:var(--tone-ink);position:absolute}.gift3d-label{letter-spacing:.2em;text-transform:uppercase;opacity:.8;font-size:min(max(.5625rem,min(3.8cqw,.625rem)),6.2cqw);font-weight:700;top:8%;right:6%;transform:translateZ(10px)}.gift3d-brand{text-shadow:0 1px 2px rgba(0,0,0,.6),0 0 8px rgba(0,0,0,.35);font-size:min(max(.625rem,min(5cqw,.8125rem)),7cqw);font-weight:800;bottom:9%;right:6%;transform:translateZ(14px)}.gift3d-brand b{color:var(--tone-accent)}.gift3d-price{text-shadow:0 1px 0 rgba(0,0,0,.5),0 0 18px color-mix(in srgb,var(--tone-a)75%,transparent);font-size:max(1.25rem,min(15cqw,2.5rem));font-weight:800;line-height:1;bottom:7%;left:6%;transform:translateZ(26px)}.gift3d-cube{--c:clamp(28px,17cqw,46px);width:var(--c);height:var(--c);transform:translateZ(calc(var(--c)*.62));transform-style:preserve-3d;transition:transform .35s cubic-bezier(.2,.9,.3,1.2) .1s,visibility 0s linear .1s;position:absolute;top:14%;left:13%}.gift3d-flip[data-flipped=true] .gift3d-cube{visibility:hidden;transition:transform .11s ease-in,visibility 0s linear .11s;transform:translateZ(0)scale(0)}.gift3d-cube-spin{transform-style:preserve-3d;animation:12s linear infinite gift3d-spin;position:absolute;top:0;bottom:0;left:0;right:0}.gift3d-cube-face{border:calc(var(--c)*.11)solid #5b22b8;box-shadow:inset 0 0 calc(var(--c)*.07)calc(var(--c)*.03)#d9b8ff,inset 0 0 9px #05160b;background:radial-gradient(circle,#d6ff8a,#6ef046 38%,#0e5b2a 92%);position:absolute;top:0;bottom:0;left:0;right:0}.gift3d-cube-front{transform:translateZ(calc(var(--c)/2))}.gift3d-cube-back{transform:rotateY(180deg)translateZ(calc(var(--c)/2))}.gift3d-cube-right,.gift3d-cube-left{background:radial-gradient(circle,#b6fbff,#22e3ee 38%,#0d4a66 92%)}.gift3d-cube-right{transform:rotateY(90deg)translateZ(calc(var(--c)/2))}.gift3d-cube-left{transform:rotateY(-90deg)translateZ(calc(var(--c)/2))}.gift3d-cube-top,.gift3d-cube-bottom{background:radial-gradient(circle,#e2c8ff,#a45cff 38%,#2d1266 92%)}.gift3d-cube-top{transform:rotateX(90deg)translateZ(calc(var(--c)/2))}.gift3d-cube-bottom{transform:rotateX(-90deg)translateZ(calc(var(--c)/2))}.gift3d-back{isolation:isolate;background-color:var(--tone-b);background-image:radial-gradient(100% 90% at 90% 0%,color-mix(in srgb,var(--tone-a)30%,transparent),transparent 60%);-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:1rem;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden;transform:rotateY(180deg)translateZ(5px);box-shadow:inset 0 1px rgba(255,255,255,.45),inset 0 0 0 1px rgba(255,255,255,.14)}.gift3d-back .gift3d-foil{opacity:calc(var(--foil-opacity)*.4);animation:none}.gift3d-stripe{background:linear-gradient(90deg,#050607,#1c2023 50%,#050607);height:22%;position:absolute;top:11%;bottom:auto;left:0;right:0}.gift3d-terms{color:var(--tone-ink);text-align:left;text-wrap:balance;opacity:.88;gap:.25rem;font-size:min(max(.625rem,min(4.2cqw,.75rem)),5.2cqw);line-height:1.35;display:grid;position:absolute;top:auto;bottom:8%;left:6%;right:6%}.gift3d-terms b{color:var(--tone-accent);font-size:min(max(.6875rem,min(4.9cqw,.8125rem)),6cqw)}@container (width<=215px){.gift3d-stripe,.gift3d-redeem{display:none}.gift3d-terms{gap:.125rem;font-size:min(.625rem,7.2cqw);line-height:1.25;top:auto;bottom:7%;left:7%;right:7%}.gift3d-terms b{font-size:min(.6875rem,8cqw)}}@keyframes gift3d-float{0%,to{transform:translateY(0)rotateX(5deg)rotateY(-9deg)}50%{transform:translateY(-8px)rotateX(-3deg)rotateY(9deg)}}@keyframes gift3d-shadow{0%,to{opacity:.36}50%{opacity:.2}}@keyframes gift3d-foil{0%{transform:translate(-18.8%)}to{transform:translate(18.8%)}}@keyframes gift3d-spin{0%{transform:rotateX(-26deg)rotateY(0)}to{transform:rotateX(-26deg)rotateY(360deg)}}@media (prefers-reduced-motion:reduce){.gift3d-float,.gift3d-shadow,.gift3d-foil{animation:none}.gift3d-cube-spin{animation:none;transform:rotateX(-26deg)rotateY(38deg)}.gift3d-tilt,.gift3d-tilt[data-aimed],.gift3d-flip,.gift3d-cube,.gift3d-flip[data-flipped=true] .gift3d-cube{transition:none}}
