const styles = "/* stylelint-disable max-nesting-depth */\n/* stylelint-enable max-nesting-depth */\n/**\n * Calculate the luminance for a color.\n * See https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests\n */\n/**\n * Calculate the contrast ratio between two colors.\n * See https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests\n */\n/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/**\n* @deprecated\n* Use `add-focus` instead\n*/\n/** add background color, color and border-color to element when it has focus-visible i.e. tab focus */\n@layer base, reset, transitional-styles;\n@layer transitional-styles {\n  @layer _base;\n  @layer _base {\n    :host {\n      border-right: 1px solid #333;\n      box-sizing: border-box;\n      display: flex;\n      transition: 0.2s;\n      z-index: 1;\n    }\n    :host(:last-child) {\n      border-right: 0;\n    }\n    button {\n      -webkit-appearance: none;\n         -moz-appearance: none;\n              appearance: none;\n      background: transparent;\n      border-width: 0;\n      color: var(--text-primary-color);\n      cursor: pointer;\n      flex-grow: 1;\n      flex-shrink: 0;\n      font-family: inherit;\n      font-size: inherit;\n      font-weight: 500;\n      min-width: 6.625rem;\n      overflow: hidden;\n      padding: 0 1rem;\n      text-align: center;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      width: 100%;\n      border-radius: 0;\n    }\n    @media (pointer: fine) {\n      button:hover {\n        background-color: var(--grey-400);\n      }\n    }\n    button[aria-current=true] {\n      background-color: #333;\n      color: #fff;\n    }\n    button:focus-visible {\n      outline: 2px solid #000;\n      outline-offset: -2px;\n    }\n    button:disabled,\n    button[aria-disabled=true],\n    button.disabled {\n      color: var(--text-disabled-color) !important;\n      border-color: var(--border-disabled-color) !important;\n      cursor: not-allowed;\n    }\n    button:disabled::-moz-placeholder, button[aria-disabled=true]::-moz-placeholder, button.disabled::-moz-placeholder {\n      color: var(--text-disabled-color);\n    }\n    button:disabled::placeholder,\n    button[aria-disabled=true]::placeholder,\n    button.disabled::placeholder {\n      color: var(--text-disabled-color);\n    }\n  }\n}";
export default styles;