#language-flag,
#language-out
{
    DISPLAY: none;
}

#language
{
    DISPLAY: inline-block;
    TEXT-ALIGN: right;
    USER-SELECT: none;
}

#language-button
{
    BOX-SIZING: border-box;
    DISPLAY: block;
    FONT-WEIGHT: normal;
    PADDING: var(--cms-vpadding) var(--cms-hpadding) var(--cms-vpadding) max(55px, 55 * var(--cms-factor));
    WIDTH: 100%;
}

#language-button:before
{
    CONTENT: "\e8af";
    FONT-FAMILY: "Fontello";
    LEFT: var(--cms-hpadding);
    POSITION: absolute;
    TOP: var(--cms-vpadding);
}

#language-select
{
    BACKGROUND-COLOR: #212d36;
    DISPLAY: none;
    POSITION: absolute;
    TOP: calc(100% - var(--cms-vpadding));
    WIDTH: 100%;
    Z-INDEX: 1000;
}

#language-select A
{
    DISPLAY: block;
    PADDING: 0 var(--cms-hpadding);
}

#language-select A:last-child
{
    PADDING-BOTTOM: var(--cms-vpadding);
}

#language-flag:checked ~ #language-out
{
    BOTTOM: 0;
    COLOR: transparent;
    DISPLAY: block;
    LEFT: 0;
    POSITION: fixed;
    RIGHT: 0;
    TOP: 0;
    USER-SELECT: none;
}

#language-flag:checked ~ #language
{
    BACKGROUND-COLOR: #212d36;
}

#language-flag:checked ~ #language #language-select
{
    DISPLAY: block;
}