.hds-tabs{--_hds-tabs-border-active-size:var(--hds-stroke-thick);--_hds-tabs-marker-color:var(--hds-colors-signature);--_hds-tabs-marker-border-fallback-color:var(--_hds-tabs-marker-color);--_hds-tabs-marker-animated-color:transparent;--_hds-tabs-marker-top:0;--_hds-tabs-marker-left:0;--_hds-tabs-marker-height:0;--_hds-tabs-marker-width:0;font:var(--hds-typography-body)}.hds-tabs .hds-tabs__list{width:auto;padding-left:0;display:inline-flex;position:relative}.hds-tabs .hds-tabs__list .hds-tabs__tab{cursor:pointer;font:var(--hds-typography-body);color:inherit;text-align:left;background:0 0;border:0}.hds-tabs .hds-tabs__list .hds-tabs__tab:hover{color:var(--hds-colors-dark)}.hds-tabs .hds-tabs__list .hds-tabs__tab.hds-tabs__tab--active{color:var(--hds-colors-dark)}.hds-tabs .hds-tabs__list{border-left:1px solid var(--hds-ui-colors-light-grey-fill);flex-direction:column}.hds-tabs .hds-tabs__list .hds-tabs__tab{width:auto;padding:var(--hds-spacing-8)var(--hds-spacing-16);border-left:var(--_hds-tabs-border-active-size)solid transparent}.hds-tabs .hds-tabs__list .hds-tabs__tab.hds-tabs__tab--active{border-color:var(--_hds-tabs-marker-border-fallback-color,var(--_hds-tabs-marker-color))}.hds-tabs .hds-tabs__list:before{content:"";height:100%;width:var(--_hds-tabs-border-active-size);scale:1 var(--_hds-tabs-marker-height);translate:0 var(--_hds-tabs-marker-top);transform-origin:0 0;transition-property:scale,translate;transition-duration:var(--hds-micro-animation-duration-quick);transition-timing-function:var(--hds-micro-animation-easing-out);background-color:var(--_hds-tabs-marker-animated-color);position:absolute;top:0;left:0;right:0}.hds-tabs .hds-tabs__list.hds-tabs__list--vertical{border-left:1px solid var(--hds-ui-colors-light-grey-fill);flex-direction:column}.hds-tabs .hds-tabs__list.hds-tabs__list--vertical .hds-tabs__tab{width:auto;padding:var(--hds-spacing-8)var(--hds-spacing-16);border-left:var(--_hds-tabs-border-active-size)solid transparent}.hds-tabs .hds-tabs__list.hds-tabs__list--vertical .hds-tabs__tab.hds-tabs__tab--active{border-color:var(--_hds-tabs-marker-border-fallback-color,var(--_hds-tabs-marker-color))}.hds-tabs .hds-tabs__list.hds-tabs__list--vertical:before{content:"";height:100%;width:var(--_hds-tabs-border-active-size);scale:1 var(--_hds-tabs-marker-height);translate:0 var(--_hds-tabs-marker-top);transform-origin:0 0;transition-property:scale,translate;transition-duration:var(--hds-micro-animation-duration-quick);transition-timing-function:var(--hds-micro-animation-easing-out);background-color:var(--_hds-tabs-marker-animated-color);position:absolute;top:0;left:0;right:0}@media (min-width:720px){.hds-tabs .hds-tabs__list.hds-tabs__list--horizontal{border-left:0;border-bottom:var(--hds-stroke-default)solid var(--hds-ui-colors-light-grey-fill);flex-direction:row}.hds-tabs .hds-tabs__list.hds-tabs__list--horizontal .hds-tabs__tab{padding:var(--hds-spacing-12)0;border-bottom:var(--_hds-tabs-border-active-size)solid transparent;border-left:0}.hds-tabs .hds-tabs__list.hds-tabs__list--horizontal .hds-tabs__tab.hds-tabs__tab--active{border-color:var(--_hds-tabs-marker-border-fallback-color,var(--_hds-tabs-marker-color))}.hds-tabs .hds-tabs__list.hds-tabs__list--horizontal .hds-tabs__tab:not(:first-child){margin-left:var(--hds-spacing-16)}.hds-tabs .hds-tabs__list.hds-tabs__list--horizontal .hds-tabs__tab:not(:last-child){margin-right:var(--hds-spacing-16)}.hds-tabs .hds-tabs__list.hds-tabs__list--horizontal:before{content:"";bottom:0;left:0;right:0;top:unset;width:unset;height:var(--_hds-tabs-border-active-size);scale:var(--_hds-tabs-marker-width)1;translate:var(--_hds-tabs-marker-left)0;transform-origin:0;transition-property:scale,translate;transition-duration:var(--hds-micro-animation-duration-quick);transition-timing-function:var(--hds-micro-animation-easing-out);background-color:var(--_hds-tabs-marker-animated-color);position:absolute}}.hds-tabs .hds-tabs__contents{margin-top:var(--hds-spacing-64)}