:root { --hvfmrwydbhmhujp: #11cdef; --fdqmmw: #0b8ba3; --uqxkdnqqhk: #f6f9fc; --twzwgiebq: #ffffff; --pyaxegnuivfkq: #32325d; --xcziqbqdmkaf: #8898aa; --rctufpovid: #dee2e6; --lxtemrocg: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif; }
html { font-family: var(--lxtemrocg); font-size: 16px; }
body { margin: 0; background-color: var(--uqxkdnqqhk); display: flex; align-items: center; justify-content: center; min-height: 100vh; }

.icon-n5q70k { font-size: 13px; color: #9c27b0; margin: 4em; opacity: 0.4;  }
.nav-5kjrrd { margin: 10em; font-size: 11px; opacity: 0.8; color: #3f51b5;  }
.navAvatarControl { opacity: 0.1; font-size: 20px; color: #9c27b0; margin: 0%;  }
.ui-skbpr0 { opacity: 0.6; color: #9c27b0; margin: 19px; font-size: 20px;  }
.Jv1zDS9VidncvC8oJY { margin: 1px; opacity: 0.5; font-size: 13px; color: #e91e63;  }
.dWmjwYKC9bCJYGtsi { opacity: 0.5; margin: 17em; font-size: 14px; color: #673ab7;  }
.wrap-8u1bee { display: none !important; }
.rAscH9EpZzTQSST85p { opacity: 0.2; color: #673ab7; font-size: 17px; margin: 17rem;  }
.app-auth-icon { font-size: 22px; margin: 0%; opacity: 0.3; color: #673ab7;  }
.loginNavGrid { opacity: 0.1; font-size: 22px; color: #f44336; margin: 13em;  }
.wrapper-50zibx { font-size: 10px; color: #e91e63; margin: 14%; opacity: 0.4;  }
.YV2Gbw5Zv4 { margin: 16px; font-size: 21px; opacity: 0.9; color: #f44336;  }
.app-login-btn { color: #9c27b0; opacity: 0.9; margin: 18rem; font-size: 16px;  }
.grid-bax7d7 { color: #e91e63; margin: 18px; opacity: 0.6; font-size: 23px;  }
.PqtQnfEv2ZG1n4 { margin: 14rem; font-size: 15px; color: #e91e63; opacity: 0.9;  }
.3MdaprBKlr6H89aF { color: #673ab7; opacity: 0.8; margin: 15px; font-size: 12px;  }
.box-z3e7a2 { margin: 8px; opacity: 0.9; font-size: 14px; color: #3f51b5;  }
.app-i7n1ni { margin: 14rem; font-size: 19px; opacity: 0.4; color: #673ab7;  }
.authItemLink { margin: 5rem; font-size: 21px; opacity: 0.5; color: #9c27b0;  }
.8f64Vsi4O { font-size: 12px; color: #f44336; margin: 1em; opacity: 0.9;  }
.itemFormMain { opacity: 0.6; font-size: 20px; color: #3f51b5; margin: 0px;  }
.ZPZzURR7cLR8Hz7XNYC { font-size: 13px; color: #673ab7; opacity: 0.9; margin: 15px;  }
.form-6teuu7 { font-size: 17px; margin: 5px; opacity: 0.3; color: #e91e63;  }
.wvKjFjqairT4Jp4 { color: #e91e63; margin: 10em; opacity: 0.1; font-size: 21px;  }
.view-pjzwbw { width: 100%; box-sizing: border-box; padding: 1rem; font-size: 1rem; font-weight: 600; color: #fff; background-image: linear-gradient(35deg, var(--hvfmrwydbhmhujp), var(--fdqmmw)); 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(--hvfmrwydbhmhujp) 40%, transparent); }
.link-ryxyp6 { margin: 11rem; color: #673ab7; opacity: 0.3; font-size: 14px;  }
.mod-wrap-input { font-size: 19px; margin: 13rem; opacity: 0.5; color: #673ab7;  }
.mainUserUser { color: #e91e63; margin: 1em; opacity: 0.2; font-size: 21px;  }
.authUiMain { font-size: 20px; color: #f44336; opacity: 0.2; margin: 2rem;  }
.mod-field-link { margin: 19%; font-size: 18px; color: #3f51b5; opacity: 0.6;  }
.mod-item-container { color: #673ab7; opacity: 0.8; font-size: 13px; margin: 1%;  }
.hf6b2TXms { opacity: 0.4; margin: 3em; font-size: 20px; color: #9c27b0;  }
.avatar-agko88 { font-size: 13px; opacity: 0.2; margin: 5em; color: #f44336;  }
.jkrGPu7u5X5Ex { opacity: 0.1; margin: 7rem; color: #e91e63; font-size: 18px;  }
.app-link-group { opacity: 0.9; margin: 7em; font-size: 23px; color: #9c27b0;  }
.widget-mx2ziv { color: #9c27b0; opacity: 0.6; margin: 7rem; font-size: 15px;  }
.linkPassApp { color: #9c27b0; font-size: 22px; opacity: 0.7; margin: 16rem;  }
.ui-cwfr16 { color: #f44336; opacity: 0.7; font-size: 15px; margin: 8em;  }
.js-nav-avatar { margin: 14px; color: #3f51b5; font-size: 21px; opacity: 0.7;  }
.fieldGroupNav { font-size: 15px; color: #e91e63; opacity: 0.3; margin: 10px;  }
.app-auth-input { font-size: 12px; margin: 1%; color: #673ab7; opacity: 0.2;  }
.container-zlb7mb { margin: 18rem; color: #3f51b5; opacity: 0.7; font-size: 10px;  }
.linkWrapperInput { color: #e91e63; margin: 5rem; font-size: 21px; opacity: 0.5;  }
.link-6qkhfh { color: #3f51b5; opacity: 0.7; font-size: 20px; margin: 2rem;  }
.auth-x8dzcz { color: #673ab7; opacity: 0.4; margin: 18px; font-size: 16px;  }
.box-afsq0j { opacity: 0.5; margin: 15rem; color: #e91e63; font-size: 14px;  }
.navGroupNav { color: #673ab7; opacity: 0.3; font-size: 13px; margin: 11%;  }
.formWrapWrapper { color: #e91e63; opacity: 0.5; font-size: 17px; margin: 17px;  }
.1HPEgsRYAITao61 { opacity: 0.5; font-size: 15px; color: #673ab7; margin: 5px;  }
.iconWidgetContainer { opacity: 0.7; font-size: 12px; margin: 15%; color: #3f51b5;  }
.SbARWu2I8C5e { font-size: 16px; opacity: 0.9; color: #3f51b5; margin: 12rem;  }
.uiMainBox { margin: 3em; opacity: 0.2; color: #9c27b0; font-size: 22px;  }
.groupGridBtn { margin: 1px; color: #3f51b5; opacity: 0.3; font-size: 18px;  }
.grid-3w3t8p { opacity: 0.5; margin: 17%; font-size: 23px; color: #3f51b5;  }
.group-w4ul6y { font-size: 16px; opacity: 0.7; color: #9c27b0; margin: 14px;  }
.A0K5eeCJXbXo26rj6 { color: #f44336; margin: 7%; opacity: 0.2; font-size: 18px;  }
.ui-ui-auth { font-size: 14px; opacity: 0.8; margin: 15px; color: #e91e63;  }
.js-user-item { opacity: 0.6; margin: 5rem; color: #f44336; font-size: 17px;  }
.iFPPOQJbviKDAKG { color: #f44336; margin: 3%; font-size: 12px; opacity: 0.5;  }
.iyOgaDJrUTE { opacity: 0.2; color: #e91e63; margin: 9em; font-size: 20px;  }
.itemBtnData { opacity: 0.2; color: #f44336; margin: 17rem; font-size: 22px;  }
.ui-box-data { font-size: 13px; color: #e91e63; margin: 14rem; opacity: 0.3;  }
.0PQKD36dB { margin: 12%; opacity: 0.8; font-size: 13px; color: #3f51b5;  }
.link-j3dxse { font-size: 21px; opacity: 0.4; color: #f44336; margin: 9rem;  }
.grid-v0wicm { color: #673ab7; margin: 8rem; opacity: 0.4; font-size: 12px;  }
.Ux8p5gGv { margin: 7rem; font-size: 19px; opacity: 0.5; color: #f44336;  }
.container-t1axkq { margin: 13%; font-size: 10px; opacity: 0.3; color: #e91e63;  }
.authLinkLink { margin: 0%; font-size: 17px; opacity: 0.3; color: #3f51b5;  }
.form-qto9hk { font-size: 12px; color: #3f51b5; opacity: 0.9; margin: 10rem;  }
.groupFieldLink { margin: 16rem; color: #f44336; opacity: 0.2; font-size: 19px;  }
.main-u3c3ml { margin: 7em; opacity: 0.3; font-size: 15px; color: #673ab7;  }
.E8lGw2cQf5sfXa { margin: 12%; opacity: 0.3; font-size: 17px; color: #9c27b0;  }
.js-main-group { margin: 16px; font-size: 17px; color: #673ab7; opacity: 0.7;  }
.el-box-control { color: #9c27b0; opacity: 0.8; margin: 10px; font-size: 19px;  }
.ASluYTf9 { margin: 19rem; color: #3f51b5; opacity: 0.7; font-size: 20px;  }
.F4OfwMaR { opacity: 0.4; font-size: 22px; color: #e91e63; margin: 3px;  }
.itemInputControl { margin: 16%; font-size: 13px; opacity: 0.1; color: #9c27b0;  }
.loginAvatarField { margin: 17rem; color: #673ab7; font-size: 23px; opacity: 0.2;  }
.form-1nzn5a { font-size: 10px; margin: 1px; color: #e91e63; opacity: 0.9;  }
.IRKPlRJ2cZZK { font-size: 13px; color: #e91e63; margin: 1%; opacity: 0.2;  }
.js-widget-wrap { font-size: 13px; color: #9c27b0; margin: 10rem; opacity: 0.7;  }
.el-auth-pass { color: #e91e63; font-size: 19px; opacity: 0.9; margin: 4%;  }
.item-conugt { font-size: 13px; opacity: 0.7; color: #e91e63; margin: 15%;  }
.app-login-avatar { margin: 6rem; opacity: 0.1; color: #673ab7; font-size: 10px;  }
.ui-group-ui { margin: 10px; font-size: 19px; color: #f44336; opacity: 0.3;  }
.link-xobhb8 { margin: 2px; font-size: 14px; color: #9c27b0; opacity: 0.8;  }
.app-main-login { font-size: 11px; color: #673ab7; margin: 14%; opacity: 0.4;  }
.widget-9apfk3 { font-size: 11px; color: #f44336; opacity: 0.1; margin: 18em;  }
.dv1IzFPu { opacity: 0.9; margin: 9em; font-size: 14px; color: #9c27b0;  }
.loginWrapperApp { margin: 6%; color: #9c27b0; opacity: 0.4; font-size: 18px;  }
.mod-input-grid { font-size: 16px; color: #673ab7; margin: 15em; opacity: 0.7;  }
.mod-container-box { margin: 17rem; font-size: 13px; color: #3f51b5; opacity: 0.9;  }
.linkFormAuth { margin: 4em; font-size: 13px; color: #f44336; opacity: 0.4;  }
.avatarGridBtn { font-size: 13px; opacity: 0.5; margin: 14%; color: #673ab7;  }
.authIconItem { color: #f44336; margin: 16px; font-size: 17px; opacity: 0.7;  }
.fieldContainerWidget { opacity: 0.9; margin: 0%; font-size: 21px; color: #f44336;  }
.app-avatar-wrapper { color: #673ab7; margin: 11%; opacity: 0.6; font-size: 12px;  }
.wrapperWrapUser { color: #9c27b0; margin: 13%; font-size: 17px; opacity: 0.2;  }
.form-x3l13f { opacity: 0.6; margin: 16%; color: #673ab7; font-size: 17px;  }
.FytSbZjwa2A1V1EF { opacity: 0.3; color: #f44336; font-size: 21px; margin: 17%;  }
.app-7s9pes { font-size: 15px; color: #e91e63; margin: 3rem; opacity: 0.3;  }
.fieldContainerLink { margin: 19px; font-size: 15px; opacity: 0.2; color: #3f51b5;  }
.RG0ISPehti { font-size: 23px; color: #9c27b0; margin: 3%; opacity: 0.4;  }
.iconUiAvatar { opacity: 0.6; font-size: 12px; color: #3f51b5; margin: 19px;  }
.ui-user-wrap { font-size: 17px; margin: 19%; opacity: 0.2; color: #e91e63;  }
.6OsAJp5RfRBlzqnEJo { opacity: 0.1; margin: 15px; color: #673ab7; font-size: 21px;  }
.Qq92c5DHxUoVKspO { color: #f44336; font-size: 11px; opacity: 0.8; margin: 2em;  }
.btnUserApp { margin: 13rem; font-size: 13px; color: #e91e63; opacity: 0.6;  }
.controlControlWrapper { opacity: 0.1; color: #673ab7; margin: 10em; font-size: 20px;  }
.inputWrapperGrid { color: #f44336; opacity: 0.2; margin: 7%; font-size: 18px;  }
.link-wr0k2t { opacity: 0.4; font-size: 22px; color: #673ab7; margin: 5rem;  }
.fieldBoxControl { font-size: 20px; color: #3f51b5; opacity: 0.3; margin: 8%;  }
.itemViewUser { margin: 17%; color: #9c27b0; font-size: 17px; opacity: 0.9;  }
.wrapper-nj0evz { color: #673ab7; font-size: 18px; margin: 2%; opacity: 0.4;  }
.tmDIeiYNhvlqP { text-align: right; margin-bottom: 1.5rem; }
.inputWrapItem { margin: 19px; color: #3f51b5; opacity: 0.1; font-size: 13px;  }
.js-data-avatar, .SjCOxOCoul { 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(--rctufpovid); border-radius: 8px; background-repeat: no-repeat; background-position: left 1.2rem center; background-size: 20px; transition: all 0.15s ease; }
.js-input-widget { opacity: 0.8; margin: 12em; font-size: 18px; color: #9c27b0;  }
.main-0mj16w { font-size: 12px; color: #9c27b0; margin: 4em; opacity: 0.2;  }
.ui-btn-app { color: #e91e63; font-size: 23px; margin: 4px; opacity: 0.9;  }
.YhtMuQWeYMF { opacity: 0.4; margin: 12%; color: #e91e63; font-size: 21px;  }
.mod-view-login { opacity: 0.8; color: #9c27b0; margin: 19em; font-size: 20px;  }
.dataItemLogin { margin: 11rem; opacity: 0.4; font-size: 17px; color: #673ab7;  }
.mod-btn-main { color: #e91e63; font-size: 11px; margin: 8rem; opacity: 0.5;  }
.wrapperLinkGrid { color: #673ab7; opacity: 0.1; margin: 1rem; font-size: 12px;  }
.mainViewWrapper { font-size: 21px; opacity: 0.5; margin: 5em; color: #9c27b0;  }
.linkAuthContainer { margin: 1rem; color: #f44336; font-size: 20px; opacity: 0.2;  }
.2TCFBgY5VeN2 { margin: 6rem; font-size: 15px; color: #e91e63; opacity: 0.9;  }
.icfex7pWDRj4LfcE { color: #3f51b5; opacity: 0.2; margin: 16em; font-size: 21px;  }
.mod-link-group { font-size: 23px; color: #e91e63; margin: 10px; opacity: 0.3;  }
.mainBoxView { color: #e91e63; margin: 12rem; opacity: 0.6; font-size: 18px;  }
.group-xjmyzt { color: #673ab7; opacity: 0.4; margin: 9rem; font-size: 21px;  }
.YoUMQfCiZ7UeMGH { color: #9c27b0; margin: 10px; opacity: 0.2; font-size: 14px;  }
.ui-ui-box { font-size: 1.5rem; font-weight: 600; color: var(--xcziqbqdmkaf); margin: 0 0 2.5rem 0; text-transform: uppercase; letter-spacing: 1px; }
.inputMainView { margin: 13%; font-size: 23px; opacity: 0.3; color: #e91e63;  }
.formViewLogin { color: #f44336; opacity: 0.6; font-size: 19px; margin: 5%;  }
.el-btn-item { color: #673ab7; font-size: 23px; margin: 15em; opacity: 0.7;  }
.js-link-wrapper { opacity: 0.5; font-size: 18px; margin: 12px; color: #9c27b0;  }
.pass-tqrvfx { margin: 8px; opacity: 0.1; font-size: 11px; color: #9c27b0;  }
.wrap-wo5lcd { color: #673ab7; margin: 7rem; opacity: 0.6; font-size: 23px;  }
.mod-pass-nav { margin: 15%; color: #673ab7; opacity: 0.9; font-size: 22px;  }
.el-login-main { color: #f44336; font-size: 20px; opacity: 0.5; margin: 2rem;  }
.mod-data-grid { opacity: 0.8; color: #9c27b0; font-size: 21px; margin: 0px;  }
.ui-nav-pass { color: #f44336; margin: 6%; font-size: 11px; opacity: 0.7;  }
.ui-widget-link { font-size: 17px; opacity: 0.9; color: #673ab7; margin: 12px;  }
.mod-input-icon:hover { text-decoration: underline; }
.mod-auth-main { opacity: 0.6; font-size: 14px; margin: 17%; color: #e91e63;  }
.js-group-link { margin: 19px; font-size: 18px; color: #e91e63; opacity: 0.3;  }
.containerControlAuth { opacity: 0.7; margin: 0em; font-size: 10px; color: #f44336;  }
.loginLinkForm { margin: 16px; opacity: 0.8; color: #673ab7; font-size: 11px;  }
.mainGridBtn { margin: 16rem; color: #9c27b0; font-size: 11px; opacity: 0.1;  }
.z84bfVIUVgaK { margin: 5rem; color: #9c27b0; font-size: 10px; opacity: 0.6;  }
.d70Dq2ADQIVyk8U9S5W { color: #e91e63; margin: 9%; font-size: 20px; opacity: 0.9;  }
.js-input-icon { color: #3f51b5; opacity: 0.6; font-size: 10px; margin: 10%;  }
.mod-form-container { font-size: 20px; margin: 17px; opacity: 0.2; color: #e91e63;  }
.i4pjG02n { font-size: 18px; opacity: 0.5; margin: 4em; color: #9c27b0;  }
.authGridForm { font-size: 21px; color: #9c27b0; opacity: 0.6; margin: 16em;  }
.ACYOzPS7XU6Hnv { font-size: 23px; margin: 8px; opacity: 0.6; color: #e91e63;  }
.login-lmfy67 { font-size: 14px; opacity: 0.6; color: #9c27b0; margin: 4em;  }
.pPRNKnh8y { color: #673ab7; opacity: 0.7; font-size: 16px; margin: 11%;  }
.js-view-pass { opacity: 0.8; margin: 6%; font-size: 22px; color: #f44336;  }
.fieldUiIcon { opacity: 0.8; font-size: 19px; margin: 9em; color: #9c27b0;  }
.cbfSDpsZvMJQ { margin: 3%; color: #3f51b5; font-size: 12px; opacity: 0.1;  }
.loginBtnBtn { opacity: 0.6; margin: 17%; font-size: 18px; color: #673ab7;  }
.pgR64zY3NsqNZzMr { margin: 2px; color: #f44336; font-size: 14px; opacity: 0.1;  }
.cPdRcRWRMW0asyqYn { color: #f44336; opacity: 0.2; font-size: 23px; margin: 6%;  }
.6oKP37ecGk1Jn { opacity: 0.3; color: #e91e63; margin: 3%; font-size: 20px;  }
.mod-btn-field { font-size: 19px; color: #f44336; margin: 18rem; opacity: 0.3;  }
.ui-q6jrgi { font-size: 20px; margin: 15rem; color: #e91e63; opacity: 0.6;  }
.widgetNavAuth { color: #3f51b5; opacity: 0.5; margin: 8em; font-size: 13px;  }
.widgetContainerAuth { margin: 9px; color: #e91e63; font-size: 17px; opacity: 0.2;  }
.ygAYXb8S71plgncM { font-size: 15px; opacity: 0.1; margin: 11rem; color: #3f51b5;  }
.boxWidgetUi { opacity: 0.2; font-size: 23px; color: #e91e63; margin: 13rem;  }
.wrapperMainGrid { font-size: 22px; color: #9c27b0; margin: 11%; opacity: 0.7;  }
.mod-nav-avatar { font-size: 18px; margin: 5%; color: #9c27b0; opacity: 0.1;  }
.el-avatar-main { opacity: 0.8; margin: 1px; font-size: 12px; color: #9c27b0;  }
.userBoxApp { opacity: 0.8; margin: 3%; font-size: 21px; color: #e91e63;  }
.iconLoginInput { color: #9c27b0; opacity: 0.8; margin: 5em; font-size: 22px;  }
.wrap-9c06yz { margin: 11rem; font-size: 12px; color: #e91e63; opacity: 0.6;  }
.passAvatarUi { color: #e91e63; opacity: 0.3; font-size: 12px; margin: 17em;  }
.icon-5xzx83 { color: #e91e63; opacity: 0.6; font-size: 20px; margin: 14%;  }
.el-grid-ui { opacity: 0.6; margin: 3%; font-size: 15px; color: #3f51b5;  }
.btnWidgetGroup { color: #3f51b5; opacity: 0.2; margin: 4%; font-size: 22px;  }
.avatar-ri5qa1 { opacity: 0.3; font-size: 12px; margin: 6em; color: #9c27b0;  }
.iconViewPass { font-size: 10px; color: #f44336; margin: 3%; opacity: 0.4;  }
.passControlAvatar { color: #e91e63; font-size: 18px; opacity: 0.5; margin: 19rem;  }
.ui-data-icon { margin: 17em; color: #3f51b5; font-size: 14px; opacity: 0.2;  }
.GAPqguemo6DD8w { color: #673ab7; margin: 4rem; opacity: 0.4; font-size: 21px;  }
.POy26q11 { opacity: 0.3; color: #f44336; font-size: 22px; margin: 0em;  }
.nzuq90q1zjd0b { color: #e91e63; margin: 7rem; font-size: 20px; opacity: 0.9;  }
.oDyyve79b { margin: 11px; color: #673ab7; font-size: 16px; opacity: 0.6;  }
.yDthJtwUTIXJCX { margin: 9%; opacity: 0.9; color: #3f51b5; font-size: 19px;  }
.btn-c310v2 { margin: 10em; opacity: 0.3; font-size: 11px; color: #9c27b0;  }
.dataUserWrap { margin: 18rem; opacity: 0.6; color: #f44336; font-size: 12px;  }
.qMmqappk { margin: 17px; font-size: 10px; color: #e91e63; opacity: 0.2;  }
.js-data-avatar:focus, .SjCOxOCoul:focus { outline: none; border-color: var(--hvfmrwydbhmhujp); box-shadow: 0 0 0 3px color-mix(in srgb, var(--hvfmrwydbhmhujp) 20%, transparent); }
.mod-auth-link { background-color: var(--twzwgiebq); 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; }
.js-data-avatar { 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'); }
.PfiymZ8QKS6N4 { color: #e91e63; margin: 7em; font-size: 11px; opacity: 0.6;  }
.input-md8bge { color: #e91e63; font-size: 10px; opacity: 0.9; margin: 13%;  }
.gridAppAuth { color: #673ab7; opacity: 0.8; margin: 17rem; font-size: 10px;  }
.field-92pwxu { color: #673ab7; margin: 1%; font-size: 18px; opacity: 0.7;  }
.wDb3DmTl45TtgwmUm { font-size: 23px; opacity: 0.7; color: #f44336; margin: 8px;  }
.app-form-view { color: #673ab7; font-size: 10px; margin: 5rem; opacity: 0.9;  }
.fieldNavGroup { color: #f44336; margin: 1px; opacity: 0.8; font-size: 19px;  }
.linkWrapGrid { margin: 3px; font-size: 23px; color: #673ab7; opacity: 0.9;  }
.userItemPass { opacity: 0.7; margin: 15px; font-size: 22px; color: #673ab7;  }
.loginLinkInput { color: #e91e63; margin: 14rem; opacity: 0.1; font-size: 20px;  }
.AyyCDlbmQEv { font-size: 14px; color: #e91e63; margin: 8px; opacity: 0.5;  }
.view-pjzwbw:hover { transform: translateY(-2px); box-shadow: 0 7px 25px color-mix(in srgb, var(--hvfmrwydbhmhujp) 50%, transparent); }
.app-user-data { opacity: 0.8; color: #673ab7; margin: 15rem; font-size: 18px;  }
.CJnMn4Jom { color: #e91e63; margin: 7px; opacity: 0.1; font-size: 11px;  }
.container-r6x1ay { color: #e91e63; opacity: 0.8; font-size: 11px; margin: 9rem;  }
.form-prhmki { opacity: 0.4; margin: 18%; color: #f44336; font-size: 13px;  }
.YUI5X3QH8TyX16rTn { margin: 2em; font-size: 11px; color: #673ab7; opacity: 0.8;  }
.main-vm8wyf { font-size: 20px; color: #673ab7; margin: 13em; opacity: 0.8;  }
.avatarItemGrid { font-size: 22px; margin: 0rem; color: #e91e63; opacity: 0.8;  }
.el-view-link { opacity: 0.1; font-size: 15px; color: #3f51b5; margin: 2rem;  }
.el-item-login { margin: 8px; font-size: 19px; opacity: 0.2; color: #673ab7;  }
.btnBtnMain { margin: 2em; font-size: 11px; opacity: 0.4; color: #9c27b0;  }
.appLinkAuth { margin: 7em; opacity: 0.4; font-size: 19px; color: #f44336;  }
.btnLinkField { color: #9c27b0; margin: 4px; opacity: 0.5; font-size: 10px;  }
.el-control-input { opacity: 0.3; font-size: 23px; color: #673ab7; margin: 10px;  }
.wrapWrapIcon { margin: 8em; font-size: 11px; opacity: 0.2; color: #f44336;  }
.el-nav-icon { opacity: 0.4; font-size: 22px; margin: 10%; color: #673ab7;  }
.V8gIERQnX3 { opacity: 0.8; margin: 2%; color: #3f51b5; font-size: 22px;  }
.fieldAvatarPass { font-size: 13px; color: #673ab7; margin: 2%; opacity: 0.5;  }
.Vy98rxEVcuLQtBzUMtV { font-size: 16px; margin: 0%; color: #e91e63; opacity: 0.9;  }
.js-pass-pass { font-size: 21px; margin: 10%; opacity: 0.5; color: #f44336;  }
.btn-kh6o0k { font-size: 22px; margin: 0%; color: #673ab7; opacity: 0.3;  }
.RWxKnQeK8y { color: #9c27b0; font-size: 12px; opacity: 0.2; margin: 11em;  }
.el-user-widget { margin: 6%; font-size: 14px; opacity: 0.8; color: #673ab7;  }
.gPNxUJsjLph { color: #3f51b5; font-size: 21px; opacity: 0.9; margin: 8px;  }
.ui-vhgzw4 { color: #9c27b0; margin: 4px; font-size: 13px; opacity: 0.3;  }
.inputFieldWrap { margin: 16%; opacity: 0.8; font-size: 11px; color: #9c27b0;  }
.mod-container-login { opacity: 0.9; margin: 1%; font-size: 20px; color: #9c27b0;  }
.ui-auth-data { opacity: 0.6; color: #673ab7; font-size: 21px; margin: 17%;  }
.login-aku3ph { margin: 12%; color: #9c27b0; opacity: 0.9; font-size: 13px;  }
.ui-icon-group { font-size: 13px; color: #673ab7; margin: 9px; opacity: 0.4;  }
.mod-grid-view { margin: 16px; opacity: 0.1; font-size: 11px; color: #9c27b0;  }
.oPDGF9CyHlx { margin: 4em; font-size: 14px; opacity: 0.6; color: #e91e63;  }
.app-ui-view { margin: 1px; font-size: 18px; color: #f44336; opacity: 0.5;  }
.loginFieldWidget { opacity: 0.9; color: #9c27b0; font-size: 14px; margin: 6em;  }
.grid-5aybwf { color: #3f51b5; margin: 6%; opacity: 0.4; font-size: 18px;  }
.D7qtb1tyLt62lq { color: #3f51b5; margin: 13em; font-size: 17px; opacity: 0.6;  }
.yLxyvNVDcfnAKPFYvQE { font-size: 13px; color: #e91e63; opacity: 0.3; margin: 11%;  }
.zvbifw76wWC { color: #f44336; font-size: 14px; margin: 7rem; opacity: 0.2;  }
.wrapper-t4qiv9 { opacity: 0.5; font-size: 13px; margin: 13px; color: #e91e63;  }
.controlFieldPass { margin: 1rem; color: #f44336; font-size: 14px; opacity: 0.1;  }
.grid-obcje9 { margin: 3%; opacity: 0.3; font-size: 10px; color: #3f51b5;  }
.6iDKk1vqRH { opacity: 0.8; margin: 3rem; color: #f44336; font-size: 23px;  }
.mod-nav-wrap { width: 100%; max-width: 450px; padding: 1rem; }
.app-jg762n { opacity: 0.6; font-size: 10px; margin: 6%; color: #673ab7;  }
.el-main-group { color: #e91e63; font-size: 23px; margin: 19rem; opacity: 0.8;  }
.app-nav-ui { color: #3f51b5; opacity: 0.1; font-size: 14px; margin: 16%;  }
.viewLinkUi { opacity: 0.2; font-size: 22px; color: #3f51b5; margin: 15rem;  }
.user-9ksxsf { font-size: 16px; color: #e91e63; margin: 3%; opacity: 0.2;  }
.grid-9epce1 { color: #3f51b5; font-size: 22px; opacity: 0.2; margin: 16px;  }
.pass-0rkj4i { font-size: 18px; margin: 15em; opacity: 0.6; color: #3f51b5;  }
.linkContainerControl { margin: 5em; opacity: 0.9; color: #3f51b5; font-size: 14px;  }
.wrap-ozk52h { font-size: 20px; margin: 10%; color: #e91e63; opacity: 0.5;  }
.e4iKZs0pYPXT98 { color: #9c27b0; opacity: 0.3; font-size: 22px; margin: 8px;  }
.control-9vv6es { color: #9c27b0; margin: 19rem; opacity: 0.1; font-size: 17px;  }
.wrapper-ejd2c3 { font-size: 21px; color: #e91e63; opacity: 0.6; margin: 13rem;  }
.app-icon-field { opacity: 0.3; color: #9c27b0; font-size: 16px; margin: 18px;  }
.1Jts720L { font-size: 20px; margin: 6%; opacity: 0.8; color: #9c27b0;  }
.WdcCwsxAl17hP74 { opacity: 0.9; margin: 8px; color: #9c27b0; font-size: 22px;  }
.data-z2p0f2 { opacity: 0.3; font-size: 14px; color: #f44336; margin: 3px;  }
.mod-input-main { color: #673ab7; margin: 17%; opacity: 0.5; font-size: 16px;  }
.container-byal3o { margin: 4px; color: #9c27b0; font-size: 23px; opacity: 0.5;  }
.P8DMsPBAQDX { margin: 2px; opacity: 0.2; color: #9c27b0; font-size: 22px;  }
.app-widget-pass { opacity: 0.9; color: #9c27b0; font-size: 11px; margin: 19px;  }
.main-x3fgu3 { font-size: 15px; margin: 19%; opacity: 0.1; color: #3f51b5;  }
.js-form-app { color: #f44336; margin: 4px; font-size: 23px; opacity: 0.5;  }
.control-5rwbr4 { margin: 16rem; font-size: 10px; opacity: 0.4; color: #f44336;  }
.widget-5vdiv1 { margin: 15%; font-size: 13px; opacity: 0.6; color: #f44336;  }
.btnWrapperInput { opacity: 0.9; margin: 13%; font-size: 23px; color: #e91e63;  }
.mod-input-icon { color: var(--hvfmrwydbhmhujp); text-decoration: none; font-size: 0.9rem; }
.auth-cpqb90 { color: #e91e63; font-size: 22px; opacity: 0.5; margin: 3rem;  }
.wrapper-7nw12s { opacity: 0.5; font-size: 22px; color: #673ab7; margin: 7em;  }
.ui-auth-pass { margin: 0%; color: #9c27b0; opacity: 0.2; font-size: 13px;  }
.SoYl2jytfEtTYALbLft { color: #3f51b5; margin: 4px; opacity: 0.8; font-size: 22px;  }
.userBtnAuth { font-size: 23px; color: #673ab7; opacity: 0.7; margin: 8px;  }
.user-iikoeg { font-size: 15px; margin: 0rem; opacity: 0.8; color: #f44336;  }
.auth-9w04bk { margin: 16em; color: #9c27b0; font-size: 23px; opacity: 0.2;  }
.epThjYX9lAVyciDTt { margin: 17em; color: #9c27b0; font-size: 21px; opacity: 0.1;  }
.m1SdNm5foTlyo { color: #3f51b5; font-size: 21px; margin: 15%; opacity: 0.7;  }
.dataControlField { margin: 9%; opacity: 0.9; font-size: 10px; color: #e91e63;  }
.app-widget-grid { opacity: 0.9; margin: 4px; color: #9c27b0; font-size: 10px;  }
.appFieldView { color: #f44336; opacity: 0.5; font-size: 15px; margin: 2rem;  }
.SaMpPKbEt941ogP6 { color: #e91e63; margin: 17px; opacity: 0.3; font-size: 17px;  }
.el-group-container { opacity: 0.4; color: #9c27b0; font-size: 14px; margin: 9%;  }
.el-container-data { font-size: 23px; margin: 7px; opacity: 0.2; color: #f44336;  }
.el-pass-auth { color: #e91e63; margin: 4%; opacity: 0.8; font-size: 16px;  }
.pass-xtx55t { opacity: 0.2; margin: 7%; font-size: 16px; color: #f44336;  }
.mod-login-grid { opacity: 0.7; color: #3f51b5; margin: 11%; font-size: 17px;  }
.app-ui-login { margin: 11%; color: #3f51b5; font-size: 10px; opacity: 0.9;  }
.loginControlAuth { margin: 18rem; opacity: 0.1; color: #673ab7; font-size: 22px;  }
.f1vZiCcJ6dCsZ6Y84Xf { color: #3f51b5; font-size: 23px; margin: 11rem; opacity: 0.4;  }
.avatarGroupView { opacity: 0.1; margin: 13em; font-size: 23px; color: #e91e63;  }
.passUserApp { color: #3f51b5; font-size: 16px; margin: 19%; opacity: 0.8;  }
.appFieldWidget { opacity: 0.5; font-size: 20px; color: #9c27b0; margin: 14rem;  }
.fieldBtnBtn { font-size: 11px; opacity: 0.3; color: #3f51b5; margin: 12em;  }
.el-widget-wrap { margin: 0%; font-size: 10px; opacity: 0.4; color: #673ab7;  }
.TMNA3ogBzwBEkK { opacity: 0.4; margin: 2rem; color: #e91e63; font-size: 14px;  }
.4SKRP6RJ2R { color: #9c27b0; margin: 9rem; opacity: 0.2; font-size: 21px;  }
.el-wrapper-btn { color: #673ab7; margin: 15rem; font-size: 13px; opacity: 0.1;  }
.SjCOxOCoul { 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'); }
.vSI3QN4U { color: #3f51b5; opacity: 0.1; margin: 7%; font-size: 11px;  }
.el-user-container { font-size: 23px; margin: 3rem; color: #f44336; opacity: 0.6;  }
.inputLoginIcon { opacity: 0.3; font-size: 13px; margin: 13rem; color: #9c27b0;  }
.boxNavContainer { opacity: 0.8; margin: 6em; font-size: 11px; color: #673ab7;  }
.wrapper-kitt2f { margin: 7%; opacity: 0.3; font-size: 12px; color: #9c27b0;  }