/* =================================================
       MENU
    ================================================== */

		details {
		  position: relative;
		  display: inline-block;
		}

		summary {
		  cursor: pointer;
		  list-style: none;
		}

		summary::-webkit-details-marker {
		  display: none;
		}

    /* =================================================
       DROPDOWN MENU
    ================================================== */

    .details-menu {

      top: calc(100% + 8px);
      left: 0;

      min-width: 220px;

      padding: 6px 0;

      background: accent-blue;
      border: 1px solid accent-blue;
      border-radius: 10px;

      box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);

      z-index: 10;
    }

    /* =================================================
       OPTIONAL DIVIDER BETWEEN GROUPS
    ================================================== */

    .details-menu strong:not(:first-child) {
      margin-top: 6px;
      border-top: 1px solid #fff;
    }


    /* =================================================
       DROPDOWN LINKS
    ================================================== */

    .details-menu a {
      display: block;

      padding: 10px 12px;

      color: #ffffff;
      text-decoration: none;

      font-size: 14px;
    }

    .details-menu a:hover {
      background: bg-light;
      color: #f0f0f0;
    }

    .details-menu a:focus-visible {
      outline: none;
      background: accent-blue;
    }