section.dark .dk-horizontal-tabs{--tabgroup--border-color:var(--color-text-muted);--tabgroup--text-color:#fff;--tabgroup--background-hover:#fff;--tabgroup--border-color-hover:#000}:is(section.dark .dk-horizontal-tabs)>.nav-buttons{--tabgroup--border-color:#fff}.dk-horizontal-tabs{--tabgroup--gap:1rem;--tabgroup--spacing-horizontal:22px;--tabgroup--spacing-vertical:16px;--tabgroup--background:transparent;--tabgroup--background-hover:#000;--tabgroup--border-color:#000;--tabgroup--border-color-hover:#fff;--tabgroup--border-width:2px;--tabgroup--font-family:univia-pro,sans-serif;--tabgroup--text-color:#000;--tabgroup--text-size:18px;--tabgroup--border-radius:0}.dk-horizontal-tabs>h4{margin-bottom:1.5rem}.dk-horizontal-tabs>.nav-size-xsmall{--tabgroup--spacing-horizontal:16px;--tabgroup--spacing-vertical:12px;--tabgroup--gap:0.75rem;--tabgroup--text-size:14px}.dk-horizontal-tabs>.nav-size-small{--tabgroup--spacing-horizontal:20px;--tabgroup--spacing-vertical:14px;--tabgroup--gap:0.875rem;--tabgroup--text-size:16px}.dk-horizontal-tabs>.nav-size-medium{--tabgroup--text-size:18px}.dk-horizontal-tabs>.nav-size-large{--tabgroup--text-size:21px}.dk-horizontal-tabs>.nav-size-xlarge{--tabgroup--spacing-horizontal:26px;--tabgroup--spacing-vertical:18px;--tabgroup--gap:1.125rem;--tabgroup--text-size:24px}.dk-horizontal-tabs>.nav-simple{--tabgroup--background-hover:transparent;--tabgroup--border-color-hover:var(--color-text-muted);--tabgroup--gap:1.25rem}:is(:is(.dk-horizontal-tabs>.nav-simple)>li.tab) a{border-left:none!important;border-right:none!important;border-top:none!important}.active:is(:is(.dk-horizontal-tabs>.nav-simple)>li.tab)>a{-webkit-background-clip:text!important;background-clip:text!important;border-bottom:var(--tabgroup--border-width) solid rgba(var(--color-dark),.5)!important;color:transparent!important}:is(.active:is(:is(.dk-horizontal-tabs>.nav-simple)>li.tab)>a)>span{padding:0 2px}.dk-horizontal-tabs>.nav-pills{--tabgroup--border-radius:100px}.dk-horizontal-tabs>.nav-buttons{--tabgroup--spacing-horizontal:30px;--tabgroup--spacing-vertical:10px;--tabgroup--border-radius:8px}.nav-size-xsmall:is(.dk-horizontal-tabs>.nav-buttons){--tabgroup--spacing-horizontal:20px;--tabgroup--spacing-vertical:6px}.nav-size-small:is(.dk-horizontal-tabs>.nav-buttons){--tabgroup--spacing-horizontal:26px;--tabgroup--spacing-vertical:8px}.nav-size-xlarge:is(.dk-horizontal-tabs>.nav-buttons){--tabgroup--spacing-horizontal:35px;--tabgroup--spacing-vertical:13px}.dk-horizontal-tabs>.nav{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--tabgroup--gap);width:100%}.nav-vertical:is(.dk-horizontal-tabs>.nav){flex-direction:row!important}:is(.dk-horizontal-tabs>.nav)>.tab{flex:0 0 auto;margin:0}.active:is(:is(.dk-horizontal-tabs>.nav)>.tab) a{border:none!important}:is(.active:is(:is(.dk-horizontal-tabs>.nav)>.tab) a)>span{padding:2px}.active:is(:is(.dk-horizontal-tabs>.nav)>.tab) a{background:conic-gradient(from var(--gradient-angle,90deg),rgba(var(--color-light),1),rgba(var(--color-dark),1),rgba(var(--color-light),1),rgba(var(--color-dark),1),rgba(var(--color-light),1));background-position:0;background-size:250%;color:#fff}:is(:is(:is(.dk-horizontal-tabs>.nav)>.tab):not(.active) a):hover{background-color:var(--tabgroup--background-hover);color:var(--tabgroup--border-color-hover)}:is(:is(:is(.dk-horizontal-tabs>.nav)>.tab) a):focus-visible{outline:2px solid var(--fs-experimental-link-color);outline-offset:2px}:is(:is(.dk-horizontal-tabs>.nav)>.tab) a{background:var(--tabgroup--background);border:var(--tabgroup--border-width) solid var(--tabgroup--border-color);border-radius:var(--tabgroup--border-radius);color:var(--tabgroup--text-color);font-family:var(--tabgroup--font-family);font-size:var(--tabgroup--text-size);line-height:1;padding:var(--tabgroup--spacing-vertical) var(--tabgroup--spacing-horizontal);transition:background .3s ease,color .3s ease,border-color .3s ease}:is(:is(:is(.dk-horizontal-tabs>.nav)>.tab) a)>span{display:block}.dk-horizontal-tabs>.tab-panels{width:100%}:is(.dk-horizontal-tabs>.tab-panels)>.panel{display:none}.active:is(:is(.dk-horizontal-tabs>.tab-panels)>.panel){display:block}@media (max-width:849px){.dk-horizontal-tabs>.nav{overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;scrollbar-width:none}:is(.dk-horizontal-tabs>.nav)::-webkit-scrollbar{display:none}.dk-horizontal-tabs>.nav .tab{white-space:nowrap}}
