{"version":3,"sources":["../../../../src/nhsuk/core/objects/_input-wrapper.scss"],"names":[],"mappings":"AAAA,uBAAuB;AACvB,oBAAoB;;AAEpB;EACE;;;IAGE,aAAa;;IAEb;MACE,cAAc;IAChB;;IAEA;;MAEE,oEAAoE;MACpE,UAAU;IACZ;;IAEA,2DAA2D;IAC3D;MACE,sBAAsB;;MAEtB;QACE,uEAAuE;QACvE,eAAe;MACjB;IACF;EACF;;EAEA;IACE,6CAA6C;IAC7C,6CAA6C;IAC7C,yBAAiB;QAAjB,qBAAiB;YAAjB,iBAAiB;;IAEjB;;;MAGE,4BAA4B;;MAE5B,wDAAwD;MACxD;;QAEE,aAAa;MACf;IACF;;IAEA,8EAA8E;IAC9E;MACE,wCAAwC;IAC1C;;IAEA;MACE,mBAAmB;;MAEnB,qEAAqE;MACrE,qEAAqE;MACrE,gBAAgB;MAChB,uBAAuB;;MAEvB;;;QAGE,aAAa;QACb,6BAA6B;;QAE7B;;UAEE,cAAc;QAChB;MACF;;MAEA;QACE,cAAc;;QAEd,uEAAuE;QACvE,WAAW;MACb;;MAEA,yCAAyC;MACzC;QACE,cAAc;MAChB;IACF;EACF;AACF","file":"_input-wrapper.scss","sourcesContent":["@use \"../settings\" as *;\n@use \"../tools\" as *;\n\n@include nhsuk-exports(\"nhsuk/core/objects/input-wrapper\") {\n  .nhsuk-input-wrapper,\n  // Deprecated, to be removed in v11.0\n  .nhsuk-input__wrapper {\n    display: flex;\n\n    .nhsuk-input {\n      flex: 0 1 auto;\n    }\n\n    .nhsuk-input--error,\n    .nhsuk-input:focus {\n      // Hack to stop error and focus styles being overlapped by the suffix\n      z-index: 1;\n    }\n\n    // Split prefix/suffix onto separate lines on narrow screens\n    @include nhsuk-media-query($until: mobile) {\n      flex-direction: column;\n\n      .nhsuk-input {\n        // Set max-width to override potential width override class on the input\n        max-width: 100%;\n      }\n    }\n  }\n\n  .nhsuk-input-wrapper {\n    // Prevent users from selecting wrapper inputs\n    // e.g. When double clicking a disabled button\n    user-select: none;\n\n    .nhsuk-input,\n    .nhsuk-select,\n    .nhsuk-button {\n      margin-top: nhsuk-spacing(2);\n\n      // Remove margin when first or not following other inputs\n      &:first-child,\n      &:only-child {\n        margin-top: 0;\n      }\n    }\n\n    // Remove margin from buttons when stacked, but reserve space for button shadow\n    .nhsuk-button {\n      margin-bottom: $nhsuk-button-shadow-size;\n    }\n\n    @include nhsuk-media-query($from: mobile) {\n      flex-direction: row;\n\n      // The default of `stretch` makes small buttons appear taller than the\n      // input, due to using box-shadow, which we don't particularly want in\n      // this situation\n      align-items: flex-start;\n\n      .nhsuk-input,\n      .nhsuk-select,\n      .nhsuk-button {\n        margin-top: 0;\n        margin-left: nhsuk-spacing(2);\n\n        &:first-child,\n        &:only-child {\n          margin-left: 0;\n        }\n      }\n\n      .nhsuk-button {\n        flex-shrink: 0;\n\n        // Buttons are normally 100% wide on mobile, but we don't want that here\n        width: auto;\n      }\n\n      // Remove gap with preceding hidden button\n      .nhsuk-button[hidden] + * {\n        margin-left: 0;\n      }\n    }\n  }\n}\n"]}