.oneds-tab-button{--oneds-tab-padding: var(--oneds-space-m);position:relative;display:inline-block;outline:none;padding:var(--oneds-space-xs) var(--oneds-tab-padding);box-sizing:border-box;z-index:1;scroll-behavior:smooth;flex-shrink:0;color:var(--oneds-text-default);transition:background-color var(--oneds-duration-short) var(--oneds-ease-in-out);max-width:238px}@media (min-width: 600px){.oneds-tab-button{max-width:300px}}@media (min-width: 768px){.oneds-tab-button{max-width:400px}}.oneds-tab-button .label .label-placeholder{color:transparent}.oneds-tab-button .label .label-text{word-break:break-word;position:absolute;box-sizing:border-box;padding:var(--oneds-space-xs) var(--oneds-tab-padding);display:flex;width:100%;height:100%;top:0;left:0;align-items:center}.oneds-tab-button.multi-line{height:44px;padding-top:0;padding-bottom:0;align-items:center}.oneds-tab-button.transparent{background-color:transparent}.oneds-tab-button.transparent.selected{background-color:var(--oneds-bg-white)}.oneds-tab-button.container-black:not(.selected){color:var(--oneds-text-inverse)}.oneds-tab-button:hover{cursor:pointer}.oneds-tab-button:hover .label .label-text{font-weight:700}.oneds-tab-button:active:not(.selected){background-color:#0000000c}.oneds-tab-button:active:not(.selected).container-black{background-color:#fff3}.oneds-tab-button.solid.black.selected{color:var(--oneds-text-inverse)}.oneds-tab-button.solid.white.selected,.oneds-tab-button.solid.accent.selected{color:var(--oneds-text-default)}.oneds-tab-button.rounded{border-radius:28px}.oneds-tab-button.selected.subtle.black{background:linear-gradient(to bottom,transparent calc(100% - 5px),var(--oneds-bg-black) 5px)}.oneds-tab-button.selected.subtle.white{background:linear-gradient(to bottom,transparent calc(100% - 5px),var(--oneds-bg-white) 5px)}.oneds-tab-button.selected.subtle.accent{position:relative;background:linear-gradient(to bottom,transparent calc(100% - 5px),var(--tabs-bg-accent) 5px);z-index:2}.oneds-tab-button:focus-visible,.oneds-tab-button.focused{position:relative;z-index:2;box-shadow:inset 0 0 0 2px var(--oneds-text-default)}.oneds-tab-button:focus-visible.solid:not(.white).container-black,.oneds-tab-button:focus-visible.solid.white.container-black:not(.selected),.oneds-tab-button:focus-visible.subtle.container-black,.oneds-tab-button:focus-visible.rounded.container-black:not(.selected),.oneds-tab-button:focus-visible.subtle.white.container-black,.oneds-tab-button.focused.solid:not(.white).container-black,.oneds-tab-button.focused.solid.white.container-black:not(.selected),.oneds-tab-button.focused.subtle.container-black,.oneds-tab-button.focused.rounded.container-black:not(.selected),.oneds-tab-button.focused.subtle.white.container-black{box-shadow:inset 0 0 0 2px var(--oneds-text-inverse)}.oneds-tab-button:focus-visible.rounded.selected,.oneds-tab-button.focused.rounded.selected{box-shadow:none}.oneds-tab-button:focus-visible.rounded.selected :after,.oneds-tab-button.focused.rounded.selected :after{content:"";position:absolute;inset:-2px;pointer-events:none;z-index:3;border-radius:28px}.oneds-tab-button:focus-visible.rounded.selected.container-accent :after,.oneds-tab-button.focused.rounded.selected.container-accent :after{box-shadow:0 0 1px 2px var(--oneds-text-default)}.oneds-tab-button:focus-visible.rounded.selected.container-black :after,.oneds-tab-button.focused.rounded.selected.container-black :after{box-shadow:0 0 1px 2px var(--oneds-text-inverse)}.oneds-tab-button:focus-visible.solid.black.selected:not(.container-black),.oneds-tab-button.focused.solid.black.selected:not(.container-black){box-shadow:none}.oneds-tab-button:focus-visible.solid.black.selected:not(.container-black) :after,.oneds-tab-button.focused.solid.black.selected:not(.container-black) :after{content:"";position:absolute;inset:-4px;pointer-events:none;border:2px solid var(--oneds-text-default)}.with-border .oneds-tab-button:focus-visible.solid.active :after,.with-border .oneds-tab-button.focused.solid.active :after{z-index:1}
