{"version":3,"sources":["../../../../src/nhsuk/components/select/_index.scss"],"names":[],"mappings":"AAAA,+BAA+B;AAC/B,4BAA4B;AAC5B,8BAA8B;AAC9B,2CAA2C;AAC3C,2BAA2B;AAC3B,kBAAkB;AAClB,mBAAmB;;AAEnB,GAAG;AACH,mBAAmB;AACnB,EAAE;AACF,2BAA2B;AAC3B,GAAG;;AAEH;EACE;IACE,sBAAsB;;IAEtB,eAAe;IACf,eAAe;IACf,6BAA6B;IAC7B,0CAA0C;;IAE1C,yEAAyE;;IAEzE,+DAA+D;IAC/D,gFAAgF;IAChF,yBAAyB;IACzB,gDAAgD;;IAEhD,kDAAkD;;IAElD;MACE,4BAA4B;IAC9B;;IAEA;MACE,YAAY;MACZ,cAAc;MACd,mBAAmB;IACrB;;IAEA;MACE,oCAAoC;MACpC,0EAA0E;MAC1E,qEAAqE;MACrE,qBAAqB;IACvB;EACF;;EAEA;;;IAGE,iCAAiC;IACjC,sCAAsC;EACxC;;EAEA;IACE,iCAAiC;EACnC;AACF","file":"_index.scss","sourcesContent":["@use \"../../core/settings\" as *;\n@use \"../../core/tools\" as *;\n@use \"../../core/helpers\" as *;\n@forward \"../../core/objects/input-wrapper\";\n@forward \"../error-message\";\n@forward \"../hint\";\n@forward \"../label\";\n\n////\n/// Select component\n///\n/// @group components/select\n////\n\n@include nhsuk-exports(\"nhsuk/components/select\") {\n  .nhsuk-select {\n    box-sizing: border-box;\n\n    min-width: 100%;\n    max-width: 100%;\n    height: nhsuk-px-to-rem(40px);\n    padding: nhsuk-px-to-rem(nhsuk-spacing(1));\n\n    border: $nhsuk-border-width-form-element solid $nhsuk-input-border-colour;\n\n    // Default user agent colours for selects can have low contrast,\n    // and may look disabled (https://github.com/alphagov/govuk-frontend/issues/2435)\n    color: $nhsuk-text-colour;\n    background-color: $nhsuk-input-background-colour;\n\n    @include nhsuk-font($size: 19, $line-height: 1.25);\n\n    &:focus {\n      @include nhsuk-focused-input;\n    }\n\n    &:disabled {\n      opacity: 0.5;\n      color: inherit;\n      cursor: not-allowed;\n    }\n\n    @include nhsuk-media-query($from: mobile) {\n      // This min-width was chosen because:\n      // - it makes the Select wider than it is tall (which is what users expect)\n      // - 20ex + 3ex matches the 'length-10' variant of the input component\n      min-width: 20ex + 3ex;\n    }\n  }\n\n  .nhsuk-select option:active,\n  .nhsuk-select option:checked,\n  .nhsuk-select:focus::-ms-value {\n    color: $nhsuk-reverse-text-colour;\n    background-color: nhsuk-colour(\"blue\");\n  }\n\n  .nhsuk-select--error {\n    border-color: $nhsuk-error-colour;\n  }\n}\n"]}