.cf-frame{position:absolute;inset:0}.cf{background:linear-gradient(160deg, #fffdf9, var(--color-cream) 62%, #f8e9e8);transform:perspective(60rem) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-style:preserve-3d;border-radius:5.56%/3.89%;position:absolute;inset:0;box-shadow:0 1.2rem 2.4rem -1.1rem #18010a99,0 .15rem .35rem #18010a40}.cf__front,.cf__subject{opacity:0;transition:opacity .4s;position:absolute}.cf[data-ready] .cf__front,.cf[data-ready] .cf__subject{opacity:1}.cf__front{border-radius:inherit;inset:0;overflow:hidden}.cf img{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none;width:100%;height:100%;display:block}.cf__subject{filter:drop-shadow(.1rem .18rem .22rem #2508124d);width:84.821%;height:51.875%;top:10.781%;left:7.589%;transform:translateZ(.8rem)scale(.987)}.cf__holo{border-radius:inherit;pointer-events:none;background:radial-gradient(circle at var(--mx,30%) var(--my,18%), #fff9, transparent 36%), linear-gradient(115deg, transparent 22%, #ff8cc499 36%, #8cceff99 47%, #ffe29699 58%, transparent 74%);background-position:0 0, var(--mx,30%) var(--my,18%);mix-blend-mode:soft-light;opacity:calc(.35 + var(--lit,0) * .55);background-size:100% 100%,280% 280%;position:absolute;inset:0;transform:translateZ(.85rem);-webkit-mask-image:radial-gradient(34% 22% at 50% 33%,#0000 45%,#000 100%);mask-image:radial-gradient(34% 22% at 50% 33%,#0000 45%,#000 100%)}