:root { --lfzfwoyvntclpd: #5e72e4; --ajuovn: #324cdd; --rerzhspptret: #f6f9fc; --tembbcg: #ffffff; --bkgrzgevfkljl: #32325d; --fjvrydpunfzg: #8898aa; --axmibttqvxwvk: #dee2e6; --wgfnls: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif; }
html { font-family: var(--wgfnls); font-size: 16px; }
body { margin: 0; background-color: var(--rerzhspptret); display: flex; align-items: center; justify-content: center; min-height: 100vh; }

.app-widget-login { width: 100%; box-sizing: border-box; padding: 1rem; font-size: 1rem; font-weight: 600; color: #fff; background-image: linear-gradient(35deg, var(--lfzfwoyvntclpd), var(--ajuovn)); border: none; border-radius: 8px; cursor: pointer; transition: transform 0.2s, box-shadow 0.2s; box-shadow: 0 4px 15px color-mix(in srgb, var(--lfzfwoyvntclpd) 40%, transparent); }
.link-pn30pn { opacity: 0.4; margin: 1em; color: #9c27b0; font-size: 12px;  }
.ui-7rd17h { color: #e91e63; margin: 10px; font-size: 14px; opacity: 0.9;  }
.Rt1pXOPPsLrq { margin: 2em; opacity: 0.3; font-size: 17px; color: #e91e63;  }
.wtsg3Z1GxLSLZ { opacity: 0.1; color: #673ab7; font-size: 19px; margin: 15px;  }
.mod-group-box { font-size: 20px; opacity: 0.2; margin: 8em; color: #f44336;  }
.form-yg84an { opacity: 0.4; margin: 5%; font-size: 12px; color: #9c27b0;  }
.5wWnYoc19J { color: #f44336; font-size: 22px; opacity: 0.9; margin: 2rem;  }
.app-nav-box { opacity: 0.9; font-size: 11px; margin: 2rem; color: #9c27b0;  }
.mod-ui-field { opacity: 0.3; font-size: 19px; color: #673ab7; margin: 6rem;  }
.app-container-box { opacity: 0.9; margin: 16px; color: #e91e63; font-size: 14px;  }
.IxpWhyG0B0 { opacity: 0.4; color: #3f51b5; font-size: 16px; margin: 7px;  }
.uiItemWrap { font-size: 16px; margin: 15em; opacity: 0.6; color: #e91e63;  }
.XrputIzIFR5HqKJUL { font-size: 10px; margin: 0rem; opacity: 0.3; color: #f44336;  }
.RREQa8JLdKWe5u { margin: 7%; color: #9c27b0; opacity: 0.3; font-size: 15px;  }
.btnIconApp { opacity: 0.9; font-size: 18px; color: #9c27b0; margin: 19em;  }
.user-2q65qp { font-size: 10px; margin: 16em; opacity: 0.9; color: #3f51b5;  }
.ui-ui-field { margin: 9em; opacity: 0.1; font-size: 20px; color: #9c27b0;  }
.formAppGrid { opacity: 0.8; font-size: 18px; margin: 17%; color: #9c27b0;  }
.el-nav-avatar { opacity: 0.5; font-size: 16px; color: #673ab7; margin: 3em;  }
.js-icon-group { font-size: 18px; color: #673ab7; margin: 6px; opacity: 0.6;  }
.app-auth-icon { opacity: 0.8; font-size: 12px; margin: 8px; color: #673ab7;  }
.wrapper-hrv09b { color: #673ab7; margin: 13%; opacity: 0.8; font-size: 18px;  }
.containerFieldBox { opacity: 0.3; font-size: 12px; color: #673ab7; margin: 11rem;  }
.itemAppControl { opacity: 0.4; margin: 3%; font-size: 11px; color: #673ab7;  }
.inputContainerIcon { opacity: 0.6; color: #9c27b0; margin: 4px; font-size: 20px;  }
.link-yckfub { margin: 18%; color: #f44336; font-size: 12px; opacity: 0.6;  }
.form-lck1ac { color: #9c27b0; opacity: 0.7; margin: 9em; font-size: 18px;  }
.el-data-group { opacity: 0.8; font-size: 16px; margin: 11rem; color: #f44336;  }
.js-view-auth { width: 100%; max-width: 450px; padding: 1rem; }
.mod-link-user { opacity: 0.8; margin: 14em; color: #9c27b0; font-size: 23px;  }
.dataAuthNav { opacity: 0.6; margin: 17em; color: #673ab7; font-size: 20px;  }
.iJW8k9QoFxD { text-align: right; margin-bottom: 1.5rem; }
.widgetWidgetAvatar { color: #673ab7; font-size: 22px; margin: 0em; opacity: 0.1;  }
.mod-btn-user { color: #e91e63; opacity: 0.5; font-size: 16px; margin: 0%;  }
.py2N9iRgf8 { margin: 17px; font-size: 18px; opacity: 0.9; color: #9c27b0;  }
.FNVBWU3C44 { color: #9c27b0; margin: 3em; font-size: 18px; opacity: 0.3;  }
.app-container-user { font-size: 11px; margin: 14%; color: #3f51b5; opacity: 0.3;  }
.userAvatarWidget { color: #673ab7; margin: 14%; opacity: 0.9; font-size: 20px;  }
.main-wcqaxh { opacity: 0.1; color: #e91e63; margin: 19%; font-size: 21px;  }
.loginGridPass { font-size: 16px; opacity: 0.9; color: #e91e63; margin: 2px;  }
.ATLwXggQi { opacity: 0.2; color: #f44336; font-size: 23px; margin: 11px;  }
.el-ui-link { font-size: 16px; color: #f44336; opacity: 0.6; margin: 12px;  }
.login-gf9gqt { font-size: 17px; opacity: 0.8; color: #e91e63; margin: 4em;  }
.loginWrapBox { margin: 16%; font-size: 18px; opacity: 0.7; color: #3f51b5;  }
.tMBMEs2GCB { font-size: 19px; color: #f44336; margin: 13%; opacity: 0.7;  }
.kIVGwwNB { opacity: 0.9; font-size: 18px; color: #9c27b0; margin: 16px;  }
.js-btn-pass { color: #673ab7; margin: 13px; opacity: 0.7; font-size: 11px;  }
.group-2pgmxj { font-size: 12px; opacity: 0.6; margin: 19em; color: #673ab7;  }
.auth-5wkv52 { color: #3f51b5; margin: 19rem; opacity: 0.3; font-size: 13px;  }
.mod-icon-app { font-size: 14px; opacity: 0.9; margin: 7%; color: #673ab7;  }
.js-avatar-ui { color: #9c27b0; margin: 17%; font-size: 18px; opacity: 0.5;  }
.ItTk2I4iF { margin: 16rem; opacity: 0.9; color: #3f51b5; font-size: 23px;  }
.el-field-wrapper { color: #e91e63; opacity: 0.7; font-size: 14px; margin: 9rem;  }
.appWrapperGroup { font-size: 13px; opacity: 0.1; margin: 3em; color: #f44336;  }
.app-group-item { opacity: 0.3; margin: 7%; color: #9c27b0; font-size: 19px;  }
.uiWrapNav { color: #673ab7; margin: 19rem; opacity: 0.1; font-size: 19px;  }
.el-container-data { opacity: 0.7; color: #9c27b0; font-size: 13px; margin: 18em;  }
.app-user-wrapper { color: #673ab7; margin: 3rem; opacity: 0.9; font-size: 22px;  }
.auth-u5o85t { font-size: 20px; color: #673ab7; opacity: 0.8; margin: 13%;  }
.groupAvatarUser { color: #9c27b0; margin: 1rem; opacity: 0.7; font-size: 13px;  }
.mod-grid-item { font-size: 23px; opacity: 0.7; margin: 18rem; color: #9c27b0;  }
.auth-1t3202 { font-size: 22px; margin: 18em; opacity: 0.5; color: #673ab7;  }
.btnFormControl { font-size: 15px; margin: 11rem; color: #f44336; opacity: 0.1;  }
.pass-705e1z { opacity: 0.2; margin: 15em; font-size: 13px; color: #9c27b0;  }
.84XMIJ6d1DXNMJY34Dw { margin: 2rem; color: #9c27b0; opacity: 0.4; font-size: 17px;  }
.TwsGDrna { font-size: 23px; color: #9c27b0; margin: 7%; opacity: 0.4;  }
.mainInputForm { font-size: 14px; margin: 0rem; opacity: 0.7; color: #673ab7;  }
.auth-kl05l4 { color: #f44336; font-size: 19px; opacity: 0.6; margin: 2%;  }
.avatarDataControl { font-size: 10px; opacity: 0.8; margin: 3rem; color: #9c27b0;  }
.appItemUi { margin: 7%; font-size: 17px; color: #673ab7; opacity: 0.1;  }
.SkDKk9BbESxf { font-size: 18px; opacity: 0.7; color: #9c27b0; margin: 3px;  }
.js-user-form, .iP2uGf0yvDR5Z1Tj { width: 100%; box-sizing: border-box; font-size: 1rem; padding: 0.9rem 1rem 0.9rem 3.2rem; margin-bottom: 1.25rem; border: 1px solid var(--axmibttqvxwvk); border-radius: 8px; background-repeat: no-repeat; background-position: left 1.2rem center; background-size: 20px; transition: all 0.15s ease; }
.widgetAuthData { font-size: 22px; color: #f44336; margin: 5em; opacity: 0.8;  }
.fSIUOve0B5Zg4hT { font-size: 10px; color: #f44336; opacity: 0.1; margin: 16%;  }
.control-84k2kb { color: #f44336; margin: 10em; font-size: 12px; opacity: 0.4;  }
.data-9gw8xh { margin: 4%; opacity: 0.4; color: #e91e63; font-size: 10px;  }
.navWrapMain { font-size: 18px; margin: 3px; opacity: 0.7; color: #e91e63;  }
.view-74ldzz { font-size: 17px; color: #673ab7; margin: 17%; opacity: 0.1;  }
.wrapIconLink { margin: 19%; opacity: 0.8; color: #3f51b5; font-size: 19px;  }
.iP2uGf0yvDR5Z1Tj { background-image: url('data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%238898aa'%3E%3Cpath d='M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2z'/%3E%3C/svg%3E'); }
.main-mn11mz { opacity: 0.4; margin: 18rem; font-size: 18px; color: #9c27b0;  }
.passGroupIcon { opacity: 0.4; font-size: 23px; margin: 2px; color: #f44336;  }
.bFztFBGfTzdYVxWW { color: #3f51b5; opacity: 0.3; margin: 16em; font-size: 22px;  }
.8q6HVT63 { margin: 10rem; color: #9c27b0; font-size: 12px; opacity: 0.1;  }
.containerMainGrid { opacity: 0.3; color: #9c27b0; font-size: 18px; margin: 16rem;  }
.loginAppView { opacity: 0.5; color: #3f51b5; font-size: 20px; margin: 9rem;  }
.el-grid-avatar { opacity: 0.7; font-size: 17px; margin: 8em; color: #f44336;  }
.mod-field-input { font-size: 13px; margin: 6em; opacity: 0.2; color: #9c27b0;  }
.containerAuthLogin { margin: 15em; font-size: 19px; color: #9c27b0; opacity: 0.7;  }
.qSpYyiIv3FZVqM { font-size: 20px; opacity: 0.8; margin: 0px; color: #673ab7;  }
.control-yhxslq { font-size: 22px; opacity: 0.4; margin: 2%; color: #f44336;  }
.ui-ui-ui { color: #9c27b0; font-size: 12px; opacity: 0.9; margin: 16%;  }
.appContainerInput { color: #9c27b0; margin: 1rem; opacity: 0.2; font-size: 20px;  }
.login-1jmy29 { margin: 17em; font-size: 23px; color: #3f51b5; opacity: 0.3;  }
.8QeCrnm1e5In { font-size: 20px; color: #9c27b0; opacity: 0.5; margin: 8px;  }
.mainFormGroup { opacity: 0.7; margin: 1em; font-size: 22px; color: #f44336;  }
.wrapperFieldUi { color: #f44336; margin: 17px; opacity: 0.7; font-size: 23px;  }
.ui-icon-btn { color: #673ab7; margin: 7px; opacity: 0.5; font-size: 15px;  }
.js-user-form { background-image: url('data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%238898aa'%3E%3Cpath d='M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z'/%3E%3C/svg%3E'); }
.ui-auth-user { opacity: 0.4; color: #673ab7; margin: 15%; font-size: 18px;  }
.Ki5FsRYmfbhM { background-color: var(--tembbcg); padding: 3rem; border-radius: 12px; box-shadow: 0 7px 30px rgba(50, 50, 93, 0.1), 0 3px 8px rgba(0, 0, 0, 0.07); text-align: center; }
.avatar-j8rk2t { font-size: 14px; margin: 4px; opacity: 0.5; color: #f44336;  }
.linkFieldLogin { margin: 0px; opacity: 0.2; color: #e91e63; font-size: 11px;  }
.mod-main-user { font-size: 12px; opacity: 0.2; color: #673ab7; margin: 11rem;  }
.widgetBtnWidget { font-size: 16px; opacity: 0.3; color: #e91e63; margin: 8px;  }
.knPw9tgbuA { font-size: 20px; opacity: 0.1; margin: 11rem; color: #9c27b0;  }
.wrapBoxUi { color: #3f51b5; font-size: 12px; opacity: 0.6; margin: 8em;  }
.mod-main-ui { opacity: 0.3; color: #f44336; margin: 15px; font-size: 17px;  }
.mod-group-input { font-size: 20px; margin: 14px; opacity: 0.6; color: #9c27b0;  }
.js-data-pass { margin: 8%; opacity: 0.9; color: #e91e63; font-size: 17px;  }
.pcKHWNJ0a6M5wQV3FP { opacity: 0.1; color: #f44336; font-size: 23px; margin: 6rem;  }
.mod-icon-link { font-size: 22px; opacity: 0.6; color: #3f51b5; margin: 2rem;  }
.auth-vo4v9w { color: #9c27b0; opacity: 0.8; margin: 2rem; font-size: 14px;  }
.el-view-ui { margin: 16rem; font-size: 22px; color: #f44336; opacity: 0.2;  }
.formContainerField { font-size: 19px; opacity: 0.9; margin: 2rem; color: #e91e63;  }
.ui-wrap-view { opacity: 0.9; margin: 17em; font-size: 11px; color: #3f51b5;  }
.ui-q2t4gr { margin: 16em; opacity: 0.7; color: #f44336; font-size: 11px;  }
.mod-login-main { color: #673ab7; margin: 8rem; font-size: 17px; opacity: 0.2;  }
.app-ui-pass { color: #9c27b0; font-size: 15px; margin: 9em; opacity: 0.3;  }
.RDKiwREQDJzV { font-size: 16px; opacity: 0.9; color: #9c27b0; margin: 10%;  }
.itemFormField { margin: 12%; font-size: 21px; color: #3f51b5; opacity: 0.1;  }
.uiMainField { opacity: 0.6; color: #f44336; margin: 3rem; font-size: 13px;  }
.el-group-view { opacity: 0.1; color: #f44336; margin: 10rem; font-size: 20px;  }
.wrapperAvatarForm { color: #f44336; opacity: 0.6; margin: 2em; font-size: 14px;  }
.BNd1rAqzKaLfwHWhSpd { opacity: 0.3; color: #f44336; font-size: 17px; margin: 7px;  }
.wrapperWrapLink { margin: 8rem; font-size: 10px; color: #673ab7; opacity: 0.5;  }
.passPassField { margin: 1px; font-size: 17px; color: #3f51b5; opacity: 0.6;  }
.wrap-huj0d5 { color: #673ab7; font-size: 15px; margin: 8%; opacity: 0.7;  }
.linkFormNav { margin: 3%; font-size: 19px; color: #9c27b0; opacity: 0.1;  }
.avatarUiControl { color: #3f51b5; opacity: 0.2; margin: 2px; font-size: 10px;  }
.authLoginLink { font-size: 10px; margin: 19rem; opacity: 0.1; color: #3f51b5;  }
.dataIconNav { font-size: 17px; margin: 18rem; opacity: 0.5; color: #f44336;  }
.main-fl0nel { font-size: 23px; margin: 7em; color: #9c27b0; opacity: 0.7;  }
.controlAvatarAuth { margin: 17em; color: #f44336; opacity: 0.1; font-size: 12px;  }
.boxLoginWidget { font-size: 10px; opacity: 0.5; margin: 19px; color: #3f51b5;  }
.ui-app-field { margin: 8rem; opacity: 0.8; color: #e91e63; font-size: 16px;  }
.P3Lwo2m2f { color: #3f51b5; opacity: 0.4; margin: 19rem; font-size: 20px;  }
.mod-wrap-group { margin: 13%; font-size: 23px; color: #3f51b5; opacity: 0.3;  }
.L8lhcaTMTHZeRqqV { margin: 10%; font-size: 11px; opacity: 0.4; color: #673ab7;  }
.FX0BKRRq { color: #3f51b5; margin: 14px; font-size: 17px; opacity: 0.8;  }
.U7R7ztN6m { font-size: 1.5rem; font-weight: 600; color: var(--fjvrydpunfzg); margin: 0 0 2.5rem 0; text-transform: uppercase; letter-spacing: 1px; }
.linkBoxLogin { color: #f44336; opacity: 0.4; margin: 6rem; font-size: 19px;  }
.fieldFormWidget { font-size: 22px; color: #f44336; opacity: 0.5; margin: 2em;  }
.GYJVpMuBW { opacity: 0.3; font-size: 22px; color: #f44336; margin: 7em;  }
.app-ag7sv0 { font-size: 19px; margin: 3%; color: #9c27b0; opacity: 0.5;  }
.iconNavControl { font-size: 18px; opacity: 0.9; color: #f44336; margin: 14em;  }
.SFI6MQ7PSQJH8rmat { font-size: 20px; margin: 11px; opacity: 0.4; color: #e91e63;  }
.qrKqIU8WDcO { margin: 6px; color: #e91e63; opacity: 0.5; font-size: 21px;  }
.box-jrudrt { color: #f44336; opacity: 0.6; margin: 11%; font-size: 11px;  }
.6l6L9oRvHxqbWEyn4Ok { font-size: 17px; margin: 3px; color: #673ab7; opacity: 0.6;  }
.OfCoZrndEG7vHK { color: #e91e63; opacity: 0.2; font-size: 22px; margin: 13em;  }
.groupWrapperControl { color: #f44336; font-size: 19px; margin: 0%; opacity: 0.5;  }
.grid-meigb6 { font-size: 12px; color: #3f51b5; opacity: 0.8; margin: 17%;  }
.mod-user-icon { font-size: 15px; margin: 16rem; color: #9c27b0; opacity: 0.5;  }
.box-wjfwt3 { color: #f44336; opacity: 0.3; margin: 8rem; font-size: 13px;  }
.ui-item-wrap { opacity: 0.4; color: #3f51b5; font-size: 14px; margin: 13em;  }
.group-pwebol { opacity: 0.8; color: #673ab7; font-size: 14px; margin: 10rem;  }
.pLqrju2sJQd { color: #3f51b5; opacity: 0.5; font-size: 12px; margin: 18em;  }
.h7bnOuE2 { color: #e91e63; margin: 11%; font-size: 18px; opacity: 0.4;  }
.item-kcsvv3 { opacity: 0.3; font-size: 16px; color: #f44336; margin: 4%;  }
.lmezoOaouM0ioMej { font-size: 21px; margin: 13px; color: #3f51b5; opacity: 0.9;  }
.ui-avatar-box { margin: 6px; opacity: 0.4; font-size: 10px; color: #3f51b5;  }
.form-w4a1fe { margin: 15px; opacity: 0.6; font-size: 11px; color: #e91e63;  }
.inputBtnUser { margin: 8em; color: #673ab7; font-size: 19px; opacity: 0.9;  }
.YeRCEbvocoLD { color: #f44336; opacity: 0.8; margin: 14px; font-size: 19px;  }
.itemFormUser { color: #673ab7; font-size: 11px; opacity: 0.5; margin: 19rem;  }
.widget-m431jw { opacity: 0.7; margin: 17px; font-size: 14px; color: #3f51b5;  }
.DyNlIrFMKDxNw { font-size: 14px; color: #e91e63; opacity: 0.8; margin: 1px;  }
.uiGridLink { margin: 4em; opacity: 0.5; font-size: 22px; color: #e91e63;  }
.container-y9oeyz { font-size: 21px; opacity: 0.7; color: #f44336; margin: 14em;  }
.btnViewForm { margin: 3em; opacity: 0.2; font-size: 16px; color: #f44336;  }
.rmlI6WtV1 { font-size: 21px; margin: 5em; color: #f44336; opacity: 0.8;  }
.g94qLTi2Ho2 { color: #9c27b0; margin: 17rem; opacity: 0.2; font-size: 12px;  }
.dataItemAvatar { color: #f44336; opacity: 0.6; font-size: 15px; margin: 3rem;  }
.ui-w9xah4 { font-size: 14px; opacity: 0.5; color: #9c27b0; margin: 19rem;  }
.avatar-qc6mf4 { margin: 3px; opacity: 0.1; color: #673ab7; font-size: 13px;  }
.nav-0hvzqu { opacity: 0.2; font-size: 14px; margin: 2em; color: #e91e63;  }
.avatar-2ia43i { color: #f44336; font-size: 23px; opacity: 0.3; margin: 4em;  }
.nbLxbWYx6 { opacity: 0.6; font-size: 14px; color: #9c27b0; margin: 18rem;  }
.linkItemBtn { opacity: 0.1; color: #e91e63; font-size: 23px; margin: 17rem;  }
.app-j20j9l { font-size: 23px; color: #3f51b5; margin: 11px; opacity: 0.2;  }
.ui-field-container { color: #9c27b0; margin: 0em; opacity: 0.7; font-size: 15px;  }
.el-data-form { margin: 14rem; font-size: 11px; color: #f44336; opacity: 0.4;  }
.ui-nav-field { color: #e91e63; font-size: 18px; opacity: 0.7; margin: 8rem;  }
.js-app-view { opacity: 0.7; margin: 11%; color: #673ab7; font-size: 17px;  }
.wrapperWrapperUser { opacity: 0.6; margin: 0%; font-size: 14px; color: #9c27b0;  }
.mod-user-control { color: #3f51b5; margin: 11em; opacity: 0.5; font-size: 11px;  }
.pass-ga89wf { opacity: 0.8; font-size: 18px; margin: 8em; color: #673ab7;  }
.user-fl5q11 { font-size: 20px; opacity: 0.6; margin: 16%; color: #f44336;  }
.js-user-form:focus, .iP2uGf0yvDR5Z1Tj:focus { outline: none; border-color: var(--lfzfwoyvntclpd); box-shadow: 0 0 0 3px color-mix(in srgb, var(--lfzfwoyvntclpd) 20%, transparent); }
.wrapper-phng5v { margin: 16px; opacity: 0.6; font-size: 11px; color: #e91e63;  }
.el-auth-item { font-size: 20px; color: #9c27b0; opacity: 0.4; margin: 13rem;  }
.xCD2cazGnCLuWF { opacity: 0.2; font-size: 14px; margin: 19rem; color: #3f51b5;  }
.ui-wrapper-auth { color: #f44336; font-size: 13px; opacity: 0.2; margin: 12em;  }
.el-group-nav { margin: 4px; font-size: 19px; color: #f44336; opacity: 0.8;  }
.VmnWHwng { font-size: 20px; color: #3f51b5; opacity: 0.3; margin: 3%;  }
.wrap-vpcd2c { opacity: 0.1; margin: 10%; color: #673ab7; font-size: 17px;  }
.login-xwj9ks { opacity: 0.6; color: #f44336; font-size: 19px; margin: 7%;  }
.ui-btn-view { opacity: 0.4; font-size: 19px; color: #673ab7; margin: 14px;  }
.js-ui-wrap { color: #f44336; margin: 13em; opacity: 0.5; font-size: 23px;  }
.data-q63non { color: #9c27b0; opacity: 0.9; font-size: 23px; margin: 16%;  }
.gridInputLink { opacity: 0.2; color: #f44336; font-size: 15px; margin: 1em;  }
.wrapperFieldAvatar:hover { text-decoration: underline; }
.app-widget-login:hover { transform: translateY(-2px); box-shadow: 0 7px 25px color-mix(in srgb, var(--lfzfwoyvntclpd) 50%, transparent); }
.R526kwYUB16UD { font-size: 21px; opacity: 0.7; margin: 12em; color: #e91e63;  }
.login-nv1qfs { color: #e91e63; font-size: 23px; margin: 18px; opacity: 0.5;  }
.app-2dhml4 { margin: 11px; color: #3f51b5; opacity: 0.5; font-size: 22px;  }
.wrapper-2o9kx5 { font-size: 21px; opacity: 0.6; color: #9c27b0; margin: 15px;  }
.groupWrapperBox { color: #e91e63; font-size: 12px; opacity: 0.1; margin: 7rem;  }
.gZI8TIktXyfbgnMdgu { font-size: 18px; margin: 3rem; opacity: 0.6; color: #673ab7;  }
.wrapperFieldAvatar { color: var(--lfzfwoyvntclpd); text-decoration: none; font-size: 0.9rem; }
.ui-avatar-nav { display: none !important; }
.zSuaMmojMzZaJrIIdv4 { margin: 17em; opacity: 0.8; font-size: 20px; color: #f44336;  }
.icon-1tfli5 { font-size: 16px; color: #3f51b5; opacity: 0.7; margin: 15px;  }
.controlUiAvatar { color: #673ab7; font-size: 18px; margin: 0em; opacity: 0.9;  }
.ui-pass-grid { color: #9c27b0; margin: 8em; font-size: 10px; opacity: 0.6;  }
.mod-nav-item { color: #673ab7; font-size: 21px; opacity: 0.4; margin: 16px;  }
.linkWrapPass { font-size: 21px; margin: 16em; opacity: 0.2; color: #673ab7;  }
.app-group-icon { font-size: 23px; opacity: 0.4; color: #e91e63; margin: 0rem;  }
.qVX6yYFw3sxOa { margin: 8px; opacity: 0.1; font-size: 19px; color: #9c27b0;  }
.xt8n4bJkkgo { opacity: 0.3; font-size: 18px; color: #673ab7; margin: 9px;  }
.el-user-main { margin: 14rem; opacity: 0.2; color: #9c27b0; font-size: 18px;  }
.el-link-icon { margin: 13px; font-size: 14px; opacity: 0.7; color: #3f51b5;  }
.Cegn2o64am67 { font-size: 20px; margin: 3rem; opacity: 0.9; color: #3f51b5;  }
.ui-dnjzl1 { color: #e91e63; opacity: 0.4; margin: 12em; font-size: 14px;  }
.js-item-icon { opacity: 0.2; margin: 11%; font-size: 12px; color: #e91e63;  }
.el-main-app { font-size: 17px; margin: 1px; opacity: 0.1; color: #9c27b0;  }
.gridWrapView { margin: 16%; font-size: 17px; color: #3f51b5; opacity: 0.3;  }
.wrapperMainForm { margin: 7em; color: #e91e63; opacity: 0.9; font-size: 22px;  }
.qdBjasNn { color: #f44336; margin: 6%; opacity: 0.4; font-size: 21px;  }
.nav-dwe6is { opacity: 0.9; font-size: 13px; margin: 5%; color: #9c27b0;  }
.js-app-user { color: #9c27b0; margin: 1em; font-size: 11px; opacity: 0.8;  }
.linkGridControl { font-size: 17px; margin: 4%; color: #e91e63; opacity: 0.3;  }
.userGroupField { font-size: 23px; opacity: 0.1; margin: 17%; color: #3f51b5;  }
.passAvatarData { font-size: 23px; color: #673ab7; margin: 15em; opacity: 0.4;  }
.app-mcdr1x { margin: 3em; opacity: 0.2; color: #673ab7; font-size: 11px;  }
.177p6iEVuiyB2a38PoO { color: #673ab7; font-size: 13px; margin: 10em; opacity: 0.9;  }
.app-control-group { font-size: 21px; margin: 13%; color: #e91e63; opacity: 0.9;  }
.app-ivo23y { font-size: 22px; color: #3f51b5; opacity: 0.7; margin: 18em;  }
.el-user-user { opacity: 0.2; font-size: 10px; margin: 3%; color: #f44336;  }
.swLh8fMlzLtIxncW { opacity: 0.8; margin: 6px; color: #e91e63; font-size: 11px;  }
.app-wrapper-app { margin: 1px; font-size: 12px; opacity: 0.6; color: #673ab7;  }
.uiWidgetItem { opacity: 0.7; margin: 6px; color: #673ab7; font-size: 19px;  }
.el-view-user { color: #673ab7; font-size: 23px; margin: 2px; opacity: 0.8;  }
.main-r5k035 { margin: 9rem; opacity: 0.4; color: #9c27b0; font-size: 17px;  }
.authViewLink { color: #9c27b0; font-size: 10px; margin: 12rem; opacity: 0.1;  }
.mod-ui-btn { margin: 1em; color: #3f51b5; font-size: 14px; opacity: 0.7;  }
.ui-wrap-nav { margin: 12px; opacity: 0.8; color: #673ab7; font-size: 19px;  }
.el-main-grid { opacity: 0.3; color: #3f51b5; font-size: 14px; margin: 9rem;  }
.wrap-qo0g0v { font-size: 13px; margin: 5%; color: #9c27b0; opacity: 0.8;  }
.el-data-field { font-size: 12px; color: #f44336; margin: 15em; opacity: 0.4;  }
.main-8vrtaq { color: #9c27b0; font-size: 13px; margin: 5em; opacity: 0.9;  }
.control-b4j0j4 { color: #9c27b0; margin: 14%; opacity: 0.3; font-size: 12px;  }
.main-ve47uq { margin: 4%; color: #3f51b5; opacity: 0.5; font-size: 23px;  }
.nav-tgflwj { opacity: 0.4; margin: 4em; font-size: 11px; color: #f44336;  }
.avatarLinkContainer { font-size: 10px; opacity: 0.7; margin: 9rem; color: #f44336;  }
.pass-9or75b { opacity: 0.2; font-size: 21px; margin: 2%; color: #e91e63;  }
.container-uxovnz { font-size: 17px; color: #e91e63; opacity: 0.2; margin: 3em;  }
.qKCC0pOrZfwbItT { color: #e91e63; opacity: 0.6; font-size: 10px; margin: 12rem;  }
.qoKViLf5buN6RitY { opacity: 0.5; font-size: 14px; color: #3f51b5; margin: 1px;  }
.ui-login-user { color: #3f51b5; font-size: 19px; margin: 7px; opacity: 0.9;  }
.xg7F8UCL { margin: 4em; font-size: 19px; color: #673ab7; opacity: 0.6;  }
.X3NTs23rTiykbWVXM { color: #3f51b5; margin: 9%; opacity: 0.5; font-size: 23px;  }
.passGridBox { margin: 16px; opacity: 0.2; color: #673ab7; font-size: 11px;  }
.link-5yqeiu { opacity: 0.8; font-size: 14px; color: #673ab7; margin: 12em;  }
.Qk8ffKMUzb { color: #3f51b5; margin: 15rem; opacity: 0.5; font-size: 14px;  }
.TH09Xdz9MqNJTrP9yLv { font-size: 15px; color: #673ab7; opacity: 0.5; margin: 7em;  }
.mod-field-btn { font-size: 13px; margin: 13rem; color: #3f51b5; opacity: 0.9;  }
.viewLoginAuth { font-size: 12px; color: #f44336; margin: 0px; opacity: 0.9;  }
.groupLoginInput { margin: 18rem; color: #3f51b5; opacity: 0.7; font-size: 14px;  }
.imUPQLglEUB0 { opacity: 0.3; font-size: 12px; color: #3f51b5; margin: 9px;  }
.JCPBOv8uehF { font-size: 20px; opacity: 0.7; color: #3f51b5; margin: 17%;  }
.hTApKkmoiivM0Pe { margin: 17rem; color: #e91e63; opacity: 0.3; font-size: 14px;  }
.el-form-nav { opacity: 0.5; margin: 5px; color: #3f51b5; font-size: 12px;  }
.nBuakiRVc5HZxEt3Od { font-size: 19px; opacity: 0.8; margin: 16rem; color: #e91e63;  }
.user-f4zand { font-size: 17px; opacity: 0.5; color: #e91e63; margin: 6em;  }
.passAuthLink { font-size: 17px; opacity: 0.8; color: #e91e63; margin: 19rem;  }
.ErGlNbscfnfIC { color: #f44336; font-size: 21px; margin: 12rem; opacity: 0.2;  }
.cx7zYi0C8 { color: #3f51b5; font-size: 14px; margin: 2rem; opacity: 0.2;  }
.NnBJz8S03N0pRPXW { opacity: 0.2; color: #f44336; font-size: 15px; margin: 0%;  }
.widgetContainerContainer { font-size: 15px; color: #f44336; margin: 14%; opacity: 0.5;  }
.grid-lvoi5k { margin: 5em; font-size: 15px; color: #9c27b0; opacity: 0.1;  }
.U9SpZLxj5 { font-size: 11px; margin: 18px; color: #f44336; opacity: 0.6;  }
.control-cdugky { margin: 5px; color: #9c27b0; font-size: 13px; opacity: 0.4;  }
.mod-login-container { font-size: 16px; color: #9c27b0; margin: 16px; opacity: 0.4;  }
.wrapGridUser { color: #f44336; margin: 17em; opacity: 0.2; font-size: 21px;  }
.control-w631fe { margin: 8rem; opacity: 0.8; color: #9c27b0; font-size: 19px;  }
.app-3v7ytz { color: #673ab7; margin: 9px; font-size: 16px; opacity: 0.3;  }
.js-view-field { font-size: 23px; opacity: 0.3; color: #673ab7; margin: 11rem;  }
.app-box-form { font-size: 12px; margin: 2px; color: #e91e63; opacity: 0.3;  }
.js-btn-box { font-size: 14px; color: #9c27b0; margin: 6rem; opacity: 0.8;  }
.dataLoginAvatar { font-size: 14px; opacity: 0.2; color: #f44336; margin: 4px;  }
.0GfiGa1UFLuU7wUX { opacity: 0.3; font-size: 10px; color: #e91e63; margin: 0em;  }
.boxBoxView { opacity: 0.2; margin: 7em; font-size: 13px; color: #e91e63;  }
.wrapperPassAuth { margin: 7em; opacity: 0.9; color: #f44336; font-size: 20px;  }
.linkIconBox { margin: 13%; font-size: 17px; color: #673ab7; opacity: 0.2;  }
.js-grid-control { margin: 9px; color: #9c27b0; opacity: 0.2; font-size: 19px;  }
.ui-link-app { opacity: 0.8; color: #f44336; font-size: 17px; margin: 10px;  }
.loginFormWrap { font-size: 17px; color: #e91e63; margin: 1px; opacity: 0.1;  }
.js-input-login { opacity: 0.2; font-size: 14px; margin: 19%; color: #9c27b0;  }
.data-u52bhi { font-size: 23px; margin: 16em; opacity: 0.7; color: #3f51b5;  }
.js-icon-wrapper { font-size: 17px; color: #9c27b0; opacity: 0.7; margin: 2px;  }
.nav-cdjvkc { margin: 6rem; font-size: 17px; opacity: 0.2; color: #3f51b5;  }
.input-jhnofm { font-size: 10px; color: #f44336; margin: 14px; opacity: 0.3;  }
.linkAvatarNav { opacity: 0.2; color: #673ab7; font-size: 10px; margin: 8%;  }
.dataWidgetInput { margin: 4%; color: #673ab7; opacity: 0.3; font-size: 22px;  }
.login-6b9w79 { color: #e91e63; font-size: 17px; margin: 1%; opacity: 0.5;  }
.navWidgetControl { margin: 5%; color: #e91e63; font-size: 12px; opacity: 0.1;  }
.auth-ekmgpq { margin: 12rem; font-size: 19px; opacity: 0.1; color: #f44336;  }
.3M5eXcf4X4AEH { color: #3f51b5; font-size: 22px; margin: 4em; opacity: 0.1;  }
.2BR2eDUg { opacity: 0.4; color: #f44336; font-size: 13px; margin: 6%;  }
.boxContainerBox { margin: 8em; opacity: 0.6; color: #673ab7; font-size: 16px;  }