@layer recipes{@layer variants{.holo--part_container{--holo-active:0;--holo-x:50;--holo-y:50;--tilt-x:0;--tilt-y:0;perspective:600px}.holo--part_glare{border-radius:inherit;background-image:radial-gradient(farthest-corner circle at calc(var(--holo-x) * 1%) calc(var(--holo-y) * 1%), #fffc 5%, #63636340 55%, #0000005c 110%);filter:brightness(.8)contrast(1.5);mix-blend-mode:overlay;opacity:calc(var(--holo-active) * .45);pointer-events:none;z-index:1;transition:opacity .3s;position:absolute;inset:0}.holo--part_surface{border-radius:var(--radii-md);transform:rotateX(calc(var(--tilt-x) * 1deg)) rotateY(calc(var(--tilt-y) * 1deg));transform-style:preserve-3d;transition:transform .6s;position:relative;overflow:hidden}[data-holo-hover] .holo--part_surface{transition:transform .15s ease-out}@media (hover:none){.holo--part_glare{display:none}.holo--part_surface{transform-style:flat;transform:none}}@media (prefers-reduced-motion:reduce){.holo--part_glare{display:none}.holo--part_surface{transform-style:flat;transform:none}}}}