{"version":3,"sources":["../../../../src/moj/components/search-toggle/_search-toggle.scss"],"names":[],"mappings":"AAAA,uCAAuC;;AAEvC;EACE,qBAAqB;EACrB,iBAAiB;EACjB,gBAAgB;EAChB,oBAAoB;EACpB,eAAe;EACf,YAAY;EACZ,oCAAoC;EACpC,6BAA6B;EAC7B,eAAe;EACf,mCAAmC;EACnC,wBAAwB;EACxB,gBAAgB;EAChB,6CAA6C;;EAE7C;IACE,qBAAqB;IACrB,WAAW;IACX,YAAY;IACZ,6BAA6B;IAC7B,kBAAkB;IAClB,sBAAsB;;IAEtB;MACE,gBAAgB;IAClB;EACF;;EAEA;IACE,kBAAkB;IAClB,UAAU;IACV,aAAa;IACb,0CAA0C;IAC1C,gDAAgD;IAChD;;+CAE2C;EAC7C;AACF;;AAEA;EACE,yBAAyB;;EAEzB;IACE,sDAAsD;IACtD,2BAA2B;IAC3B,sDAAsD;IACtD,0BAA0B;EAC5B;AACF;;AAEA,YAAY;AACZ;EACE;IACE,sDAAsD;IACtD,yBAAyB;EAC3B;AACF;;AAEA;EACE,kBAAkB;AACpB;;AAEA;EACE,4DAA4D;;EAE5D;IACE,kBAAkB;IAClB,WAAW;IACX,SAAS,EAAE,mBAAmB;IAC9B,YAAY;IACZ,YAAY;IACZ,gBAAgB;EAClB;AACF","file":"_search-toggle.scss","sourcesContent":["@use \"../../vendor/govuk-frontend\" as *;\n\n.moj-search-toggle__button {\n  display: inline-block;\n  padding-top: 12px;\n  padding-right: 0;\n  padding-bottom: 13px;\n  padding-left: 0;\n  border: none;\n  color: govuk-functional-colour(link);\n  background-color: transparent;\n  cursor: pointer;\n  -webkit-font-smoothing: antialiased;\n  -webkit-appearance: none;\n  appearance: none;\n  @include govuk-font($size: 19, $weight: bold);\n\n  &__icon {\n    display: inline-block;\n    width: 20px;\n    height: 20px;\n    margin-left: govuk-spacing(2);\n    fill: currentcolor;\n    vertical-align: middle;\n\n    @media screen and (forced-colors: active) {\n      fill: windowText;\n    }\n  }\n\n  &:focus {\n    position: relative;\n    z-index: 1;\n    outline: none;\n    color: govuk-functional-colour(focus-text);\n    background-color: govuk-functional-colour(focus);\n    box-shadow:\n      0 -2px govuk-functional-colour(focus),\n      0 4px govuk-functional-colour(focus-text);\n  }\n}\n\n.moj-search--toggle {\n  padding: govuk-spacing(3);\n\n  @include govuk-media-query($until: desktop) {\n    // stylelint-disable-next-line declaration-no-important\n    padding-right: 0 !important;\n    // stylelint-disable-next-line declaration-no-important\n    padding-left: 0 !important;\n  }\n}\n\n// JS enabled\n.js-enabled .moj-search--toggle {\n  @include govuk-media-query($until: desktop) {\n    // stylelint-disable-next-line declaration-no-important\n    padding-top: 0 !important;\n  }\n}\n\n.js-enabled .moj-search-toggle {\n  position: relative;\n}\n\n.js-enabled .moj-search-toggle__search {\n  background-color: govuk-colour(\"black\", $variant: \"tint-95\");\n\n  @include govuk-media-query($from: desktop) {\n    position: absolute;\n    z-index: 10;\n    top: 50px; // Height of nav bar\n    right: -15px;\n    width: 450px;\n    max-width: 450px;\n  }\n}\n"]}