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  :host {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    contain: layout;\n    isolation: isolate;\n    gap: var(--gds-sys-space-xs);\n  }\n  [role=spinbutton] {\n    display: inline-block;\n  }\n  [role=spinbutton]:focus {\n    background: color-mix(in srgb, var(--gds-sys-color-blue) 50%, transparent);\n    outline: none;\n  }\n  [role=spinbutton]::-moz-selection {\n    background: transparent;\n  }\n  [role=spinbutton]::selection {\n    background: transparent;\n  }\n}";
export default styles;