.cr{--cr-thick:calc(var(--cr-card,160px) * .03);--cr-corner:10px;perspective:1300px;perspective-origin:50% 44%;cursor:grab;touch-action:none;background:var(--color-surface-subtle);font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;position:absolute;inset:0;overflow:hidden}.cr:active{cursor:grabbing}.cr__world{width:0;height:0;transform-style:preserve-3d;position:absolute;top:56%;left:50%}.cr__card{left:calc(var(--cr-card) / -2);top:calc(var(--cr-card) / -2);width:var(--cr-card);height:var(--cr-card);transform-style:preserve-3d;position:absolute}.cr__art{object-fit:cover;border-radius:var(--cr-corner);backface-visibility:hidden;width:100%;height:100%;display:block}.cr__back{border-radius:var(--cr-corner);transform:translateZ(calc(var(--cr-thick) * -1)) rotateY(180deg);backface-visibility:hidden;filter:saturate(1.25);position:absolute;inset:0}.cr__card:before,.cr__card:after{content:"";top:calc(var(--cr-corner) * .7);width:var(--cr-thick);height:calc(100% - var(--cr-corner) * 1.4);backface-visibility:hidden;pointer-events:none;position:absolute}.cr__card:before{transform-origin:0;transform:translateZ(calc(var(--cr-thick) * -1)) rotateY(-90deg);background-image:linear-gradient(to left, #ffffff6b 0%, #ffffff29 7%, #ffffff0a 20%, #0000000f 46%, #0003 76%, #00000057 100%), var(--cr-edge,linear-gradient(to right, var(--neutral-0), var(--neutral-300)));left:0}.cr__card:after{transform-origin:100%;transform:translateZ(calc(var(--cr-thick) * -1)) rotateY(90deg);background-image:linear-gradient(to right, #ffffff6b 0%, #ffffff29 7%, #ffffff0a 20%, #0000000f 46%, #0003 76%, #00000057 100%), var(--cr-edge,linear-gradient(to right, var(--neutral-0), var(--neutral-300)));right:0}.cr:not([data-embedded]){min-height:100dvh;position:relative}