{"version":3,"sources":["../../../../src/govuk/components/select/_index.scss"],"names":[],"mappings":"AAAA,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,yEAAyE;;IAEzE,+DAA+D;IAC/D,+BAA+B;IAC/B,yBAAyB;IACzB,uCAAuC;;IAEvC;MACE,qDAAqD;MACrD,+CAA+C;MAC/C,iBAAiB;MACjB,qEAAqE;MACrE,sEAAsE;MACtE,iEAAiE;MACjE,wDAAwD;IAC1D;;IAEA;MACE,YAAY;MACZ,cAAc;MACd,mBAAmB;IACrB;EACF;;EAEA;;;IAGE,4BAA4B;IAC5B,sCAAsC;EACxC;;EAEA;IACE,iCAAiC;;IAEjC;MACE,wCAAwC;IAC1C;EACF;AACF","file":"_index.scss","sourcesContent":["@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 $govuk-input-border-colour;\n\n    // Default user agent colours for selects can have low contrast,\n    // and may look disabled (#2435)\n    color: $govuk-text-colour;\n    background-color: govuk-colour(\"white\");\n\n    &:focus {\n      outline: $govuk-focus-width solid $govuk-focus-colour;\n      // Ensure outline appears outside of the element\n      outline-offset: 0;\n      // Double the border by adding its width again. Use `box-shadow` to do\n      // this instead of changing `border-width` (which changes element size)\n      // and since `outline` is already used for the yellow focus state.\n      box-shadow: inset 0 0 0 $govuk-border-width-form-element;\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-error-colour;\n\n    &:focus {\n      border-color: $govuk-input-border-colour;\n    }\n  }\n}\n"]}