#m4bbef5d {
        position: relative;
        padding-block: 1.25rem;
        background-color: var(--accent-bg);
        background-image: radial-gradient(circle at 0.75rem 0.75rem, var(--danger-bg) 0.18rem, transparent 0.19rem), radial-gradient(circle at 0.75rem 0.75rem, var(--warning-bg) 0.18rem, transparent 0.19rem),
          linear-gradient(135deg, var(--primary-bg) 0%, var(--accent-bg) 45%, var(--secondary-bg) 100%);
        background-size: 1.5rem 1.5rem, 1.5rem 1.5rem, 100% 100%;
        background-position: 0 0, 0.75rem 0.75rem, 0 0;
        border-block-end: 0.35rem solid var(--neutral-1050);
        overflow: hidden;

        &::before {
          content: '';
          position: absolute;
          inset-block-start: 0;
          inset-inline: 0;
          block-size: 0.35rem;
          background: linear-gradient(90deg, var(--danger-bg) 0%, var(--warning-bg) 20%, var(--primary-bg) 40%, var(--secondary-bg) 60%, var(--accent-bg) 80%, var(--info-bg) 100%);
          pointer-events: none;
        }

        &::after {
          content: '';
          position: absolute;
          inset-block-end: -3.5rem;
          inset-inline-end: -3.5rem;
          inline-size: 9rem;
          block-size: 9rem;
          border-radius: 50%;
          background: radial-gradient(circle, var(--warning-bg) 0%, var(--warning-bg) 35%, transparent 36%);
          opacity: 0.55;
          pointer-events: none;
        }

        .container {
          position: relative;
          z-index: 1;
        }

        .vcfdde58 {
          width: 100%;
          display: grid;
          grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
          align-items: center;
          gap: 1rem;
          padding-block: 1rem;
          padding-inline: 1.25rem;
          background: var(--background-tertiary);
          border: 0.25rem solid var(--neutral-1050);
          box-shadow: 0.5rem 0.5rem 0 var(--neutral-1050);
        }

        .vba94041 {
          justify-self: start;
          display: inline-flex;
          align-items: center;
          max-inline-size: 100%;
          margin: 0;
          padding-block: 0.65rem;
          padding-inline: 1.15rem;
          font-size: 1.5rem;
          font-weight: 800;
          letter-spacing: 0.04em;
          text-transform: uppercase;
          text-decoration: none;
          color: var(--text-light);
          white-space: normal;
          background: linear-gradient(135deg, var(--danger-color), var(--danger-dark));
          border: 0.2rem solid var(--neutral-1050);
          box-shadow: 0.35rem 0.35rem 0 var(--neutral-1050);
          transform: rotate(-2deg);
          transition: transform 0.25s ease, box-shadow 0.25s ease;

          &:hover {
            color: var(--text-light);
            transform: rotate(0deg) translateY(-0.15rem);
            box-shadow: 0.45rem 0.45rem 0 var(--neutral-1050);
          }

          &:focus-visible {
            outline: 0.2rem solid var(--accent);
            outline-offset: 0.15rem;
          }
        }

        .vcbbe36a {
          justify-self: end;
          display: inline-flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          gap: 0.3rem;
          inline-size: 3rem;
          block-size: 3rem;
          padding: 0;
          border: 0.2rem solid var(--neutral-1050);
          border-radius: 0;
          background: var(--warning-bg);
          box-shadow: 0.3rem 0.3rem 0 var(--neutral-1050);
          transition: transform 0.25s ease, background 0.25s ease;

          &:hover {
            background: var(--warning-light);
            transform: translateY(-0.1rem);
          }

          &:focus {
            box-shadow: 0.3rem 0.3rem 0 var(--neutral-1050), 0 0 0 0.2rem var(--accent-light);
          }
        }

        .v7950615 {
          display: block;
          inline-size: 1.35rem;
          block-size: 0.2rem;
          background: var(--neutral-1050);
          border-radius: 0;
        }

        .navbar-collapse {
          grid-column: 1 / -1;
        }

        .vbefcac5 {
          display: flex;
          flex-wrap: wrap;
          justify-content: center;
          align-items: center;
          gap: 0.65rem;
          margin: 0;
          padding: 0;
          list-style: none;

          .vc4ea271 {
            flex: 0 1 auto;
          }

          .nav-link {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-block-size: 2.75rem;
            padding-block: 0.55rem;
            padding-inline: 1rem;
            font-weight: 700;
            text-align: center;
            text-decoration: none;
            color: var(--neutral-1050);
            white-space: normal;
            background: var(--background-tertiary);
            border: 0.18rem solid var(--neutral-1050);
            border-radius: 0;
            box-shadow: 0.28rem 0.28rem 0 var(--neutral-1050);
            transition: transform 0.2s ease, box-shadow 0.2s ease, color 0.2s ease, background 0.2s ease;

            &:hover {
              color: var(--text-light);
              transform: translate(calc(-0.12rem * var(--pop-dir, 1)), -0.12rem);
              box-shadow: 0.4rem 0.4rem 0 var(--neutral-1050);
            }

            &:focus-visible {
              outline: 0.15rem solid var(--accent);
              outline-offset: 0.1rem;
            }

            &.active {
              color: var(--text-light);
              font-weight: 800;
              box-shadow: 0.4rem 0.4rem 0 var(--neutral-1050);
              animation: popartpulse_m8k3x7n2q9w4 2.4s ease-in-out infinite;
            }
          }

          .vc4ea271:nth-child(1) .nav-link {
            --pop-dir: 1;
            --pop-rotate: -1.5deg;
            transform: rotate(-1.5deg);

            &:hover,
            &.active {
              background: var(--danger-color);
            }
          }

          .vc4ea271:nth-child(2) .nav-link {
            --pop-dir: -1;
            --pop-rotate: 1deg;
            transform: rotate(1deg);

            &:hover,
            &.active {
              background: var(--warning-color);
            }
          }

          .vc4ea271:nth-child(3) .nav-link {
            --pop-dir: 1;
            --pop-rotate: -0.5deg;
            transform: rotate(-0.5deg);

            &:hover,
            &.active {
              background: var(--secondary);
            }
          }

          .vc4ea271:nth-child(4) .nav-link {
            --pop-dir: -1;
            --pop-rotate: 1.25deg;
            transform: rotate(1.25deg);

            &:hover,
            &.active {
              background: var(--accent);
            }
          }

          .vc4ea271:nth-child(5) .nav-link {
            --pop-dir: 1;
            --pop-rotate: -1deg;
            transform: rotate(-1deg);

            &:hover,
            &.active {
              background: var(--info-color);
            }
          }
        }
      }

      @keyframes popartpulse_m8k3x7n2q9w4 {
        0%,
        100% {
          transform: rotate(var(--pop-rotate, 0deg)) scale(1);
        }
        50% {
          transform: rotate(var(--pop-rotate, 0deg)) scale(1.03);
        }
      }

      @media (min-width: 992px) {
        #m4bbef5d {
          .vcfdde58 {
            grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
            padding-block: 1.15rem;
            padding-inline: 1.5rem;
          }

          .vcbbe36a {
            display: none;
          }

          .navbar-collapse {
            grid-column: 2;
            grid-row: 1;
            display: block !important;
          }

          .vbefcac5 {
            justify-content: end;
            gap: 0.55rem;
          }
        }
      }

      @media (max-width: 991.98px) {
        #m4bbef5d {
          padding-block: 1rem;

          .vcfdde58 {
            grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
            padding-block: 0.85rem;
            padding-inline: 1rem;
          }

          .vbefcac5 {
            flex-direction: column;
            align-items: stretch;
            padding-block-start: 0.75rem;

            .vc4ea271 {
              inline-size: 100%;
            }

            .nav-link {
              inline-size: 100%;
              transform: none !important;

              &.active {
                animation: none;
              }
            }

            .vc4ea271:nth-child(1) .nav-link:hover,
            .vc4ea271:nth-child(1) .nav-link.active {
              transform: translateY(-0.1rem);
            }

            .vc4ea271:nth-child(2) .nav-link:hover,
            .vc4ea271:nth-child(2) .nav-link.active {
              transform: translateY(-0.1rem);
            }

            .vc4ea271:nth-child(3) .nav-link:hover,
            .vc4ea271:nth-child(3) .nav-link.active {
              transform: translateY(-0.1rem);
            }

            .vc4ea271:nth-child(4) .nav-link:hover,
            .vc4ea271:nth-child(4) .nav-link.active {
              transform: translateY(-0.1rem);
            }

            .vc4ea271:nth-child(5) .nav-link:hover,
            .vc4ea271:nth-child(5) .nav-link.active {
              transform: translateY(-0.1rem);
            }
          }
        }
      }

      @media (prefers-reduced-motion: reduce) {
        #m4bbef5d {
          .vba94041,
          .vcbbe36a,
          .vbefcac5 .nav-link {
            transition: none;
          }

          .vbefcac5 .nav-link.active {
            animation: none;
          }
        }
      }
