2 lines
24 KiB
CSS
Executable File
2 lines
24 KiB
CSS
Executable File
.GlueToggle__toggle{height:22px;position:relative;transition:background .4s ease;width:36px}.GlueToggle__toggle{background:var(--modspotify_sidebar_and_player_bg);border:2px solid var(--modspotify_slider_bg);border-radius:11px}.GlueToggle__toggle .GlueToggle__toggle-inner{height:22px;position:absolute;top:-2px;width:22px;transition:all .4s ease}.GlueToggle__toggle .GlueToggle__toggle-inner{background:var(--modspotify_secondary_fg);border-radius:inherit;box-shadow:0 0 1px rgba(var(--modspotify_rgb_cover_overlay_and_shadow),.75),0 0 3px rgba(var(--modspotify_rgb_cover_overlay_and_shadow),.3)}.GlueToggle__toggle .GlueToggle__toggle-inner{left:-5px}.GlueToggle__toggle:active .GlueToggle__toggle-inner{width:26px}.GlueToggle__toggle:active .GlueToggle__toggle-inner,.GlueToggle__toggle:hover .GlueToggle__toggle-inner{background:var(--modspotify_main_fg)}.GlueToggle__toggle:focus{outline:0}.GlueToggle--is-active .GlueToggle__toggle{background:var(--modspotify_indicator_fg_and_button_bg);border-color:transparent}.GlueToggle--is-active .GlueToggle__toggle .GlueToggle__toggle-inner{background:var(--modspotify_main_fg)}.GlueToggle--is-active .GlueToggle__toggle .GlueToggle__toggle-inner{left:15px}.GlueToggle--is-active .GlueToggle__toggle:active .GlueToggle__toggle-inner{left:15px}.GlueToggle--is-disabled .GlueToggle__toggle{pointer-events:none}.GlueToggle--is-disabled .GlueToggle__toggle{background:var(--modspotify_scrollbar_fg_and_selected_row_bg);border-color:transparent}.GlueToggle--is-disabled .GlueToggle__toggle .GlueToggle__toggle-inner{background:var(--modspotify_slider_bg);box-shadow:none}.GlueToggle--is-disabled .GlueToggle__toggle:active .GlueToggle__toggle-inner{width:22px}.GlueToggle--is-disabled .GlueToggle__toggle:active .GlueToggle__toggle-inner,.GlueToggle--is-disabled .GlueToggle__toggle:hover .GlueToggle__toggle-inner{background:var(--modspotify_slider_bg)}.GlueToggle--is-disabled .GlueToggle__toggle.GlueToggle--is-active:active .GlueToggle__toggle-inner{left:15px}.GlueCheckbox{display:flex;flex-direction:row}.GlueCheckbox__input{font-size:12px;line-height:18px;letter-spacing:.015em}.GlueCheckbox__label{font-size:12px;line-height:18px;letter-spacing:.015em;flex:1}.GlueCheckbox__label{text-align:left;margin-left:1em}.GlueTextInput{width:100%}.GlueTextInput__input{width:100%;height:30px;color:var(--modspotify_main_fg)}.GlueTextInput__input{padding:5px 12px;border-radius:4px;border:0;background-color:var(--modspotify_scrollbar_fg_and_selected_row_bg)}.GlueTextInput__input::placeholder{color:var(--modspotify_secondary_fg)}.GlueTextInput__input[disabled]{color:var(--modspotify_scrollbar_fg_and_selected_row_bg)}.GlueTextInput__input[disabled]{background-color:var(--modspotify_sidebar_and_player_bg)}.GlueTextInput__input[disabled]::placeholder{color:var(--modspotify_scrollbar_fg_and_selected_row_bg)}.GlueTextInput__input:focus{outline:0}.GlueTextInput__input:focus{background-color:var(--modspotify_slider_bg)}.GlueTextInput__input--has-error{background-color:var(--modspotify_miscellaneous_bg)}.GlueTextInput__input--has-error::placeholder{color:var(--modspotify_main_fg)}.body-container--unknown-os .GlueTextInput__input,.body-container--windows .GlueTextInput__input{border-radius:0}.App{display:flex;min-height:100%;flex-direction:column;position:relative}.App{background:var(--modspotify_sidebar_and_player_bg) url(../images/background.svg) no-repeat top;background-size:cover}.App .App__content{flex:1;position:relative;align-items:center;justify-content:center;display:flex}.App .App__content{margin-top:0}@media(min-height:750px){.App .App__content{margin-top:30px}}@media(min-height:900px){.App .App__content{margin-top:60px}}@keyframes cardEnterFromCenter{0%{opacity:0;transform:translateZ(0) scale(.8)}to{transform:translateZ(0) scale(1);opacity:1}}@keyframes cardEnterFromLeft-ltr{0%{opacity:0;transform:translate3d(-140px,0,0)}to{transform:translateZ(0) scale(1);opacity:1}}@keyframes cardEnterFromLeft-rtl{0%{opacity:0;transform:translate3d(140px,0,0)}to{transform:translateZ(0) scale(1);opacity:1}}@keyframes cardEnterFromRight-ltr{0%{opacity:0;transform:translate3d(140px,0,0)}to{transform:translateZ(0) scale(1);opacity:1}}@keyframes cardEnterFromRight-rtl{0%{opacity:0;transform:translate3d(-140px,0,0)}to{transform:translateZ(0) scale(1);opacity:1}}@keyframes cardExitToCenter{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translateZ(0) scale(.8)}}@keyframes cardExitToLeft-ltr{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(-140px,0,0)}}@keyframes cardExitToLeft-rtl{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(140px,0,0)}}@keyframes cardExitToRight-ltr{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(140px,0,0)}}@keyframes cardExitToRight-rtl{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(-140px,0,0)}}.App .App__modal{width:496px;position:absolute}.App .App__modal{background:var(--modspotify_sidebar_and_player_bg);border-radius:8px;padding:40px 80px 12px;text-align:center}.App .App__modal{animation-duration:.5s;animation-timing-function:cubic-bezier(.3,0,.4,1);animation-fill-mode:both}.App .App__modal.__login-to-open-browser.enter,.App .App__modal.__login-to-open-browser.enter-done,.App .App__modal.__login-to-signup.enter,.App .App__modal.__login-to-signup.enter-done,.App .App__modal.__login-to-welcome.enter,.App .App__modal.__login-to-welcome.enter-done,.App .App__modal.__open-browser-to-welcome.enter,.App .App__modal.__open-browser-to-welcome.enter-done,.App .App__modal.__welcome-to-login.enter,.App .App__modal.__welcome-to-login.enter-done,.App .App__modal.__welcome-to-open-browser.enter,.App .App__modal.__welcome-to-open-browser.enter-done,.App .App__modal.__welcome-to-signup.enter,.App .App__modal.__welcome-to-signup.enter-done{animation-name:cardEnterFromCenter;animation-delay:.25s}.App .App__modal.__login-to-signup.enter,.App .App__modal.__login-to-signup.enter-done,.App .App__modal.__signup-to-login.enter,.App .App__modal.__signup-to-login.enter-done,.App .App__modal.__signup-to-welcome.enter,.App .App__modal.__signup-to-welcome.enter-done{animation-name:cardEnterFromLeft-ltr;animation-delay:.25s}.App .App__modal.__signup_step_0_to_1.enter,.App .App__modal.__signup_step_0_to_1.enter-done{animation-name:cardEnterFromCenter;animation-delay:.25s}.App .App__modal.__signup_step_1_to_0.enter,.App .App__modal.__signup_step_1_to_0.enter-done{animation-name:cardEnterFromLeft-ltr;animation-delay:.25s}.App .App__content.__login-to-open-browser .App__modal.exit,.App .App__content.__open-browser-to-welcome .App__modal.exit,.App .App__content.__welcome-to-login .App__modal.exit,.App .App__content.__welcome-to-open-browser .App__modal.exit,.App .App__content.__welcome-to-signup .App__modal.exit{animation-name:cardExitToLeft-ltr}.App .App__content.__login-to-signup .App__modal.exit,.App .App__content.__login-to-welcome .App__modal.exit,.App .App__content.__open-browser-to-welcome .App__modal.exit,.App .App__content.__signup-to-login .App__modal.exit,.App .App__content.__signup-to-welcome .App__modal.exit{animation-name:cardExitToCenter}.App .App__content.__signup_step_0_to_1 .App__modal.exit{animation-name:cardExitToLeft-ltr}.App .App__content.__signup_step_1_to_0 .App__modal.exit{animation-name:cardExitToCenter}.App .FormRadioSelect{margin-bottom:24px}@media(max-height:900px){.App .FormRadioSelect{margin-bottom:16px}}.App .FormRadioSelect span{display:block}.App .FormRadioSelect span{margin-bottom:8px;border-radius:4px;border:1px solid hsla(0,0%,100%,.2);padding:0}.App .FormRadioSelect span.checked,.App .FormRadioSelect span:hover{border:1px solid var(--modspotify_main_fg)}.App .FormRadioSelect span label{width:100%;height:40px}.App .FormRadioSelect span label{margin:0}.App .FormRadioSelect span label{padding:10px 0 10px 40px}.App .FormRadioSelect span label:before{width:14px;height:14px;top:12px}.App .FormRadioSelect span label:before{border:1px solid transparent}.App .FormRadioSelect span label:before{left:11px}.App .FormRadioSelect span label:after{width:10px;height:10px;top:15px}.App .FormRadioSelect span label:after{left:14px}.App .GlueTextInput__input--has-error,.App .Input--has-error{border-bottom:2px solid var(--modspotify_miscellaneous_bg);background-color:var(--modspotify_scrollbar_fg_and_selected_row_bg)}.App .GlueCheckbox{padding:4px 0 0 12px}.App .GlueCheckbox .GlueCheckbox__input{width:16px;height:16px}.App .FieldError{color:var(--modspotify_main_fg)}.App .FieldError{margin-bottom:4px}.App .FieldError{padding:0 0 0 12px}.App .FooterFormText{font-size:14px;font-weight:700;letter-spacing:2px}.App .FooterFormText{padding:20px 0;margin:0 auto}@media(max-height:900px){.App .FooterFormText{padding:10px 0}}.App .FooterFormText .FooterFormText__NoUnderline{text-decoration:none;color:#b3b3ae}.App .FooterFormText .FooterFormText__NoUnderline:hover{text-decoration:none}.App .FooterFormText .FooterFormText__NoUnderline:hover{border:none}.App .FooterFormText .FooterFormText__NoUnderline u{color:var(--modspotify_main_fg);text-decoration:underline;text-transform:uppercase}.App .Header{margin:0 auto 36px}@media(max-height:900px){.App .Header{margin:0 auto 24px}}.App .Footer{margin:24px 0}@media(max-height:900px){.App .Footer{margin:16px 0}}.App .Header__logo{width:138px}.App .FormDate,.App .FormField{position:relative}.App .FormDate,.App .FormField{margin:0;padding-bottom:12px}@media(max-height:900px){.App .FormDate,.App .FormField{padding-bottom:8px}}.App .FormDate input,.App .FormDate select,.App .FormField input,.App .FormField select{height:40px;line-height:40px}.App .FormField .FormInputErrorIndicator{top:10px}.App .FormDate__inputs{margin-bottom:12px}.App .FormToggle{margin:0 auto;padding-bottom:12px}@media(max-height:900px){.App .FormToggle{padding-bottom:8px}}.App .EulaAgreement{position:relative}.App .EulaAgreement{margin:0 auto;text-align:center;padding-bottom:12px}@media(max-height:900px){.App .EulaAgreement{padding-bottom:8px}}.App .EulaAgreement p{letter-spacing:-.02em}.App .EulaAgreement .FormInputErrorIndicator{top:auto}.App .FormInputErrorIndicator{color:var(--modspotify_miscellaneous_bg);position:absolute;top:0;height:24px}.App .FormInputErrorIndicator{right:-34px}.App .FormTitleSeparator{display:block;height:40px}.App .FormTitleSeparator{margin:0;padding:12px 0}@media(max-height:900px){.App .FormTitleSeparator{padding:8px 0}}.App .HeroText{letter-spacing:-1.28px;font-size:32px;font-weight:700;color:var(--modspotify_main_fg);line-height:40px}.App .HeroText{text-align:center;margin:0 auto 24px;padding:0 20px}@media(max-height:900px){.App .HeroText{margin:0 auto 16px}}.App .HeroText.__redirect{padding:0;margin:90px 0}.App .HeroText.__welcome{margin-bottom:40px}.App .SocialButton{display:block;font-weight:700;width:100%;height:48px;color:var(--modspotify_main_fg);font-size:14px;text-transform:none;letter-spacing:0}.App .SocialButton{border-radius:24px;margin:12px auto;border:1px solid #aaa;padding:0 32px}@media(max-height:900px){.App .SocialButton{margin:8px auto}}.App .SocialButton:hover{border:1px solid var(--modspotify_main_fg);transform:scale(1.02)}.App .SocialButton.FacebookButton{background:url(../images/social-buttons/facebook.svg) 16px no-repeat}.App .SocialButton.AppleButton{background:url(../images/social-buttons/apple.svg) 16px no-repeat}.App .SocialButton.GoogleButton{background:url(../images/social-buttons/google.svg) 16px no-repeat}.App .Signup{width:auto}.App .Signup{margin:0 auto;text-align:center;padding:0}.App .Signup .SignupForm__checkbox-container{margin:0;padding-bottom:4px;padding-top:4px}.App .Signup .button{margin:12px auto}@media(max-height:900px){.App .Signup .button{margin:8px auto}}.App .Signup .SignupForm__signup-button{border:1px solid transparent}.App .Signup .SignupForm__signup-button:focus{border:1px solid var(--modspotify_main_fg)}.App .Signup .SignupFacebook button{margin:12px 0 20px}@media(max-height:900px){.App .Signup .SignupFacebook button{margin:8px 0 10px}}.App .Signup .SignupForm__back-button{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:2px;display:inline-block;color:var(--modspotify_main_fg)}.App .Signup .SignupForm__back-button{margin:20px auto}@media(max-height:900px){.App .Signup .SignupForm__back-button{margin:10px auto}}.App .Login{width:auto}.App .Login .LoginForm__login-button{color:var(--modspotify_sidebar_and_player_bg);display:block;width:100%;height:48px;font-size:14px}.App .Login .LoginForm__login-button{background:var(--modspotify_main_fg);border-radius:24px;margin:12px auto;border:1px solid transparent}@media(max-height:900px){.App .Login .LoginForm__login-button{margin:8px auto}}.App .Welcome{margin:0;padding:0}.App .Welcome *{max-width:100%}.App .Welcome button{margin:12px auto}@media(max-height:900px){.App .Welcome button{margin:8px 0}}.App .Welcome .Welcome__button{width:336px;min-width:336px}.App .Welcome .Welcome__button{padding:0}.fakeWebPlayer{position:fixed;top:-3px;bottom:-3px;-webkit-filter:blur(3px)}.fakeWebPlayer{background:var(--modspotify_sidebar_and_player_bg)}.fakeWebPlayer{left:-3px;right:-3px}.fakeWebPlayer:before{content:"";position:absolute;top:0;bottom:0;z-index:1}.fakeWebPlayer:before{right:0;left:0;background-image:linear-gradient(-180deg,rgba(var(--modspotify_rgb_cover_overlay_and_shadow),.3),rgba(var(--modspotify_rgb_cover_overlay_and_shadow),.8)),linear-gradient(-225deg,rgba(29,49,102,.4),rgba(159,195,211,.4))}.fakeWebPlayer aside{width:200px;position:absolute;top:0;bottom:90px}.fakeWebPlayer aside{background-size:auto}.fakeWebPlayer aside{background:var(--modspotify_sidebar_and_player_bg) url(../images/fake-web-player/side.png) left 60px no-repeat;left:0}.fakeWebPlayer main{position:absolute;top:0;bottom:90px}.fakeWebPlayer main{background:linear-gradient(-180deg,#414141,var(--modspotify_main_bg) 20%);left:200px;right:0}.fakeWebPlayer .fakeWebPlayer__content{position:absolute;top:20px;bottom:0}.fakeWebPlayer .fakeWebPlayer__content{background-image:url(../images/fake-web-player/content.png);background-position:top;background-repeat:no-repeat;background-size:auto}.fakeWebPlayer .fakeWebPlayer__content{right:0;left:0}@media(max-width:1800px){.fakeWebPlayer .fakeWebPlayer__content{background-size:90% auto}}@media(max-width:1500px){.fakeWebPlayer .fakeWebPlayer__content{background-size:90% auto;background-image:url(../images/fake-web-player/content-small.png)}}.fakeWebPlayer footer{position:absolute;height:90px;bottom:0}.fakeWebPlayer footer{background:var(--modspotify_sidebar_and_player_bg)}.fakeWebPlayer footer{left:0;right:0}.fakeWebPlayer footer .fakeWebPlayer__footer-left{position:absolute;width:97px;height:29px;top:0;bottom:0}.fakeWebPlayer footer .fakeWebPlayer__footer-left{margin:auto;background:url(../images/fake-web-player/footer-left.png) 50% no-repeat;background-size:auto}.fakeWebPlayer footer .fakeWebPlayer__footer-left{left:20px}.fakeWebPlayer footer .fakeWebPlayer__footer-center{position:absolute;width:683px;height:53px;top:0;bottom:0}.fakeWebPlayer footer .fakeWebPlayer__footer-center{margin:auto;background:url(../images/fake-web-player/controls.png) 50% no-repeat;background-size:auto}.fakeWebPlayer footer .fakeWebPlayer__footer-center{left:0;right:0}.fakeWebPlayer footer .fakeWebPlayer__footer-right{position:absolute;width:205px;height:14px;top:0;bottom:0}.fakeWebPlayer footer .fakeWebPlayer__footer-right{margin:auto;background:url(../images/fake-web-player/footer-right.png) 50% no-repeat;background-size:auto}.fakeWebPlayer footer .fakeWebPlayer__footer-right{right:20px}.ErrorMessage{cursor:default}.FieldError{max-height:50px;opacity:1;transition:all .5s}.FieldError{padding:4px 0 0 7px}.FieldError--hidden{max-height:0;opacity:0}.FieldError--hidden{padding:0}.FormDate{margin-bottom:10px}.FormDate{text-align:left}.FormDate__label{display:block}.FormDate__inputs .FormDate__input{vertical-align:bottom}.FormDate__inputs .FormDate__input{margin-left:5%}.FormDate__inputs .FormDate__input:first-child{margin-left:0}.FormDate__input{display:inline-block;width:25%}.FormDate__month{width:40%}.FormDate__month{margin-left:0}.FormDate__error{min-height:24px}.FormDate__error{padding:4px 0 0 7px}@media(min-height:750px){.FormDate{margin-bottom:20px}}.FormField{position:relative}.FormField{margin-bottom:10px}.FormField{text-align:left}.FormField--no-validate{margin-bottom:16px}@media(min-height:750px){.FormField{margin-bottom:20px}}.FormField--rightIcon{position:absolute;top:10px;bottom:0;height:24px;display:block}.FormField--rightIcon{right:10px}@keyframes eyeBlinking{0%{transform:scaleY(1)}30%{transform:scaleY(.3)}to{transform:scaleY(1)}}.FormField--passwordEyeIcon{position:absolute;top:8px;bottom:0;display:block;height:24px;width:24px;z-index:1;outline:none}.FormField--passwordEyeIcon{cursor:pointer;background:url(../images/eye.svg) 50% no-repeat;background-size:100% auto;border:none}.FormField--passwordEyeIcon{right:11px;animation:eyeBlinking .3s 60ms}.FormField--passwordEyeIcon.passwordVisible{animation:none}.FormField--passwordEyeIcon--cross{z-index:0;pointer-events:none;width:24px;height:24px;position:absolute;top:8px;transition:transform .2s}.FormField--passwordEyeIcon--cross{border-bottom:1px solid var(--modspotify_main_fg)}.FormField--passwordEyeIcon--cross{right:10px;transform-origin:left bottom;transform:translate(3px,-3px) rotate(-45deg)}.FormField--passwordEyeIcon--cross.passwordVisible{transform:translate(3px,-3px) rotate(-45deg) scaleX(0)}.FormField--errorIcon{position:absolute}.FormField--errorIcon{right:-40px}.FormTitleSeparator{text-transform:uppercase;line-height:16px;height:16px;overflow:hidden;color:var(--modspotify_secondary_fg)}.FormTitleSeparator{margin:10px auto;text-align:center}.FormTitleSeparator:after,.FormTitleSeparator:before{content:"";display:inline-block;height:1px;position:relative;vertical-align:middle;width:50%}.FormTitleSeparator:after,.FormTitleSeparator:before{background-color:var(--modspotify_scrollbar_fg_and_selected_row_bg);margin:0 20px}.FormTitleSeparator:before{margin-left:-50%}.FormTitleSeparator:after{margin-right:-50%}@media(min-height:750px){.FormTitleSeparator{margin:20px auto}}.FormRadioSelect{position:relative}.FormRadioSelect{margin-bottom:10px}.FormRadioSelect{text-align:left}.FormRadioSelect__label{position:relative;display:inline-block}.FormRadioSelect__label{padding-left:28px;margin-right:20px}.FormRadioSelect__label:before{content:"";position:absolute;top:0;width:18px;height:18px}.FormRadioSelect__label:before{border:1px solid var(--modspotify_secondary_fg);border-radius:100%;background:var(--modspotify_main_fg)}.FormRadioSelect__label:before{left:0}.FormRadioSelect__label:after{content:"";width:12px;height:12px;position:absolute;top:4px;transition:all .2s ease;opacity:0}.FormRadioSelect__label:after{background:var(--modspotify_indicator_fg_and_button_bg);border-radius:100%;transform:scale(0)}.FormRadioSelect__label:after{left:4px}[type=radio]:checked+.FormRadioSelect__label:after{opacity:1}[type=radio]:checked+.FormRadioSelect__label:after{transform:scale(1)}[type=radio]:focus+.FormRadioSelect__label:before{border-color:var(--modspotify_indicator_fg_and_button_bg)}.FormRadioSelect__label--has-error:before{border-color:#941320}.FormRadioSelect--is-disabled .FormRadioSelect__label:before{background-color:var(--modspotify_scrollbar_fg_and_selected_row_bg);border-color:var(--modspotify_scrollbar_fg_and_selected_row_bg)}.FormRadioSelect--is-disabled .FormRadioSelect__label:after{background-color:var(--modspotify_sidebar_and_player_bg)}.FormToggle{display:flex;justify-content:space-between}.FormToggle{margin-bottom:20px}.Footer{position:relative;line-height:35px}.Footer{text-align:center;margin:20px 0}.Footer .Footer__link{font-size:11px;line-height:16px;letter-spacing:.015em;font-weight:var(--glue-font-weight-normal);color:var(--modspotify_secondary_fg);text-transform:uppercase;letter-spacing:.16em}.Footer .Footer__NoUnderline{color:#b3b3ae;font-size:14px;font-weight:700;letter-spacing:2px;text-decoration:none}.Footer .Footer__NoUnderline:hover{text-decoration:none}.Footer .Footer__NoUnderline:hover{border:none}.Footer .Footer__NoUnderline u{font-size:11px;line-height:16px;letter-spacing:.015em;font-weight:var(--glue-font-weight-normal);color:var(--modspotify_secondary_fg);text-transform:uppercase;letter-spacing:.16em;color:var(--modspotify_main_fg);font-size:14px}.Header{margin:24px 0;text-align:center}.Header__logo{width:128px;height:38px;vertical-align:middle}@media(min-height:750px){.Header{margin:36px 0}.Header__logo{width:190px;height:58px}}@media(min-height:900px){.Header{margin:46px 0}}.Input{color:var(--modspotify_main_fg)}.Input{background-color:var(--modspotify_scrollbar_fg_and_selected_row_bg);border:0}.Input::placeholder{color:var(--modspotify_secondary_fg)}.Input[disabled]{color:var(--modspotify_scrollbar_fg_and_selected_row_bg)}.Input[disabled]{background-color:var(--modspotify_sidebar_and_player_bg)}.Input[disabled]::placeholder{color:var(--modspotify_scrollbar_fg_and_selected_row_bg)}.Input:focus{outline:0;color:var(--modspotify_main_fg)}.Input:focus{border-color:var(--modspotify_slider_bg);background-color:var(--modspotify_slider_bg)}.Input--has-error{background-color:var(--modspotify_miscellaneous_bg)}.Input--has-error::placeholder{color:var(--modspotify_main_fg)}.Login{width:336px}.Login{margin:0 auto;text-align:center}.Login label>input{margin-right:10px}.LoginForm__login-button{margin:8px 0}.LoginForm__reset-password{display:block;color:hsla(0,0%,100%,.6);text-decoration:underline}.LoginForm__reset-password{margin-top:-10px;margin-bottom:20px;border:none}.LoginForm__reset-password{text-align:left}.LoginForm__reset-password:hover{text-decoration:underline}.LoginForm__reset-password:hover{border:none}.Signup{width:336px}.Signup{margin:0 auto;text-align:center}.Signup label>input{margin-right:10px}.SignupForm__checkbox-container{margin:16px 0}.SignupForm__send-email-implicit{font-size:12px;line-height:18px;letter-spacing:.015em;color:var(--modspotify_main_fg)}.SignupForm__send-email-implicit{text-align:left}.SignupForm__privacy-policy,.SignupForm__terms-and-conditions{font-size:12px;line-height:18px;letter-spacing:.015em}.SignupForm__privacy-policy,.SignupForm__terms-and-conditions{margin:16px 0 0;text-align:center}.SignupForm__signup-button{width:100%}.SignupForm__signup-button{margin-top:16px}@media(min-height:750px){.SignupForm__checkbox-container{margin:20px 0}.SignupForm__terms-and-conditions{margin-top:20px}}.Welcome{padding:0 15px;margin:40px 0}.Welcome__hero-text{font-size:48px;line-height:56px;letter-spacing:-.005em;font-weight:var(--glue-font-weight-black);color:var(--modspotify_main_fg);text-transform:none;max-width:1000px}.Welcome__hero-text{text-align:center;margin:70px auto}.Welcome__signup-or-login{display:flex;flex-direction:column;justify-content:center;width:max-content}.Welcome__signup-or-login{margin:0 auto}.Welcome__button{min-width:336px}.Welcome__error-message{color:var(--modspotify_main_fg);display:flex;flex-flow:row;font-size:12px;justify-content:flex-start;align-items:center}.Welcome__error-message{background-color:var(--modspotify_miscellaneous_bg);padding:12px;border-radius:6px}.Welcome__error-message__icon{margin:0 12px 0 0}.Welcome .FormTitleSeparator{font-size:11px;line-height:16px;font-weight:var(--glue-font-weight-normal);color:var(--modspotify_secondary_fg);text-transform:uppercase;letter-spacing:.16em;font-size:12px;line-height:18px;letter-spacing:.015em;min-width:336px}.Welcome .FormTitleSeparator{margin-top:35px;margin-bottom:35px}@media(min-height:900px){.Welcome__hero-text{margin:85px auto 70px}}body,html{height:100%;width:100%}body,html{background:var(--modspotify_main_bg)}.body-drag-top{display:block;position:absolute;top:0;height:45px;-webkit-app-region:drag}.body-drag-top{right:0;left:0}a{cursor:pointer}.main{height:100%;transition:opacity .2s}.login-leave{opacity:1}.login-leave.login-leave-active{opacity:0;transition:opacity .2s ease-in}
|
|
/*# sourceMappingURL=login.css.map*/ |