.account-loyalty-stage{perspective:1100px;display:grid}.account-loyalty-card{--card-x:50%;--card-y:50%;--pointer-x:50%;--pointer-y:50%;--background-x:50%;--background-y:50%;--pointer-from-center:0;--rotate-x:0deg;--rotate-y:0deg;--card-opacity:.45;--sunpillar-clr-1:#ff7a75;--sunpillar-clr-2:#ffed61;--sunpillar-clr-3:#a8ff61;--sunpillar-clr-4:#85fff7;--sunpillar-clr-5:#7a95ff;--sunpillar-clr-6:#d875ff;--space:5%;--angle:133deg;isolation:isolate;aspect-ratio:1.72;width:100%;color:var(--white);transform:rotateX(var(--rotate-x)) rotateY(var(--rotate-y)) rotateZ(var(--rotate-z,0deg)) translate3d(0, 0, .01px);transform-style:preserve-3d;will-change:transform;background:linear-gradient(128deg,#090c12 0 36%,#003d86 63%,#d8137f 100%);border:0;border-radius:12px;flex-direction:column;justify-content:space-between;padding:26px;transition:transform .22s,box-shadow .22s;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 34px #0a101c2e}.account-loyalty-card:hover{box-shadow:0 20px 42px #0a101c3d}.guarantee-loyalty-card{--pointer-x:64%;--pointer-y:34%;--background-x:57%;--background-y:43%;--pointer-from-center:.46;--card-opacity:.9;border-radius:14px;justify-self:center;width:min(100%,520px);box-shadow:0 24px 46px #0a101c47}.guarantee-loyalty-card:hover{box-shadow:0 28px 54px #0a101c52}.guarantee-loyalty-card .account-loyalty-holo-shine{animation:4.6s ease-in-out infinite alternate guarantee-loyalty-prism}.guarantee-loyalty-card .account-loyalty-holo-shine:after{opacity:.86}.guarantee-loyalty-card .account-loyalty-holo-glare{opacity:.34}@keyframes guarantee-loyalty-prism{0%{filter:brightness(.52)contrast(2.05)saturate(1.7);background-position:50%,0 38%,48% 42%,58% 36%}to{filter:brightness(.68)contrast(2.15)saturate(1.85);background-position:50%,0 56%,68%,42% 58%}}.account-loyalty-card:before{z-index:-1;opacity:.18;content:"";background-image:linear-gradient(120deg,#7df7ff2e,#0000 22%,#ff58b31a 38%,#0000 62%),repeating-linear-gradient(120deg,#0000 0 17px,#7df7ff14 18px,#0000 19px 34px);position:absolute;inset:0}.account-loyalty-holo-shine,.account-loyalty-holo-shine:after,.account-loyalty-holo-glare{z-index:1;border-radius:inherit;pointer-events:none;position:absolute;inset:0}.account-loyalty-holo-shine{opacity:calc(.28 + (var(--pointer-from-center) * .35));background-image:url(/assets/holo/illusion.png), repeating-linear-gradient(0deg, var(--sunpillar-clr-1) calc(var(--space) * 1), var(--sunpillar-clr-2) calc(var(--space) * 2), var(--sunpillar-clr-3) calc(var(--space) * 3), var(--sunpillar-clr-4) calc(var(--space) * 4), var(--sunpillar-clr-5) calc(var(--space) * 5), var(--sunpillar-clr-6) calc(var(--space) * 6), var(--sunpillar-clr-1) calc(var(--space) * 7)), repeating-linear-gradient(var(--angle), #0e152e 0%, #8fa3a3 3.8%, #8fc1c1 4.5%, #8fa3a3 5.2%, #0e152e 10%, #0e152e 12%), radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y), #66e6ff14 8%, #00000024 45%, #0000003d 120%);background-blend-mode:exclusion, hue, hard-light;background-position:center, 0% var(--background-y), calc(var(--background-x) + (var(--background-y) * .2)) var(--background-y), var(--background-x) var(--background-y);filter:brightness(calc((var(--pointer-from-center) * .3) + .35)) contrast(2) saturate(1.5);mix-blend-mode:color-dodge;background-size:34%,200% 700%,300% 100%,200% 100%}.account-loyalty-holo-shine:after{content:"";opacity:.72;background-image:url(/assets/holo/grain.webp), repeating-linear-gradient(0deg, var(--sunpillar-clr-1) calc(var(--space) * 1), var(--sunpillar-clr-2) calc(var(--space) * 2), var(--sunpillar-clr-3) calc(var(--space) * 3), var(--sunpillar-clr-4) calc(var(--space) * 4), var(--sunpillar-clr-5) calc(var(--space) * 5), var(--sunpillar-clr-6) calc(var(--space) * 6), var(--sunpillar-clr-1) calc(var(--space) * 7)), repeating-linear-gradient(var(--angle), #0e152e 0%, #8fa3a3 3.8%, #8fc1c1 4.5%, #8fa3a3 5.2%, #0e152e 10%, #0e152e 12%);background-position:center, 0% var(--background-y), calc(var(--background-x) * -1) calc(var(--background-y) * -1);filter:brightness(calc((var(--pointer-from-center) * .5) + .8)) contrast(1.6) saturate(1.4);mix-blend-mode:soft-light;background-size:500px 100%,200% 400%,195% 100%}.account-loyalty-holo-glare{z-index:3;opacity:calc(var(--card-opacity) * .32);background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y), #5ce4ff2e 0%, #2d20b629 42%, #0d0d0db8 130%);mix-blend-mode:soft-light;filter:brightness(.82)contrast(1.35)}.account-loyalty-top,.account-loyalty-bottom,.account-loyalty-points,.account-loyalty-info-row,.account-loyalty-progress{z-index:5;position:relative}.account-loyalty-top{align-items:center;display:flex}.account-loyalty-top img{filter:drop-shadow(0 4px 12px #00000038);width:152px;height:auto}.account-loyalty-points{justify-items:end;gap:2px;margin:0;display:grid}.account-loyalty-points strong{font-family:var(--font-display), sans-serif;font-size:32px;line-height:1}.account-loyalty-points span{color:#ffffffad;font-size:12px;font-weight:650}.account-loyalty-progress{background:#ffffff2e;border-radius:999px;height:5px;margin:14px 0 0;overflow:hidden}.account-loyalty-progress span{width:var(--loyalty-progress);border-radius:inherit;background:var(--yellow);height:100%;display:block;box-shadow:0 0 14px #ffd400bf}.account-loyalty-bottom{gap:14px;display:grid}.account-loyalty-info-row{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:14px;display:grid}.account-loyalty-info-row>div{gap:1px;display:grid}.account-loyalty-bottom small{color:#ffffff8f;text-transform:uppercase;font-size:10px;font-weight:800}.account-loyalty-bottom strong{text-overflow:ellipsis;white-space:nowrap;max-width:130px;font-size:13px;overflow:hidden}@media (max-width:1080px){.account-loyalty-stage{width:min(100%,520px);margin-inline:auto}}@media (max-width:640px){.account-loyalty-card{padding:18px}.account-loyalty-points strong{font-size:30px}.account-loyalty-info-row{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion:reduce){.account-loyalty-card{transition:none;transform:none!important}}