.holo{--mx:0.5;--my:0.5;--tilt-x:0deg;--tilt-y:0deg;--hyp:0;--holo-active:0;--holo-move:700ms cubic-bezier(0.22,1.45,0.36,1);--holo-fade:380ms cubic-bezier(0.16,1,0.3,1);position:relative;isolation:isolate;transform:none;transition:transform var(--holo-move),rotate .3s cubic-bezier(.16,1,.3,1);-webkit-tap-highlight-color:transparent}.holo[data-holo-state=active]{--holo-move:140ms cubic-bezier(0.2,0.7,0.3,1)}.holo[data-holo-variant=interactive][data-holo-state=active]{transform:perspective(900px) translate3d(0,var(--holo-lift,0),0) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) scale(var(--holo-lift-scale,1));z-index:2;will-change:transform}.holo[data-holo-touch=true]{touch-action:none}.holo[data-holo-variant=static]{--mx:0.32;--my:0.22;--hyp:0.6;transition:transform .32s cubic-bezier(.16,1,.3,1),rotate .3s cubic-bezier(.16,1,.3,1)}@media (hover:hover){.holo[data-holo-variant=static]:hover{--holo-active:1;transform:translate3d(0,var(--holo-lift,0),0)}}:focus-visible>*>.holo,:focus-visible>.holo{--holo-active:1}.holo__layers{inset:0;overflow:hidden;border-radius:inherit}.holo__layers,.holo__layers>*{pointer-events:none;position:absolute}.holo__foil-mask{inset:0;mix-blend-mode:color-dodge;opacity:calc(var(--holo-foil-rest, 0) + (var(--holo-foil-active, 0) - var(--holo-foil-rest, 0)) * var(--holo-active) * (.55 + .45 * var(--hyp)));transition:opacity var(--holo-fade);-webkit-mask-image:linear-gradient(180deg,#000 0,#000 44%,rgb(0 0 0/.22) 62%,rgb(0 0 0/.12));mask-image:linear-gradient(180deg,#000 0,#000 44%,rgb(0 0 0/.22) 62%,rgb(0 0 0/.12))}.holo__foil{position:absolute;inset:-50%;background:repeating-linear-gradient(115deg,hsl(2 50% 58%),hsl(42 62% 58%) 6%,hsl(130 38% 52%) 12%,hsl(192 54% 56%) 18%,hsl(262 42% 64%) 24%,hsl(330 46% 62%) 30%,hsl(2 50% 58%) 36%),repeating-linear-gradient(25deg,rgb(255 255 255/.18) 0 1px,transparent 1px 5px);transform:translate3d(calc((var(--mx) - .5) * -36%),calc((var(--my) - .5) * -36%),0);transition:transform var(--holo-move)}.holo__sparkle{position:absolute;inset:-20%;background-image:radial-gradient(circle,rgb(255 255 255/.95) 0 .6px,transparent 1.3px),radial-gradient(circle,rgb(255 236 190/.85) 0 .5px,transparent 1.1px);background-size:7px 9px,11px 13px;background-position:0 0,3px 5px;opacity:calc(.35 + .65 * var(--hyp));transform:translate3d(calc((var(--mx) - .5) * 10%),calc((var(--my) - .5) * 10%),0);transition:transform var(--holo-move),opacity var(--holo-fade)}.holo__gilt-mask{inset:0;padding:3.4%;border-radius:inherit;mix-blend-mode:normal;opacity:calc(var(--holo-gilt-rest, 0) + (var(--holo-gilt-active, 0) - var(--holo-gilt-rest, 0)) * var(--holo-active));transition:opacity var(--holo-fade);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.holo__gilt{position:absolute;inset:-60%;background:linear-gradient(120deg,rgb(122 85 18/.6),rgb(222 172 52/.9) 18%,rgb(255 226 140/.95) 26%,rgb(176 124 26/.6) 36%,rgb(232 186 70/.85) 48%,rgb(255 236 170/.95) 54%,rgb(150 104 22/.6) 66%,rgb(226 180 64/.85) 82%,rgb(122 85 18/.6));transform:translate3d(calc((var(--mx) - .5) * -40%),calc((var(--my) - .5) * -30%),0);transition:transform var(--holo-move)}@supports not ((mask-composite:exclude) or (-webkit-mask-composite:xor)){.holo__gilt-mask{display:none}}.holo__sheen{inset:-10% -100%;background:linear-gradient(105deg,transparent 38%,rgb(255 255 255/.26) 47%,rgb(255 255 255/.4) 50%,rgb(255 255 255/.26) 53%,transparent 62%);mix-blend-mode:overlay;opacity:var(--holo-active);transform:translate3d(calc((var(--mx) - .5) * -46%),0,0);transition:transform var(--holo-move),opacity var(--holo-fade)}.holo[data-holo-variant=static] .holo__sheen{transform:translate3d(-34%,0,0);transition:transform 0s .4s,opacity .4s ease}@media (hover:hover){.holo[data-holo-variant=static]:hover .holo__sheen{transform:translate3d(34%,0,0);transition:transform .9s cubic-bezier(.16,1,.3,1),opacity .2s ease}}.holo__glare{inset:-50%;background:radial-gradient(circle at 50% 50%,rgb(255 253 245/.9) 0,rgb(255 250 235/.35) 14%,transparent 34%);mix-blend-mode:overlay;opacity:calc(var(--holo-glare-active, 0) * var(--holo-active) * (.6 + .4 * var(--hyp)));transform:translate3d(calc((var(--mx) - .5) * 50%),calc((var(--my) - .5) * 50%),0);transition:transform var(--holo-move),opacity var(--holo-fade)}.holo[data-holo-variant=static] .holo__glare{mix-blend-mode:normal;background:radial-gradient(circle at 50% 50%,rgb(255 253 245/.5) 0,rgb(255 250 235/.16) 14%,transparent 34%)}.holo__shadow{pointer-events:none;position:absolute;inset:8% 6% 0;z-index:-1;border-radius:inherit;box-shadow:0 26px 36px -12px color-mix(in srgb,var(--shade) 72%,transparent);opacity:var(--holo-active);transform:translate3d(calc((var(--mx) - .5) * -16px),calc(10px + (var(--my) - .5) * -12px),0);transition:transform var(--holo-move),opacity var(--holo-fade)}.holo-flip{position:relative;transform-style:preserve-3d;animation:holoFlipIn .76s cubic-bezier(.2,.9,.25,1) backwards}.holo-flip__back,.holo-flip__face{backface-visibility:hidden;-webkit-backface-visibility:hidden}.holo-flip__back{position:absolute;inset:0;transform:rotateY(180deg)}@keyframes holoFlipIn{0%{transform:perspective(1400px) rotateY(-180deg) scale(.9)}62%{transform:perspective(1400px) rotateY(10deg) scale(1.02)}to{transform:perspective(1400px) rotateY(0deg) scale(1)}}.holo-deal{animation:holoDeal .52s cubic-bezier(.16,1,.3,1) backwards;animation-delay:calc(min(var(--deal-i, 0), 14) * 34ms)}@keyframes holoDeal{0%{opacity:0;transform:translate3d(0,14px,0) rotate(-1.5deg) scale(.96)}}@keyframes holoFade{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.holo,.holo *{transition:none!important}.holo,.holo[data-holo-state],.holo[data-holo-variant=static]:hover{transform:none!important}.holo__shadow,.holo__sheen{display:none}.holo-deal,.holo-flip{animation:holoFade .24s ease backwards;animation-delay:0s}}