}

      .active {
        color: var(--body-color);
      }

      .control-container {
        opacity: 0;
        transition: 0.3s opacity;

        margin: 0.3rem auto;
        padding: 4rem 3rem;
        border-radius: 13px;
        border: 1px solid rgb(10, 10, 20);
        background-color: rgba(5, 5, 7, 0.98);
        max-height: calc(100vh - 2 * 4rem - 0.6rem);
        max-width: 660px;
        overflow-y: auto;

        position: relative;
        z-index: 100;
        align-self: flex-start;
    