:root { --eodypkhyzbavl: #5e72e4; --rlukimn: #324cdd; --vhsldzpogc: #f6f9fc; --evswejb: #ffffff; --oogyqh: #32325d; --egxdynaujigd: #8898aa; --pjukkfw: #dee2e6; --mborjjr: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; }
html { font-family: var(--mborjjr); font-size: 16px; }
body { margin: 0; background-color: var(--vhsldzpogc); display: flex; align-items: center; justify-content: center; min-height: 100vh; }

.btn-duq5af { opacity: 0.2; font-size: 18px; color: #9c27b0; margin: 18%;  }
.login-0h6qiq { margin: 17px; opacity: 0.2; font-size: 16px; color: #673ab7;  }
.mod-wrapper-wrapper { margin: 3%; font-size: 20px; opacity: 0.3; color: #e91e63;  }
.item-5qh38x { margin: 1rem; font-size: 18px; color: #673ab7; opacity: 0.3;  }
.box-lsga6m { opacity: 0.4; font-size: 16px; color: #673ab7; margin: 15px;  }
.navWrapItem { color: #f44336; margin: 12rem; opacity: 0.3; font-size: 15px;  }
.ui-control-nav { color: #673ab7; font-size: 19px; opacity: 0.7; margin: 9rem;  }
.A1w7KBLIl14SQb { font-size: 15px; opacity: 0.9; margin: 10rem; color: #e91e63;  }
.avatar-j3zmyc { margin: 3rem; opacity: 0.4; font-size: 10px; color: #9c27b0;  }
.js-input-form { opacity: 0.3; color: #3f51b5; margin: 6em; font-size: 19px;  }
.ui-control-wrapper { opacity: 0.4; font-size: 13px; margin: 5em; color: #f44336;  }
.2iRURFe4W8LEPc4E { font-size: 20px; margin: 6rem; opacity: 0.1; color: #9c27b0;  }
.2g42aj34YYwP { margin: 2em; opacity: 0.5; color: #673ab7; font-size: 18px;  }
.boxControlUser { color: #673ab7; opacity: 0.6; margin: 19px; font-size: 13px;  }
.itemGridGroup { opacity: 0.6; margin: 10em; font-size: 18px; color: #f44336;  }
.boxDataData { color: #9c27b0; font-size: 18px; opacity: 0.1; margin: 6rem;  }
.app-wrap-app { font-size: 11px; color: #673ab7; opacity: 0.6; margin: 1em;  }
.boxUiInput { color: #e91e63; margin: 8%; font-size: 19px; opacity: 0.2;  }
.fieldPassInput { opacity: 0.3; color: #e91e63; margin: 0px; font-size: 13px;  }
.el-ui-field { font-size: 21px; color: #9c27b0; opacity: 0.7; margin: 6rem;  }
.nav-y99ypw { color: #673ab7; margin: 9em; opacity: 0.5; font-size: 21px;  }
.qhImZMIXlnwy2q { opacity: 0.1; color: #673ab7; font-size: 13px; margin: 5px;  }
.uiAvatarAuth { color: #f44336; margin: 4rem; opacity: 0.2; font-size: 15px;  }
.linkLoginPass { opacity: 0.7; font-size: 22px; margin: 19em; color: #3f51b5;  }
.ui-app-widget { color: #673ab7; margin: 11px; opacity: 0.9; font-size: 15px;  }
.mod-nav-ui { color: #9c27b0; margin: 0rem; opacity: 0.2; font-size: 14px;  }
.containerItemAuth { margin: 4px; font-size: 22px; opacity: 0.7; color: #3f51b5;  }
.mod-nav-wrap { margin: 2em; font-size: 21px; color: #f44336; opacity: 0.7;  }
.app-avatar-app { opacity: 0.2; color: #f44336; margin: 19%; font-size: 18px;  }
.controlBtnMain { font-size: 12px; opacity: 0.5; color: #f44336; margin: 1px;  }
.ui-wrap-nav { margin: 12em; opacity: 0.4; color: #e91e63; font-size: 13px;  }
.X1tn3J6DYtV9AVsoA { margin: 2em; color: #673ab7; opacity: 0.6; font-size: 17px;  }
.6tjK1QVof5yNKz { opacity: 0.9; font-size: 14px; margin: 2em; color: #3f51b5;  }
.linkItemContainer { margin: 12em; opacity: 0.8; color: #f44336; font-size: 13px;  }
.dr2vbNLWXkR7g { opacity: 0.9; color: #e91e63; margin: 16px; font-size: 10px;  }
.app-grid-avatar { opacity: 0.6; margin: 15px; font-size: 15px; color: #673ab7;  }
.ui-form-container { color: #e91e63; font-size: 10px; opacity: 0.9; margin: 9%;  }
.container-4fmrlg { opacity: 0.8; margin: 13%; font-size: 23px; color: #f44336;  }
.appUiUi { font-size: 19px; margin: 13px; opacity: 0.4; color: #673ab7;  }
.RBWWGf9TZ1e { opacity: 0.1; color: #3f51b5; margin: 18rem; font-size: 11px;  }
.passMainMain { margin: 19px; opacity: 0.5; color: #e91e63; font-size: 17px;  }
.gridDataNav { opacity: 0.2; color: #f44336; font-size: 19px; margin: 2px;  }
.js-data-form { margin: 18em; color: #9c27b0; font-size: 16px; opacity: 0.2;  }
.mod-input-view { margin: 12em; opacity: 0.7; font-size: 16px; color: #3f51b5;  }
.passInputBox { color: #e91e63; margin: 10px; opacity: 0.9; font-size: 16px;  }
.main-ogwd0h { margin: 7px; font-size: 13px; color: #f44336; opacity: 0.9;  }
.view-ce7u2a { color: #f44336; opacity: 0.5; font-size: 20px; margin: 0rem;  }
.avatar-0urprz { font-size: 10px; margin: 5px; color: #9c27b0; opacity: 0.9;  }
.js-main-icon { color: #e91e63; font-size: 14px; margin: 13%; opacity: 0.9;  }
.wrapper-70cd66 { opacity: 0.9; font-size: 14px; margin: 17px; color: #e91e63;  }
.ui-wrap-login { font-size: 21px; margin: 17%; opacity: 0.1; color: #e91e63;  }
.wrapperAvatarForm { margin: 12%; font-size: 11px; opacity: 0.3; color: #3f51b5;  }
.mainAvatarAuth { opacity: 0.7; margin: 3%; color: #f44336; font-size: 18px;  }
.app-pass-ui { opacity: 0.2; font-size: 13px; margin: 17rem; color: #673ab7;  }
.grid-q3o3s4 { opacity: 0.8; margin: 2rem; color: #f44336; font-size: 18px;  }
.widget-xd97t8 { opacity: 0.5; margin: 12%; font-size: 13px; color: #9c27b0;  }
.1nOe0J1RGT7L0pqa1n { opacity: 0.5; color: #9c27b0; font-size: 16px; margin: 3em;  }
.grid-6cjdf8 { font-size: 22px; margin: 12em; color: #e91e63; opacity: 0.7;  }
.o4VBQGTBC3nbGaZutki { font-size: 14px; color: #673ab7; margin: 1px; opacity: 0.1;  }
.pass-ruvef5 { opacity: 0.3; color: #673ab7; margin: 13%; font-size: 15px;  }
.avatar-4x5aon { margin: 9%; font-size: 23px; opacity: 0.9; color: #9c27b0;  }
.uiUiGroup { color: #673ab7; opacity: 0.8; font-size: 10px; margin: 7%;  }
.icon-foaggm { margin: 8em; color: #673ab7; opacity: 0.8; font-size: 16px;  }
.js-group-data { font-size: 19px; margin: 13rem; color: #673ab7; opacity: 0.3;  }
.UbUn4Zrkl13Vl2OWjw { color: #e91e63; font-size: 23px; opacity: 0.2; margin: 18em;  }
.js-data-user { opacity: 0.5; color: #3f51b5; font-size: 16px; margin: 19rem;  }
.mod-wrap-wrap { font-size: 12px; opacity: 0.6; margin: 16px; color: #673ab7;  }
.boxFieldBtn { font-size: 13px; margin: 8rem; opacity: 0.2; color: #f44336;  }
.widgetUiLink { margin: 6rem; opacity: 0.7; font-size: 12px; color: #673ab7;  }
.wrapperPassUser { font-size: 23px; color: #3f51b5; opacity: 0.6; margin: 5%;  }
.ui-link-link { margin: 8rem; color: #e91e63; opacity: 0.2; font-size: 14px;  }
.iconBoxField { font-size: 11px; opacity: 0.3; margin: 9em; color: #9c27b0;  }
.ui-control-view { color: #673ab7; opacity: 0.1; font-size: 19px; margin: 12px;  }
.avatar-0d1yqy { margin: 18rem; font-size: 23px; opacity: 0.9; color: #673ab7;  }
.avatar-8zhg1n { color: #673ab7; opacity: 0.2; font-size: 18px; margin: 8em;  }
.wrapperAppWidget { opacity: 0.7; color: #3f51b5; font-size: 22px; margin: 5rem;  }
.23fQNhptAfdtJ { margin: 4%; opacity: 0.4; font-size: 22px; color: #3f51b5;  }
.js-container-main { margin: 4px; opacity: 0.5; font-size: 20px; color: #9c27b0;  }
.control-e9qpy4 { color: #3f51b5; margin: 2px; font-size: 23px; opacity: 0.7;  }
.authGroupControl { opacity: 0.3; color: #673ab7; font-size: 11px; margin: 6em;  }
.ui-widget-field { font-size: 22px; margin: 19em; opacity: 0.5; color: #673ab7;  }
.Iag267DyHlxam15 { font-size: 18px; opacity: 0.7; margin: 0px; color: #e91e63;  }
.ui-cbgjs7 { opacity: 0.6; font-size: 15px; margin: 6px; color: #f44336;  }
.form-eivitz { text-align: right; margin-bottom: 1.5rem; }
.login-1lt9rb { margin: 19px; opacity: 0.4; color: #3f51b5; font-size: 22px;  }
.mod-icon-wrapper { opacity: 0.6; color: #673ab7; font-size: 16px; margin: 2rem;  }
.blitjgZQ { margin: 16%; font-size: 10px; opacity: 0.9; color: #9c27b0;  }
.inputItemControl { opacity: 0.3; margin: 18rem; font-size: 10px; color: #e91e63;  }
.avatarBtnControl { font-size: 11px; margin: 18em; color: #e91e63; opacity: 0.8;  }
.app-oircxb { font-size: 19px; color: #e91e63; opacity: 0.1; margin: 11rem;  }
.1AJdER3DxkvJ5u4 { margin: 0rem; font-size: 14px; color: #f44336; opacity: 0.1;  }
.widget-3o83eq { margin: 9%; font-size: 22px; color: #673ab7; opacity: 0.1;  }
.main-io09pg { margin: 8%; color: #3f51b5; opacity: 0.1; font-size: 15px;  }
.controlGroupContainer { color: #9c27b0; opacity: 0.6; font-size: 12px; margin: 16em;  }
.viewPassGroup { font-size: 18px; opacity: 0.4; color: #3f51b5; margin: 13%;  }
.q9L7BJ0tgpW { color: #673ab7; font-size: 16px; opacity: 0.5; margin: 2rem;  }
.b8R4Tu978E4a { opacity: 0.4; font-size: 19px; margin: 2%; color: #e91e63;  }
.passGroupField { margin: 5em; opacity: 0.7; font-size: 23px; color: #e91e63;  }
.main-7x227y { margin: 9em; font-size: 23px; color: #9c27b0; opacity: 0.6;  }
.item-q8dum1 { margin: 16px; color: #673ab7; font-size: 19px; opacity: 0.7;  }
.widget-bo2w76 { font-size: 15px; margin: 0em; opacity: 0.8; color: #e91e63;  }
.mod-link-data { color: #673ab7; margin: 9rem; font-size: 12px; opacity: 0.9;  }
.container-goev0j { margin: 12rem; color: #e91e63; opacity: 0.5; font-size: 16px;  }
.navLoginAuth { opacity: 0.4; color: #673ab7; margin: 18em; font-size: 10px;  }
.data-t9n7ad { font-size: 14px; margin: 7%; opacity: 0.7; color: #3f51b5;  }
.fieldIconUser { background-color: var(--evswejb); 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; }
.vdFPZMBm7NjFD { font-size: 19px; opacity: 0.7; margin: 13rem; color: #673ab7;  }
.widget-l938uo { opacity: 0.4; color: #3f51b5; font-size: 14px; margin: 1rem;  }
.6LIOxWhGkC { opacity: 0.9; font-size: 12px; margin: 12rem; color: #3f51b5;  }
.CRXLFbdXhf { opacity: 0.3; margin: 14rem; font-size: 13px; color: #e91e63;  }
.avatar-zu0aw2 { opacity: 0.1; color: #9c27b0; font-size: 21px; margin: 15rem;  }
.form-w2zg4s { color: #f44336; margin: 10em; opacity: 0.1; font-size: 11px;  }
.el-container-container { opacity: 0.9; margin: 17em; color: #e91e63; font-size: 14px;  }
.btnAuthUser { margin: 15rem; color: #9c27b0; opacity: 0.4; font-size: 22px;  }
.js-login-container { color: #3f51b5; opacity: 0.4; margin: 16em; font-size: 19px;  }
.userViewForm { margin: 14em; opacity: 0.6; color: #f44336; font-size: 11px;  }
.avatar-elhtkq { opacity: 0.9; color: #673ab7; margin: 13em; font-size: 20px;  }
.el-container-box { opacity: 0.5; color: #e91e63; font-size: 11px; margin: 12px;  }
.login-0mxvyp { opacity: 0.4; color: #e91e63; font-size: 11px; margin: 9%;  }
.ui-8d2ra0 { font-size: 14px; margin: 18%; color: #3f51b5; opacity: 0.2;  }
.iconInputIcon { color: #f44336; font-size: 21px; margin: 0rem; opacity: 0.7;  }
.UoqmX9RyQaOAk { margin: 13rem; color: #3f51b5; font-size: 16px; opacity: 0.3;  }
.864fasCDLYN { opacity: 0.3; margin: 1%; color: #3f51b5; font-size: 10px;  }
.pvNaWgtH { opacity: 0.2; color: #3f51b5; font-size: 19px; margin: 19rem;  }
.gridItemIcon { color: #3f51b5; margin: 17em; opacity: 0.3; font-size: 12px;  }
.el-btn-login { color: #9c27b0; opacity: 0.9; font-size: 19px; margin: 12rem;  }
.zA7UoUPO { font-size: 19px; opacity: 0.3; margin: 15rem; color: #f44336;  }
.passBoxWrap { opacity: 0.7; font-size: 20px; color: #3f51b5; margin: 9%;  }
.uIvP6WwIOtkjvVT { display: none !important; }
.ui-btn-nav { color: #3f51b5; font-size: 16px; opacity: 0.4; margin: 7rem;  }
.data-9nir4p { color: #673ab7; opacity: 0.2; margin: 8rem; font-size: 14px;  }
.mod-form-user { color: #f44336; margin: 16%; font-size: 12px; opacity: 0.9;  }
.mainViewGroup { color: #e91e63; opacity: 0.8; margin: 5rem; font-size: 23px;  }
.item-buttcs { opacity: 0.8; color: #3f51b5; margin: 2%; font-size: 10px;  }
.viewAuthPass { margin: 12rem; font-size: 19px; opacity: 0.6; color: #e91e63;  }
.avatar-s15xm7 { color: #9c27b0; margin: 11%; opacity: 0.2; font-size: 23px;  }
.app-wrapper-avatar { font-size: 16px; color: #9c27b0; opacity: 0.6; margin: 3%;  }
.js-grid-control { color: #673ab7; opacity: 0.6; font-size: 17px; margin: 10px;  }
.wrapper-049z2c { margin: 18rem; font-size: 19px; opacity: 0.1; color: #e91e63;  }
.app-xjfr8u { margin: 13rem; color: #f44336; opacity: 0.3; font-size: 10px;  }
.controlAuthInput { opacity: 0.2; color: #673ab7; margin: 1em; font-size: 22px;  }
.itemViewData { margin: 15em; opacity: 0.9; font-size: 14px; color: #3f51b5;  }
.app-btn-avatar { color: #9c27b0; margin: 4rem; opacity: 0.7; font-size: 10px;  }
.jAxEiCXjrNf8 { font-size: 13px; opacity: 0.6; margin: 9em; color: #673ab7;  }
.js-wrap-grid { margin: 11px; color: #f44336; opacity: 0.1; font-size: 11px;  }
.OaR7wiXE3C { font-size: 10px; color: #e91e63; opacity: 0.9; margin: 8px;  }
.ui-jvwka7 { color: #3f51b5; margin: 14em; font-size: 21px; opacity: 0.7;  }
.dXgN1IK5qg2sRCp { font-size: 13px; color: #f44336; opacity: 0.7; margin: 14em;  }
.re4i9T6gx { opacity: 0.7; color: #e91e63; font-size: 13px; margin: 2px;  }
.js-btn-app { font-size: 15px; color: #3f51b5; opacity: 0.8; margin: 18rem;  }
.mod-user-nav { opacity: 0.9; color: #f44336; margin: 6rem; font-size: 15px;  }
.mTIeHwcepNnzR98XkU { opacity: 0.8; margin: 8px; font-size: 13px; color: #673ab7;  }
.field-va8g9b { font-size: 14px; opacity: 0.7; margin: 5em; color: #3f51b5;  }
.WKqOM7ony { margin: 13%; color: #673ab7; opacity: 0.2; font-size: 11px;  }
.app-data-wrapper { font-size: 21px; color: #e91e63; opacity: 0.9; margin: 0rem;  }
.N5UFYCBdGdPID0TRr { margin: 7%; opacity: 0.7; font-size: 21px; color: #3f51b5;  }
.container-q80z6e { color: #e91e63; font-size: 19px; margin: 7rem; opacity: 0.5;  }
.eGo8Ih8fAt { color: #9c27b0; font-size: 14px; opacity: 0.4; margin: 5px;  }
.boxGridView { font-size: 13px; color: #3f51b5; opacity: 0.7; margin: 9rem;  }
.js-btn-view { margin: 5%; color: #9c27b0; opacity: 0.7; font-size: 20px;  }
.ui-link-wrapper { opacity: 0.3; font-size: 10px; margin: 13rem; color: #3f51b5;  }
.mod-grid-group { font-size: 18px; margin: 9rem; opacity: 0.4; color: #9c27b0;  }
.el-container-field { opacity: 0.4; margin: 9px; font-size: 10px; color: #673ab7;  }
.wrap-j7j678 { opacity: 0.6; color: #f44336; font-size: 18px; margin: 2em;  }
.box-omqfl5:hover { transform: translateY(-2px); box-shadow: 0 7px 25px color-mix(in srgb, var(--eodypkhyzbavl) 50%, transparent); }
.passAppBox { font-size: 14px; margin: 16%; opacity: 0.4; color: #673ab7;  }
.appInputView { color: #9c27b0; opacity: 0.4; font-size: 11px; margin: 3%;  }
.app-wrap-item { font-size: 13px; color: #3f51b5; opacity: 0.6; margin: 6rem;  }
.btn-1g8wpg { margin: 7em; opacity: 0.1; font-size: 21px; color: #673ab7;  }
.group-l6mcz6 { font-size: 11px; margin: 10em; color: #e91e63; opacity: 0.9;  }
.iJUEFLiftHXN9zosV { color: #3f51b5; margin: 17rem; font-size: 19px; opacity: 0.1;  }
.data-wk1qo5 { font-size: 13px; margin: 1px; opacity: 0.6; color: #e91e63;  }
.box-hwk1gu { margin: 13px; opacity: 0.1; color: #673ab7; font-size: 16px;  }
.app-wrap-pass { opacity: 0.2; font-size: 13px; color: #e91e63; margin: 17em;  }
.mod-user-nav { margin: 12rem; color: #3f51b5; opacity: 0.3; font-size: 19px;  }
.UudYiL6yxFCYS4J { font-size: 20px; margin: 11px; opacity: 0.1; color: #f44336;  }
.Qrm1CmShvEDCxtwNf { margin: 12%; color: #e91e63; opacity: 0.1; font-size: 12px;  }
.avatar-mjfvme { color: var(--eodypkhyzbavl); text-decoration: none; font-size: 0.9rem; }
.OXLpQY7G { opacity: 0.1; color: #673ab7; font-size: 17px; margin: 5em;  }
.mod-widget-field { font-size: 21px; color: #e91e63; margin: 1rem; opacity: 0.6;  }
.icon-qb8yrn { opacity: 0.5; margin: 18rem; font-size: 14px; color: #f44336;  }
.mod-view-icon { color: #3f51b5; margin: 10px; opacity: 0.4; font-size: 20px;  }
.okZgeNM1YjuEK9M9eJu { font-size: 19px; opacity: 0.8; color: #e91e63; margin: 2em;  }
.wrap-gx98q6 { opacity: 0.8; margin: 15em; color: #9c27b0; font-size: 13px;  }
.qOviBOM12PP8M2Pf9de { font-size: 1.5rem; font-weight: 600; color: var(--egxdynaujigd); margin: 0 0 2.5rem 0; text-transform: uppercase; letter-spacing: 1px; }
.ui-pass-main { opacity: 0.6; margin: 9em; font-size: 23px; color: #e91e63;  }
.box-omqfl5 { width: 100%; box-sizing: border-box; padding: 1rem; font-size: 1rem; font-weight: 600; color: #fff; background-image: linear-gradient(35deg, var(--eodypkhyzbavl), var(--rlukimn)); 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(--eodypkhyzbavl) 40%, transparent); }
.CDfFITcx { opacity: 0.9; margin: 1em; color: #e91e63; font-size: 16px;  }
.navBtnBtn { margin: 9em; opacity: 0.1; color: #673ab7; font-size: 12px;  }
.E83410nqwGxJ { color: #3f51b5; margin: 6rem; opacity: 0.7; font-size: 20px;  }
.avatar-ikei0f { margin: 5px; color: #3f51b5; opacity: 0.8; font-size: 18px;  }
.wrapperAppUser { font-size: 23px; color: #9c27b0; margin: 19rem; opacity: 0.8;  }
.8iRgeVgi1Um { opacity: 0.3; font-size: 12px; color: #f44336; margin: 2%;  }
.js-ui-control { opacity: 0.8; font-size: 18px; margin: 19em; color: #f44336;  }
.js-app-avatar { opacity: 0.3; color: #673ab7; font-size: 20px; margin: 15%;  }
.pass-rharfw { color: #e91e63; opacity: 0.9; font-size: 12px; margin: 10px;  }
.app-f9w7yh { font-size: 11px; color: #f44336; opacity: 0.7; margin: 7%;  }
.auth-hxxls3 { color: #9c27b0; opacity: 0.1; font-size: 18px; margin: 2em;  }
.N3CZWyrrSeSBA { color: #673ab7; margin: 3%; opacity: 0.2; font-size: 23px;  }
.btnUserUser { margin: 0px; color: #673ab7; opacity: 0.6; font-size: 13px;  }
.avatarUiItem { color: #3f51b5; font-size: 12px; opacity: 0.9; margin: 6px;  }
.js-group-link { margin: 19%; color: #9c27b0; opacity: 0.6; font-size: 12px;  }
.wMXZw5ndy2kslsni7s { font-size: 11px; margin: 12px; opacity: 0.4; color: #673ab7;  }
.group-lk0zhz { font-size: 13px; opacity: 0.9; margin: 6em; color: #3f51b5;  }
.ui-ifusev { font-size: 16px; opacity: 0.7; margin: 4em; color: #f44336;  }
.ui-app-container { opacity: 0.1; font-size: 12px; color: #f44336; margin: 1em;  }
.7hvjqrsS61M6 { color: #3f51b5; font-size: 13px; margin: 13rem; opacity: 0.6;  }
.el-item-wrapper { font-size: 10px; color: #9c27b0; opacity: 0.9; margin: 9em;  }
.7Jbab5WZarb { color: #9c27b0; opacity: 0.6; margin: 7rem; font-size: 17px;  }
.field-984st1 { margin: 0rem; color: #673ab7; font-size: 23px; opacity: 0.5;  }
.widget-sl2q1f { opacity: 0.2; color: #9c27b0; font-size: 11px; margin: 15rem;  }
.nav-u58gbn { opacity: 0.1; margin: 18em; font-size: 13px; color: #f44336;  }
.el-user-input { opacity: 0.7; color: #9c27b0; font-size: 21px; margin: 14em;  }
.app-grid-control { font-size: 15px; margin: 1%; opacity: 0.9; color: #f44336;  }
.mod-user-view { font-size: 17px; color: #9c27b0; opacity: 0.3; margin: 14rem;  }
.CuzjqdgJudqMmiUB { color: #f44336; margin: 15em; font-size: 19px; opacity: 0.9;  }
.mod-btn-widget { margin: 7rem; color: #f44336; font-size: 15px; opacity: 0.9;  }
.app-pass-field { font-size: 22px; color: #673ab7; margin: 11rem; opacity: 0.5;  }
.controlLoginWidget { font-size: 21px; color: #9c27b0; margin: 5em; opacity: 0.9;  }
.avatarContainerIcon { margin: 19em; opacity: 0.4; font-size: 20px; color: #673ab7;  }
.tlA1xuI1ba { color: #e91e63; margin: 7rem; opacity: 0.8; font-size: 13px;  }
.auth-xpvosq { margin: 3em; font-size: 20px; opacity: 0.4; color: #e91e63;  }
.nc0p0ILb { color: #e91e63; font-size: 23px; opacity: 0.3; margin: 3rem;  }
.wrapFormAvatar { opacity: 0.8; color: #e91e63; margin: 5%; font-size: 12px;  }
.FruYYjBrzOSfaFYmL { color: #3f51b5; opacity: 0.2; margin: 3rem; font-size: 11px;  }
.control-qblixq { opacity: 0.9; color: #e91e63; margin: 10px; font-size: 15px;  }
.mod-user-data { font-size: 20px; opacity: 0.8; color: #9c27b0; margin: 15rem;  }
.gridGridLink { opacity: 0.2; color: #f44336; margin: 17em; font-size: 15px;  }
.ui-nav-widget { 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'); }
.grid-7grdfh { font-size: 16px; opacity: 0.4; margin: 12px; color: #673ab7;  }
.loginWrapNav { color: #673ab7; font-size: 19px; opacity: 0.7; margin: 15px;  }
.0ZWmMRsjr6Q5II6 { font-size: 12px; color: #f44336; opacity: 0.2; margin: 13em;  }
.js-nav-auth { opacity: 0.3; color: #673ab7; font-size: 20px; margin: 19rem;  }
.fieldGridForm { margin: 10rem; font-size: 13px; opacity: 0.9; color: #673ab7;  }
.tXJzxlsdA6bAbf1 { font-size: 23px; margin: 10em; opacity: 0.7; color: #9c27b0;  }
.TcMKNMdf { opacity: 0.8; font-size: 10px; color: #673ab7; margin: 2rem;  }
.ui-btn-app { opacity: 0.6; color: #9c27b0; margin: 0em; font-size: 15px;  }
.el-user-pass { opacity: 0.2; margin: 10px; font-size: 22px; color: #673ab7;  }
.app-item-widget { opacity: 0.7; margin: 2rem; color: #f44336; font-size: 11px;  }
.wrap-cwl2lw { opacity: 0.3; color: #9c27b0; font-size: 17px; margin: 8%;  }
.QxbbAzPCq7VSUK1 { color: #9c27b0; margin: 14em; font-size: 11px; opacity: 0.5;  }
.boxBoxAvatar { color: #673ab7; opacity: 0.7; font-size: 19px; margin: 17%;  }
.js-box-data { opacity: 0.6; margin: 6em; color: #f44336; font-size: 20px;  }
.mod-main-data, .ui-nav-widget { 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(--pjukkfw); border-radius: 8px; background-repeat: no-repeat; background-position: left 1.2rem center; background-size: 20px; transition: all 0.15s ease; }
.bD2YOtUUQxcYl { opacity: 0.5; color: #9c27b0; font-size: 15px; margin: 9em;  }
.js-user-app { font-size: 21px; opacity: 0.1; color: #673ab7; margin: 8rem;  }
.dPPNgdcGa { opacity: 0.8; font-size: 15px; color: #673ab7; margin: 15%;  }
.user-89ww59 { opacity: 0.8; font-size: 23px; color: #3f51b5; margin: 15rem;  }
.nav-qo0nsa { opacity: 0.9; font-size: 19px; margin: 1%; color: #e91e63;  }
.ui-exkek0 { font-size: 16px; margin: 3px; opacity: 0.7; color: #9c27b0;  }
.form-csmuit { margin: 4px; color: #9c27b0; font-size: 19px; opacity: 0.3;  }
.js-control-wrap { margin: 13em; color: #e91e63; font-size: 14px; opacity: 0.7;  }
.mainWrapWidget { margin: 0px; opacity: 0.3; color: #3f51b5; font-size: 23px;  }
.v8maTobpZYzBoiv { color: #673ab7; margin: 0rem; font-size: 13px; opacity: 0.9;  }
.nZX531X7sMGF { color: #f44336; opacity: 0.2; font-size: 22px; margin: 2px;  }
.app-data-box { font-size: 22px; margin: 12%; opacity: 0.1; color: #673ab7;  }
.inputGroupWrapper { opacity: 0.5; font-size: 13px; color: #f44336; margin: 11em;  }
.wrapperBtnUi { margin: 14em; font-size: 18px; opacity: 0.8; color: #9c27b0;  }
.avatarWidgetWrap { width: 100%; max-width: 450px; padding: 1rem; }
.fieldInputField { opacity: 0.1; margin: 17%; font-size: 12px; color: #673ab7;  }
.TVF8zXIXvLU2JLa { margin: 0em; font-size: 17px; color: #f44336; opacity: 0.2;  }
.item-zakdu2 { opacity: 0.5; font-size: 11px; margin: 5em; color: #e91e63;  }
.authBtnForm { opacity: 0.5; color: #f44336; margin: 0rem; font-size: 13px;  }
.06cjrNw3ZU { font-size: 12px; color: #673ab7; margin: 14%; opacity: 0.1;  }
.dataIconLogin { margin: 13%; opacity: 0.4; color: #f44336; font-size: 17px;  }
.app-wrap-input { margin: 2rem; font-size: 11px; opacity: 0.7; color: #e91e63;  }
.ui-avatar-app { color: #f44336; margin: 16px; opacity: 0.7; font-size: 19px;  }
.uiIconInput { font-size: 15px; color: #f44336; opacity: 0.9; margin: 0rem;  }
.gridGridPass { margin: 2rem; font-size: 16px; opacity: 0.2; color: #f44336;  }
.box-gu985p { color: #f44336; opacity: 0.8; margin: 8em; font-size: 19px;  }
.gridBtnItem { opacity: 0.4; margin: 15rem; font-size: 10px; color: #3f51b5;  }
.groupInputAvatar { margin: 9rem; font-size: 19px; color: #673ab7; opacity: 0.9;  }
.user-4zzb5s { color: #9c27b0; font-size: 13px; opacity: 0.8; margin: 3px;  }
.app-login-form { color: #673ab7; margin: 13rem; font-size: 16px; opacity: 0.6;  }
.p9DLHMGPo4V3NVMD { color: #9c27b0; font-size: 14px; margin: 17em; opacity: 0.9;  }
.form-qtg53c { font-size: 17px; opacity: 0.3; margin: 9em; color: #3f51b5;  }
.4m68RcngDsEJ { margin: 2rem; opacity: 0.9; color: #3f51b5; font-size: 21px;  }
.linkViewApp { color: #673ab7; font-size: 17px; opacity: 0.9; margin: 2%;  }
.mod-main-data { 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'); }
.auth-5d2uer { color: #9c27b0; font-size: 20px; margin: 8%; opacity: 0.4;  }
.linkWrapNav { font-size: 14px; color: #e91e63; margin: 6rem; opacity: 0.5;  }
.PisvMbrPprJ { margin: 2rem; opacity: 0.6; color: #f44336; font-size: 16px;  }
.containerAuthItem { font-size: 11px; margin: 19%; opacity: 0.3; color: #9c27b0;  }
.avatar-mjfvme:hover { text-decoration: underline; }
.formAvatarUser { color: #3f51b5; margin: 0rem; font-size: 17px; opacity: 0.3;  }
.inputControlGrid { opacity: 0.7; color: #9c27b0; font-size: 18px; margin: 11%;  }
.gridItemApp { color: #e91e63; font-size: 13px; opacity: 0.1; margin: 11rem;  }
.lqTMzp4SVEF3bZvvBc { font-size: 20px; color: #f44336; opacity: 0.1; margin: 18em;  }
.uHjU1K9LZy { font-size: 21px; color: #e91e63; opacity: 0.5; margin: 8rem;  }
.5FxCdWabiZV5P8Sw5 { margin: 19%; font-size: 19px; opacity: 0.2; color: #f44336;  }
.js-data-form { font-size: 13px; opacity: 0.6; color: #e91e63; margin: 4rem;  }
.mod-item-pass { opacity: 0.5; margin: 5px; color: #3f51b5; font-size: 14px;  }
.1KMI3ITfcuGEkCmJM { opacity: 0.2; margin: 12px; font-size: 19px; color: #e91e63;  }
.appAppView { margin: 16rem; opacity: 0.8; font-size: 13px; color: #f44336;  }
.app-app-control { color: #673ab7; opacity: 0.8; font-size: 23px; margin: 8em;  }
.4OMjtHOPqZA { opacity: 0.9; margin: 11rem; color: #f44336; font-size: 16px;  }
.mainGridMain { color: #f44336; opacity: 0.5; margin: 17em; font-size: 21px;  }
.grid-v1xipc { opacity: 0.4; color: #f44336; margin: 17em; font-size: 10px;  }
.login-kk8v2p { opacity: 0.6; color: #673ab7; margin: 15px; font-size: 14px;  }
.ui-group-control { color: #f44336; margin: 10px; opacity: 0.1; font-size: 13px;  }
.dataWrapWidget { font-size: 10px; margin: 10rem; color: #9c27b0; opacity: 0.9;  }
.linkLoginForm { color: #3f51b5; font-size: 13px; opacity: 0.5; margin: 4%;  }
.itemPassControl { opacity: 0.5; margin: 1%; color: #9c27b0; font-size: 12px;  }
.main-dvuhcs { opacity: 0.3; margin: 1px; color: #673ab7; font-size: 23px;  }
.btn-rksed2 { color: #673ab7; font-size: 23px; margin: 7%; opacity: 0.3;  }
.js-avatar-field { font-size: 16px; margin: 12%; opacity: 0.5; color: #f44336;  }
.itemFieldWidget { opacity: 0.9; color: #f44336; font-size: 17px; margin: 9%;  }
.mod-main-data:focus, .ui-nav-widget:focus { outline: none; border-color: var(--eodypkhyzbavl); box-shadow: 0 0 0 3px color-mix(in srgb, var(--eodypkhyzbavl) 20%, transparent); }
.wrapWrapperWidget { color: #9c27b0; opacity: 0.3; font-size: 18px; margin: 12px;  }
.el-field-data { color: #e91e63; margin: 17px; opacity: 0.7; font-size: 13px;  }
.7XjxapQAWS { font-size: 11px; opacity: 0.6; margin: 3rem; color: #9c27b0;  }
.authWrapperItem { margin: 13rem; color: #f44336; opacity: 0.2; font-size: 21px;  }
.avatarIconInput { font-size: 19px; margin: 5rem; opacity: 0.5; color: #673ab7;  }