/* ------------------------------------------ */
.dropdown_wrapper {
    position: relative;
}

.dropdown_wrapper label {
    cursor: pointer;
}

.dropdown_wrapper>input[type="checkbox"] {
    display: none;
}

.dropdown_content {
    align-content: space-evenly;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    display: none;
    min-width: max-content;
    position: absolute;
    right: 0;
    row-gap: 1.5em;
    z-index: 1;
}

@media (hover: hover) {
    .dropdown_wrapper:hover>.dropdown_content {
        display: grid;
    }
}

@media (hover: none) {
    .dropdown_wrapper>input[type="checkbox"]:checked~.dropdown_content {
        display: grid;
    }

    .dropdown_wrapper>input[type="checkbox"]:not(:checked)~label {
        background-color: inherit;
    }
}

/* ------------------------------------------ */