.ability{flex:0 1 80px;text-align:center;background-color:#000;border:solid 2px darkgray;border-radius:10px;overflow:hidden}.ability .ability-header{width:100%;height:fit-content}.ability .ability-header .ability-icon{height:32px;width:32px}.ability .ability-name{display:flex;flex-direction:column;justify-content:center;padding:3px}.ability .ability-name h1{font-size:10px;height:100%;text-wrap:wrap}.agent-card{display:flex;flex-direction:column}.agent-card-picture{flex:0 0 210px;overflow:hidden;padding:.4em;height:min-content;width:min-content}.agent-card-picture img{width:192px;height:192px}.agent-card-info{display:flex;flex-direction:column;flex:1 1 auto;padding:1em}.agent-card-info .agent-card-name{font-size:1.2em}.agent-card-info .agent-card-description{font-size:1em;flex:1 0 300px}.agent-card-abilities{display:flex;flex-wrap:wrap;gap:.3em;margin-top:10px;justify-content:center;width:100%}main{display:flex;flex-direction:row;gap:10px;padding:10px;margin:0 auto;height:100vh;overflow-x:scroll}.card{align-self:center;background-color:#242424;width:400px;height:100%;border-radius:25px}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#ffffffde;background-color:#141313;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh}#root{padding:10px;width:100%}