.auth-canvas-surface{--auth-canvas-background:var(--color-neutral-50);--auth-canvas-dot:var(--color-neutral-200);background-color:var(--auth-canvas-background);background-image:radial-gradient(circle, var(--auth-canvas-dot) 1px, transparent 1.2px);background-size:16px 16px}.auth-canvas-artwork{transform-origin:50%;transition:transform .5s cubic-bezier(.16,1,.3,1),filter .5s}.auth-canvas-artwork svg{width:100%;height:auto;display:block;overflow:visible}.auth-canvas-artwork__base path:not(mask path){transition:fill-opacity .35s,stroke-opacity .25s}.auth-canvas-artwork__trace{pointer-events:none}.auth-canvas-artwork__trace path:not(mask path){fill-opacity:0;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px;stroke-opacity:0;transition:stroke-opacity .25s,stroke-dashoffset .9s cubic-bezier(.16,1,.3,1)}.auth-canvas-artwork:hover{z-index:10;filter:drop-shadow(0 12px 18px #0000001a);transform:translateY(-4px)scale(1.04)}.auth-canvas-artwork:hover .auth-canvas-artwork__base path:not(mask path){fill-opacity:.04;stroke-opacity:.04}.auth-canvas-artwork:hover .auth-canvas-artwork__base path[data-auth-canvas-eye=true]{fill-opacity:1;stroke-opacity:1}.auth-canvas-artwork:hover .auth-canvas-artwork__trace path:not(mask path){stroke-dashoffset:0;stroke-opacity:.9}