.gate{margin-top:1.5rem;position:relative}.gate__preview{max-height:9rem;overflow:hidden;-webkit-mask-image:linear-gradient(#000 35%,#0000);mask-image:linear-gradient(#000 35%,#0000)}.gate__preview+.gate-card{margin-top:-1rem}.gate-card{max-width:44rem}.gate-card .nl__controls{max-width:34rem}.gate-card__code{letter-spacing:.2em;font-variant-numeric:tabular-nums}.gate-card__links{flex-wrap:wrap;gap:.25rem 1.25rem;margin-top:.25rem;display:flex}.gate-card__link{min-height:2.75rem;color:var(--blue);font:inherit;text-underline-offset:.2em;cursor:pointer;background:0 0;border:0;padding:0;font-size:.875rem;text-decoration:underline}.gate-card__link:disabled{color:var(--dim);cursor:default}.gate-card__link:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:4px}.gate__note{color:var(--dim);max-width:60ch;margin:.5rem 0 0;font-size:.9375rem;line-height:1.6}.gate__note a{color:var(--blue);text-underline-offset:.2em}