{"version":3,"sources":["../../../../src/nhsuk/components/skip-link/_index.scss"],"names":[],"mappings":"AAAA,kBAAkB;AAClB,+BAA+B;AAC/B,4BAA4B;;AAE5B,GAAG;AACH,sBAAsB;AACtB,EAAE;AACF,iEAAiE;AACjE,EAAE;AACF,8BAA8B;AAC9B,GAAG;;AAEH;EACE;IACE,kBAAkB;IAClB,UAAU;IACV,qBAAqB;IACrB,sBAAsB;IACtB,uCAAuC;IACvC,wCAAwC,EAAE,KAAK;;IAE/C,yEAAyE;IACzE;MACE,sEAAsE;;MAEtE,6DAA6D;MAC7D,gDAAgD;MAChD,oEAAoE;IACtE;EACF;;EAEA;IACE;MACE,+DAA+D;MAC/D,2BAA2B;MAC3B,CAAC;MACD,oEAAoE;MACpE,mEAAmE;MACnE,wEAAwE;MACxE,0DAA0D;MAC1D,CAAC;MACD,+DAA+D;MAC/D,aAAa;IACf;EACF;AACF","file":"_index.scss","sourcesContent":["@use \"sass:string\";\n@use \"../../core/settings\" as *;\n@use \"../../core/tools\" as *;\n\n////\n/// Skip link component\n///\n/// 1. Hide until the skip link gains focus from keyboard tabbing.\n///\n/// @group components/skip-link\n////\n\n@include nhsuk-exports(\"nhsuk/components/skip-link\") {\n  .nhsuk-skip-link {\n    position: absolute;\n    z-index: 2;\n    top: nhsuk-spacing(3);\n    left: nhsuk-spacing(3);\n    padding: nhsuk-spacing(2, $unit: \"rem\");\n    @include nhsuk-visually-hidden-focusable; // [1]\n\n    // Respect 'display cutout' safe area (avoids notches and rounded corners)\n    @supports (left: string.unquote(\"max(calc(0px))\")) {\n      $safe-area-left: calc(#{nhsuk-spacing(3)} + env(safe-area-inset-left));\n\n      // Use max() to pick largest offset, default or with safe area\n      // Escaped due to Sass max() vs. CSS native max()\n      left: string.unquote(\"max(#{nhsuk-spacing(3)}, #{$safe-area-left})\");\n    }\n  }\n\n  .nhsuk-skip-link-focused-element {\n    &:focus {\n      // Remove the native visible focus indicator when the element is\n      // programmatically focused.\n      //\n      // We set the focus on the linked element (this is usually the <main>\n      // element) when the skip link is activated to improve screen reader\n      // announcements. However, we remove the visible focus indicator from the\n      // linked element because the user cannot interact with it.\n      //\n      // A related discussion: https://github.com/w3c/wcag/issues/1001\n      outline: none;\n    }\n  }\n}\n"]}