@keyframes professionBadgeDragged{0%,12%{transform:translate(-95px,-52px);box-shadow:0 14px 24px #0f172a3d}33%,43%{transform:translate(-66px,-41px);box-shadow:0 12px 20px #0f172a33}66%,76%{transform:translate(-30px,-18px);box-shadow:0 9px 16px #0f172a29}to{box-shadow:none;transform:translate(0)}}.profession-intro-badge-pending.profession-intro-badge-pending{color:#0000;box-shadow:none;background:0 0;border-style:dashed;border-color:#a3a3a3}.profession-intro-badge-pending>span{opacity:0}.profession-intro-badge-pickup,.profession-intro-badge-arrive{z-index:2;position:relative}.profession-intro-badge-pickup{transform:translate(-95px,-52px);box-shadow:0 14px 24px #0f172a3d}.profession-intro-badge-arrive{animation:.7s linear both professionBadgeDragged}.profession-intro-badge-pickup:after,.profession-intro-badge-arrive:after{content:"";border-radius:inherit;opacity:.4;pointer-events:none;border:1px dashed;position:absolute;inset:-5px}.profession-intro-badge-arrive:after{animation:.7s linear both professionDragOutline}@keyframes professionDragOutline{0%,76%{opacity:.4}to{opacity:0}}@keyframes professionSlotHold{0%,12%{opacity:1;transform:translate(95px,52px)}33%,43%{opacity:1;transform:translate(66px,41px)}66%,76%{opacity:1;transform:translate(30px,18px)}to{opacity:0;transform:translate(0)}}.profession-intro-badge-pickup:before,.profession-intro-badge-arrive:before{content:"";border-radius:inherit;pointer-events:none;border:1px dashed #a3a3a3;position:absolute;inset:0;transform:translate(95px,52px)}.profession-intro-badge-arrive:before{animation:.7s linear both professionSlotHold}@media (prefers-reduced-motion:reduce){.profession-intro-badge-pickup:before,.profession-intro-badge-arrive:before{content:none}.profession-intro-badge-pickup{box-shadow:none;transform:none}.profession-intro-badge-arrive{animation:none}}