:root {

    --cq-icon-btn-w: 36px;    --cq-icon-size: 16px;    --cq-lang-menu-w: 190px;}

.cq-icon-btn {

    position: relative;
}

.cq-icon-btn > a {

    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--cq-icon-btn-w);
    min-width: var(--cq-icon-btn-w);
    height: var(--cq-icon-btn-w);
    padding: 0;
    background: none;
    border: 0;
    border-radius: 0;
    color: var(--cq-text);
    line-height: 1;
    text-decoration: none;
    cursor: pointer;
}

.cq-icon-btn > a > i,
.cq-icon-btn > a > span:not(.cq-badge) {

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

    width: var(--cq-icon-btn-w);
    height: var(--cq-icon-btn-w);
    font-size: var(--cq-icon-size);
    line-height: 1;
    position: static;
    top: auto;
    vertical-align: 0;

    margin: 0;
}

.cq-icon-btn > a:hover {

    color: var(--cq-green);
}

.cq-icon-btn--theme > a > .cq-theme-ico--sun {

    display: none;
}

html.cq-dark .cq-icon-btn--theme > a > .cq-theme-ico--sun {

    display: flex;
}

html.cq-dark .cq-icon-btn--theme > a > .cq-theme-ico--moon {

    display: none;
}

.cq-icon-btn--lang > a > .cq-lang-code {

    font-family: 'LA3D Sans', sans-serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .02em;
}

.cq-langmenu {

    display: block;
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    z-index: 1300;
    min-width: var(--cq-lang-menu-w);
    padding: var(--cq-1) 0;
    border: 1px solid var(--cq-hairline-strong);
    border-radius: var(--cq-3);
    background: var(--cq-surface);
    box-shadow: var(--cq-shadow-pop);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-4px);
    transition: opacity .16s ease, transform .16s ease, visibility .16s;
}

.cq-icon-btn--lang.is-open .cq-langmenu {

    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.cq-langmenu__item {

    display: flex;
    align-items: center;
    gap: var(--cq-3);
    padding: var(--cq-3) var(--cq-4);
    color: var(--cq-text);
    font-family: 'LA3D Sans', sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
}

.cq-langmenu__item:hover {

    background: var(--cq-surface-2);
}

.cq-langmenu__code {

    width: 26px;
    color: var(--cq-text-2);
    font-family: 'LA3D Sans', sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .04em;
}

.cq-langmenu__ten {

    flex: 1 1 auto;
}

.cq-langmenu__item.is-current,
.cq-langmenu__item.is-current .cq-langmenu__code {

    color: var(--cq-green);
}

.cq-langmenu__item .cq-langmenu__tich {

    display: none;
    color: var(--cq-green);
    font-size: 12px;
    line-height: 1;
}

.cq-langmenu__item.is-current .cq-langmenu__tich {

    display: flex;
}

.cq-icon-btn--theme,
.cq-icon-btn--lang {
    display: inline-flex;
    align-items: center;
}

.cq-icon-btn--search,
.cq-icon-btn--menu {
    display: none;
}