/**
 * The base file that should be imported by every file.
 * There should be no CSS generation in this or from imported scss files at all!
 */
/**
 * Library
 */
/**
 * Variables and functions
 */
.top-header {
  background-color: #00B2E31A;
  padding: .5em 0; }
  .top-header .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1em; }
    @media (min-width: 981px) {
      .top-header .container {
        justify-content: flex-end; } }
    .top-header .container .top-header-item {
      display: flex;
      align-items: center;
      gap: .35em; }
      @media (min-width: 981px) {
        .top-header .container .top-header-item {
          gap: .5em; } }
      .top-header .container .top-header-item .icon {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 24px;
        height: 24px;
        background-color: #40c7e9;
        border-radius: 4px; }
        .top-header .container .top-header-item .icon span {
          color: #fff;
          font-size: 10px;
          font-weight: 700; }
      .top-header .container .top-header-item a,
      .top-header .container .top-header-item button {
        display: inline-flex;
        align-items: center;
        gap: .35em;
        font-size: 12px;
        color: #1C3F85;
        text-decoration: none;
        transition: color .3s ease-in-out;
        font-weight: 600;
        font-family: inherit;
        line-height: 1.2;
        -moz-appearance: none;
             appearance: none;
        -webkit-appearance: none;
        background: transparent;
        border: 0;
        border-radius: 0;
        box-shadow: none;
        padding: 0;
        cursor: pointer; }
        @media (min-width: 981px) {
          .top-header .container .top-header-item a,
          .top-header .container .top-header-item button {
            gap: .5em; } }
        .top-header .container .top-header-item a:hover,
        .top-header .container .top-header-item button:hover {
          color: #40c7e9; }
        .top-header .container .top-header-item a:focus-visible,
        .top-header .container .top-header-item button:focus-visible {
          outline: 3px solid #1C3F85;
          outline-offset: 3px;
          border-radius: 4px; }
    .top-header .container .contrast-toggle .contrast-toggle-badge {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 24px;
      height: 24px;
      background-color: #40c7e9;
      border-radius: 4px;
      color: #fff;
      font-size: 11px;
      font-weight: 700;
      line-height: 1;
      flex-shrink: 0; }
    .top-header .container .contrast-toggle .contrast-toggle-label {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      white-space: nowrap;
      border: 0; }
      @media (min-width: 981px) {
        .top-header .container .contrast-toggle .contrast-toggle-label {
          position: static;
          width: auto;
          height: auto;
          margin: 0;
          overflow: visible;
          clip: auto;
          white-space: normal; } }

/*# sourceMappingURL=top-header.css.map */