/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
.user-page .login-page{background-repeat:no-repeat;background-size:cover;margin:0;max-width:100%}@media screen and (max-width:767px){.user-page .login-page{background-image:url(https://www.lelo.com/themes/play/images/login/login-m.webp);background-position:top}}@media screen and (min-width:768px){.user-page .login-page{background-attachment:fixed;background-image:url(https://www.lelo.com/themes/play/images/login/login-d.webp);background-position:100%}}.user-page .login-page .layout-content{padding:150px 0 75px}@media screen and (max-width:991px){.user-page .login-page .layout-content{max-width:100%;padding-left:45px;padding-right:45px}}@media screen and (max-width:767px){.user-page .login-page .layout-content{padding-left:20px;padding-right:20px}}@media screen and (max-width:575px){.user-page .login-page .layout-content{padding-bottom:50px;padding-top:90px}}.user-page .login-page .user__content--login,.user-page .login-page .user__content--password{background-color:#fff;border-radius:10px;box-shadow:3px 3px 10px 0 hsla(0,0%,40%,.3);margin:0 auto;max-width:830px;padding:100px 45px 45px;position:relative}@media screen and (max-width:575px){.user-page .login-page .user__content--login,.user-page .login-page .user__content--password{padding:150px 20px 40px}}.user-page .login-page .user__content--password{padding:40px 30px 40px 35px}.user-page .login-page .user__content--password h3{display:block;font-family:Lab Grotesque,Helvetica,Arial,sans-serif;font-size:1.8rem;font-weight:900;letter-spacing:normal;line-height:normal;padding:0 0 25px;position:relative;text-transform:uppercase}@media screen and (max-width:575px){.user-page .login-page .user__content--password h3{display:block;margin-bottom:15px;padding-bottom:15px}}@media screen and (min-width:768px){.user-page .login-page .user__content--password h3:after{background:#0c0c0c;border-radius:10px;bottom:0;content:"";height:3px;left:0;position:absolute;right:0}}.user-page .login-page .login-form{display:flex;flex-wrap:wrap}.user-page .login-page .login-form__column{width:50%}@media screen and (max-width:991px){.user-page .login-page .login-form__column{width:100%}}.user-page .login-page .login-form__column:first-child{border-right:1px solid #ccc;padding-right:45px}@media screen and (max-width:991px){.user-page .login-page .login-form__column:first-child{border-right:none;padding-right:0}}.user-page .login-page .login-form__column:last-child{margin-top:20px;padding-left:45px}@media screen and (max-width:991px){.user-page .login-page .login-form__column:last-child{padding-left:0;text-align:center}}.user-page .login-page .login-form__column .block{position:unset}.user-page .login-page .login-form__column #block-play-local-tasks{display:none}.user-page .login-page .user__switch{bottom:auto;left:0;margin:0 auto;padding:0 0 25px;position:absolute;right:0;top:35px;width:calc(100% - 65px)}@media screen and (max-width:575px){.user-page .login-page .user__switch{border:0;padding-bottom:0;width:calc(100% - 40px)}}@media screen and (min-width:768px){.user-page .login-page .user__switch:after{background:#0c0c0c;border-radius:10px;bottom:0;content:"";height:3px;left:0;position:absolute;right:0}}.user-page .login-page .user__switch a{display:inline-block;font-family:Lab Grotesque,Helvetica,Arial,sans-serif;font-size:1.8rem;font-weight:300;letter-spacing:normal;line-height:normal;margin-bottom:0;text-transform:uppercase}@media screen and (max-width:575px){.user-page .login-page .user__switch a{border-bottom:1px solid #ccc;display:block;margin-bottom:15px;padding-bottom:15px}}.user-page .login-page .user__switch h1{display:inline-block;font-family:Lab Grotesque,Helvetica,Arial,sans-serif;font-size:1.8rem;font-weight:900;letter-spacing:normal;line-height:normal;margin-bottom:0;text-transform:uppercase}@media screen and (max-width:575px){.user-page .login-page .user__switch h1{border-bottom:1px solid #ccc;display:block;margin-bottom:15px;padding-bottom:15px}}.user-page .login-page .user__switch .user__login-link{margin:0 30px 0 0;padding:0 30px 0 0}@media screen and (max-width:575px){.user-page .login-page .user__switch .user__login-link{border-bottom:1px solid #ccc;border-right:0;margin:0 0 15px;padding:0 0 15px}}.user-page .login-page .user__switch .user__register-link{margin:0 0 0 30px;padding:0 0 0 30px}@media screen and (max-width:575px){.user-page .login-page .user__switch .user__register-link{border-bottom:1px solid #ccc;border-left:0;margin:0 0 15px;padding:0 0 15px}}.user-page .login-page .user__switch a{color:gray;transition:color .3s ease}.user-page .login-page .user__switch a:focus,.user-page .login-page .user__switch a:hover{color:#000}.user-page .login-page .user-login-form,.user-page .login-page .user-pass,.user-page .login-page .user-register-form{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:0;padding-top:20px}.user-page .login-page .user-login-form .js-form-type-textfield,.user-page .login-page .user-pass .js-form-type-textfield,.user-page .login-page .user-register-form .js-form-type-textfield{order:2}.user-page .login-page .user-login-form .js-form-type-password,.user-page .login-page .user-pass .js-form-type-password,.user-page .login-page .user-register-form .js-form-type-password{margin-bottom:30px;order:3}.user-page .login-page .user-login-form .form-wrapper,.user-page .login-page .user-pass .form-wrapper,.user-page .login-page .user-register-form .form-wrapper{order:4;width:100%}@media screen and (max-width:991px){.user-page .login-page .user-login-form .form-wrapper,.user-page .login-page .user-pass .form-wrapper,.user-page .login-page .user-register-form .form-wrapper{max-width:500px}}.user-page .login-page .user-login-form .form-wrapper input.form-submit,.user-page .login-page .user-pass .form-wrapper input.form-submit,.user-page .login-page .user-register-form .form-wrapper input.form-submit{font-family:Lab Grotesque,Helvetica,Arial,sans-serif;font-size:1.3rem;font-weight:900;letter-spacing:4px;margin-bottom:30px;padding:15px 0;text-transform:uppercase}.user-page .login-page .user-login-form .form-wrapper input.form-submit:focus,.user-page .login-page .user-login-form .form-wrapper input.form-submit:hover,.user-page .login-page .user-pass .form-wrapper input.form-submit:focus,.user-page .login-page .user-pass .form-wrapper input.form-submit:hover,.user-page .login-page .user-register-form .form-wrapper input.form-submit:focus,.user-page .login-page .user-register-form .form-wrapper input.form-submit:hover{background-color:#373e4f;box-shadow:0 4px 14px 0 rgba(0,0,0,.2),0 20px 30px -10px rgba(0,0,0,.2),0 10px 30px -20px rgba(0,63,204,.7);color:#fff}.user-page .login-page .user-login-form .request-password-link,.user-page .login-page .user-pass .request-password-link,.user-page .login-page .user-register-form .request-password-link{border-bottom:1px solid #0c0c0c;font-family:Lab Grotesque,Helvetica,Arial,sans-serif;font-size:.9rem;font-weight:900;letter-spacing:2px;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;order:5;text-align:center;text-transform:uppercase;width:100%}.user-page .login-page .user-login-form input.form-submit,.user-page .login-page .user-pass input.form-submit,.user-page .login-page .user-register-form input.form-submit{background-color:#000;color:#fff;width:100%}.user-page .login-page .user-login-form .description,.user-page .login-page .user-login-form label,.user-page .login-page .user-pass .description,.user-page .login-page .user-pass label,.user-page .login-page .user-register-form .description,.user-page .login-page .user-register-form label{display:none}@keyframes load7{0%{box-shadow:0 2.5em 0 -1.3em}0%{box-shadow:0 2.5em 0 0}80%{box-shadow:0 2.5em 0 -1.3em}to{box-shadow:0 2.5em 0 -1.3em}}.user-page .login-page .user-login-form .ajax-progress,.user-page .login-page .user-pass .ajax-progress,.user-page .login-page .user-register-form .ajax-progress{display:inline-block;left:9%;padding:1px 5px 2px;position:absolute;right:auto;top:30px;width:170px}@media screen and (max-width:575px){.user-page .login-page .user-login-form .ajax-progress,.user-page .login-page .user-pass .ajax-progress,.user-page .login-page .user-register-form .ajax-progress{left:0;top:80px;width:100%}}.user-page .login-page .user-login-form .progress__label,.user-page .login-page .user-pass .progress__label,.user-page .login-page .user-register-form .progress__label{display:none}.user-page .login-page .user-login-form .progress__track,.user-page .login-page .user-pass .progress__track,.user-page .login-page .user-register-form .progress__track{animation-delay:-.16s;animation-fill-mode:both;animation:load7 1s ease-in-out infinite;background:none!important;background-color:transparent!important;border-color:transparent!important;border:1px solid;border-radius:50%;box-shadow:none;color:#000;font-size:10px;height:12px;margin:0 auto;min-width:0;position:relative;text-indent:-9999em;transform:translateZ(0);width:12px}.user-page .login-page .user-login-form .progress__track:after,.user-page .login-page .user-login-form .progress__track:before,.user-page .login-page .user-pass .progress__track:after,.user-page .login-page .user-pass .progress__track:before,.user-page .login-page .user-register-form .progress__track:after,.user-page .login-page .user-register-form .progress__track:before{animation-fill-mode:both;animation:load7 1s ease-in-out infinite;background:none!important;background-color:transparent!important;border-color:transparent!important;border-radius:50%;box-shadow:none;content:"";height:12px;min-width:auto;position:absolute;top:0;width:12px}.user-page .login-page .user-login-form .progress__track:before,.user-page .login-page .user-pass .progress__track:before,.user-page .login-page .user-register-form .progress__track:before{animation-delay:-.1s;left:-18px}.user-page .login-page .user-login-form .progress__track:after,.user-page .login-page .user-pass .progress__track:after,.user-page .login-page .user-register-form .progress__track:after{left:18px}.user-page .login-page .user-login-form .progress__bar,.user-page .login-page .user-login-form .progress__description,.user-page .login-page .user-login-form .progress__percentage,.user-page .login-page .user-pass .progress__bar,.user-page .login-page .user-pass .progress__description,.user-page .login-page .user-pass .progress__percentage,.user-page .login-page .user-register-form .progress__bar,.user-page .login-page .user-register-form .progress__description,.user-page .login-page .user-register-form .progress__percentage{display:none}.user-page .login-page .privacy-policy{font-family:Lab Grotesque,Helvetica,Arial,sans-serif;font-size:1.2rem;font-weight:400;letter-spacing:.25px;line-height:1.6rem;margin-top:19px;text-align:center}.user-page .login-page .privacy-policy a{position:relative}.user-page .login-page .privacy-policy a:after{background-color:#0c0c0c;bottom:-5px;content:"";height:1px;left:0;position:absolute;width:100%}.user-page .login-page .user-register-form>p{font-family:Lab Grotesque,Helvetica,Arial,sans-serif;font-size:1.2rem;font-weight:400;letter-spacing:.25px;margin-bottom:20px}.user-page .login-page .user-register-form .field--name-field-newsletter-general input{height:auto;margin:0}.user-page .login-page .user-register-form .field--name-field-newsletter-general label{display:inline}.user-page .login-page .user-register-form .field--name-field-last-name input{margin-bottom:30px}.user-page .login-page .user-register-form .form-wrapper input.form-submit{margin-bottom:0}.user-page .login-page .user-pass input{margin-bottom:10px}.user-page .login-page .user-pass p{font-size:1.2rem;font-weight:400;margin-bottom:30px;order:2}.user-page .login-page .user-pass-reset>p{font-family:Lab Grotesque,Helvetica,Arial,sans-serif;font-size:1.2rem;font-weight:900;letter-spacing:.25px;line-height:1.3;margin:0}.user-page .login-page .user-pass-reset .password-parent{margin-bottom:20px!important;margin-top:15px}.user-page .login-page .user-pass-reset .password-field{margin-bottom:15px}.user-page .login-page .user-pass-reset .password-strength{align-items:self-end;display:flex;flex-direction:row;flex-wrap:wrap}.user-page .login-page .user-pass-reset .password-strength__title{color:#828691;font-family:Lab Grotesque,Helvetica,Arial,sans-serif;font-size:1rem;font-weight:400;letter-spacing:normal;line-height:1.4;order:1;width:40%}.user-page .login-page .user-pass-reset .password-strength__meter{order:2;width:60%}.user-page .login-page .user-pass-reset .password-strength__meter .password-strength__indicator.is-weak{background-color:#e21806}.user-page .login-page .user-pass-reset .password-strength__meter .password-strength__indicator.is-fair{background-color:#ecad0c}.user-page .login-page .user-pass-reset .password-strength__meter .password-strength__indicator.is-good{background-color:#0074bd}.user-page .login-page .user-pass-reset .password-strength__meter .password-strength__indicator.is-strong{background-color:#79b033}.user-page .login-page .user-pass-reset .password-confirm{margin-bottom:30px}.user-page .login-page .user-pass-reset .password-suggestions,.user-page .login-page .user-pass-reset .password-suggestions li{font-family:Lab Grotesque,Helvetica,Arial,sans-serif;font-size:1.2rem;font-weight:400;letter-spacing:.25px;line-height:1.3}.user-page .login-page .user-pass-reset .password-suggestions li{margin:0}.user-page .login-page .user-pass-reset .error{color:#d73935;font-weight:900}.user-page .login-page .user-pass-reset .ok{color:#325e1c;font-weight:900}.user-page .login-page .user-pass-reset .button.form-submit{font-family:Lab Grotesque,Helvetica,Arial,sans-serif;font-size:1.3rem;font-weight:900;letter-spacing:4px;text-transform:uppercase}@media screen and (max-width:767px){.user-page .login-page .user-pass-reset .button.form-submit{width:100%}}.user-page .login-page .user-pass .user__switch>h1{margin:0 30px 0 0;padding:0 30px 0 0}@media screen and (max-width:575px){.user-page .login-page .user-pass .user__switch>h1{margin:0 0 15px;padding:0 0 15px}}.user-page .login-page .login-form__social p{font-family:Lab Grotesque,Helvetica,Arial,sans-serif;font-size:1.3rem;font-weight:900;letter-spacing:4px;line-height:normal}.user-page .login-page ::-moz-placeholder{color:transparent}.user-page .login-page ::placeholder{color:transparent}