@import url(./modals/preload.css);

* {
    font-family: "Segoe UI Variable Text", "Segoe UI" !important;
}

.loginpanel_LoginCachedAvatarImage_3nhzM {
    border-radius: 6px !important;
    border: 1px solid #404040 !important;
}

.loginpanel_LoginCachedAvatar_l_0WJ .loginpanel_LoginCachedAvatarImage_3nhzM>img, .loginpanel_LoginCachedAvatar_l_0WJ .loginpanel_LoginCachedAvatarImage_3nhzM>svg {
    border-radius: 6px;
}

.login_Login_VZ6x_.login_AnimatedBackground_1NBr0.DesktopUI {
    background: #212121 !important;
}

div#popup_target {}

body.gamepadui_SteamUIPopupWindowBody_QsvsR.DesktopUI {
    /* background: #212121 !important; */
}

.login_Login_VZ6x_.DesktopUI {
    background: #212121 !important;
}

.newlogindialog_Login_ZOBYq {
    background: #212121 !important;
}

.newlogindialog_FlexCol_1mhmm.newlogindialog_EmbeddedRoot_2Vbrf.newlogindialog_InClient_2GR-7 {
    background: #212121 !important;
}

.newlogindialog_Login_ZOBYq .newlogindialog_TextInput_2eKVn {
    border-right: 0.5px solid #303030 !important;
    border-top: 0.5px solid #303030 !important;
    border-left: 0.5px solid #303030 !important;
    border-bottom: 1px solid #9A9A9A !important;
}
.newlogindialog_Login_ZOBYq .newlogindialog_TextInput_2eKVn {
    /* border: 0.5px solid #3A3A3A !important; */
    border-radius: 6px !important;
    background: #373737 !important;
    height: 14px !important;
    padding: 8px 14px 8px 14px !important;
}

button.newlogindialog_SubmitButton_2QgFE:not(.accountpanel_FatButton_TEWms) {
    border: 0.5px solid #3A3A3A !important;
    border-radius: 6px;
    background: #373737 !important;
    height: 32px !important;
    font-size: 14px !important;
}
button.newlogindialog_SubmitButton_2QgFE {
    height: 14px !important;
    padding: 6px 14px 10px 14px !important;
}

.DialogCheckbox {
    height: 20px;
    width: 20px;
}
.DialogCheckbox.Active::before {
    content: "îƒ";
    font-family: FluentSystemIcons;
    color: #000;
    font-size: 16px;
    margin-bottom: 6px;
    margin-left: 2px;
}
.DialogCheckbox svg {
    display: none !important
}
.DialogCheckbox:not(.Active) {
    background: #1D1D1D !important;
    border: 0.5px solid #999999;
    border-radius: 4px;
    box-sizing: border-box;
}
.DialogCheckbox:not(.Active) {
    background: #2A2A2A !important;
}

input.newlogindialog_TextInput_2eKVn {}

input.newlogindialog_TextInput_2eKVn:focus {
    border-bottom: 1px solid var(--SystemAccentColorLight2) !important;
}