/* Tabs component (1.74a): Tab Type (standard, pill, minimal, tailwind) and color Theme (the leaderboard header colors, comp/tournament_team_stats_table/css/stats.css).
   classicWhite + standard = the website theme's own tabs. Types after heroui.com tabs (Pill = default, Minimal = secondary variant, Tailwind). */
/* all types: no theme list margin on the left (#content ul), space above instead; no underline */
.compGroupTabs > .nav-tabs{ margin:10px 0 0 0 !important; }
.compGroupTabs > .nav-tabs > li > .nav-link, .compGroupTabs > .nav-tabs > li > .nav-link:hover, .compGroupTabs > .nav-tabs > li > .nav-link:focus{ text-decoration:none !important; }
/* colors: --cg-main / --cg-dark / --cg-rgb (Classic White = blue for Pill, Minimal and Tailwind) */
.cgTheme-classicWhite{ --cg-rgb:0,111,238; --cg-main:rgb(0,111,238); --cg-dark:rgb(0,85,184); }
.cgTheme-cleanGreen{ --cg-rgb:0,99,44; --cg-main:rgb(0,99,44); --cg-dark:rgb(13,84,41); }
.cgTheme-cleanBlue{ --cg-rgb:32,99,155; --cg-main:rgb(32,99,155); --cg-dark:rgb(23,63,95); }
.cgTheme-cleanTurq{ --cg-rgb:0,176,184; --cg-main:rgb(0,176,184); --cg-dark:rgb(1,133,139); }
.cgTheme-cleanRed{ --cg-rgb:184,32,32; --cg-main:rgb(184,32,32); --cg-dark:rgb(136,26,27); }
.cgTheme-cleanOrange{ --cg-rgb:245,145,0; --cg-main:rgb(245,145,0); --cg-dark:rgb(198,114,0); }
.cgTheme-cleanTerracotta{ --cg-rgb:230,57,1; --cg-main:rgb(230,57,1); --cg-dark:rgb(190,47,1); }
.cgTheme-cleanPink{ --cg-rgb:255,0,152; --cg-main:rgb(255,0,152); --cg-dark:rgb(222,0,132); }
.cgTheme-cleanPurple{ --cg-rgb:105,43,143; --cg-main:rgb(105,43,143); --cg-dark:rgb(78,38,102); }
.cgTheme-cleanLemonLime{ --cg-rgb:205,218,41; --cg-main:rgb(205,218,41); --cg-dark:rgb(160,172,28); }
.cgTheme-cleanGrey{ --cg-rgb:121,126,128; --cg-main:rgb(121,126,128); --cg-dark:rgb(97,101,102); }
.cgTheme-cleanBlack{ --cg-rgb:73,80,87; --cg-main:rgb(73,80,87); --cg-dark:rgb(52,58,64); }
/* Standard Tabs with a color theme */
.compGroupTabs.cgType-standard[class*="cgTheme-clean"] > .nav-tabs{ border-bottom:3px solid var(--cg-main); gap:3px; }
.compGroupTabs.cgType-standard[class*="cgTheme-clean"] > .nav-tabs > li > .nav-link{ background:rgba(var(--cg-rgb),.12); color:#333; border:1px solid rgba(var(--cg-rgb),.45); border-bottom:0; border-radius:6px 6px 0 0; margin:0; }
.compGroupTabs.cgType-standard[class*="cgTheme-clean"] > .nav-tabs > li > .nav-link:hover{ background:rgba(var(--cg-rgb),.25); color:#222; }
.compGroupTabs.cgType-standard[class*="cgTheme-clean"] > .nav-tabs > li > .nav-link.active, .compGroupTabs.cgType-standard[class*="cgTheme-clean"] > .nav-tabs > li.active > .nav-link{ background:var(--cg-main); color:#fff; border-color:var(--cg-main); }
.compGroupTabs.cgType-standard[class*="cgTheme-clean"] > .nav-tabs > li > .nav-link.active:hover{ background:var(--cg-dark); }
/* Pill */
.compGroupTabs.cgType-pill > .nav-tabs{ display:inline-flex !important; flex-wrap:nowrap; max-width:100%; overflow-x:auto; gap:4px; padding:4px; border-radius:12px; background:#f4f4f5; border:0 !important; }
.compGroupTabs.cgType-pill > .nav-tabs::before, .compGroupTabs.cgType-pill > .nav-tabs::after{ display:none !important; }
.compGroupTabs.cgType-pill > .nav-tabs > li{ float:none !important; margin:0 !important; }
.compGroupTabs.cgType-pill > .nav-tabs > li > .nav-link{ margin:0 !important; border:0 !important; border-radius:9px !important; background:transparent !important; color:#71717a !important; padding:6px 16px !important; white-space:nowrap; font-weight:500; transition:background .15s, color .15s; }
.compGroupTabs.cgType-pill > .nav-tabs > li > .nav-link:hover{ color:#18181b !important; }
.compGroupTabs.cgType-pill > .nav-tabs > li > .nav-link.active, .compGroupTabs.cgType-pill > .nav-tabs > li.active > .nav-link{ background:#fff !important; color:#18181b !important; box-shadow:0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.06); }
.compGroupTabs.cgType-pill > .tab-content{ padding-top:12px; }
/* Tailwind */
.compGroupTabs.cgType-tailwind > .nav-tabs{ display:inline-flex !important; flex-wrap:nowrap; max-width:100%; overflow-x:auto; gap:4px; padding:4px; border-radius:12px; background:#fff; border:1px solid #e4e4e7 !important; }
.compGroupTabs.cgType-tailwind > .nav-tabs{ display:flex !important; width:fit-content; margin:10px auto 0 !important; } /* centered above the tab content */
.compGroupTabs.cgType-tailwind > .nav-tabs::before, .compGroupTabs.cgType-tailwind > .nav-tabs::after{ display:none !important; }
.compGroupTabs.cgType-tailwind > .nav-tabs > li{ float:none !important; margin:0 !important; }
.compGroupTabs.cgType-tailwind > .nav-tabs > li > .nav-link{ margin:0 !important; border:0 !important; border-radius:9px !important; background:transparent !important; color:#3f3f46 !important; padding:6px 22px !important; white-space:nowrap; font-weight:500; transition:background .15s, color .15s; }
.compGroupTabs.cgType-tailwind > .nav-tabs > li > .nav-link:hover{ color:#18181b !important; background:#f4f4f5 !important; }
.compGroupTabs.cgType-tailwind > .nav-tabs > li > .nav-link.active, .compGroupTabs.cgType-tailwind > .nav-tabs > li.active > .nav-link{ background:var(--cg-main) !important; color:#fff !important; }
.compGroupTabs.cgType-tailwind > .tab-content{ padding-top:12px; }
.compGroupTabs.cgType-pill[class*="cgTheme-clean"] > .nav-tabs{ background:rgba(var(--cg-rgb),.10); }
.compGroupTabs.cgType-pill[class*="cgTheme-clean"] > .nav-tabs > li > .nav-link.active, .compGroupTabs.cgType-pill[class*="cgTheme-clean"] > .nav-tabs > li.active > .nav-link{ color:var(--cg-main) !important; }
/* Minimal */
.compGroupTabs.cgType-minimal > .nav-tabs{ display:flex !important; flex-wrap:wrap; gap:0; border:0 !important; border-bottom:1px solid #e4e4e7 !important; }
.compGroupTabs.cgType-minimal > .nav-tabs::before, .compGroupTabs.cgType-minimal > .nav-tabs::after{ display:none !important; }
.compGroupTabs.cgType-minimal > .nav-tabs > li{ float:none !important; margin:0 0 -1px 0 !important; }
.compGroupTabs.cgType-minimal > .nav-tabs > li > .nav-link{ margin:0 !important; border:0 !important; border-bottom:2px solid transparent !important; border-radius:0 !important; background:transparent !important; color:#71717a !important; padding:8px 16px !important; font-weight:500; }
.compGroupTabs.cgType-minimal > .nav-tabs > li > .nav-link:hover{ color:#18181b !important; }
.compGroupTabs.cgType-minimal > .nav-tabs > li > .nav-link.active, .compGroupTabs.cgType-minimal > .nav-tabs > li.active > .nav-link{ color:#18181b !important; border-bottom-color:var(--cg-main) !important; }
.compGroupTabs.cgType-minimal[class*="cgTheme-clean"] > .nav-tabs > li > .nav-link.active, .compGroupTabs.cgType-minimal[class*="cgTheme-clean"] > .nav-tabs > li.active > .nav-link{ color:var(--cg-main) !important; }
.compGroupTabs.cgType-minimal > .tab-content{ padding-top:12px; }