@layer ds-reset,ds-foundation,ds-subatoms,ds-atoms,ds-molecules,ds-organisms,ds-templates,ds-landing;@layer ds-molecules{.tabs{display:grid;overflow:auto hidden;scroll-behavior:smooth;overscroll-behavior:contain;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs--large{min-height:40px;max-height:40px}.tabs--large .tabs__list{height:40px}.tabs--small{min-height:32px;max-height:32px}.tabs--small .tabs__list{height:32px}.tabs--not-fixed{justify-content:start}.tabs__list{--tabs-indicator-color: var(--primary-colors-base-active);position:relative;display:flex}.tabs__list[active-tab-hovered]{--tabs-indicator-color: var(--primary-colors-base-active-action)}.tabs__list:after{content:"";position:absolute;bottom:var(--spacings-s0);left:var(--spacings-s0);width:var(--tabs-active-tab-width);height:2px;transform:translate(var(--tabs-active-tab-x));transition:all var(--timings-default) var(--easings-linear);pointer-events:none;background-color:var(--tabs-indicator-color)}.tab{display:flex;align-items:center;justify-content:center;column-gap:var(--spacings-s4);position:relative;background-color:transparent;color:var(--control-colors-text-default);height:100%;transition-property:color;transition-timing-function:var(--easings-ease);transition-duration:var(--timings-default);border:none;cursor:pointer;white-space:nowrap}.tab--large{padding:var(--spacings-s10);font-weight:600;font-size:var(--typography-t4-font-size);line-height:var(--typography-t4-line-height)}.tab--large .tab__item{padding-block:var(--spacings-s0);padding-inline:var(--spacings-s2)}.tab--large .tab__icon{width:20px;height:20px}.tab--small{padding:var(--spacings-s6);font-weight:600;font-size:var(--typography-t3-font-size);line-height:var(--typography-t3-line-height)}.tab--small .tab__item{padding-block:var(--spacings-s0);padding-inline:var(--spacings-s2)}.tab--small .tab__icon{width:20px;height:20px}.tab:after{content:"";position:absolute;bottom:var(--spacings-s0);left:var(--spacings-s0);right:var(--spacings-s0);height:2px;opacity:0;transition:all var(--timings-default) var(--easings-linear);background-color:transparent;pointer-events:none}.tab--not-fixed{flex:none}.tab--fixed{width:100%}@media(hover:hover)and (pointer:fine){.tab--interactive:hover{color:var(--control-colors-text-action)}.tab--interactive:hover:after{opacity:1;background-color:var(--control-colors-border-action)}}@media(hover:none)and (pointer:coarse){.tab--interactive:active{color:var(--control-colors-text-action)}.tab--interactive:active:after{opacity:1;background-color:var(--control-colors-border-action)}}.tab--active{color:var(--primary-colors-base-active)}@media(hover:hover)and (pointer:fine){.tab--active:hover{color:var(--primary-colors-base-active-action)}}@media(hover:none)and (pointer:coarse){.tab--active:active{color:var(--primary-colors-base-active-action)}}.tab__icon{flex-shrink:0}.tab__icon path{fill:currentcolor}}