.adapt-nav {
    position: relative
}

.adapt-nav__list {
    display: flex;
    align-items: center
}

.adapt-nav__item {
    flex-shrink: 0;
    margin-right: var(--space-sm)
}

.adapt-nav__link {
    display: block;
    color: var(--color-contrast-high);
    text-decoration: none;
    padding: var(--space-xxs) 0;
    border-radius: var(--radius-md);
    transition: .2s
}

.adapt-nav__link:hover {
    /*background-color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.1);*/
}

.adapt-nav__link[aria-current=page] {
    color: var(--color-primary);
    /*background-color: hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.2);*/
}

.adapt-nav__item--hidden {
    visibility: hidden
}

.adapt-nav {
    opacity: 0;
}

.adapt-nav--is-visible {
    opacity: 1
}

.adapt-nav__item--more {
    position: relative;
    margin-right: 0
}

.adapt-nav__btn {
    background-color: var(--color-contrast-lower);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%
}

.adapt-nav__btn .icon {
    --size: 16px;
    display: block
}

.adapt-nav__btn:hover,
.adapt-nav__item--more[aria-expanded=true] .adapt-nav__btn {
    background-color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.1)
}

.adapt-nav__btn:active {
    background-color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.25)
}

.adapt-nav__dropdown {
    position: absolute;
    right: 0;
    top: calc(100% + 4px);
    width: 180px;
    background-color: var(--color-bg-light);
    box-shadow: var(--inner-glow), var(--shadow-md);
    padding: var(--space-xxs) 0;
    border-radius: var(--radius-md);
    z-index: var(--z-index-popover);
    -webkit-user-select: none;
    user-select: none;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s .2s, opacity .2s
}

.adapt-nav__dropdown--is-visible {
    visibility: visible;
    opacity: 1;
    transition: visibility 0s, opacity .2s
}

.adapt-nav__dropdown-link {
    display: block;
    padding: var(--space-xxs) var(--space-sm);
    text-decoration: none;
    color: var(--color-contrast-high);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: .2s
}

.adapt-nav__dropdown-link:hover {
    background-color: hsla(var(--color-contrast-higher-h), var(--color-contrast-higher-s), var(--color-contrast-higher-l), 0.075)
}

.adapt-nav__dropdown-link[aria-current=page] {
    color: var(--color-primary);
    background-color: hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.2)
}