.hgx-scene{position:absolute;inset:0;overflow:hidden;perspective-origin:50% 50%;cursor:grab;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none}.hgx-scene:active{cursor:grabbing}.hgx-world{position:absolute;inset:0;transform-style:preserve-3d}.hgx-card{position:absolute;left:50%;top:50%;width:var(--hgx-card-w,120px);height:var(--hgx-card-h,180px);border-radius:var(--hgx-card-radius,7px);background-size:cover;background-position:50%;background-color:var(--hgx-card-ph,#1d2128);will-change:transform,filter,opacity}.hgx-card:after{content:"";border-radius:inherit;background:var(--hgx-bg,#0d0d0c);opacity:var(--hgx-fog,0)}.hgx-card:after,.hgx-vignette{position:absolute;inset:0;pointer-events:none}.hgx-vignette{background:linear-gradient(to bottom,var(--hgx-bg,#0d0d0c) 0,transparent 16%,transparent 84%,var(--hgx-bg,#0d0d0c) 100%),linear-gradient(to right,var(--hgx-bg,#0d0d0c) 0,transparent 14%,transparent 88%,var(--hgx-bg,#0d0d0c) 100%)}.hgx-scene--alpha{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 10%,#000 90%,transparent),linear-gradient(180deg,transparent 0,#000 12%,#000 88%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0,#000 10%,#000 90%,transparent),linear-gradient(180deg,transparent 0,#000 12%,#000 88%,transparent);-webkit-mask-composite:source-in,xor;mask-composite:intersect}.hgx-scene--alpha .hgx-card:after{display:none}