:root{--tabs-background:#0d352b;--tabs-text:#e8eee9;--tabs-hover:#16483a;--tabs-active-background:#d8b76d;--tabs-active-text:#123b30;--tabs-focus:#f0d395;--tabs-border:#0d352b;--tabs-counter-pulse:#f0d395;--tabs-active-counter-pulse:#245344}html[data-theme=slate]{--tabs-background:#183f5b;--tabs-text:#eef4f8;--tabs-hover:#245c7b;--tabs-active-background:#ed9868;--tabs-active-text:#132f43;--tabs-focus:#ffba92;--tabs-border:#183f5b;--tabs-counter-pulse:#ffba92;--tabs-active-counter-pulse:#245c7b}html[data-theme=bordeaux]{--tabs-background:#72283b;--tabs-text:#fff1ed;--tabs-hover:#913b51;--tabs-active-background:#e59a82;--tabs-active-text:#4d1727;--tabs-focus:#f6bfac;--tabs-border:#72283b;--tabs-counter-pulse:#f6bfac;--tabs-active-counter-pulse:#72283b}html[data-theme=night]{--tabs-background:#0b100e;--tabs-text:#e8eee9;--tabs-hover:#263b33;--tabs-active-background:#e3bd72;--tabs-active-text:#111614;--tabs-focus:#f4d89e;--tabs-border:#38413d;--tabs-counter-pulse:#f4d89e;--tabs-active-counter-pulse:#344a40}.dc-tabs{z-index:auto;box-sizing:border-box;background:var(--tabs-background);border:1px solid var(--tabs-border);-webkit-backdrop-filter:none;backdrop-filter:none;min-width:0;height:auto;min-height:0;box-shadow:none;border-radius:4px;flex-wrap:wrap;justify-content:flex-start;align-items:stretch;gap:4px;margin:0 0 14px;padding:4px 6px;display:flex;position:static;top:auto}.dc-tabs>:is(a,button){--tab-counter-background:var(--tabs-active-background);--tab-counter-text:var(--tabs-active-text);--tab-counter-pulse:var(--tabs-counter-pulse);--tab-counter-ring:var(--tabs-background)}.dc-tabs>:is(a,button):not(.dc-tabs-action){min-width:0;max-width:100%;min-height:0;color:var(--tabs-text);font:700 12px/18px var(--sans,Arial,Helvetica,sans-serif);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:3px;flex:none;justify-content:center;align-items:center;gap:8px;margin:0;padding:9px 12px;text-decoration:none;display:flex}.dc-tabs>:is(a,button):not(.dc-tabs-action):hover:not(:disabled){background:var(--tabs-hover);color:var(--tabs-text)}.dc-tabs>:is(a,button):not(.dc-tabs-action):is([aria-selected=true],[aria-pressed=true],[aria-current]:not([aria-current=false])),.dc-tabs>:is(a,button):not(.dc-tabs-action):is([aria-selected=true],[aria-pressed=true],[aria-current]:not([aria-current=false])):hover{background:var(--tabs-active-background);color:var(--tabs-active-text);--tab-counter-background:var(--tabs-active-text);--tab-counter-text:#fff;--tab-counter-pulse:var(--tabs-active-counter-pulse);--tab-counter-ring:var(--tabs-active-background)}.dc-tabs>:is(a,button):focus-visible{outline:2px solid var(--tabs-focus);outline-offset:-3px}.dc-tabs>:is(a,button):is([aria-selected=true],[aria-pressed=true],[aria-current]:not([aria-current=false])):focus-visible{outline-color:var(--tabs-active-text)}.dc-tabs>:is(a,button):disabled,.dc-tabs>[aria-disabled=true]{opacity:.6;cursor:default}.dc-tabs>:is(a,button):not(.dc-tabs-action)>svg{flex-shrink:0;width:19px;height:19px}.dc-tabs>.dc-tabs-action{color:var(--tabs-text);font:400 12px/18px var(--sans,Arial,Helvetica,sans-serif);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:3px;align-self:center;align-items:center;gap:8px;margin-left:auto;padding:9px 12px;display:flex}.dc-tabs>.dc-tabs-action>svg{flex-shrink:0;width:19px;height:19px}.dc-tabs>.dc-tabs-action:hover:not(:disabled){background:var(--tabs-hover);color:var(--tabs-text)}.dc-tabs-compact{overscroll-behavior-inline:contain;flex-wrap:nowrap;flex-shrink:0;overflow-x:auto}.dc-tabs-compact>:is(a,button):not(.dc-tabs-action){padding:9px 8px}.dc-tabs>:is(a,button)>:is(.count-badge,.preview-count){isolation:isolate;background:var(--tab-counter-background);color:var(--tab-counter-text);box-shadow:0 0 0 1px var(--tab-counter-ring);position:relative;top:-5px;transform:none}@keyframes section-tabs-counter-pulse{0%,to{background-color:var(--tab-counter-background)}50%{background-color:var(--tab-counter-pulse)}}.dc-tabs-attention>:is(a,button)>:is(.count-badge,.preview-count){animation:2.4s ease-in-out infinite section-tabs-counter-pulse}@media (prefers-reduced-motion:reduce){.dc-tabs-attention>:is(a,button)>:is(.count-badge,.preview-count){animation:none}}@media (max-width:760px){.dc-tabs{overscroll-behavior-inline:contain;flex-wrap:nowrap;overflow-x:auto}.dc-tabs>:is(a,button):not(.dc-tabs-action){padding-inline:8px}}@container (max-width:580px){.dc-tabs{overscroll-behavior-inline:contain;flex-wrap:nowrap;overflow-x:auto}.dc-tabs>:is(a,button):not(.dc-tabs-action){padding-inline:8px}}.dc-tabs{isolation:isolate;position:relative}.dc-tabs>:is(a,button):not(.dc-tabs-action){isolation:isolate;z-index:1;position:relative}.dc-tab-flight{z-index:0;pointer-events:none;border-radius:0;position:absolute;top:0;left:0;overflow:hidden}.dc-tab-brick{background:var(--tabs-active-background);pointer-events:none;transform-origin:0 0;position:absolute}.dc-tabs>:is(a,button):not(.dc-tabs-action):is([data-tab-building],[data-tab-demolishing]):is([data-tab-building],[data-tab-demolishing]),.dc-tabs>:is(a,button):not(.dc-tabs-action):is([data-tab-building],[data-tab-demolishing]):is([data-tab-building],[data-tab-demolishing]):hover{background:0 0}.dc-tabs[data-tab-transport]>:is(a,button):not(.dc-tabs-action),.dc-tabs[data-tab-transport]>:is(a,button):not(.dc-tabs-action):is([aria-selected=true],[aria-pressed=true],[aria-current]):hover,.dc-tabs[data-tab-transport]>:is(a,button):not(.dc-tabs-action):is([aria-selected=true],[aria-pressed=true],[aria-current]){color:var(--tabs-text);text-shadow:-1px 0 var(--tabs-background),1px 0 var(--tabs-background),0 -1px var(--tabs-background),0 1px 1px var(--tabs-background)}.dc-tabs[data-tab-transport][data-tab-transport]>:is(a,button):focus-visible{outline-color:var(--tabs-focus)}.dc-tabs[data-tab-transport]>:is(a,button)>svg{filter:drop-shadow(0 1px 1px var(--tabs-background)) drop-shadow(0 -1px 1px var(--tabs-background))}.dc-tabs[data-tab-transport]>:is(a,button) :is(.count-badge,.preview-count){text-shadow:none}@media (prefers-reduced-motion:reduce){.dc-tab-flight{display:none}.dc-tabs[data-tab-transport]>:is(a,button):not(.dc-tabs-action):is([aria-selected=true],[aria-pressed=true],[aria-current]:not([aria-current=false])),.dc-tabs[data-tab-transport]>:is(a,button):not(.dc-tabs-action):is([aria-selected=true],[aria-pressed=true],[aria-current]:not([aria-current=false])):hover{background:var(--tabs-active-background);color:var(--tabs-active-text);text-shadow:none}.dc-tabs[data-tab-transport]>:is(a,button)>svg{filter:none}}
