/*
 * == DROPDOWN
 */

.dropdown {
    position: relative;
    summary {
        list-style: none;
        cursor: pointer;
        &::-webkit-details-marker {
            display: none;
        }
        .content {
            position: absolute;
        }
        details[open] summary::before {
            position: fixed;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            content: "";
            cursor: default;
        }
    }
}