.ps-mini{z-index:3;justify-items:center;gap:10px;width:clamp(150px,17.5vw,236px);animation:.9s cubic-bezier(.22,1,.36,1) both ps-in;display:grid;position:absolute;inset:auto clamp(12px,2.4vw,36px) clamp(90px,12vh,130px) auto}.ps-mini-card{background:linear-gradient(150deg,var(--vip-surface),var(--background)) padding-box, linear-gradient(135deg,var(--vip-gold),var(--vip-emerald),var(--vip-cyan),var(--vip-gold)) border-box;width:100%;box-shadow:0 14px 30px -14px color-mix(in oklab,var(--vip-ink) 85%,transparent),0 0 22px color-mix(in oklab,var(--vip-cyan) 28%,transparent);border:2px solid #0000;border-radius:14px;transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .5s;animation:7s ease-in-out infinite ps-float;position:relative;overflow:hidden}.ps-mini-card img{width:100%;height:auto;display:block}.ps-mini-shine{pointer-events:none;mix-blend-mode:screen;background:linear-gradient(115deg,transparent 35%,color-mix(in oklab,var(--vip-light) 55%,transparent) 50%,transparent 65%);animation:5.5s ease-in-out infinite ps-sweep;position:absolute;inset:0;transform:translate(-130%)}.ps-mini-card:hover,.ps-mini-card:focus-visible{box-shadow:0 18px 40px -14px color-mix(in oklab,var(--vip-ink) 88%,transparent),0 0 34px color-mix(in oklab,var(--vip-gold) 45%,transparent);animation-play-state:paused;transform:scale(1.1)rotate(0)}.ps-mini-label{text-align:center;background:color-mix(in oklab,var(--vip-ink) 72%,transparent);box-shadow:0 2px 10px color-mix(in oklab,var(--vip-ink) 55%,transparent);border-radius:10px;gap:2px;margin:0;padding:5px 8px;display:grid}.ps-mini-strong{letter-spacing:.18em;text-transform:uppercase;background:linear-gradient(90deg,var(--vip-gold),var(--vip-light),var(--vip-gold));color:#0000;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;font-size:clamp(12px,1.2vw,15px);font-weight:800;animation:6s linear infinite ps-metal}.ps-mini-note{letter-spacing:.12em;text-transform:uppercase;color:color-mix(in oklab,var(--vip-light) 78%,transparent);font-size:clamp(8px,.8vw,10px)}@keyframes ps-float{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-9px)rotate(2deg)}}@keyframes ps-sweep{0%,28%{transform:translate(-130%)}68%,to{transform:translate(130%)}}@keyframes ps-metal{to{background-position:200% 0}}@keyframes ps-in{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}@media (width<=760px){.ps-mini{width:96px;animation:none;inset:14px 8px auto auto}.ps-mini-label{display:none}}@media (prefers-reduced-motion:reduce){.ps-mini,.ps-mini-card,.ps-mini-shine,.ps-mini-strong{transition:none!important;animation:none!important}}
