/* [project]/node_modules/@timeedit/ui-components/lib/src/components/SkipToContent/SkipToContent.css [app-client] (css) */
@layer teui-components {
  .skip-to-content__container {
    padding: 0;
  }

  .skip-to-content__container:has(.skip-to-content:focus-visible) {
    padding: 6px;
  }

  .skip-to-content {
    background-color: #fff;
    position: absolute;
    transform: translateY(-100%);
  }

  .skip-to-content:focus-visible {
    outline-offset: 2px;
    outline: 4px solid #8bf7b8;
    transition: none;
    position: static;
    transform: translateY(0);
  }

  .skip-to-content:not(:focus-visible) {
    transition: none;
  }
}