@import url(https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@200;400;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600&family=Source+Sans+Pro:wght@200;400;900&display=swap);.login-page{background:#f9f6f2;color:#000;font-family:Open Sans}@media (max-width:599.98px){.login-page{background:#fff!important}}.login-page-section{display:grid;align-items:center;justify-content:center;width:100%;min-height:100vh;padding:80px}@media (max-width:599.98px){.login-page-section{display:flex;min-height:0;padding:0}}.login-page-form{background:#fff;border-radius:4px;box-shadow:0 5px 24px rgba(0,0,0,0.15);min-height:540px;padding:50px 40px 40px;width:400px}@media (max-width:599.98px){.login-page-form{box-shadow:none;padding:40px;width:100%}}.login-page-form-logo{display:flex;width:100%}.login-page-form-logo .q-focus-helper{background:none!important;opacity:0!important}.login-page-form-title{font-size:24px;letter-spacing:-0.05em;line-height:1.4;text-align:center}.login-page-form-subtitle{color:#31363b;font-size:14px;line-height:1.3;text-align:center}.login-page-form-input_block{margin-bottom:16px}.login-page-form-input_wrapper{position:relative;height:48px;margin-bottom:2px}.login-page-form-input{position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #c2c8d0;border-radius:4px;font-size:1rem;outline:none;padding:16px;background:none;z-index:1}.login-page-form-input:-webkit-autofill,.login-page-form-input :-webkit-autofill:active,.login-page-form-input:-webkit-autofill:focus,.login-page-form-input:-webkit-autofill:hover{-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.login-page-form-label{position:absolute;left:16px;top:12px;padding:0 0.25rem;background-color:#fff;color:#70777f;font-size:16px;transition:0.3s}.login-page-form-input:focus+.login-page-form-label{top:-9px;left:10px;color:#3579a9;font-size:12px;z-index:10}.login-page-form-input:focus{border:2px solid #3579a9}.login-page-form-input.error-input,.login-page-form-input:focus.error-input{border:2px solid #bf2c25}.login-page-form-input:focus.error-input+.login-page-form-label{color:#bf2c25}.login-page-form .error-message{color:#bf2c25;font-size:14px;padding-top:3px}.login-page-form .error-message-icon{font-size:15px;padding-right:7px}.login-page-form-button{border-radius:4px;color:#fff;font-size:18px;font-weight:600;width:100%;height:51px}.login-page-form-text{color:#31363b;font-size:14px;line-height:1.3}.login-page-form .clickable{color:#337aa9;cursor:pointer;font-weight:700}.login-page .loader_overlay{position:fixed;top:0;left:0;width:100%;height:100%;padding:20px;display:flex;opacity:1;visibility:visible;align-items:center;justify-content:center;text-align:center;color:#fff;background-color:#f9f6f2;z-index:9997}.login-page .loader_overlay.loaded{opacity:0!important;visibility:hidden!important;transition:all 0.3s ease-out}.login-page-form-input:not(:placeholder-shown).login-page-form-input:not(:focus)+.login-page-form-label{top:-9px;left:10px;font-size:12px;z-index:10}.login-page-form-input.error-input:not(:placeholder-shown).login-page-form-input.error-input:not(:focus)+.login-page-form-label{color:#bf2c25}.cl-style{width:100%;background-color:#fff!important;box-shadow:0px 3px 10px rgba(0,0,0,0.15);border-radius:12px;color:#000;display:block!important}.cl-style .gray{color:#8f8f8f}.cl-style .bg-blue-light{color:#31343e}.cl-style .button{background:#e65978;color:#fff;min-width:235px;width:100%;padding:0.675rem 2rem;letter-spacing:0.2em;margin:15px 0 0;font-size:1.125rem;font-weight:700;border-radius:4px;text-transform:uppercase}.cl-style input{font-size:1rem;border:1px solid #2d333a;background:#fff;border-radius:3px;color:#000}.cl-style .q-field--standout .q-field__control{padding:0;position:relative}.cl-style .q-field--float .q-field__label{color:#6f7780;font-size:16px;position:absolute;top:2px;left:10px;padding:1px 6px;background:#fff;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;overflow:visible!important;text-overflow:inherit}.cl-style .q-field--dark .q-field__input,.cl-style .q-field--dark .q-field__native,.cl-style .q-field--dark .q-field__prefix,.cl-style .q-field--dark .q-field__suffix{color:#2d333a;font-size:16px;font-weight:400;padding:0 10px}.cl-style .icon{color:#ff2991}.cl-style .text-header{font-style:normal;font-weight:600}.cl-style .text-header,.cl-style .text-icon-name{font-family:Source Sans Pro,sans-serif;color:#000}.cl-style .text-icon-name{font-weight:400;font-size:16px;line-height:20px}.cl-style .text-forgot-psw,.cl-style .text-signup{font-family:Open Sans,sans-serif;font-style:normal;font-weight:600;font-size:16px;text-decoration:none;color:#007bad}.cl .cllogin{background-color:#f0f0f0;flex-direction:row}.cl .cllogin,.cl .cllogin-box{display:flex;justify-content:center;align-items:center}.cl .cllogin-box{background-color:rgba(0,0,0,0.7);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:8px;padding:30px 30px 20px 30px;flex-direction:column}.cl .cllogin-or{position:absolute;top:0;left:50%;margin:-12px 0 0 -12px;border-radius:50%!important;width:24px;height:24px;display:flex;justify-content:center;align-items:center;padding:0 0 1px 0;font-size:12px}.cl .cllogin-card{background-image:radial-gradient(ellipse at top,hsla(0,0%,100%,0.05),transparent),radial-gradient(ellipse at bottom,rgba(0,0,0,0.25),transparent)!important}.cl .cllogin-card .custom-expansion .q-item{min-height:30px;padding:8px 0 10px}.cl .cllogin-card .custom-expansion .q-item__section--avatar{min-width:12px;padding-right:8px}.cl .cllogin-card .custom-expansion .icon-triangle i{font-size:11px;transform:rotate(90deg)}.cl .cllogin-card .custom-expansion .q-expansion-item__toggle-icon--rotated{transform:rotate(180deg)!important}.cl .cllogin-card .custom-expansion-inner{padding:0 0 0 20px}.cl .cllogin-card .fs-12{font-size:12px}.cl .cllogin-card .link{color:#fff;cursor:pointer;text-decoration:underline}.cl .cllogin-card .link:hover{text-decoration:none}.cl .cllogin-left{border-bottom:1px solid rgba(0,0,0,0.1)}.cl .cllogin-right{position:relative;border-top:1px solid hsla(0,0%,100%,0.15);display:flex;align-items:center}.cl .cllogin .drawer-copyright{text-align:center;color:#9e9e9e}.cl .cllogin .drawer-copyright a{color:#000;text-decoration:none}.cl .cllogin .drawer-copyright a:active,.cl .cllogin .drawer-copyright a:hover{text-decoration:underline}.clickplay-style{width:100%;background-color:#1a1d29!important;box-shadow:0px 3px 10px rgba(0,0,0,0.15);border-radius:12px;display:block!important}.clickplay-style .gray{color:#8f8f8f}.clickplay-style .bg-blue-light{color:#31343e}.clickplay-style .button{background:linear-gradient(90deg,#ff2991 0%,#ff7147);color:#fff;min-width:235px;width:100%;padding:0.675rem 2rem;margin:15px 0 0;font-size:1.125rem;font-weight:700;border-radius:100px;text-transform:uppercase;transition:color 0.1s ease-in-out}.clickplay-style input{font-size:1rem}.clickplay-style .icon{color:#ff2991}.clickplay-style .text-header{font-family:Source Sans Pro,sans-serif;font-style:normal;font-weight:700;color:#fff}.clickplay-style .text-icon-name{font-family:Source Sans Pro,sans-serif;font-weight:600;font-size:16px;line-height:20px;color:#fff}.clickplay-style .text-forgot-psw{font-family:Open Sans,sans-serif;font-style:normal;font-weight:600;font-size:16px;-webkit-text-decoration-line:underline;text-decoration-line:underline;color:#8f8f8f}.login{background-color:#000;background-image:url(/bg/login-bg.jpg);background-size:cover;background-position:50%;flex-direction:row}.login,.login-box{display:flex;justify-content:center;align-items:center}.login-box{background-color:rgba(0,0,0,0.7);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:8px;padding:30px 30px 20px 30px;flex-direction:column}.login-or{position:absolute;top:0;left:50%;margin:-12px 0 0 -12px;border-radius:50%!important;width:24px;height:24px;display:flex;justify-content:center;align-items:center;padding:0 0 1px 0;font-size:12px}.login-card{background-image:radial-gradient(ellipse at top,hsla(0,0%,100%,0.05),transparent),radial-gradient(ellipse at bottom,rgba(0,0,0,0.25),transparent)!important}.login-card .custom-expansion .q-item{min-height:30px;padding:8px 0 10px}.login-card .custom-expansion .q-item__section--avatar{min-width:12px;padding-right:8px}.login-card .custom-expansion .icon-triangle i{font-size:11px;transform:rotate(90deg)}.login-card .custom-expansion .q-expansion-item__toggle-icon--rotated{transform:rotate(180deg)!important}.login-card .custom-expansion-inner{padding:0 0 0 20px}.login-card .fs-12{font-size:12px}.login-card .link{color:#fff;cursor:pointer;text-decoration:underline}.login-card .link:hover{text-decoration:none}.login-card .inline{display:inline-block}.login-left{border-bottom:1px solid rgba(0,0,0,0.1)}.login-right{position:relative;border-top:1px solid hsla(0,0%,100%,0.15);display:flex;align-items:center}.login .drawer-copyright{text-align:center;color:#9e9e9e}.login .drawer-copyright a{color:#ccc;text-decoration:none}.login .drawer-copyright a:active,.login .drawer-copyright a:hover{text-decoration:underline}.vpn .header-nav-search-btn{display:none}