.env{--paper-a:#fff;--paper-b:#eceef3;--liner-a:#4aa3ff;--liner-b:#0a6fe8;--env-dot:#fff3;--env-crease:#0a0a0b12;--env-crease-hi:#ffffff8c;--env-shadow:#00000024;transform-origin:50% 100%;flex:none;width:240px;height:196px;position:relative}@media (prefers-color-scheme:dark){.env{--paper-a:#313136;--paper-b:#222226;--liner-a:#3d9bff;--liner-b:#0a5fd0;--env-crease:#0000004d;--env-crease-hi:#ffffff0f;--env-shadow:#00000080}}.env svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.env .env-pa{stop-color:var(--paper-a)}.env .env-pb{stop-color:var(--paper-b)}.env .env-la{stop-color:var(--liner-a)}.env .env-lb{stop-color:var(--liner-b)}.env .env-dot{fill:var(--env-dot)}.env-back{filter:drop-shadow(0 18px 24px var(--env-shadow))}.env-front{z-index:2}.env-crease{fill:none;stroke:var(--env-crease);stroke-width:1.2px;stroke-linejoin:round}.env-crease.hi{stroke:var(--env-crease-hi);stroke-width:1px}.env-cards{z-index:1;position:absolute;inset:0}.env-cards img{object-fit:cover;background:var(--liner-b);width:72px;height:72px;transform:translate(var(--x,0px), var(--y,0px)) rotate(var(--r,0deg));transform-origin:50% 150%;transition:transform .56s var(--ease), translate .32s var(--ease), opacity .32s var(--ease);border-radius:18px;position:absolute;top:28px;left:calc(50% - 36px);box-shadow:0 0 0 1px #0000000f,0 10px 20px -10px #00000080}@media (hover:hover) and (pointer:fine){.env:hover .env-cards img{transform:translate(calc(var(--x,0px) * 1.2), calc(var(--y,0px) - 12px)) rotate(calc(var(--r,0deg) * 1.35))}}.env-cards img.out{opacity:0;translate:0 -28px}.env.enter .env-cards img{animation:env-deal .76s var(--ease) calc(.16s + var(--i,0) * .11s) backwards}.env-cards img.fade{animation:env-fade .36s var(--ease) backwards}.env-cards img.drop{animation:env-drop .62s var(--ease)}@keyframes env-fade{0%{opacity:0;translate:0 -12px}}@keyframes env-deal{0%{opacity:0;translate:0 -96px}45%{opacity:1}78%{translate:0 5px}to{translate:0}}@keyframes env-drop{0%{translate:0 -60px}70%{translate:0 6px}to{translate:0}}.env.enter{animation:env-in .62s var(--ease) backwards}@keyframes env-in{0%{opacity:0;transform:translateY(14px)scale(.96)}}.env.bump{animation:env-bump .56s var(--ease)}@keyframes env-bump{35%{transform:scale(1.035,.965)}70%{transform:scale(.99,1.015)}}.env-seal{z-index:3;width:44px;height:44px;position:absolute;top:95px;left:calc(50% - 22px)}.env-seal svg{animation:6s ease-in-out 2.4s infinite env-twinkle}.env.enter .env-seal{animation:env-seal .82s var(--ease) .62s backwards}.env.bump .env-seal svg{animation:.7s ease-in-out env-wiggle}@media (hover:hover) and (pointer:fine){.env:hover .env-seal svg{animation:.7s ease-in-out env-wiggle}}@keyframes env-seal{0%{transform:scale(0)rotate(-70deg)}60%{transform:scale(1.18)rotate(10deg)}}@keyframes env-twinkle{0%,86%,to{transform:none}91%{transform:scale(1.12)rotate(12deg)}96%{transform:scale(.97)rotate(-4deg)}}@keyframes env-wiggle{35%{transform:scale(1.14)rotate(14deg)}70%{transform:scale(.96)rotate(-6deg)}}.env .env-glint{z-index:3;fill:#ffc300;width:11px;height:11px;animation:3.4s ease-in-out 1.4s infinite backwards env-glint;top:88px;left:calc(50% + 15px)}@keyframes env-glint{0%,to{opacity:0;transform:scale(.2)rotate(0)}18%{opacity:1;transform:scale(1)rotate(45deg)}36%{opacity:0;transform:scale(.2)rotate(90deg)}}@media (prefers-reduced-motion:reduce){.env,.env *,.env.enter .env-cards img,.env.enter .env-seal{transition:none!important;animation:none!important}}