.login-intro{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;max-width:340px;margin:0 auto}.login-intro__canvas-wrap{aspect-ratio:340/108;width:100%;position:relative}.login-intro__canvas{width:100%;height:100%;display:block}.login-intro__bubble{transform-origin:bottom;opacity:0;background-color:var(--clr-surface-2);border:var(--bw) solid var(--clr-text-primary);border-radius:var(--radius);padding:var(--sp-2) var(--sp-3);white-space:nowrap;transition:opacity .25s ease-out,transform .25s ease-out;position:absolute;bottom:60%;left:54%;transform:translate(-50%)scale(.6)}.login-intro__bubble.is-visible{opacity:1;transform:translate(-50%)scale(1)}.login-intro__bubble span{font-size:var(--fs-xs);font-weight:var(--fw-medium);color:var(--clr-text-primary)}.login-intro__bubble:after{content:"";background-color:var(--clr-text-primary);width:6px;height:6px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}@media (max-width:1023px){.login-intro{max-width:280px}}