.view-login{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:stretch;align-items:stretch;box-sizing:border-box;width:100%;padding:0;margin:0}.view-login .st-image{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center;box-sizing:border-box;padding:0 15px;margin:0;flex:0 0 300px;background-color:var(--c_yellow)}.view-login .st-image .image{display:block;box-sizing:border-box;width:100%;padding:0;margin:0}.view-login .st-image .image svg{max-width:100%}.view-login .st-content{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;box-sizing:border-box;height:100vh;padding:25px 15px;margin:0;flex:0 1 100%;overflow-y:auto;position:relative;background-color:#fff}.view-login .link{color:#000;cursor:pointer;font-weight:700;transition:all .2s ease;position:relative;z-index:+1}.view-login .link:after{content:"";display:block;box-sizing:border-box;width:100%;height:2px;padding:0;margin:0;position:absolute;left:0;bottom:0;background-color:#ccc;transition:all .3s ease;z-index:-1}.view-login .link:hover:after{left:100%;width:0}.view-login .link:hover{color:#000}.view-login .logo{display:block;box-sizing:border-box;padding:0;margin:0 0 15px}.view-login .logo .image{display:block;box-sizing:border-box;width:140px;height:100px;padding:0;margin:0 auto}.view-login .logo .image svg{width:100%;height:100%;fill:#000}.view-login .wrap-title{display:block;box-sizing:border-box;padding:0;margin:0 0 10px}.view-login .wrap-title .title{display:block;box-sizing:border-box;font-family:var(--f_roboto);font-size:36px;font-weight:600;line-height:120%;text-align:center;color:#000;padding:0;margin:0}.view-login .description{display:block;box-sizing:border-box;padding:0;margin:0 0 25px}.view-login .description p{display:block;box-sizing:border-box;font-family:var(--f_roboto);font-size:16px;font-weight:400;line-height:125%;text-align:center;color:#000;padding:0;margin:0 0 10px}.view-login .description p:last-child{margin:0}.view-login .panel-thirdparty{display:block;box-sizing:border-box;width:100%;max-width:85%;padding:0;margin:0 auto}.view-login .panel-thirdparty:last-child{margin:0 auto}.view-login .panel-thirdparty .head{display:block;box-sizing:border-box;padding:23px 0 25px;margin:0;overflow:hidden;text-align:center}.view-login .panel-thirdparty .head .label{display:inline;box-sizing:border-box;font-family:var(--f_asap);font-size:16px;font-weight:500;line-height:125%;color:#000;padding:0 5px;margin:0 auto;background-color:#fff;position:relative;z-index:+1}.view-login .panel-thirdparty .head .label:before{content:"";display:block;box-sizing:border-box;width:500px;height:1px;background-color:#ccc;position:absolute;right:0;top:62%;z-index:-1}.view-login .panel-thirdparty .head .label:after{content:"";display:block;box-sizing:border-box;width:500px;height:1px;background-color:#ccc;position:absolute;left:0;top:62%;z-index:-1}.view-login .panel-thirdparty .column{display:block;box-sizing:border-box;padding:0;margin:0}.view-login .panel-thirdparty .column .btn-google{display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;box-sizing:border-box;text-decoration:none;color:#000;padding:15px;margin:0 0 10px;background-color:#fff;border-radius:50px;border:1px solid #ccc}.view-login .panel-thirdparty .column .btn-google:last-child{margin:0}.view-login .panel-thirdparty .column .btn-google .icon{display:inline-block;box-sizing:border-box;width:18px;height:18px;padding:0;margin:0 15px 0 0;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}.view-login .panel-thirdparty .column .btn-google .label{display:inline;box-sizing:border-box;text-align:center;font-family:var(--f_asap);font-size:16px;font-weight:700;line-height:18px;padding:0;margin:0}.view-login .panel-thirdparty .column .btn-facebook{display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;box-sizing:border-box;text-decoration:none;color:#fff;padding:15px;margin:0 0 10px;background-color:var(--c_facebook);border-radius:50px;border:1px solid var(--c_facebook)}.view-login .panel-thirdparty .column .btn-facebook:last-child{margin:0}.view-login .panel-thirdparty .column .btn-facebook .icon{display:inline-block;box-sizing:border-box;width:18px;height:18px;padding:0;margin:0 15px 0 0;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}.view-login .panel-thirdparty .column .btn-facebook .label{display:inline;box-sizing:border-box;text-align:center;font-family:var(--f_asap);font-size:16px;font-weight:700;line-height:18px;padding:0;margin:0}.view-login .panel-thirdparty .column .btn-discord{display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;box-sizing:border-box;text-decoration:none;color:#fff;padding:15px;margin:0 0 10px;background-color:var(--c_discord);border-radius:50px;border:1px solid var(--c_discord)}.view-login .panel-thirdparty .column .btn-discord:last-child{margin:0}.view-login .panel-thirdparty .column .btn-discord .icon{display:inline-block;box-sizing:border-box;width:18px;height:18px;padding:0;margin:0 15px 0 0;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}.view-login .panel-thirdparty .column .btn-discord .label{display:inline;box-sizing:border-box;text-align:center;font-family:var(--f_asap);font-size:16px;font-weight:700;line-height:18px;padding:0;margin:0}.view-login .panel-thirdparty .column .btn-apple{display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;box-sizing:border-box;text-decoration:none;color:#fff;padding:15px;margin:0 0 10px;background-color:#000;border-radius:50px;border:1px solid #000}.view-login .panel-thirdparty .column .btn-apple:last-child{margin:0}.view-login .panel-thirdparty .column .btn-apple .icon{display:inline-block;box-sizing:border-box;width:18px;height:18px;padding:0;margin:0 15px 0 0;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}.view-login .panel-thirdparty .column .btn-apple .label{display:inline;box-sizing:border-box;text-align:center;font-family:var(--f_asap);font-size:16px;font-weight:700;line-height:18px;padding:0;margin:0}.view-login .panel-thirdparty .column .social-errors{display:block;box-sizing:border-box;padding:0;margin:0}.view-login .panel-thirdparty .column .social-errors .error{display:inline-block;box-sizing:border-box;font-family:var(--f_asap);font-size:14px;font-weight:500;line-height:125%;color:#000;padding:6px 15px;margin:0 0 10px;border-radius:5px;background-color:var(--c_yellow);position:relative}.view-login .http-data{display:block;box-sizing:border-box;width:100%;max-width:85%;padding:0;margin:0 auto 25px}.view-login .http-data form{display:block;box-sizing:border-box;padding:0;margin:0 0 20px}.view-login .http-data .control{display:block;box-sizing:border-box;padding:0;margin:0}.view-login .http-data .control .input-wrapper{display:block;box-sizing:border-box;padding:0;margin:0;position:relative}.view-login .http-data .control .input-wrapper.error input[type=text],.view-login .http-data .control .input-wrapper.error input[type=password]{border-color:var(--c_error_red)}.view-login .http-data .control .input-wrapper .errors-wrap{display:inline-block;box-sizing:border-box;padding:0;margin:8px 0 0;border-radius:5px;background-color:var(--c_yellow);position:relative}.view-login .http-data .control .input-wrapper .errors-wrap:before{content:" ";display:block;box-sizing:border-box;height:0;width:0;position:absolute;bottom:100%;left:15px;border:solid transparent;pointer-events:none;border-color:transparent;border-bottom-color:var(--c_yellow);border-width:5px;margin-left:0}.view-login .http-data .control .input-wrapper .errors-wrap .single-error{display:block;box-sizing:border-box;font-family:var(--f_asap);font-size:14px;font-weight:400;line-height:125%;color:#000;padding:6px 15px;margin:0}.view-login .http-data .control .input-wrapper .btn-event{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-end;align-items:center;box-sizing:border-box;padding:0;margin:0;position:absolute;right:12px;top:11px;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.view-login .http-data .control .input-wrapper .btn-event .icon-set,.view-login .http-data .control .input-wrapper .btn-event .icon-unset{display:block;box-sizing:border-box;width:20px;height:20px;line-height:0;padding:0;margin:0}.view-login .http-data .control .input-wrapper .btn-event.unset .icon-set,.view-login .http-data .control .input-wrapper .btn-event.set .icon-unset{display:none}.view-login .http-data .control .input-wrapper .btn-event .icon-set svg,.view-login .http-data .control .input-wrapper .btn-event .icon-unset svg{width:100%;height:100%;fill:gray;transition:all .2s ease-out}.notouch .view-login .http-data .control .input-wrapper .btn-event:hover .icon-set svg,.notouch .view-login .http-data .control .input-wrapper .btn-event:hover .icon-unset svg{fill:#000}.view-login .http-data .panel-submit{display:block;box-sizing:border-box;text-align:center;padding:0;margin:0}.view-login .http-data .panel-submit .btn-submit{display:block;box-sizing:border-box;font-family:var(--f_asap);font-size:16px;font-weight:500;line-height:20px;text-align:center;text-decoration:none;color:#fff;width:100%;padding:10px 15px;margin:0;background-color:#000;transition:all .15s ease-out;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:4px}.view-login .http-data .panel-submit .btn-submit.touch,.notouch .view-login .http-data .panel-submit .btn-submit:hover{color:#000;background-color:var(--c_yellow)}.view-login .http-data .panel-submit .btn-submit .name{display:inline}.view-login .grid{display:flex;box-sizing:border-box;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:stretch;padding:0;margin:0}.view-login .grid .row{display:flex;flex-wrap:nowrap;flex-direction:row;justify-content:flex-start;align-items:stretch;box-sizing:border-box;padding:0;margin:0 0 15px}.view-login .grid .row:last-child{margin:0}.view-login .grid .row .col-100{display:block;box-sizing:border-box;width:100%;padding:0;margin:0}.view-login .end-note{display:block;box-sizing:border-box;padding:0;margin:0}.view-login .end-note:last-child{margin:0}.view-login .end-note p{display:block;box-sizing:border-box;font-family:var(--f_roboto);font-size:14px;font-weight:400;line-height:125%;text-align:center;color:#000;padding:0;margin:0 0 10px}.view-login .end-note p:last-child{margin:0}.view-login .terms{align-self:center;display:block;box-sizing:border-box;width:100%;max-width:80%;margin:auto 0 0;padding:20px 0 0}.view-login .terms p{display:block;box-sizing:border-box;font-family:var(--f_roboto);font-size:10px;font-weight:400;line-height:120%;text-align:center;color:#ccc;padding:0;margin:0 0 10px;cursor:default}.view-login .terms p:last-child{margin:0}@media screen and (max-width:720px){.view-login .st-image{flex:0 0 200px}}@media screen and (max-width:550px){.view-login .st-image{flex:0 0 50px}.view-login .st-image .image{display:none}}@media screen and (max-width:440px){.view-login .st-image{display:none}}@media screen and (max-width:360px){.view-login .logo .image{max-width:120px}.view-login .wrap-title .title{font-size:22px}.view-login .description p{font-size:14px}}