@layer components{.tabs{--tabs-position:relative;--tabs-display:grid;--tabs-grid-template-columns:1fr;--tabs-width:var(--content-width-with-padding);--tabs-max-width:var(--content-max-width);--tabs-margin:var(--spacing-between-elements-normal) auto 0;--tabs-z-index:var(--z-index-content);--tabs-border-color:var(--border-color-default);--tabs-border:var(--border-width-normal) solid var(--tabs-border-color);--tabs-header-display:flex;--tabs-header-flex-direction:row;--tabs-header-min-width:0;--tabs-header-border-bottom:var(--border-width-normal) solid var(--tabs-border-color);--tabs-header-vertical-layout-max-width:12rem;--tabs-buttons-display:flex;--tabs-buttons-flex-direction:row;--tabs-buttons-justify-content:start;--tabs-buttons-align-items:center;--tabs-buttons-gap:var(--spacing-normal);--tabs-buttons-overflow:auto;--tabs-buttons-width:fit-content;--tabs-button-display:inline-flex;--tabs-button-background-color:transparent;--tabs-button-color:var(--color-font);--tabs-button-color-hover:var(--color-primary);--tabs-button-color-active:var(--color-primary);--tabs-button-padding:var(--spacing-s);--tabs-button-border:var(--border-width-m) solid transparent;--tabs-button-border-active-color:var(--color-primary);--tabs-button-border-active:var(--border-width-m) solid var(--tabs-button-border-active-color);--tabs-button-font-family:var(--font-family-headline);--tabs-button-font-size:var(--font-size-ms);--tabs-button-line-height:1;--tabs-button-cursor:pointer;--tabs-button-flex-shrink:0;--tabs-button-justify-content:start;--tabs-button-text-align:left;--tabs-scroll-button-padding:var(--spacing-xs);--tabs-scroll-button-height:100%;--tabs-scroll-button-color:var(--color-font);--tabs-scroll-button-color-hover:var(--color-primary);--tab-panel-padding:0 var(--spacing-s) var(--spacing-l);border-bottom:var(--tabs-border);display:var(--tabs-display);grid-template-columns:var(--tabs-grid-template-columns);margin:var(--tabs-margin);max-width:var(--tabs-max-width);position:var(--tabs-position);width:var(--tabs-width);z-index:var(--tabs-z-index)}.tabs[element-design=primary]{--tabs-button-border-active-color:var(--color-primary);--tabs-button-color:var(--color-primary);--tabs-button-color-hover:var(--color-primary-dark);--tabs-button-color-active:var(--color-primary-dark);--tabs-scroll-button-color:var(--color-primary);--tabs-scroll-button-color-hover:var(--color-primary-dark)}.tabs[element-design=secondary]{--tabs-button-border-active-color:var(--color-secondary);--tabs-button-color:var(--color-secondary);--tabs-button-color-hover:var(--color-secondary-dark);--tabs-button-color-active:var(--color-secondary-dark);--tabs-scroll-button-color:var(--color-secondary);--tabs-scroll-button-color-hover:var(--color-secondary-dark)}.tabs[element-design=inverted]{--tabs-button-border-active-color:var(--color-font);--tabs-button-color:var(--color-font);--tabs-button-color-hover:var(--color-font-dark);--tabs-button-color-active:var(--color-font-dark);--tabs-scroll-button-color:var(--color-font);--tabs-scroll-button-color-hover:var(--color-font-dark)}.tabs[data-alignment=left]{--tabs-header-justify-content:start}.tabs[data-alignment=center]{--tabs-header-justify-content:center}.tabs[data-alignment=right]{--tabs-header-justify-content:end}.text-block+.tabs,span:not(:first-child)+.tabs{--tabs-margin:var(--spacing-between-consecutive-elements-normal) auto 0}.tabs:first-child{--tabs-margin:0 auto}.tabs__header{border-bottom:var(--tabs-header-border-bottom);display:var(--tabs-header-display);flex-direction:var(--tabs-header-flex-direction);justify-content:var(--tabs-header-justify-content);min-width:var(--tabs-header-min-width);width:100%}.tabs__buttons{align-items:var(--tabs-buttons-align-items);display:var(--tabs-buttons-display);flex-direction:var(--tabs-buttons-flex-direction);gap:var(--tabs-buttons-gap);overflow:var(--tabs-buttons-overflow);width:var(--tabs-buttons-width)}.tabs__buttons::-webkit-scrollbar{display:none}button.tabs__button{border-inline:none}.tabs__button{background-color:var(--tabs-button-background-color);border:var(--tabs-button-border);color:var(--tabs-button-color);cursor:var(--tabs-button-cursor);display:var(--tabs-button-display);flex-shrink:var(--tabs-button-flex-shrink);font-family:var(--tabs-button-font-family);font-size:var(--tabs-button-font-size);justify-content:var(--tabs-button-justify-content);line-height:var(--tabs-button-line-height);padding:var(--tabs-button-padding);text-align:var(--tabs-button-text-align)}.tabs__button:is(:hover,:focus-visible){color:var(--tabs-button-color-hover)}.tabs__button:focus-visible{outline:var(--focus-outline-width) solid var(--focus-outline-color);outline-offset:calc(var(--focus-outline-offset)*-1)}.tabs__button[aria-selected=true]{border-bottom:var(--tabs-button-border-active);color:var(--tabs-button-color-active)}.tabs__panel{padding:var(--tab-panel-padding)}.tabs__panel>*{width:100%}.tabs__panel>:first-child{margin-top:0}.tabs__panel>:last-child{margin-bottom:0}.tabs__scroll-button{aspect-ratio:1;background:transparent;border:none;cursor:pointer;height:var(--tabs-scroll-button-height);padding:var(--tabs-scroll-button-padding);width:auto;z-index:1}.tabs__scroll-button[disabled]{opacity:0;pointer-events:none}.tabs__scroll-button .icon{--icon-color:var(--tabs-scroll-button-color)}.tabs__scroll-button:is(:hover,:focus-visible) .icon{--icon-color:var(--tabs-scroll-button-color-hover)}.tabs .text-block__content:first-child{margin-top:0}.tabs .text-block__content:only-child{padding-right:0}@container (min-width: 840px){.tabs .text-block-column{margin-top:var(--spacing-l)}.tabs[data-orientation=vertical]{--tabs-grid-template-columns:fit-content(var(--tabs-header-vertical-layout-max-width)) 1fr;--tabs-header-flex-direction:column;--tabs-header-justify-content:start;--tabs-buttons-flex-direction:column;--tabs-buttons-gap:0;--tabs-button-padding:var(--spacing-normal);--tabs-button-border:none;--tab-panel-padding:var(--spacing-normal) var(--spacing-s) var(--spacing-normal) var(--spacing-l);border-bottom:none}.tabs[data-orientation=vertical][data-alignment=left]{--tabs-buttons-justify-content:start;--tabs-button-text-align:left}.tabs[data-orientation=vertical][data-alignment=center]{--tabs-button-justify-content:center;--tabs-button-text-align:center}.tabs[data-orientation=vertical][data-alignment=right]{--tabs-button-justify-content:end;--tabs-button-text-align:right}.tabs[data-orientation=vertical] .tabs__header{border-bottom:none;border-right:var(--tabs-border)}.tabs[data-orientation=vertical] .tabs__button{width:100%}.tabs[data-orientation=vertical] .tabs__button[aria-selected=true]{border-bottom:none;border-right:var(--tabs-button-border-active)}.tabs[data-orientation=vertical] .text-block-column{margin-top:0}}}