:root {
    --white: #ffffff;
    --neutral-50: #f9fafb;
    --neutral-100: #f3f4f6;
    --neutral-200: #e5e7eb;
    --neutral-300: #d1d5db;
    --neutral-400: #9ca3af;
    --neutral-500: #6b7280;
    --neutral-600: #4b5563;
    --neutral-700: #374151;
    --neutral-800: #1e293b;
    --neutral-900: #0f172a;
    --neutral-950: #020617;
    --black: #000000;
    --brand-300: #1F49AD;
    --brand-400: #1C429C;
    --brand-500: #173681;
    --brand-600: #153379;
    --brand-700: #122C68;
    --radius-0: 0px;
    --radius-xs: 4px;
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 20px;
    --spacing-0: 0px 0rem;
    --spacing-xs: 4px .5rem;
    --spacing-sm: 8px 1rem;
    --spacing-md: 12px 1.5rem;
    --spacing-lg: 16px 2rem;
    --spacing-xl: 20px 2.5rem;
 }

#open-edit-team-modal {
    background-color: var(--brand-500);
    border: none;
    color: white;
    padding: var(--spacing-md);
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
}

#open-edit-team-modal:hover {
    background-color: var(--brand-600);
}

#edit-team-modal {
    width: 640px;
    border: solid 1px var(--neutral-400);
    border-radius: var(--radius-md);
    padding: var(--spacing-md);
    background-color: var(--neutral-50);
    font-size:.8rem;
    line-height:1rem;
}

#close-edit-team-modal {
    color: var(--neutral-50);
    float: right;
    cursor: pointer;
}

a.player-mobile {
    margin-right: .5rem;
}

.edit-team-members-list .team-member {
    margin-block: 1rem;
}