{"version":3,"sources":["../../../../src/nhsuk/components/search-input/_index.scss"],"names":[],"mappings":"AAAA,+BAA+B;AAC/B,4BAA4B;AAC5B,8BAA8B;AAC9B,8BAA8B;AAC9B,6BAA6B;AAC7B,kCAAkC;AAClC,oBAAoB;AACpB,mBAAmB;;AAEnB,GAAG;AACH,yBAAyB;AACzB,EAAE;AACF,iCAAiC;AACjC,GAAG;;AAEH;EACE;IACE,mBAAmB;IACnB,uBAAuB;;IAEvB,2BAA2B;IAC3B;MACE,cAAc;IAChB;;IAEA;MACE,yDAAyD;MACzD;;QAEE,aAAa;QACb,2BAA2B;QAC3B,mBAAmB;MACrB;;MAEA,8CAA8C;MAC9C;QACE,6BAA6B;QAC7B,qBAAqB;QACrB,qDAAqD;;QAErD;UACE,cAAc;QAChB;;QAEA,8CAA8C;QAC9C;UACE,cAAc;QAChB;MACF;;MAEA,8CAA8C;MAC9C;QACE,kDAAkD;QAClD,oBAAoB;MACtB;;MAEA,kEAAkE;MAClE;;;QAGE,aAAa;QACb,6BAA6B;;QAE7B;UACE,cAAc;QAChB;MACF;;MAEA,wEAAwE;MACxE;QACE,cAAc;QACd,WAAW;MACb;;MAEA,2BAA2B;MAC3B;QACE,cAAc;MAChB;IACF;EACF;;EAEA;IACE,qCAAqC;IACrC,+CAA+C;;IAE/C,6CAA6C;IAC7C;MACE,+CAA+C;MAC/C,6CAA6C;IAC/C;EACF;;EAEA;IACE,oCAAoC;IACpC;;MAEE,MAAM;MACN,sCAAsC;MACtC,gBAAgB;MAChB,sDAAsD;MACtD,2BAA2B;;MAE3B;QACE,gCAAgC;MAClC;IACF;;IAEA,qCAAqC;IACrC;;;MAGE,8FAA8F;IAChG;;IAEA,wCAAwC;IACxC;MACE,UAAU;IACZ;;IAEA;MACE,oCAAoC;MACpC;;QAEE,uCAAuC;MACzC;IACF;EACF;AACF","file":"_index.scss","sourcesContent":["@use \"../../core/settings\" as *;\n@use \"../../core/tools\" as *;\n@use \"../../core/helpers\" as *;\n@use \"../button/settings\" as *;\n@use \"../input/settings\" as *;\n@forward \"../../core/styles/icons\";\n@forward \"../button\";\n@forward \"../input\";\n\n////\n/// Search input component\n///\n/// @group components/search-input\n////\n\n@include nhsuk-exports(\"nhsuk/components/search-input\") {\n  .nhsuk-search-input__wrapper {\n    flex-direction: row;\n    align-items: flex-start;\n\n    // Remove unnecessary margin\n    .nhsuk-search-input__button {\n      margin-left: 0;\n    }\n\n    @media #{nhsuk-until-breakpoint(mobile)} {\n      // Override input wrapper prefix and suffix to stay inline\n      .nhsuk-input-wrapper__prefix,\n      .nhsuk-input-wrapper__suffix {\n        display: flex;\n        height: $nhsuk-input-height;\n        white-space: normal;\n      }\n\n      // Override input wrapper prefix border removal\n      .nhsuk-input-wrapper__prefix {\n        margin-left: nhsuk-spacing(2);\n        border-right-width: 0;\n        border-bottom-width: $nhsuk-border-width-form-element;\n\n        &:first-child {\n          margin-left: 0;\n        }\n\n        // Remove left margin when preceded by a prefix\n        & + .nhsuk-input {\n          margin-left: 0;\n        }\n      }\n\n      // Override input wrapper suffix border removal\n      .nhsuk-input-wrapper__suffix {\n        border-top-width: $nhsuk-border-width-form-element;\n        border-left-width: 0;\n      }\n\n      // Duplicate input wrapper margins to apply them below mobile width\n      .nhsuk-input,\n      .nhsuk-select,\n      .nhsuk-button {\n        margin-top: 0;\n        margin-left: nhsuk-spacing(2);\n\n        &:first-child {\n          margin-left: 0;\n        }\n      }\n\n      // Duplicate input wrapper button styles to apply them below mobile width\n      .nhsuk-button {\n        flex-shrink: 0;\n        width: auto;\n      }\n\n      // Remove unnecessary margin\n      .nhsuk-search-input__button {\n        margin-left: 0;\n      }\n    }\n  }\n\n  .nhsuk-search-input__input {\n    // Hide border when adjacent to button\n    margin-right: -$nhsuk-border-width-form-element;\n\n    // But reveal border when adjacent to a suffix\n    & + .nhsuk-input-wrapper__suffix {\n      margin-right: -$nhsuk-border-width-form-element;\n      margin-left: $nhsuk-border-width-form-element;\n    }\n  }\n\n  .nhsuk-search-input__button {\n    // Prevent height change when pressed\n    &:active,\n    &:active:focus {\n      top: 0;\n      min-height: $nhsuk-button-height-small;\n      margin-bottom: 0;\n      // stylelint-disable-next-line declaration-no-important\n      box-shadow: none !important;\n\n      .nhsuk-input--large ~ & {\n        min-height: $nhsuk-button-height;\n      }\n    }\n\n    // Remove border radius from left side\n    &,\n    &::before,\n    &::after {\n      border-radius: 0 nhsuk-px-to-rem($nhsuk-border-radius) nhsuk-px-to-rem($nhsuk-border-radius) 0;\n    }\n\n    // Remove inner box shadow from left side\n    &:not(:focus)::after {\n      left: -2px;\n    }\n\n    @media #{nhsuk-from-breakpoint(tablet)} {\n      // Prevent height change when pressed\n      .nhsuk-input--large ~ &:active,\n      .nhsuk-input--large ~ &:active:focus {\n        min-height: $nhsuk-button-height-tablet;\n      }\n    }\n  }\n}\n"]}