.login-bit{display:flex;align-items:center;gap:.5rem;min-width:0;padding-block:.25rem}.login-bit-button{position:relative;flex:0 0 96px;height:116px;cursor:grab;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:transform .65s cubic-bezier(.22,1.5,.36,1);-webkit-tap-highlight-color:transparent}.login-bit-float{position:absolute;inset:-10px -20px 0;display:block;transition:transform .25s ease}.login-bit-button:hover .login-bit-float{transform:translateY(-5px) rotate(-4deg)}.login-bit-button:active .login-bit-float{transform:translateY(3px) scale(.9)}.login-bit-speech{position:relative;flex:1;min-width:0;padding:14px;border:1px solid hsl(var(--border));border-radius:18px 18px 18px 4px;background:hsl(var(--card))}.login-bit-pop{position:absolute;top:15%;right:2%;color:hsl(var(--primary));font-size:24px;pointer-events:none;animation:login-bit-pop .7s ease-out both}@keyframes login-bit-float{0%,to{translate:0 0}50%{translate:0 -6px}}@keyframes login-bit-pop{0%{opacity:0;transform:scale(.2) rotate(0)}35%{opacity:1}to{opacity:0;transform:translate(10px,-22px) scale(1.25) rotate(50deg)}}@media (prefers-reduced-motion:no-preference){.login-bit-float{animation:login-bit-float 4s ease-in-out infinite}}@media (prefers-reduced-motion:reduce){.login-bit *,.login-bit .bit-character,.login-bit .bit-gaze{animation:none!important;transition:none!important}.login-bit-pop{display:none}}@media (max-width:380px){.login-bit{gap:0}.login-bit-button{flex-basis:76px;height:102px}.login-bit-speech{padding:10px}}.login-bit-speech[hidden]{display:none}@media (min-width:1024px){.login-bit-button{flex-basis:136px;height:150px}}.login-bit[data-dragging=true] .login-bit-button{cursor:grabbing;transition:none;z-index:2}.login-bit[data-dragging=true] .login-bit-float{animation-play-state:paused;transform:scale(1.04,.96)}