#languageSelectForm{position:relative;--language-button-background-color:var(--surface-10-light);

    #languageSelect-trigger {
        padding-right: 15px;
    }

    i.flag {
        display: inline-block;
        margin-right: var(--small-spacing);background-image:url("/assets/meta/b62317f8/css/bb/flagSprite42.png");background-repeat:no-repeat;background-size:100% 49494%;box-sizing:content-box;box-shadow:0 0 0 1px lightgray;width:18px;height:11px;&[lang="de"]{background-position:center .2287%}&[lang="en"]{background-position:center .4524%}}.language-select__button{--button-background-color:transparent;--button-border-color:transparent;&:hover{--button-border-color:var(--language-button-background-color);
            --button-background-color: var(--language-button-background-color)}}b:after{content:var(--select-icon-unicode);
        color: var(--input-icon-color);font-family:var(--font-family-icon);
        font-size: var(--font-size-small);font-style:normal;transition:transform .2s linear;position:absolute;right:5px;top:6px}&:has(#language-select__list.active){.language-select__button{--button-border-color:var(--primary-color) !important;
            outline-style: solid;
        }

        & b:after {
            transform: rotate(-180deg)}}ul{transition:max-height 200ms ease-in-out;position:absolute;top:100%;border:1px solid var(--gray-light);
        background-color: #fff;
        left: 2px;
        padding: 0;
        list-style: none;
        margin: 0;
        overflow: hidden;

        li {
            display: flex;
            align-items: center;
            background-color: inherit;
            height: 40px;
            padding: var(--small-spacing) var(--default-spacing);
            white-space: nowrap;
            border-radius: var(--default-box-radius);color:var(--decent-color);

            &:hover {
                background-color: #eee;
                filter: contrast(1);cursor:pointer}}}}.pageHeader #languageSelectForm{--language-button-background-color:white;#languageSelect-trigger{padding-right:10px;i.flag{margin:0}}#language-select__list{left:unset;right:0}&:has(#language-select__list.active){.language-select__button{outline-style:none;--button-border-color:var(--language-button-background-color) ;
            --button-background-color: var(--language-button-background-color)}}b{display:none}ul li{background-color:var(--language-button-background-color);
        border-left: 3px solid transparent;
        border-radius: 0;
        &:hover {
            background-color: var(--surface-10-light)}&.selected{background-color:var(--brand-container-color-50);
            border-left-color: var(--brand-bright-color)}}}#languageSelectForm #language-select__list{&:not(.active){display:none}}