@layer components{.bf-mascot{rotate:var(--bf-tilt,0deg);transition:rotate .42s var(--ease-out,ease-out),translate .42s var(--ease-out,ease-out);transform-origin:55% 60%}.bf-mascot-img{user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 8px 14px rgb(45 38 80/.12))}:root[data-theme=dark] .bf-mascot-img{filter:drop-shadow(0 0 .6px rgb(255 255 255/.55)) drop-shadow(0 10px 18px rgb(0 0 0/.45))}.bf-mascot-grounded:after{content:"";position:absolute;left:22%;right:18%;bottom:-5%;height:9%;border-radius:50%;z-index:-1;background:radial-gradient(closest-side,rgb(45 38 80/.18),transparent)}:root[data-theme=dark] .bf-mascot-grounded:after{background:radial-gradient(closest-side,rgb(0 0 0/.55),transparent)}.bf-mascot[data-hover]:hover{rotate:calc(var(--bf-tilt, 0deg) - 3deg);translate:0 -2px}.bf-mascot[data-nod]{animation:bf-nod .72s var(--ease-out,ease-out) 1 both}.bf-mascot-check{background:var(--color-pos);color:var(--color-surface);box-shadow:0 0 0 2px var(--color-surface)}@keyframes bf-nod{0%{rotate:var(--bf-tilt,0deg);translate:0 0}35%{rotate:calc(var(--bf-tilt, 0deg) - 6deg);translate:0 -3px}70%{rotate:calc(var(--bf-tilt, 0deg) + 2deg);translate:0 0}to{rotate:var(--bf-tilt,0deg);translate:0 0}}@media (prefers-reduced-motion:reduce){.bf-mascot{transition:none}.bf-mascot[data-nod]{animation:none}.bf-mascot[data-hover]:hover{rotate:var(--bf-tilt,0deg);translate:none}}}