@media print,screen and (min-width: 64em){body .main-container{padding:5rem}}section{margin-bottom:5rem}@media print,screen and (max-width: 63.99875em){section{margin-bottom:.625rem}}.spinner-container{padding-bottom:2.5rem}@media print,screen and (max-width: 63.99875em){.spinner-container{padding-bottom:.625rem}}.intro--left img,.intro--right img{object-fit:contain;object-position:top;max-width:100%}@media print,screen and (max-width: 63.99875em){.intro--left,.intro--right{display:none}}.intro--right img{transform:rotateY(180deg)}.intro--title{font-size:3rem;font-weight:600;line-height:1;text-align:center;margin:0 0 1.5rem 0}@media print,screen and (max-width: 63.99875em){.intro--title{font-size:2rem}}.intro--description p{font-size:.875rem;font-weight:300;line-height:1.5rem;text-align:center;margin-bottom:1.5rem}@media print,screen and (min-width: 64em){.intro--description p{padding:0 5rem}}.intro--subtitle{color:#6c869e;font-size:.75rem;text-align:center;margin-bottom:0}.heroes,.builds{text-align:center}.heroes--title,.builds--title{font-size:1.625rem;font-weight:700;color:#ffab00;text-align:center;text-transform:uppercase;letter-spacing:.0625rem;margin-bottom:.625rem;line-height:1}.heroes--subtitle,.builds--subtitle{font-size:.875rem;margin-top:.625rem}.heroes--row,.builds--row{height:6.25rem;align-items:center;justify-content:center;transition:background-color 300ms}@media(prefers-reduced-motion: reduce){.heroes--row,.builds--row{transition:none}}.heroes--row:nth-of-type(odd),.builds--row:nth-of-type(odd){background-color:#081e4a}.heroes--row:nth-of-type(even),.builds--row:nth-of-type(even){background-color:#05132e}.heroes--row[href]:hover,.builds--row[href]:hover{background-color:#0a265c}@media print,screen and (min-width: 64em){.heroes--row:first-of-type,.builds--row:first-of-type{border-top-left-radius:1.875rem;border-top-right-radius:1.875rem}.heroes--row:last-of-type,.builds--row:last-of-type{border-bottom-left-radius:1.875rem;border-bottom-right-radius:1.875rem}}@media print,screen and (max-width: 63.99875em){.heroes--row,.builds--row{height:4.375rem}}.heroes--name,.heroes--image,.heroes--pi{text-align:center}.heroes--name{font-weight:600;letter-spacing:.0625rem}.heroes--image img{height:4rem;width:4rem;padding:.25rem;border-radius:100%;background-image:linear-gradient(to bottom, #ffab00, #664400)}@media print,screen and (max-width: 63.99875em){.heroes--image img{height:3rem;width:3rem;padding:.125rem}}.heroes--class-role{flex-direction:column;display:flex;align-items:center}.heroes--class-image img{height:2rem;width:2rem;margin-bottom:.25rem}@media print,screen and (max-width: 63.99875em){.heroes--class-image img{height:1.5rem;width:1.5rem}}.heroes--role-image img{height:1.25rem;width:1.25rem}@media print,screen and (max-width: 63.99875em){.heroes--role-image img{height:1rem;width:1rem}}.heroes--pi .stats-up,.heroes--pi .stats-down,.heroes--pi .stats-unchanged{position:relative}.heroes--pi .stats-up::before,.heroes--pi .stats-up::after,.heroes--pi .stats-down::before,.heroes--pi .stats-down::after,.heroes--pi .stats-unchanged::before,.heroes--pi .stats-unchanged::after{display:none}.heroes--pi .stats-up span::after,.heroes--pi .stats-down span::after,.heroes--pi .stats-unchanged span::after{font-family:"Font Awesome 6 Free";font-weight:700;position:absolute;right:1.875rem}@media print,screen and (max-width: 63.99875em){.heroes--pi .stats-up span::after,.heroes--pi .stats-down span::after,.heroes--pi .stats-unchanged span::after{right:.625rem}}.heroes--pi .stats-up span::after{content:"";color:#27ae60}.heroes--pi .stats-down span::after{content:"";color:#eb5757}.heroes--pi .stats-unchanged span::after{content:""}.builds--hero-name,.builds--hero-image{text-align:center}.builds--hero-name{color:#fefefe;font-weight:600;letter-spacing:.0625rem}.builds--hero-image img{height:4rem;width:4rem;padding:.25rem;border-radius:100%;background-image:linear-gradient(to bottom, #ffab00, #664400)}@media print,screen and (max-width: 63.99875em){.builds--hero-image img{height:3rem;width:3rem;padding:.125rem}}.builds--user{color:#fefefe;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.8125rem}.builds--user img{height:3rem;width:3rem;border-radius:100%}@media print,screen and (max-width: 63.99875em){.builds--user img{height:2.25rem;width:2.25rem}}@media print,screen and (min-width: 64em){.builds--user::before,.builds--user::after{display:none}}.builds--stats{color:#fefefe;display:flex;flex-direction:column;justify-content:center;font-size:.8125rem;padding-left:1.25rem}