.field{position:relative;margin-left:auto;margin-right:auto;display:flex;height:53vw;max-height:288px;width:100%;max-width:600px}.field:before{position:absolute;inset:0;background-repeat:no-repeat;content:"";background:transparent url(/soccerfield.svg) no-repeat;opacity:.24}.formation,.formation-away{position:relative;display:flex;height:100%;max-height:288px;width:100%}.formation-away{flex-direction:row-reverse}.players-row{display:flex;height:100%;width:100%;flex-direction:column-reverse;align-items:center;justify-content:space-evenly;-moz-column-gap:.25rem;column-gap:.25rem}.player{position:relative;max-width:4rem;flex-direction:column;align-items:center}.player-wrapper{position:relative;width:-moz-fit-content;width:fit-content}.player-image-wrapper{--image-size:42px;display:grid;flex-shrink:0;place-items:center;height:var(--image-size);width:var(--image-size);position:relative;z-index:10}.player-image{height:100%;width:100%}.player-info{position:absolute;top:1.5rem;left:50%;--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-radius:.375rem;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));padding-left:.25rem;padding-right:.25rem;font-size:.875rem;line-height:1.5rem;border:1px solid #eee;z-index:5;overflow:hidden}.player-name{font-size:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}