.d2inv-pack-slot .d2inv-tip.tip--up{bottom:calc(100% + 10px)}.d2inv-pack-slot .d2inv-tip.tip--down{top:calc(100% + 10px)}.d2inv-drag-source--active{opacity:.45;box-shadow:0 0 0 2px var(--color-veil-14)}.d2inv-drop-target--hover{outline:2px solid var(--gear-drop-hover-outline);outline-offset:-2px;background-color:var(--gear-drop-hover-bg);transition:background-color var(--duration-fast) var(--ease-soft),outline-color var(--duration-fast) var(--ease-soft)}.d2inv-drop-target--valid{outline-color:var(--gear-drop-valid-outline);background-color:var(--gear-drop-valid-bg);box-shadow:inset 0 0 0 1px var(--gear-drop-valid-inset),0 0 22px var(--gear-drop-valid-glow)}.d2inv-drop-target--equip{outline-color:var(--gear-drop-equip-outline);background-color:var(--gear-drop-equip-bg)}.d2inv-drop-target--socket{outline-color:var(--gear-drop-socket-outline);background-color:var(--gear-drop-socket-bg);box-shadow:inset 0 0 0 1px var(--gear-drop-socket-inset),0 0 26px var(--gear-drop-socket-glow)}.d2inv-drop-target--stash,.d2inv-drop-target--pack{outline-color:var(--gear-drop-pack-outline);background-color:var(--gear-drop-pack-bg)}.d2inv-drop-target--invalid{outline:2px solid var(--gear-drop-invalid-outline);outline-offset:-2px;background-color:var(--gear-drop-invalid-bg);box-shadow:inset 0 0 0 1px var(--gear-drop-invalid-inset),0 0 18px var(--gear-drop-invalid-glow);cursor:not-allowed}.d2inv-drop-target--invalid[data-drop-reason]{position:relative}.d2inv-drop-target--invalid[data-drop-reason]:after{content:attr(data-drop-reason);position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:var(--space-2xs);z-index:var(--z-overlay);padding:var(--space-2xs) var(--space-xs);border-radius:var(--radius-sm);background:var(--color-surface-raised);color:var(--color-text-primary);box-shadow:var(--shadow-drop-dark),0 0 0 1px var(--color-scrim-medium);font-size:var(--text-body-sm);white-space:nowrap;pointer-events:none}@keyframes d2inv-shake{0%{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}to{transform:translate(0)}}.d2inv-drop-shake{animation:d2inv-shake var(--duration-slow) var(--ease-soft)}