.holographic{isolation:isolate;--holo-x:50%;--holo-y:50%;--holo-angle:120deg;--holo-shift:0px 0px}
.holo-foil,.holo-glitter,.holo-glare{position:absolute;inset:0;pointer-events:none;border-radius:inherit}
.holo-foil{background:repeating-linear-gradient(var(--holo-angle),#ff75c3 0%,#ffe59d 12%,#b5ffdf 24%,#89d8ff 36%,#c0a1ff 48%,#ff75c3 60%);background-size:260% 260%;background-position:var(--holo-x) var(--holo-y);mix-blend-mode:color-dodge;opacity:.28;mask-image:radial-gradient(ellipse at var(--holo-x) var(--holo-y),#000 8%,#0009 40%,transparent 85%);-webkit-mask-image:radial-gradient(ellipse at var(--holo-x) var(--holo-y),#000 8%,#0009 40%,transparent 85%)}
.holo-glitter{background-image:radial-gradient(circle,#fff 0 .7px,transparent 1.4px),radial-gradient(circle,#ffe4a5 0 .6px,transparent 1.3px),radial-gradient(circle,#b3fff6 0 .8px,transparent 1.5px);background-size:13px 19px,23px 17px,31px 29px;background-position:var(--holo-shift),8px 12px,17px 4px;mix-blend-mode:screen;opacity:.6;mask-image:radial-gradient(ellipse at var(--holo-x) var(--holo-y),#000 0%,transparent 58%);-webkit-mask-image:radial-gradient(ellipse at var(--holo-x) var(--holo-y),#000 0%,transparent 58%)}
.holo-glare{background:radial-gradient(ellipse at var(--holo-x) var(--holo-y),#fff7 0%,#fff1 22%,transparent 55%);mix-blend-mode:soft-light;box-shadow:inset 0 0 0 1px #ffffff55}
.holographic .badge{z-index:2}.holo-toggle{position:absolute;top:18px;left:18px;z-index:3;border:1px solid #fff8;border-radius:30px;background:#004d49eb;color:#fff7ec;padding:12px 16px;min-height:44px;font:14px Arial,Helvetica,sans-serif;cursor:pointer;box-shadow:0 3px 16px #0002}.holo-toggle:focus-visible{outline:3px solid #ffb8d2;outline-offset:4px}.holo-toggle[hidden]{display:none}.holo-status{position:absolute;top:74px;left:18px;right:18px;z-index:3;color:#fff7ec;background:#004d49eb;border-radius:10px;font:14px/1.4 Arial,Helvetica,sans-serif;padding:8px 12px;width:fit-content;max-width:calc(100% - 36px);pointer-events:none}.holo-status:empty{display:none}@media(prefers-reduced-motion:reduce){.holo-foil{opacity:.12}.holo-glitter,.holo-glare{display:none}}