.team-badge{font-family:var(--font-sans);color:var(--color-ink);background:var(--color-white);flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex;overflow:hidden;box-shadow:0 2px 8px #0000001f}.team-badge__image{justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}.team-badge__image img{object-fit:contain;width:100%;height:100%;display:block}.team-badge__initials{line-height:1;display:inline-block}.team-badge--flat{box-shadow:none;background:0 0}.team-badge--flat.team-badge--square.team-badge--sm{background:0 0}.team-badge--square{padding:4px}.team-badge--square .team-badge__image{border-radius:6px}.team-badge--square.team-badge--sm{background:var(--color-grey-10);border-radius:8px;width:40px;height:40px;font-size:12px}.team-badge--square.team-badge--md{border-radius:12px;width:48px;height:48px;font-size:14px}.team-badge--square.team-badge--md .team-badge__image{border-radius:8px}.team-badge--square.team-badge--lg{border-radius:16px;width:64px;height:64px;font-size:18px}.team-badge--square.team-badge--lg .team-badge__image{border-radius:10px}.team-badge--circle{background:var(--color-white);border:1px solid var(--color-grey-10);box-shadow:none;border-radius:50%;padding:3px}.team-badge--circle .team-badge__image{border-radius:50%}.team-badge--circle .team-badge__image img{object-fit:contain}.team-badge--circle.team-badge--sm{width:28px;height:28px;font-size:9px}.team-badge--circle.team-badge--md{width:36px;height:36px;font-size:11px}.team-badge--circle.team-badge--lg{width:48px;height:48px;font-size:14px}
.team-image{background:var(--color-grey-7);aspect-ratio:4/3;border-radius:4px;flex-shrink:0;display:block;overflow:hidden}.team-image img{object-fit:cover;width:100%;height:100%;display:block}.team-image__placeholder{background:linear-gradient(135deg, var(--color-primary-faint) 0%, var(--color-grey-7) 100%);width:100%;height:100%;color:var(--color-grey-30);justify-content:center;align-items:center;display:flex}.team-image__placeholder svg{width:50%;max-width:32px;height:50%;max-height:32px}.team-image--sm{height:42px}.team-image--md{height:60px}.team-image--lg{height:90px}
.club-tile{border-radius:var(--radius-md);cursor:pointer;text-align:left;font:inherit;color:inherit;isolation:isolate;transition:transform var(--duration-medium,.2s) var(--ease-out,ease), box-shadow var(--duration-medium,.2s);border:none;flex-shrink:0;padding:0;display:block;position:relative;overflow:hidden}.club-tile--desktop{width:300px;height:188px}.club-tile--mobile{width:250px;height:156px}.club-tile:hover{transform:translateY(-2px);box-shadow:0 8px 20px -4px #00000040}.club-tile:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.club-tile--brand{background: radial-gradient(circle at 20% 0%, #ffffff26 0%, transparent 50%),  linear-gradient(135deg, var(--tile-brand,#3f4a64) 0%, color-mix(in srgb, var(--tile-brand,#3f4a64) 65%, black) 100%)}.club-tile--brand .club-tile__overlay{background:linear-gradient(#0000 40%,#00000073 100%)}.club-tile--image{background:var(--color-grey-80)}.club-tile--image .club-tile__overlay{background:linear-gradient(#0000 0%,#000000b3 100%)}.club-tile--fallback{background:linear-gradient(135deg, var(--color-ink) 0%, var(--color-grey-80) 100%)}.club-tile--fallback .club-tile__overlay{background:linear-gradient(#0000 50%,#0000004d 100%)}.club-tile__bg{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;inset:0}.club-tile__overlay{z-index:1;pointer-events:none;position:absolute;inset:0}.club-tile__distance{z-index:3;color:var(--color-ink);border-radius:var(--radius-lg);white-space:nowrap;background:#ffffffe6;padding:2px 8px;font-size:12px;font-weight:500;line-height:1.5;position:absolute;top:10px;right:10px;box-shadow:0 2px 6px #0000001f}.club-tile__content{z-index:2;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:4px;padding:20px;display:flex;position:absolute;inset:0}.club-tile--mobile .club-tile__content{padding:20px 12px}.club-tile__name{font-family:var(--font-sans);color:var(--color-white);-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%;margin-top:8px;font-size:15px;font-weight:700;line-height:1.5;display:-webkit-box;overflow:hidden}.club-tile__location{width:100%;font-family:var(--font-sans);color:#ffffffbf;align-items:center;gap:4px;font-size:12px;font-weight:400;line-height:1.5;display:flex}.club-tile__location svg{flex-shrink:0;display:block}.club-tile__location span{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}