.wh-tabs{background-color:var(--whTabs-bgColor);border-radius:2px;display:flex;font-size:16px;font-weight:700;height:fit-content;overflow-x:auto}:root{--whTabs-bgColor: #181818;--whTabs-tabHeight: 40px;--whTabs-tab-accentColor: transparent}.wh-tabs[data-size="medium"]{--whTabs-tabHeight: 50px}.wh-tabs[data-size="large"]{--whTabs-tabHeight: 60px}.wh-tabs-tab{--body-text-color: #818181;all:unset;cursor:pointer;align-items:center;border-bottom-color:var(--whTabs-tab-accentColor);border-bottom-style:solid;border-bottom-width:3px;box-sizing:border-box;display:flex;gap:10px;height:var(--whTabs-tabHeight);justify-content:center;padding:0 15px;transition:background-color 75ms,border-color 75ms,color 75ms;white-space:nowrap}.wh-tabs-tab:hover{background-color:unset}.wh-tabs-tab:first-of-type{border-top-left-radius:2px}.wh-tabs-tab:hover,.wh-tabs-tab[data-active="true"]{background-color:rgba(255,255,255,0.05)}.wh-tabs-tab:hover,.wh-tabs-tab.focus-visible{color:#bbb}.wh-tabs-tab:hover{--whTabs-tab-accentColor: #444}.wh-tabs-tab.focus-visible{--whTabs-tab-accentColor: #da2020;box-shadow:none !important;background-color:rgba(255,255,255,0.1);color:#fff}.wh-tabs-tab[data-active="true"]{--whTabs-tab-accentColor: #a71a19;color:#fff}.wh-tabs-tab[data-style="live"][data-active="true"]{--whTabs-tab-accentColor: #a71a19}.wh-tabs-tab[data-style="live"].focus-visible{box-shadow:none !important;--whTabs-tab-accentColor: #da2020}.wh-tabs-tab[data-style="beta"][data-active="true"]{--whTabs-tab-accentColor: #a71a19}.wh-tabs-tab[data-style="beta"].focus-visible{box-shadow:none !important;--whTabs-tab-accentColor: #da2020}.wh-tabs-tab[data-style="ptr"][data-active="true"]{--whTabs-tab-accentColor: #a71a19}.wh-tabs-tab[data-style="ptr"].focus-visible{box-shadow:none !important;--whTabs-tab-accentColor: #da2020}.wh-tabs-tab[data-style="ptr2"][data-active="true"]{--whTabs-tab-accentColor: #a71a19}.wh-tabs-tab[data-style="ptr2"].focus-visible{box-shadow:none !important;--whTabs-tab-accentColor: #da2020}.wh-tabs-tab[data-style="classic"][data-active="true"]{--whTabs-tab-accentColor: #c39361}.wh-tabs-tab[data-style="classic"].focus-visible{box-shadow:none !important;--whTabs-tab-accentColor: #d9a976}.wh-tabs-tab[data-style="tbc"][data-active="true"]{--whTabs-tab-accentColor: #62c907}.wh-tabs-tab[data-style="tbc"].focus-visible{box-shadow:none !important;--whTabs-tab-accentColor: #97f00a}.wh-tabs-tab[data-style="wrath"][data-active="true"]{--whTabs-tab-accentColor: #5daceb}.wh-tabs-tab[data-style="wrath"].focus-visible{box-shadow:none !important;--whTabs-tab-accentColor: #7ad5ff}.wh-tabs-tab[data-style="cata"][data-active="true"]{--whTabs-tab-accentColor: #e55d27}.wh-tabs-tab[data-style="cata"].focus-visible{box-shadow:none !important;--whTabs-tab-accentColor: #ff7036}.wh-tabs-tab[data-style="mists"][data-active="true"]{--whTabs-tab-accentColor: #28ae7e}.wh-tabs-tab[data-style="mists"].focus-visible{box-shadow:none !important;--whTabs-tab-accentColor: #2cd196}.wh-tabs-tab[data-style="d2"][data-active="true"]{--whTabs-tab-accentColor: #bf9c5a}.wh-tabs-tab[data-style="d2"].focus-visible{box-shadow:none !important;--whTabs-tab-accentColor: #bf9c5a}.wh-tabs-tab[data-style="d4"][data-active="true"]{--whTabs-tab-accentColor: #bf9c5a}.wh-tabs-tab[data-style="d4"].focus-visible{box-shadow:none !important;--whTabs-tab-accentColor: #bf9c5a}.wh-tabs-tab[data-style="d4ptr"][data-active="true"]{--whTabs-tab-accentColor: #bf9c5a}.wh-tabs-tab[data-style="d4ptr"].focus-visible{box-shadow:none !important;--whTabs-tab-accentColor: #bf9c5a}.wh-tabs-tab[data-style="di"][data-active="true"]{--whTabs-tab-accentColor: #bf9c5a}.wh-tabs-tab[data-style="di"].focus-visible{box-shadow:none !important;--whTabs-tab-accentColor: #bf9c5a}.wh-tabs .wh-button-group{justify-content:end;margin:5px var(--d4BuildPlanner-innerSpacing)}