.nf-holo-badge{--pointer-x:50%;--pointer-y:50%;--badge-matrix:1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1;--matrix-duration:.34s;--press-scale:1;--holo-position:50%;--film-x:0px;--film-y:0px;--image-x:0px;--image-y:0px;--meta-x:0px;--meta-y:0px;--shadow-x:0px;--shadow-y:10px;--holo-angle:0deg;--spectrum-opacity:.15;--glint-opacity:.18;width:var(--badge-width);color:#f4f1e8;perspective:900px;perspective-origin:50%;isolation:isolate;touch-action:manipulation;-webkit-tap-highlight-color:transparent;min-width:0;text-decoration:none;display:block;position:relative}.nf-holo-badge[data-intensity=subtle]{--spectrum-opacity:.28;--glint-opacity:.28}.nf-holo-badge[data-intensity=balanced]{--spectrum-opacity:.52;--glint-opacity:.46}.nf-holo-badge[data-intensity=vivid]{--spectrum-opacity:.78;--glint-opacity:.7}.nf-holo-badge__surface{aspect-ratio:35/9;contain:paint;transform:perspective(700px) matrix3d(var(--badge-matrix)) scale(var(--press-scale));transform-origin:50%;transform-style:preserve-3d;transition:transform var(--matrix-duration) cubic-bezier(.2, .8, .2, 1), box-shadow .24s ease-out;will-change:transform;background:radial-gradient(circle at 72% 18%,#a7ff0b14,#0000 27%),linear-gradient(145deg,#1c2019,#090b08 62%,#151912);border-radius:12px;display:block;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff2e,inset 0 -1px #000000c2,0 7px 8px #00000047}.nf-holo-badge__shadow{z-index:-1;filter:blur(8px);opacity:.55;transform:translate3d(var(--shadow-x), var(--shadow-y), -34px) scale(.94);background:#0000007a;border-radius:14px;transition:opacity .22s ease-out,transform .42s cubic-bezier(.16,1,.3,1);position:absolute;inset:12% 5% -10%}.nf-holo-badge__depth{z-index:-1;opacity:.34;transform:perspective(700px) matrix3d(var(--badge-matrix)) translate3d(1px, 2px, -2px) scale(.994);transform-origin:50%;transform-style:preserve-3d;transition:opacity .22s ease-out, transform var(--matrix-duration) cubic-bezier(.2, .8, .2, 1);background:linear-gradient(145deg,#30372b,#050604 72%);border-radius:13px;position:absolute;inset:3px -3px -5px 3px;box-shadow:inset 0 -1px #ffffff1a}.nf-holo-badge__spectrum,.nf-holo-badge__glint,.nf-holo-badge__rim{pointer-events:none;position:absolute}.nf-holo-badge__spectrum{z-index:5;background:radial-gradient(circle at var(--pointer-x) var(--pointer-y), #ffffffad 0 2%, #a7ff0b47 9%, transparent 24%), linear-gradient(104deg, transparent 31%, #ff367700 36%, #ff3677b8 41%, #ffba2eb3 46%, #beff1ab8 50%, #40ff91b8 54%, #34ddffa8 58%, #7d5bff9e 63%, transparent 69%);background-position:center, var(--holo-position) center;mix-blend-mode:screen;opacity:calc(var(--spectrum-opacity) * .16);filter:blur(6px)saturate(150%);transform:translate3d(var(--film-x), var(--film-y), 24px) rotate(4deg);background-repeat:no-repeat;background-size:100% 100%,210% 170%;transition:opacity .28s ease-out,transform .42s cubic-bezier(.16,1,.3,1);inset:-38%}.nf-holo-badge__glint{z-index:6;background:radial-gradient(ellipse 28% 90% at var(--pointer-x) var(--pointer-y), #ffffffd1, #beffe83d 34%, transparent 70%), linear-gradient(112deg, transparent 22%, #ffffff57 45%, transparent 62%);background-position:center, calc(var(--pointer-x) - 50%) center;mix-blend-mode:screen;opacity:calc(var(--glint-opacity) * .12);background-size:100% 100%,170% 170%;transition:opacity .22s ease-out;inset:0}.nf-holo-badge__rim{z-index:8;border-radius:inherit;inset:0;box-shadow:inset 0 0 0 1px #ffffff3d,inset 2px 2px #ffffff21,inset -2px -2px #00000047}.nf-holo-badge__image{z-index:4;object-fit:contain;-webkit-user-select:none;user-select:none;filter:saturate(1.04)brightness(1.02)drop-shadow(0 1px 1px #00000052);width:100%;height:100%;transform:translate3d(var(--image-x), var(--image-y), 0);transition:filter .22s ease-out,transform .42s cubic-bezier(.16,1,.3,1);display:block;position:relative}.nf-holo-badge__meta{z-index:7;color:#f4f1e89e;letter-spacing:.015em;transform:translate3d(var(--meta-x), var(--meta-y), 0);justify-content:space-between;align-items:center;gap:1rem;font-family:Hanken Grotesk,sans-serif;font-size:clamp(.43rem,1.35vw,.57rem);font-weight:600;line-height:1;transition:transform .11s ease-out;display:flex;position:absolute;bottom:6.5%;left:3.3%;right:3.3%}.nf-holo-badge__destination{color:#a7ff0bb8;white-space:nowrap;align-items:center;gap:.38rem;display:inline-flex}.nf-holo-badge__destination b{font-size:1.15em;font-weight:500;transition:transform .18s cubic-bezier(.16,1,.3,1)}.nf-holo-badge:is(:hover,:focus-visible,[data-active]) .nf-holo-badge__surface{box-shadow:inset 0 1px #ffffff42,inset 0 -1px #000000c2,0 7px 8px #00000057}.nf-holo-badge:is(:hover,:focus-visible,[data-active]) .nf-holo-badge__surface,.nf-holo-badge:is(:hover,:focus-visible,[data-active]) .nf-holo-badge__shadow,.nf-holo-badge:is(:hover,:focus-visible,[data-active]) .nf-holo-badge__depth{transition-timing-function:ease-out}.nf-holo-badge:is(:hover,:focus-visible,[data-active]) .nf-holo-badge__depth{opacity:.52}.nf-holo-badge:is(:hover,:focus-visible,[data-active]) .nf-holo-badge__spectrum{opacity:var(--spectrum-opacity)}.nf-holo-badge:is(:hover,:focus-visible,[data-active]) .nf-holo-badge__glint{opacity:var(--glint-opacity)}.nf-holo-badge:is(:hover,:focus-visible,[data-active]) .nf-holo-badge__image{filter:saturate(1.18)brightness(1.08)drop-shadow(0 2px 2px #00000052);transform:translate3d(var(--image-x), var(--image-y), 0) scale(1.012)}.nf-holo-badge:is(:hover,:focus-visible,[data-active]) .nf-holo-badge__destination b{transform:translate(2px,-2px)}.nf-holo-badge[data-pressed] .nf-holo-badge__surface{--press-scale:.985;transition-duration:90ms}.nf-holo-badge:focus-visible{outline-offset:6px;border-radius:13px;outline:2px solid #a7ff0b}.nf-holo-badge[data-tone=pearl]{color:#10120e}.nf-holo-badge[data-tone=pearl] .nf-holo-badge__surface{background:radial-gradient(circle at 22% 18%,#ffffffd6,#0000 34%),linear-gradient(145deg,#f7f8f5,#dfe4dc 56%,#f1f3ee);box-shadow:inset 0 1px #ffffffdb,inset 0 -1px #10120e33,0 7px 8px #10120e2e}.nf-holo-badge[data-tone=pearl] .nf-holo-badge__depth{background:linear-gradient(145deg,#fff,#aeb8aa 68%,#626b5f);box-shadow:inset 0 -1px #10120e38}.nf-holo-badge[data-tone=pearl] .nf-holo-badge__image{filter:saturate(1.08)drop-shadow(0 1px 1px #10120ead)}.nf-holo-badge[data-tone=pearl] .nf-holo-badge__meta{color:#10120ea8}.nf-holo-badge[data-tone=pearl] .nf-holo-badge__destination{color:#315607}.nf-holo-badge[data-tone=pearl] .nf-holo-badge__spectrum{background:radial-gradient(ellipse 24% 58% at var(--pointer-x) var(--pointer-y), #ffffff9e, transparent 66%), linear-gradient(104deg, transparent 31%, #ff528f00 36%, #ff528f80 41%, #ffbe4c80 46%, #cdff4b85 50%, #46e9c27a 55%, #6699ff75 60%, #c26eff6b 64%, transparent 70%);background-position:center, var(--holo-position) center;mix-blend-mode:normal;filter:blur(8px)saturate(138%);background-repeat:no-repeat;background-size:100% 100%,210% 170%}.nf-holo-badge[data-tone=pearl] .nf-holo-badge__glint{mix-blend-mode:soft-light}.nf-holo-badge[data-tone=pearl]:is(:hover,:focus-visible,[data-active]) .nf-holo-badge__spectrum{opacity:calc(var(--spectrum-opacity) * .72)}.nf-holo-badge[data-tone=pearl]:is(:hover,:focus-visible,[data-active]) .nf-holo-badge__image{filter:saturate(1.2)brightness(1.02)drop-shadow(0 1px 1px #10120eb8)}.nf-holo-badge[data-effects=off] .nf-holo-badge__spectrum,.nf-holo-badge[data-effects=off] .nf-holo-badge__glint{display:none}@supports not (mix-blend-mode:screen){.nf-holo-badge__spectrum,.nf-holo-badge__glint{opacity:.18;mix-blend-mode:normal}}@media (hover:none),(pointer:coarse){.nf-holo-badge__spectrum{opacity:.22}.nf-holo-badge__glint{opacity:.2}}@media (prefers-reduced-motion:reduce){.nf-holo-badge[data-motion=reduced] .nf-holo-badge__surface,.nf-holo-badge[data-motion=reduced] .nf-holo-badge__shadow,.nf-holo-badge[data-motion=reduced] .nf-holo-badge__depth,.nf-holo-badge[data-motion=reduced] .nf-holo-badge__spectrum,.nf-holo-badge[data-motion=reduced] .nf-holo-badge__image,.nf-holo-badge[data-motion=reduced] .nf-holo-badge__destination b{transition-duration:.01ms!important;transform:none!important}}@media (prefers-reduced-transparency:reduce){.nf-holo-badge:not([data-effects=on]) .nf-holo-badge__spectrum,.nf-holo-badge:not([data-effects=on]) .nf-holo-badge__glint{display:none}.nf-holo-badge:not([data-effects=on]) .nf-holo-badge__surface{background:#151912}.nf-holo-badge[data-tone=pearl]:not([data-effects=on]) .nf-holo-badge__surface{background:#eef0eb}}@media (forced-colors:active){.nf-holo-badge__surface{background:canvas;border:1px solid canvastext}.nf-holo-badge__spectrum,.nf-holo-badge__glint,.nf-holo-badge__shadow,.nf-holo-badge__depth{display:none}.nf-holo-badge__meta{color:canvastext}}