.spell-0-40 { background: url('./spell-icons-legacy-40.png') -0px -0px; height: 40px; width: 40px; display: inline-block; }
.spell-1-40 { background: url('./spell-icons-legacy-40.png') -40px -0px; height: 40px; width: 40px; display: inline-block; }
.spell-10-40 { background: url('./spell-icons-legacy-40.png') -0px -40px; height: 40px; width: 40px; display: inline-block; }
.spell-100-40 { background: url('./spell-icons-legacy-40.png') -40px -40px; height: 40px; width: 40px; display: inline-block; }
.spell-101-40 { background: url('./spell-icons-legacy-40.png') -80px -0px; height: 40px; width: 40px; display: inline-block; }
.spell-102-40 { background: url('./spell-icons-legacy-40.png') -80px -40px; height: 40px; width: 40px; display: inline-block; }
.spell-103-40 { background: url('./spell-icons-legacy-40.png') -0px -80px; height: 40px; width: 40px; display: inline-block; }
.spell-104-40 { background: url('./spell-icons-legacy-40.png') -40px -80px; height: 40px; width: 40px; display: inline-block; }
.spell-105-40 { background: url('./spell-icons-legacy-40.png') -80px -80px; height: 40px; width: 40px; display: inline-block; }
.spell-106-40 { background: url('./spell-icons-legacy-40.png') -120px -0px; height: 40px; width: 40px; display: inline-block; }
.spell-107-40 { background: url('./spell-icons-legacy-40.png') -120px -40px; height: 40px; width: 40px; display: inline-block; }
.spell-108-40 { background: url('./spell-icons-legacy-40.png') -120px -80px; height: 40px; width: 40px; display: inline-block; }
.spell-109-40 { background: url('./spell-icons-legacy-40.png') -0px -120px; height: 40px; width: 40px; display: inline-block; }
.spell-11-40 { background: url('./spell-icons-legacy-40.png') -40px -120px; height: 40px; width: 40px; display: inline-block; }
.spell-110-40 { background: url('./spell-icons-legacy-40.png') -80px -120px; height: 40px; width: 40px; display: inline-block; }
.spell-111-40 { background: url('./spell-icons-legacy-40.png') -120px -120px; height: 40px; width: 40px; display: inline-block; }
.spell-112-40 { background: url('./spell-icons-legacy-40.png') -160px -0px; height: 40px; width: 40px; display: inline-block; }
.spell-113-40 { background: url('./spell-icons-legacy-40.png') -160px -40px; height: 40px; width: 40px; display: inline-block; }
.spell-114-40 { background: url('./spell-icons-legacy-40.png') -160px -80px; height: 40px; width: 40px; display: inline-block; }
.spell-115-40 { background: url('./spell-icons-legacy-40.png') -160px -120px; height: 40px; width: 40px; display: inline-block; }
.spell-116-40 { background: url('./spell-icons-legacy-40.png') -0px -160px; height: 40px; width: 40px; display: inline-block; }
.spell-117-40 { background: url('./spell-icons-legacy-40.png') -40px -160px; height: 40px; width: 40px; display: inline-block; }
.spell-118-40 { background: url('./spell-icons-legacy-40.png') -80px -160px; height: 40px; width: 40px; display: inline-block; }
.spell-119-40 { background: url('./spell-icons-legacy-40.png') -120px -160px; height: 40px; width: 40px; display: inline-block; }
.spell-12-40 { background: url('./spell-icons-legacy-40.png') -160px -160px; height: 40px; width: 40px; display: inline-block; }
.spell-120-40 { background: url('./spell-icons-legacy-40.png') -200px -0px; height: 40px; width: 40px; display: inline-block; }
.spell-121-40 { background: url('./spell-icons-legacy-40.png') -200px -40px; height: 40px; width: 40px; display: inline-block; }
.spell-122-40 { background: url('./spell-icons-legacy-40.png') -200px -80px; height: 40px; width: 40px; display: inline-block; }
.spell-123-40 { background: url('./spell-icons-legacy-40.png') -200px -120px; height: 40px; width: 40px; display: inline-block; }
.spell-124-40 { background: url('./spell-icons-legacy-40.png') -200px -160px; height: 40px; width: 40px; display: inline-block; }
.spell-125-40 { background: url('./spell-icons-legacy-40.png') -0px -200px; height: 40px; width: 40px; display: inline-block; }
.spell-126-40 { background: url('./spell-icons-legacy-40.png') -40px -200px; height: 40px; width: 40px; display: inline-block; }
.spell-127-40 { background: url('./spell-icons-legacy-40.png') -80px -200px; height: 40px; width: 40px; display: inline-block; }
.spell-128-40 { background: url('./spell-icons-legacy-40.png') -120px -200px; height: 40px; width: 40px; display: inline-block; }
.spell-129-40 { background: url('./spell-icons-legacy-40.png') -160px -200px; height: 40px; width: 40px; display: inline-block; }
.spell-13-40 { background: url('./spell-icons-legacy-40.png') -200px -200px; height: 40px; width: 40px; display: inline-block; }
.spell-130-40 { background: url('./spell-icons-legacy-40.png') -240px -0px; height: 40px; width: 40px; display: inline-block; }
.spell-131-40 { background: url('./spell-icons-legacy-40.png') -240px -40px; height: 40px; width: 40px; display: inline-block; }
.spell-132-40 { background: url('./spell-icons-legacy-40.png') -240px -80px; height: 40px; width: 40px; display: inline-block; }
.spell-133-40 { background: url('./spell-icons-legacy-40.png') -240px -120px; height: 40px; width: 40px; display: inline-block; }
.spell-134-40 { background: url('./spell-icons-legacy-40.png') -240px -160px; height: 40px; width: 40px; display: inline-block; }
.spell-135-40 { background: url('./spell-icons-legacy-40.png') -240px -200px; height: 40px; width: 40px; display: inline-block; }
.spell-136-40 { background: url('./spell-icons-legacy-40.png') -0px -240px; height: 40px; width: 40px; display: inline-block; }
.spell-137-40 { background: url('./spell-icons-legacy-40.png') -40px -240px; height: 40px; width: 40px; display: inline-block; }
.spell-138-40 { background: url('./spell-icons-legacy-40.png') -80px -240px; height: 40px; width: 40px; display: inline-block; }
.spell-139-40 { background: url('./spell-icons-legacy-40.png') -120px -240px; height: 40px; width: 40px; display: inline-block; }
.spell-14-40 { background: url('./spell-icons-legacy-40.png') -160px -240px; height: 40px; width: 40px; display: inline-block; }
.spell-140-40 { background: url('./spell-icons-legacy-40.png') -200px -240px; height: 40px; width: 40px; display: inline-block; }
.spell-141-40 { background: url('./spell-icons-legacy-40.png') -240px -240px; height: 40px; width: 40px; display: inline-block; }
.spell-142-40 { background: url('./spell-icons-legacy-40.png') -280px -0px; height: 40px; width: 40px; display: inline-block; }
.spell-143-40 { background: url('./spell-icons-legacy-40.png') -280px -40px; height: 40px; width: 40px; display: inline-block; }
.spell-144-40 { background: url('./spell-icons-legacy-40.png') -280px -80px; height: 40px; width: 40px; display: inline-block; }
.spell-145-40 { background: url('./spell-icons-legacy-40.png') -280px -120px; height: 40px; width: 40px; display: inline-block; }
.spell-146-40 { background: url('./spell-icons-legacy-40.png') -280px -160px; height: 40px; width: 40px; display: inline-block; }
.spell-147-40 { background: url('./spell-icons-legacy-40.png') -280px -200px; height: 40px; width: 40px; display: inline-block; }
.spell-148-40 { background: url('./spell-icons-legacy-40.png') -280px -240px; height: 40px; width: 40px; display: inline-block; }
.spell-149-40 { background: url('./spell-icons-legacy-40.png') -0px -280px; height: 40px; width: 40px; display: inline-block; }
.spell-15-40 { background: url('./spell-icons-legacy-40.png') -40px -280px; height: 40px; width: 40px; display: inline-block; }
.spell-150-40 { background: url('./spell-icons-legacy-40.png') -80px -280px; height: 40px; width: 40px; display: inline-block; }
.spell-151-40 { background: url('./spell-icons-legacy-40.png') -120px -280px; height: 40px; width: 40px; display: inline-block; }
.spell-152-40 { background: url('./spell-icons-legacy-40.png') -160px -280px; height: 40px; width: 40px; display: inline-block; }
.spell-153-40 { background: url('./spell-icons-legacy-40.png') -200px -280px; height: 40px; width: 40px; display: inline-block; }
.spell-154-40 { background: url('./spell-icons-legacy-40.png') -240px -280px; height: 40px; width: 40px; display: inline-block; }
.spell-155-40 { background: url('./spell-icons-legacy-40.png') -280px -280px; height: 40px; width: 40px; display: inline-block; }
.spell-156-40 { background: url('./spell-icons-legacy-40.png') -320px -0px; height: 40px; width: 40px; display: inline-block; }
.spell-157-40 { background: url('./spell-icons-legacy-40.png') -320px -40px; height: 40px; width: 40px; display: inline-block; }
.spell-158-40 { background: url('./spell-icons-legacy-40.png') -320px -80px; height: 40px; width: 40px; display: inline-block; }
.spell-159-40 { background: url('./spell-icons-legacy-40.png') -320px -120px; height: 40px; width: 40px; display: inline-block; }
.spell-16-40 { background: url('./spell-icons-legacy-40.png') -320px -160px; height: 40px; width: 40px; display: inline-block; }
.spell-160-40 { background: url('./spell-icons-legacy-40.png') -320px -200px; height: 40px; width: 40px; display: inline-block; }
.spell-161-40 { background: url('./spell-icons-legacy-40.png') -320px -240px; height: 40px; width: 40px; display: inline-block; }
.spell-162-40 { background: url('./spell-icons-legacy-40.png') -320px -280px; height: 40px; width: 40px; display: inline-block; }
.spell-163-40 { background: url('./spell-icons-legacy-40.png') -0px -320px; height: 40px; width: 40px; display: inline-block; }
.spell-164-40 { background: url('./spell-icons-legacy-40.png') -40px -320px; height: 40px; width: 40px; display: inline-block; }
.spell-165-40 { background: url('./spell-icons-legacy-40.png') -80px -320px; height: 40px; width: 40px; display: inline-block; }
.spell-166-40 { background: url('./spell-icons-legacy-40.png') -120px -320px; height: 40px; width: 40px; display: inline-block; }
.spell-167-40 { background: url('./spell-icons-legacy-40.png') -160px -320px; height: 40px; width: 40px; display: inline-block; }
.spell-168-40 { background: url('./spell-icons-legacy-40.png') -200px -320px; height: 40px; width: 40px; display: inline-block; }
.spell-169-40 { background: url('./spell-icons-legacy-40.png') -240px -320px; height: 40px; width: 40px; display: inline-block; }
.spell-17-40 { background: url('./spell-icons-legacy-40.png') -280px -320px; height: 40px; width: 40px; display: inline-block; }
.spell-170-40 { background: url('./spell-icons-legacy-40.png') -320px -320px; height: 40px; width: 40px; display: inline-block; }
.spell-171-40 { background: url('./spell-icons-legacy-40.png') -360px -0px; height: 40px; width: 40px; display: inline-block; }
.spell-172-40 { background: url('./spell-icons-legacy-40.png') -360px -40px; height: 40px; width: 40px; display: inline-block; }
.spell-173-40 { background: url('./spell-icons-legacy-40.png') -360px -80px; height: 40px; width: 40px; display: inline-block; }
.spell-174-40 { background: url('./spell-icons-legacy-40.png') -360px -120px; height: 40px; width: 40px; display: inline-block; }
.spell-175-40 { background: url('./spell-icons-legacy-40.png') -360px -160px; height: 40px; width: 40px; display: inline-block; }
.spell-176-40 { background: url('./spell-icons-legacy-40.png') -360px -200px; height: 40px; width: 40px; display: inline-block; }
.spell-177-40 { background: url('./spell-icons-legacy-40.png') -360px -240px; height: 40px; width: 40px; display: inline-block; }
.spell-178-40 { background: url('./spell-icons-legacy-40.png') -360px -280px; height: 40px; width: 40px; display: inline-block; }
.spell-179-40 { background: url('./spell-icons-legacy-40.png') -360px -320px; height: 40px; width: 40px; display: inline-block; }
.spell-18-40 { background: url('./spell-icons-legacy-40.png') -0px -360px; height: 40px; width: 40px; display: inline-block; }
.spell-180-40 { background: url('./spell-icons-legacy-40.png') -40px -360px; height: 40px; width: 40px; display: inline-block; }
.spell-181-40 { background: url('./spell-icons-legacy-40.png') -80px -360px; height: 40px; width: 40px; display: inline-block; }
.spell-182-40 { background: url('./spell-icons-legacy-40.png') -120px -360px; height: 40px; width: 40px; display: inline-block; }
.spell-183-40 { background: url('./spell-icons-legacy-40.png') -160px -360px; height: 40px; width: 40px; display: inline-block; }
.spell-184-40 { background: url('./spell-icons-legacy-40.png') -200px -360px; height: 40px; width: 40px; display: inline-block; }
.spell-185-40 { background: url('./spell-icons-legacy-40.png') -240px -360px; height: 40px; width: 40px; display: inline-block; }
.spell-186-40 { background: url('./spell-icons-legacy-40.png') -280px -360px; height: 40px; width: 40px; display: inline-block; }
.spell-187-40 { background: url('./spell-icons-legacy-40.png') -320px -360px; height: 40px; width: 40px; display: inline-block; }
.spell-188-40 { background: url('./spell-icons-legacy-40.png') -360px -360px; height: 40px; width: 40px; display: inline-block; }
.spell-189-40 { background: url('./spell-icons-legacy-40.png') -400px -0px; height: 40px; width: 40px; display: inline-block; }
.spell-19-40 { background: url('./spell-icons-legacy-40.png') -400px -40px; height: 40px; width: 40px; display: inline-block; }
.spell-190-40 { background: url('./spell-icons-legacy-40.png') -400px -80px; height: 40px; width: 40px; display: inline-block; }
.spell-191-40 { background: url('./spell-icons-legacy-40.png') -400px -120px; height: 40px; width: 40px; display: inline-block; }
.spell-192-40 { background: url('./spell-icons-legacy-40.png') -400px -160px; height: 40px; width: 40px; display: inline-block; }
.spell-193-40 { background: url('./spell-icons-legacy-40.png') -400px -200px; height: 40px; width: 40px; display: inline-block; }
.spell-194-40 { background: url('./spell-icons-legacy-40.png') -400px -240px; height: 40px; width: 40px; display: inline-block; }
.spell-195-40 { background: url('./spell-icons-legacy-40.png') -400px -280px; height: 40px; width: 40px; display: inline-block; }
.spell-196-40 { background: url('./spell-icons-legacy-40.png') -400px -320px; height: 40px; width: 40px; display: inline-block; }
.spell-197-40 { background: url('./spell-icons-legacy-40.png') -400px -360px; height: 40px; width: 40px; display: inline-block; }
.spell-198-40 { background: url('./spell-icons-legacy-40.png') -0px -400px; height: 40px; width: 40px; display: inline-block; }
.spell-199-40 { background: url('./spell-icons-legacy-40.png') -40px -400px; height: 40px; width: 40px; display: inline-block; }
.spell-2-40 { background: url('./spell-icons-legacy-40.png') -80px -400px; height: 40px; width: 40px; display: inline-block; }
.spell-20-40 { background: url('./spell-icons-legacy-40.png') -120px -400px; height: 40px; width: 40px; display: inline-block; }
.spell-200-40 { background: url('./spell-icons-legacy-40.png') -160px -400px; height: 40px; width: 40px; display: inline-block; }
.spell-201-40 { background: url('./spell-icons-legacy-40.png') -200px -400px; height: 40px; width: 40px; display: inline-block; }
.spell-202-40 { background: url('./spell-icons-legacy-40.png') -240px -400px; height: 40px; width: 40px; display: inline-block; }
.spell-203-40 { background: url('./spell-icons-legacy-40.png') -280px -400px; height: 40px; width: 40px; display: inline-block; }
.spell-204-40 { background: url('./spell-icons-legacy-40.png') -320px -400px; height: 40px; width: 40px; display: inline-block; }
.spell-205-40 { background: url('./spell-icons-legacy-40.png') -360px -400px; height: 40px; width: 40px; display: inline-block; }
.spell-206-40 { background: url('./spell-icons-legacy-40.png') -400px -400px; height: 40px; width: 40px; display: inline-block; }
.spell-207-40 { background: url('./spell-icons-legacy-40.png') -440px -0px; height: 40px; width: 40px; display: inline-block; }
.spell-208-40 { background: url('./spell-icons-legacy-40.png') -440px -40px; height: 40px; width: 40px; display: inline-block; }
.spell-209-40 { background: url('./spell-icons-legacy-40.png') -440px -80px; height: 40px; width: 40px; display: inline-block; }
.spell-21-40 { background: url('./spell-icons-legacy-40.png') -440px -120px; height: 40px; width: 40px; display: inline-block; }
.spell-210-40 { background: url('./spell-icons-legacy-40.png') -440px -160px; height: 40px; width: 40px; display: inline-block; }
.spell-211-40 { background: url('./spell-icons-legacy-40.png') -440px -200px; height: 40px; width: 40px; display: inline-block; }
.spell-212-40 { background: url('./spell-icons-legacy-40.png') -440px -240px; height: 40px; width: 40px; display: inline-block; }
.spell-213-40 { background: url('./spell-icons-legacy-40.png') -440px -280px; height: 40px; width: 40px; display: inline-block; }
.spell-214-40 { background: url('./spell-icons-legacy-40.png') -440px -320px; height: 40px; width: 40px; display: inline-block; }
.spell-215-40 { background: url('./spell-icons-legacy-40.png') -440px -360px; height: 40px; width: 40px; display: inline-block; }
.spell-216-40 { background: url('./spell-icons-legacy-40.png') -440px -400px; height: 40px; width: 40px; display: inline-block; }
.spell-217-40 { background: url('./spell-icons-legacy-40.png') -0px -440px; height: 40px; width: 40px; display: inline-block; }
.spell-218-40 { background: url('./spell-icons-legacy-40.png') -40px -440px; height: 40px; width: 40px; display: inline-block; }
.spell-219-40 { background: url('./spell-icons-legacy-40.png') -80px -440px; height: 40px; width: 40px; display: inline-block; }
.spell-22-40 { background: url('./spell-icons-legacy-40.png') -120px -440px; height: 40px; width: 40px; display: inline-block; }
.spell-220-40 { background: url('./spell-icons-legacy-40.png') -160px -440px; height: 40px; width: 40px; display: inline-block; }
.spell-221-40 { background: url('./spell-icons-legacy-40.png') -200px -440px; height: 40px; width: 40px; display: inline-block; }
.spell-222-40 { background: url('./spell-icons-legacy-40.png') -240px -440px; height: 40px; width: 40px; display: inline-block; }
.spell-223-40 { background: url('./spell-icons-legacy-40.png') -280px -440px; height: 40px; width: 40px; display: inline-block; }
.spell-224-40 { background: url('./spell-icons-legacy-40.png') -320px -440px; height: 40px; width: 40px; display: inline-block; }
.spell-225-40 { background: url('./spell-icons-legacy-40.png') -360px -440px; height: 40px; width: 40px; display: inline-block; }
.spell-226-40 { background: url('./spell-icons-legacy-40.png') -400px -440px; height: 40px; width: 40px; display: inline-block; }
.spell-227-40 { background: url('./spell-icons-legacy-40.png') -440px -440px; height: 40px; width: 40px; display: inline-block; }
.spell-228-40 { background: url('./spell-icons-legacy-40.png') -480px -0px; height: 40px; width: 40px; display: inline-block; }
.spell-229-40 { background: url('./spell-icons-legacy-40.png') -480px -40px; height: 40px; width: 40px; display: inline-block; }
.spell-23-40 { background: url('./spell-icons-legacy-40.png') -480px -80px; height: 40px; width: 40px; display: inline-block; }
.spell-230-40 { background: url('./spell-icons-legacy-40.png') -480px -120px; height: 40px; width: 40px; display: inline-block; }
.spell-231-40 { background: url('./spell-icons-legacy-40.png') -480px -160px; height: 40px; width: 40px; display: inline-block; }
.spell-232-40 { background: url('./spell-icons-legacy-40.png') -480px -200px; height: 40px; width: 40px; display: inline-block; }
.spell-233-40 { background: url('./spell-icons-legacy-40.png') -480px -240px; height: 40px; width: 40px; display: inline-block; }
.spell-234-40 { background: url('./spell-icons-legacy-40.png') -480px -280px; height: 40px; width: 40px; display: inline-block; }
.spell-235-40 { background: url('./spell-icons-legacy-40.png') -480px -320px; height: 40px; width: 40px; display: inline-block; }
.spell-236-40 { background: url('./spell-icons-legacy-40.png') -480px -360px; height: 40px; width: 40px; display: inline-block; }
.spell-237-40 { background: url('./spell-icons-legacy-40.png') -480px -400px; height: 40px; width: 40px; display: inline-block; }
.spell-238-40 { background: url('./spell-icons-legacy-40.png') -480px -440px; height: 40px; width: 40px; display: inline-block; }
.spell-239-40 { background: url('./spell-icons-legacy-40.png') -0px -480px; height: 40px; width: 40px; display: inline-block; }
.spell-24-40 { background: url('./spell-icons-legacy-40.png') -40px -480px; height: 40px; width: 40px; display: inline-block; }
.spell-240-40 { background: url('./spell-icons-legacy-40.png') -80px -480px; height: 40px; width: 40px; display: inline-block; }
.spell-241-40 { background: url('./spell-icons-legacy-40.png') -120px -480px; height: 40px; width: 40px; display: inline-block; }
.spell-242-40 { background: url('./spell-icons-legacy-40.png') -160px -480px; height: 40px; width: 40px; display: inline-block; }
.spell-243-40 { background: url('./spell-icons-legacy-40.png') -200px -480px; height: 40px; width: 40px; display: inline-block; }
.spell-244-40 { background: url('./spell-icons-legacy-40.png') -240px -480px; height: 40px; width: 40px; display: inline-block; }
.spell-245-40 { background: url('./spell-icons-legacy-40.png') -280px -480px; height: 40px; width: 40px; display: inline-block; }
.spell-246-40 { background: url('./spell-icons-legacy-40.png') -320px -480px; height: 40px; width: 40px; display: inline-block; }
.spell-247-40 { background: url('./spell-icons-legacy-40.png') -360px -480px; height: 40px; width: 40px; display: inline-block; }
.spell-248-40 { background: url('./spell-icons-legacy-40.png') -400px -480px; height: 40px; width: 40px; display: inline-block; }
.spell-249-40 { background: url('./spell-icons-legacy-40.png') -440px -480px; height: 40px; width: 40px; display: inline-block; }
.spell-25-40 { background: url('./spell-icons-legacy-40.png') -480px -480px; height: 40px; width: 40px; display: inline-block; }
.spell-250-40 { background: url('./spell-icons-legacy-40.png') -520px -0px; height: 40px; width: 40px; display: inline-block; }
.spell-251-40 { background: url('./spell-icons-legacy-40.png') -520px -40px; height: 40px; width: 40px; display: inline-block; }
.spell-26-40 { background: url('./spell-icons-legacy-40.png') -520px -80px; height: 40px; width: 40px; display: inline-block; }
.spell-27-40 { background: url('./spell-icons-legacy-40.png') -520px -120px; height: 40px; width: 40px; display: inline-block; }
.spell-28-40 { background: url('./spell-icons-legacy-40.png') -520px -160px; height: 40px; width: 40px; display: inline-block; }
.spell-29-40 { background: url('./spell-icons-legacy-40.png') -520px -200px; height: 40px; width: 40px; display: inline-block; }
.spell-3-40 { background: url('./spell-icons-legacy-40.png') -520px -240px; height: 40px; width: 40px; display: inline-block; }
.spell-30-40 { background: url('./spell-icons-legacy-40.png') -520px -280px; height: 40px; width: 40px; display: inline-block; }
.spell-31-40 { background: url('./spell-icons-legacy-40.png') -520px -320px; height: 40px; width: 40px; display: inline-block; }
.spell-32-40 { background: url('./spell-icons-legacy-40.png') -520px -360px; height: 40px; width: 40px; display: inline-block; }
.spell-33-40 { background: url('./spell-icons-legacy-40.png') -520px -400px; height: 40px; width: 40px; display: inline-block; }
.spell-34-40 { background: url('./spell-icons-legacy-40.png') -520px -440px; height: 40px; width: 40px; display: inline-block; }
.spell-35-40 { background: url('./spell-icons-legacy-40.png') -520px -480px; height: 40px; width: 40px; display: inline-block; }
.spell-36-40 { background: url('./spell-icons-legacy-40.png') -0px -520px; height: 40px; width: 40px; display: inline-block; }
.spell-37-40 { background: url('./spell-icons-legacy-40.png') -40px -520px; height: 40px; width: 40px; display: inline-block; }
.spell-38-40 { background: url('./spell-icons-legacy-40.png') -80px -520px; height: 40px; width: 40px; display: inline-block; }
.spell-39-40 { background: url('./spell-icons-legacy-40.png') -120px -520px; height: 40px; width: 40px; display: inline-block; }
.spell-4-40 { background: url('./spell-icons-legacy-40.png') -160px -520px; height: 40px; width: 40px; display: inline-block; }
.spell-40-40 { background: url('./spell-icons-legacy-40.png') -200px -520px; height: 40px; width: 40px; display: inline-block; }
.spell-41-40 { background: url('./spell-icons-legacy-40.png') -240px -520px; height: 40px; width: 40px; display: inline-block; }
.spell-42-40 { background: url('./spell-icons-legacy-40.png') -280px -520px; height: 40px; width: 40px; display: inline-block; }
.spell-43-40 { background: url('./spell-icons-legacy-40.png') -320px -520px; height: 40px; width: 40px; display: inline-block; }
.spell-44-40 { background: url('./spell-icons-legacy-40.png') -360px -520px; height: 40px; width: 40px; display: inline-block; }
.spell-45-40 { background: url('./spell-icons-legacy-40.png') -400px -520px; height: 40px; width: 40px; display: inline-block; }
.spell-46-40 { background: url('./spell-icons-legacy-40.png') -440px -520px; height: 40px; width: 40px; display: inline-block; }
.spell-47-40 { background: url('./spell-icons-legacy-40.png') -480px -520px; height: 40px; width: 40px; display: inline-block; }
.spell-48-40 { background: url('./spell-icons-legacy-40.png') -520px -520px; height: 40px; width: 40px; display: inline-block; }
.spell-49-40 { background: url('./spell-icons-legacy-40.png') -560px -0px; height: 40px; width: 40px; display: inline-block; }
.spell-5-40 { background: url('./spell-icons-legacy-40.png') -560px -40px; height: 40px; width: 40px; display: inline-block; }
.spell-50-40 { background: url('./spell-icons-legacy-40.png') -560px -80px; height: 40px; width: 40px; display: inline-block; }
.spell-51-40 { background: url('./spell-icons-legacy-40.png') -560px -120px; height: 40px; width: 40px; display: inline-block; }
.spell-52-40 { background: url('./spell-icons-legacy-40.png') -560px -160px; height: 40px; width: 40px; display: inline-block; }
.spell-53-40 { background: url('./spell-icons-legacy-40.png') -560px -200px; height: 40px; width: 40px; display: inline-block; }
.spell-54-40 { background: url('./spell-icons-legacy-40.png') -560px -240px; height: 40px; width: 40px; display: inline-block; }
.spell-55-40 { background: url('./spell-icons-legacy-40.png') -560px -280px; height: 40px; width: 40px; display: inline-block; }
.spell-56-40 { background: url('./spell-icons-legacy-40.png') -560px -320px; height: 40px; width: 40px; display: inline-block; }
.spell-57-40 { background: url('./spell-icons-legacy-40.png') -560px -360px; height: 40px; width: 40px; display: inline-block; }
.spell-58-40 { background: url('./spell-icons-legacy-40.png') -560px -400px; height: 40px; width: 40px; display: inline-block; }
.spell-59-40 { background: url('./spell-icons-legacy-40.png') -560px -440px; height: 40px; width: 40px; display: inline-block; }
.spell-6-40 { background: url('./spell-icons-legacy-40.png') -560px -480px; height: 40px; width: 40px; display: inline-block; }
.spell-60-40 { background: url('./spell-icons-legacy-40.png') -560px -520px; height: 40px; width: 40px; display: inline-block; }
.spell-61-40 { background: url('./spell-icons-legacy-40.png') -0px -560px; height: 40px; width: 40px; display: inline-block; }
.spell-62-40 { background: url('./spell-icons-legacy-40.png') -40px -560px; height: 40px; width: 40px; display: inline-block; }
.spell-63-40 { background: url('./spell-icons-legacy-40.png') -80px -560px; height: 40px; width: 40px; display: inline-block; }
.spell-64-40 { background: url('./spell-icons-legacy-40.png') -120px -560px; height: 40px; width: 40px; display: inline-block; }
.spell-65-40 { background: url('./spell-icons-legacy-40.png') -160px -560px; height: 40px; width: 40px; display: inline-block; }
.spell-66-40 { background: url('./spell-icons-legacy-40.png') -200px -560px; height: 40px; width: 40px; display: inline-block; }
.spell-67-40 { background: url('./spell-icons-legacy-40.png') -240px -560px; height: 40px; width: 40px; display: inline-block; }
.spell-68-40 { background: url('./spell-icons-legacy-40.png') -280px -560px; height: 40px; width: 40px; display: inline-block; }
.spell-69-40 { background: url('./spell-icons-legacy-40.png') -320px -560px; height: 40px; width: 40px; display: inline-block; }
.spell-7-40 { background: url('./spell-icons-legacy-40.png') -360px -560px; height: 40px; width: 40px; display: inline-block; }
.spell-70-40 { background: url('./spell-icons-legacy-40.png') -400px -560px; height: 40px; width: 40px; display: inline-block; }
.spell-71-40 { background: url('./spell-icons-legacy-40.png') -440px -560px; height: 40px; width: 40px; display: inline-block; }
.spell-72-40 { background: url('./spell-icons-legacy-40.png') -480px -560px; height: 40px; width: 40px; display: inline-block; }
.spell-73-40 { background: url('./spell-icons-legacy-40.png') -520px -560px; height: 40px; width: 40px; display: inline-block; }
.spell-74-40 { background: url('./spell-icons-legacy-40.png') -560px -560px; height: 40px; width: 40px; display: inline-block; }
.spell-75-40 { background: url('./spell-icons-legacy-40.png') -600px -0px; height: 40px; width: 40px; display: inline-block; }
.spell-76-40 { background: url('./spell-icons-legacy-40.png') -600px -40px; height: 40px; width: 40px; display: inline-block; }
.spell-77-40 { background: url('./spell-icons-legacy-40.png') -600px -80px; height: 40px; width: 40px; display: inline-block; }
.spell-78-40 { background: url('./spell-icons-legacy-40.png') -600px -120px; height: 40px; width: 40px; display: inline-block; }
.spell-79-40 { background: url('./spell-icons-legacy-40.png') -600px -160px; height: 40px; width: 40px; display: inline-block; }
.spell-8-40 { background: url('./spell-icons-legacy-40.png') -600px -200px; height: 40px; width: 40px; display: inline-block; }
.spell-80-40 { background: url('./spell-icons-legacy-40.png') -600px -240px; height: 40px; width: 40px; display: inline-block; }
.spell-81-40 { background: url('./spell-icons-legacy-40.png') -600px -280px; height: 40px; width: 40px; display: inline-block; }
.spell-82-40 { background: url('./spell-icons-legacy-40.png') -600px -320px; height: 40px; width: 40px; display: inline-block; }
.spell-83-40 { background: url('./spell-icons-legacy-40.png') -600px -360px; height: 40px; width: 40px; display: inline-block; }
.spell-84-40 { background: url('./spell-icons-legacy-40.png') -600px -400px; height: 40px; width: 40px; display: inline-block; }
.spell-85-40 { background: url('./spell-icons-legacy-40.png') -600px -440px; height: 40px; width: 40px; display: inline-block; }
.spell-86-40 { background: url('./spell-icons-legacy-40.png') -600px -480px; height: 40px; width: 40px; display: inline-block; }
.spell-87-40 { background: url('./spell-icons-legacy-40.png') -600px -520px; height: 40px; width: 40px; display: inline-block; }
.spell-88-40 { background: url('./spell-icons-legacy-40.png') -600px -560px; height: 40px; width: 40px; display: inline-block; }
.spell-89-40 { background: url('./spell-icons-legacy-40.png') -0px -600px; height: 40px; width: 40px; display: inline-block; }
.spell-9-40 { background: url('./spell-icons-legacy-40.png') -40px -600px; height: 40px; width: 40px; display: inline-block; }
.spell-90-40 { background: url('./spell-icons-legacy-40.png') -80px -600px; height: 40px; width: 40px; display: inline-block; }
.spell-91-40 { background: url('./spell-icons-legacy-40.png') -120px -600px; height: 40px; width: 40px; display: inline-block; }
.spell-92-40 { background: url('./spell-icons-legacy-40.png') -160px -600px; height: 40px; width: 40px; display: inline-block; }
.spell-93-40 { background: url('./spell-icons-legacy-40.png') -200px -600px; height: 40px; width: 40px; display: inline-block; }
.spell-94-40 { background: url('./spell-icons-legacy-40.png') -240px -600px; height: 40px; width: 40px; display: inline-block; }
.spell-95-40 { background: url('./spell-icons-legacy-40.png') -280px -600px; height: 40px; width: 40px; display: inline-block; }
.spell-96-40 { background: url('./spell-icons-legacy-40.png') -320px -600px; height: 40px; width: 40px; display: inline-block; }
.spell-97-40 { background: url('./spell-icons-legacy-40.png') -360px -600px; height: 40px; width: 40px; display: inline-block; }
.spell-98-40 { background: url('./spell-icons-legacy-40.png') -400px -600px; height: 40px; width: 40px; display: inline-block; }
.spell-99-40 { background: url('./spell-icons-legacy-40.png') -440px -600px; height: 40px; width: 40px; display: inline-block; }