/* src/component/src/component/index.module.css */
@layer ddsweb-molecules {
  @layer ddsweb-skip-to-content {
    .zzlERW_skipToContent {
      z-index: 1;
      list-style-type: none;
      position: relative;
    }
    @media (max-width: 755px) {
      .zzlERW_skipToContent {
        display: none;
      }
    }
    .zzlERW_item {
      line-height: 2.5px;
    }
    .zzlERW_item:not(:focus-within) {
      clip-path: inset(50%);
      clip: rect(0 0 0 0);
      white-space: nowrap;
      width: 1px;
      height: 1px;
      position: absolute;
      overflow: hidden;
    }
    .zzlERW_skipToContent .ddsweb-link__anchor:focus-visible {
      outline: none;
    }
    .zzlERW_skipToContent .zzlERW_item:focus-within,
    .zzlERW_skipToContent .zzlERW_hasFocus {
      height: var(--ddsweb-tc-skip-to-content-height, var(--ddsweb-theme-forms-field-height));
      padding-right: var(--ddsweb-tc-skip-to-content-padding-right, var(--ddsweb-theme-spacing-sm));
      padding-left: var(--ddsweb-tc-skip-to-content-padding-left, var(--ddsweb-theme-spacing-sm));
      background-color: var(--ddsweb-theme-colors-background-base);
      box-shadow: inset 0 0 0 4px rgb(var(--ddsweb-theme-colors-link-active-rgb));
      clip-path: unset;
      transition:
        border-color var(--ddsweb-theme-base-transition-duration),
        box-shadow var(--ddsweb-theme-base-transition-duration),
        color var(--ddsweb-theme-base-transition-duration),
        top var(--ddsweb-theme-base-transition-duration);
      clip: unset;
      width: unset;
      overflow: unset;
      white-space: unset;
      line-height: 2.2;
      position: fixed;
      top: 0;
    }
    .zzlERW_skipToContent .zzlERW_link {
      --ddsweb-link-color-base: var(--ddsweb-theme-colors-link-active);
      --ddsweb-link-color-visited: var(--ddsweb-theme-colors-link-active);
    }
    .zzlERW_skipToContent .zzlERW_link:focus-visible {
      text-decoration: underline;
    }
  }
}


/*# sourceMappingURL=6838f2c79337e06bf046.css.map*/