:root,[data-theme]{--kds-tab-height:var(--kds-size-s);--kds-tab-active-spacing-bottom:calc(-1 * var(--kds-spacing-splus));--kds-tab-icon-size:var(--kds-icon-size-m)}[data-theme^=business]{--kds-tab-height:var(--kds-size-xs);--kds-tab-active-spacing-bottom:calc(-1 * var(--kds-spacing-s));--kds-tab-icon-size:var(--kds-icon-size-s)}.tabs{display:flex}.tabs-container{width:100%;height:var(--kds-tab-height);box-shadow:inset 0 calc(-1 * var(--kds-border-s)) 0 var(--kds-color-border-primary);position:relative}.tabs-container .tabs-header{display:flex;position:relative}.tabs-container .tabs-header__content-container{height:var(--kds-spacing-mplus);align-items:center;display:flex;position:relative}.tabs-container .tabs-header__content-container:after{right:0;bottom:var(--kds-tab-active-spacing-bottom);height:var(--kds-border-m);box-shadow:inset 0 calc(-1 * var(--kds-border-m)) 0 var(--kds-color-border-primary-hover);opacity:0;content:"";position:absolute;left:0}.tabs-container .tabs-header__item{font:inherit;height:var(--kds-tab-height);color:var(--kds-color-text-secondary);box-shadow:inset 0 calc(-1 * var(--kds-border-s)) 0 var(--kds-color-border-primary);cursor:pointer;font-weight:var(--kds-font-weight-semibold);font-size:var(--kds-font-size-m);line-height:var(--kds-line-height-m);background:0 0;border:0;flex-shrink:0;align-items:center;margin:0;padding:0;text-decoration:none;display:flex}[data-theme^=business] .tabs-container .tabs-header__item{font-weight:var(--kds-font-weight-semibold);font-size:var(--kds-font-size-s);line-height:var(--kds-line-height-s)}.tabs-container .tabs-header__item:not(:last-of-type){margin-right:var(--kds-spacing-l)}.tabs-container .tabs-header__item .icon{width:var(--kds-tab-icon-size);height:var(--kds-tab-icon-size)}.tabs-container .tabs-header__item .icon *{fill:var(--kds-color-icon-secondary)}.tabs-container .tabs-header__item .icon--left{margin-right:var(--kds-spacing-s)}.tabs-container .tabs-header__item .icon--right{margin-left:var(--kds-spacing-s)}.tabs-container .tabs-header__item:hover .tabs-header__content-container:after{opacity:1}.tabs-container .tabs-header__item:focus{outline:none}.tabs-container .tabs-header__item:focus-visible{outline:var(--kds-focus-size) solid var(--kds-color-focus-primary);position:relative}.tabs-container .tabs-header__item:focus-visible[aria-selected]{color:var(--kds-color-key-primary)}.tabs-container .tabs-header__item:focus-visible[aria-selected] .tabs-header__content-container:after{z-index:1;box-shadow:inset 0 -2px 0 var(--kds-color-key-primary)}.tabs-container .tabs-header__item:focus-visible[aria-selected] .icon *{fill:var(--kds-color-key-primary)}.tabs-container .tabs-header__item[aria-selected]{color:var(--kds-color-text-primary)}.tabs-container .tabs-header__item[aria-selected] .icon *{fill:var(--kds-color-icon-primary)}.tabs-container .tabs-header__item[disabled]{color:var(--kds-color-disabled-secondary);pointer-events:none}.tabs-container .tabs-header__item[disabled] svg{color:var(--kds-color-disabled-secondary)}.tabs-container .tab-underline{z-index:1;background:var(--kds-color-key-primary);width:100px;height:2px;transition:transform .2s;position:relative;bottom:2px}.tabs-container--inline{width:auto}.tabs-container--inline .tabs-header{display:inline-flex}.tabs-container--center .tabs-header{justify-content:center}.tabs-container--center.tabs-container--inline{margin:0 auto}.tabs-container--overflow{position:relative;overflow:hidden}.tabs-container--overflow.tabs-container--inline{margin:0}.tabs-container--overflow .tabs-header{box-sizing:content-box;justify-content:flex-start;height:100%;padding-bottom:17px;display:flex;position:relative;overflow:auto hidden}.tabs-container--overflow .tab-underline{bottom:19px}.tabs-container__shadow--left:before,.tabs-container__shadow--right:after{content:"";width:var(--kds-size-2xs);z-index:1;pointer-events:none;height:100%;position:absolute;top:0}.tabs-container__shadow--left:before{background:linear-gradient(to left,transparent,var(--parent-bg-color,var(--kds-color-page-bg-primary)));left:0}.tabs-container__shadow--right:after{background:linear-gradient(to right,transparent,var(--parent-bg-color,var(--kds-color-page-bg-primary)));right:0}