#tryhard-filter-menu {
        position: fixed;
        z-index: 999999;

        min-width: 250px;
        max-width: min(420px, calc(100vw - 20px));
        max-height: 55vh;

        overflow-y: auto;

        background: #080808;
        border: 1px solid #333;

        box-shadow:
          0 18px 50px rgba(0,0,0,.55);
      }

      #tryhard-filter-menu[hidden] {
        display: none !important;
      }

      .tryhard-filter-menu-title {
        padding: 15px 17px;

        color: #777;

        font-size: 10px;
        font-weight: 800;

        text-transform: uppercase;

        border-bottom: 1px solid #2a2a2a;
      }

      .tryhard-filter-option {
        width: 100%;

        display: flex;
        align-items: center;
        justify-content: space-between;

        padding: 15px 17px;

        margin: 0;

        border: 0;
        border-bottom: 1px solid #1d1d1d;

        background: #080808;
        color: #eee;

        font-family: inherit;
        font-size: 13px;
        font-weight: 800;

        text-align: left;
        text-transform: uppercase;

        cursor: pointer;
      }

      .tryhard-filter-option:hover {
        background: #111;
        color: #ff1c1c;
      }

      .tryhard-filter-option.is-selected {
        color: #ff1c1c;
      }

      .tryhard-filter-option.is-selected::after {
        content: "●";

        font-size: 7px;
      }

      .tryhard-toolbar-active {
        color: #ff1c1c !important;
      }

      #tryhard-filter-menu::-webkit-scrollbar {
        width: 5px;
      }

      #tryhard-filter-menu::-webkit-scrollbar-track {
        background: #080808;
      }

      #tryhard-filter-menu::-webkit-scrollbar-thumb {
        background: #333;
      }