.rl-monogram{--rl-silver:var(--foreground);--rl-silver-mid:var(--muted-foreground);isolation:isolate;background:0 0;border:0;width:min(260px,100%);height:160px;min-height:160px;margin:0 auto 24px;padding:0;display:block;position:relative;overflow:hidden}.rl-monogram:hover,.rl-monogram:active{background:0 0;transform:none}.rl-monogram .rl-fallback{width:100%;height:100%;transition:none;position:absolute;inset:0;transform:none}.rl-monogram .rl-fallback path{stroke:var(--primary);stroke-width:.025px}.rl-monogram .rl-fallback stop:first-child{stop-color:var(--rl-silver-mid)}.rl-monogram .rl-fallback stop:nth-child(2){stop-color:var(--rl-silver)}.rl-monogram .rl-fallback stop:last-child{stop-color:var(--rl-silver-mid)}.rl-monogram .rl-canvas{pointer-events:none;position:absolute;inset:0}.rl-monogram[data-scene-ready=true] .rl-fallback{visibility:hidden}.rl-monogram[data-scene-ready=true]:focus-visible{outline:2px solid var(--ring);outline-offset:4px}@media (hover:none),(pointer:coarse){.rl-monogram .rl-fallback stop:nth-child(2){animation:7s ease-in-out infinite rl-shimmer}}@keyframes rl-shimmer{0%,70%,to{stop-color:var(--rl-silver)}85%{stop-color:var(--primary)}}@media (prefers-reduced-motion:reduce){.rl-monogram .rl-fallback stop{animation:none}}