{"version":3,"sources":["../../../src/moj/objects/_filter-layout.scss"],"names":[],"mappings":"AAAA,oCAAoC;;AAEpC;EACE,uBAAuB;AACzB;;AAEA;EACE,sEAAsE,EAAE,oEAAoE;;EAE5I;IACE,WAAW;IACX,gBAAgB;IAChB,gBAAgB;IAChB,8BAA8B;IAC9B,WAAW;EACb;AACF;;AAEA,iCAAiC;AACjC;EACE;IACE,eAAe;IACf,YAAY;IACZ,MAAM;IACN,QAAQ;IACR,SAAS;IACT,kBAAkB;IAClB,uCAAuC;EACzC;AACF;;AAEA;EACE,gBAAgB;EAChB,gBAAgB;AAClB","file":"_filter-layout.scss","sourcesContent":["@use \"../vendor/govuk-frontend\" as *;\n\n.moj-filter-layout {\n  @include govuk-clearfix;\n}\n\n.moj-filter-layout__filter {\n  box-shadow: inset 0 0 0 1px govuk-colour(\"black\", $variant: \"tint-95\"); // Extends the inset border left full height of the filters on mobile\n\n  @include govuk-media-query(desktop) {\n    width: 100%;\n    min-width: 260px;\n    max-width: 385px;\n    margin-right: govuk-spacing(7);\n    float: left;\n  }\n}\n\n// Filters with javascript enabled\n@include govuk-media-query($until: desktop) {\n  .js-enabled .moj-filter-layout__filter {\n    position: fixed;\n    z-index: 100;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    overflow-y: scroll;\n    background-color: govuk-colour(\"white\");\n  }\n}\n\n.moj-filter-layout__content {\n  overflow: hidden;\n  overflow-x: auto;\n}\n"]}