{"version":3,"sources":["../../../../src/govuk/components/select/_index.scss"],"names":[],"mappings":"AAAA,oBAAoB;;AAEpB,gCAAgC;AAChC,uBAAuB;AACvB,wBAAwB;;AAExB;EACE;IACE,kDAAkD;;IAElD,sBAAsB;;IAEtB,oCAAoC;IACpC,0EAA0E;IAC1E,iEAAiE;IACjE,0DAA0D;IAC1D,iBAAiB;IACjB,eAAe;IACf,6BAA6B;IAC7B,yBAAyB;IACzB,8CAA8C;IAC9C,mDAAmD;;IAEnD,+DAA+D;IAC/D,+BAA+B;IAC/B,oCAAoC;IACpC,uCAAuC;;IAEvC;MACE,iCAAiC;IACnC;;IAEA;MACE,YAAY;MACZ,cAAc;MACd,mBAAmB;IACrB;EACF;;EAEA;;;IAGE,4BAA4B;IAC5B,sCAAsC;EACxC;;EAEA;IACE,4CAA4C;;IAE5C;MACE,mDAAmD;IACrD;EACF;AACF","file":"_index.scss","sourcesContent":["@import \"../../base\";\n\n@import \"../error-message/index\";\n@import \"../hint/index\";\n@import \"../label/index\";\n\n@include govuk-exports(\"govuk/component/select\") {\n  .govuk-select {\n    @include govuk-font($size: 19, $line-height: 1.25);\n\n    box-sizing: border-box;\n\n    // This min-width was chosen because:\n    // - it makes the Select wider than it is tall (which is what users expect)\n    // - 11.5em matches the 'length-10' variant of the input component\n    // - it fits comfortably on screens as narrow as 240px wide\n    min-width: 11.5em;\n    max-width: 100%;\n    height: govuk-px-to-rem(40px);\n    padding: govuk-spacing(1);\n    border: $govuk-border-width-form-element solid;\n    border-color: govuk-functional-colour(input-border);\n\n    // Default user agent colours for selects can have low contrast,\n    // and may look disabled (#2435)\n    color: govuk-functional-colour(text);\n    background-color: govuk-colour(\"white\");\n\n    &:focus {\n      @include govuk-focused-form-input;\n    }\n\n    &:disabled {\n      opacity: 0.5;\n      color: inherit;\n      cursor: not-allowed;\n    }\n  }\n\n  .govuk-select option:active,\n  .govuk-select option:checked,\n  .govuk-select:focus::-ms-value {\n    color: govuk-colour(\"white\");\n    background-color: govuk-colour(\"blue\");\n  }\n\n  .govuk-select--error {\n    border-color: govuk-functional-colour(error);\n\n    &:focus {\n      border-color: govuk-functional-colour(input-border);\n    }\n  }\n}\n"]}