#players_step .player_pseudo { width: 100%; box-sizing: border-box; margin: 0 !important; padding-right: 135px !important; } #players_step .player_field { float: left; width: 48%; margin: 1%; } #players_step .player_input { position: relative; } #players_step .player_lang { position: absolute; top: 0; bottom: 0; right: 10px; display: flex; align-items: center; gap: 6px; cursor: pointer; user-select: none; } #players_step .player_lang_flag { width: 28px; border-radius: 4px; display: block; flex-shrink: 0; } #players_step .player_lang_name { font-family: "SourceSansPro"; font-size: 16px; color: #000; } #players_step .player_lang_caret { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 6px solid #242424; transition: transform 0.15s; } #players_step .player_lang.open .player_lang_caret { transform: rotate(180deg); } /* Floating language dropdown (appended to , so it is not scoped to #players_step) */ .player_lang_menu { position: fixed; z-index: 1000000000000; background: #FFFFFF; border: 3px solid #242424; border-radius: 10px; padding: 5px; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25); max-height: 60vh; overflow-y: auto; } .player_lang_option { display: flex; align-items: center; gap: 10px; padding: 8px 12px; border-radius: 6px; cursor: pointer; font-family: "SourceSansPro"; font-size: 18px; color: #000; white-space: nowrap; } .player_lang_option img { width: 30px; border-radius: 4px; display: block; flex-shrink: 0; } .player_lang_option:hover { background: #F0F0F0; } .player_lang_option.selected { background: #EA581A; color: #FFFFFF; } #players_step .count_error { color: #C90E0E; margin: 20px; font-size: 22px; } #players_submit { margin-top: 50px !important; } #players_error { margin-top: 30px; font-size: 20px; display: inline-block; width: 80%; margin-bottom: 50px; font-family: "SourceSansPro"; } #players_error.error { color: #C90E0E !important; } #players_slider .liner-text { float: left; margin-top: 50px; } .player_hint { text-align: left; margin-top: 5px; margin-left: 15px; height: 25px; line-height: 25px; font-family: SourceSansPro; font-size: 20px; } .player_hint.new, .player_hint.existing, .player_hint.user, #players_error.hint.new { color: rgb(32, 145, 6); } .player_hint.disposable, #players_error.hint.disposable { color: rgb(248, 193, 21); } .player_hint.registered, .player_hint.invalid { color: #C90E0E; }