@layer safety, base, theme;
@layer safety {
  html, body {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    clip-path: none !important;
    mask: none !important;
    zoom: 1 !important;
    content-visibility: visible !important;
  }
  #safety-bar {
    all: revert !important;
    display: flex !important;
    position: fixed !important;
    inset: 0 0 auto 0 !important;
    z-index: 2147483647 !important;
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    clip-path: none !important;
    pointer-events: auto !important;
    align-items: center !important;
    gap: 22px !important;
    padding: 6px 24px !important;
    background: linear-gradient(#fffdf0 0%, #fff8cc 50%, #fbefae 50%, #f5e592 100%) !important;
    color: #3a3000 !important;
    border-bottom: 1px solid #d9c35a !important;
    box-shadow: 0 1px 3px rgba(90, 70, 0, 0.18) !important;
    font: 11px/1.4 Arimo, Arial, sans-serif !important;
  }
  /* Las propiedades heredadas también se fijan: un tema no puede esconder el texto con
     text-indent, letter-spacing o color, aunque use selectores genéricos como `a` o `body`. */
  #safety-bar, #safety-bar * {
    letter-spacing: normal !important;
    word-spacing: normal !important;
    text-indent: 0 !important;
    text-transform: none !important;
    text-shadow: none !important;
    text-align: left !important;
    white-space: nowrap !important;
    direction: ltr !important;
    writing-mode: horizontal-tb !important;
    cursor: auto !important;
    font-variant: normal !important;
  }
  #safety-bar * {
    all: revert !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  #safety-bar a {
    color: #3a3000 !important;
    background: transparent !important;
    text-decoration: underline !important;
    font: 11px/1.4 Arimo, Arial, sans-serif !important;
    cursor: pointer !important;
  }
  #safety-bar .safety-brand {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    color: #5c4a00 !important;
    font: bold 12px/1.4 Arimo, Arial, sans-serif !important;
    text-decoration: none !important;
  }
  #safety-bar .safety-shield {
    display: inline-block !important;
    width: 14px !important;
    height: 16px !important;
    background: url("/static/img/shield.svg") no-repeat center / 14px 16px !important;
  }
  #safety-bar::before, #safety-bar::after, #safety-bar *::before, #safety-bar *::after {
    content: none !important;
    display: none !important;
  }
}