September 20, 2024

:root {
–logo-color: #ec2b8c;
–accent-color: #ea2086;
–brand-color: #ec2b8c;
–buttons-color: #ec2b8c;
–buttons-border: #ec2b8c;
–sidebar-logo-color: #ec2b8c;
–sidebar-bg: #ececec;
–sidebar-active-bg: #ec2b8c;
–sidebar-active-border: #c12272;
–alert-header-bg: #ececec;
–nav-color: #000;
–nav-color-hover: #4b4b4b;
–scrollbar-color: #e15c81;
–mobile-nav-icon-color: #ec2b8c;
–mobile-nav-color: #232323;
–nav-title-font: ‘Titillium Web’, sans-serif;
–heading-font: ‘Titillium Web’, sans-serif;
–text-font: ‘Titillium Web’, sans-serif;
–login-heading-font: museo-sans, ‘Helvetica Neue’, Helvetica, Arial, sans-serif;
–login-text-font: museo-sans, ‘Helvetica Neue’, Helvetica, Arial, sans-serif;
}

.custom-scrollbar::-webkit-scrollbar-track,.login-body::-webkit-scrollbar-track,.login-form::-webkit-scrollbar-track,.login-register::-webkit-scrollbar-track{background:#efefef;border-radius:2px;box-shadow:inset 0 0 2px rgba(0,0,0,0.3)}.custom-scrollbar::-webkit-scrollbar,.login-body::-webkit-scrollbar,.login-form::-webkit-scrollbar,.login-register::-webkit-scrollbar{background:#efefef;border-radius:5px;width:5px}.custom-scrollbar::-webkit-scrollbar-thumb,.login-body::-webkit-scrollbar-thumb,.login-form::-webkit-scrollbar-thumb,.login-register::-webkit-scrollbar-thumb{background:var(–scrollbar-color);border:1px solid var(–scrollbar-color);border-radius:2px}body.overlay-active{overflow:hidden}@media (max-width: 47.9375em){.login-body{flex-direction:column}}@media (max-width: 47.9375em){.login-body .mobile-hidden{display:none}}@media (min-width: 48em){.login-body .mobile-only{display:none}}.login-body input::placeholder{color:#191919 !important;font-family:inherit;font-size:initial !important;font-style:normal !important}.login-body input:-webkit-autofill{-webkit-text-fill-color:#191919}.close-sso-popup,.close-sso-message{color:#4c4c4c;cursor:pointer;font-size:22px;position:absolute;right:16px;text-align:right;top:12px;transition:.25s;z-index:1}.close-sso-popup:hover,.close-sso-message:hover{color:#1b1b1b;transition:.25s}.close-sso-message{position:static;border:none;background:none;padding:0}.overlay{background-color:rgba(0,0,0,0.8);bottom:0;cursor:pointer;display:none;height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:10000000}.overlay.active{display:block}.alert__popup{display:none}@keyframes slideInLeft{0%{-webkit-transform:translateX(-1000px);transform:translateX(-1000px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(-1000px);transform:translateX(-1000px);opacity:0}}.field-with-checkbox{display:flex;gap:10px;margin-bottom:15px;width:100%}.field-with-checkbox input[type=checkbox]{-moz-appearance:none;-webkit-appearance:none;background:#fff;border:1px solid var(–accent-color);cursor:pointer;display:inline-block;flex-shrink:0;height:21px;margin-top:2px;outline:none;position:relative;transition:background 0.3s, border-color 0.3s, box-shadow 0.2s;vertical-align:top;width:21px}.field-with-checkbox input[type=checkbox].checkbox-themed{border:1px solid var(–buttons-color)}.field-with-checkbox input[type=checkbox]:checked::after{border:2px solid #fff;border-left:0;border-top:0;box-sizing:border-box;content:””;display:block;height:9px;left:7px;opacity:1;position:absolute;top:4px;transform:rotate(43deg);transition:transform .3s, opacity .2s;width:5px}.field-with-checkbox input[type=checkbox]:checked{background:var(–accent-color);transition:background 0.3s, border-color 0.3s, box-shadow 0.2s}.field-with-checkbox input[type=checkbox]:checked.checkbox-themed{background:var(–buttons-color)}.field-with-checkbox input[type=checkbox]:disabled{background-color:#F6F8FF;border-color:#9194a9;cursor:not-allowed;opacity:0.9}.field-with-checkbox input[type=checkbox]:disabled:checked{background-color:#BBC1E1}.field-with-checkbox input[type=checkbox]:hover:not(:checked):not(:disabled){border-color:var(–accent-color)}.field-with-checkbox input[type=checkbox]:hover:not(:checked):not(:disabled).checkbox-themed{border-color:var(–buttons-color)}.field-with-checkbox input[type=checkbox]+label{cursor:pointer;display:inline-block;margin-left:4px;vertical-align:top}.feedback-wrapper{display:flex;flex-direction:column;margin:0 5% 10px;max-width:90%;position:fixed;top:15px;z-index:2147483647}@media (min-width: 48em){.feedback-wrapper{left:15px;margin:0;max-width:400px}}.feedback-message{align-items:center;animation-duration:1s;animation-fill-mode:both;animation-name:slideOutLeft;border-radius:5px;color:#3c4650;display:flex;font-family:var(–login-heading-font);font-size:17px;font-weight:600;gap:15px;height:auto;line-height:1;margin-bottom:5px;padding:10px 15px;visibility:visible}.feedback-message::before{align-items:center;border-radius:11px;color:#fff;display:flex;flex-shrink:0;font-family:’Profile Icons’;font-size:12px;height:30px;justify-content:center;width:30px}.feedback-message.active{animation-name:slideInLeft}.feedback-message.feedback-success{background:#eaf7ee;border:solid 2px #cae5d1}.feedback-message.feedback-success::before{background:#3cb95e url(‘data:image/svg+xml;utf8,’) no-repeat center;background-size:12px 12px;content:”;height:30px;width:30px}.feedback-message.feedback-error{background:#fcede9;border:solid 2px #edc9c3}.feedback-message.feedback-error::before{background:#ed4f2c url(‘data:image/svg+xml;utf8,’) no-repeat center;background-size:12px 12px;content:”;height:30px;width:30px}.login-body *,.alert__popup *{box-sizing:border-box}.login-body{background:#f6f6f6;bottom:0;box-shadow:1px 1px 10px 3px rgba(0,0,0,0.1);display:none;left:0;margin:auto;min-height:100%;min-width:100%;overflow:auto;overflow:overlay;position:fixed;right:0;top:0;width:100vw;z-index:2147483646;letter-spacing:normal}@media (min-width: 48em){.login-body{border-radius:10px;bottom:auto;height:auto;left:50%;max-height:95vh;max-width:95vw;min-height:400px;min-width:530px;right:auto;top:50%;transform:translate(-50%, -50%);width:auto}}body:not(.sso-logged-in).active-lightbox-bg .login-body.sso-usweekly{height:calc(100vh – 70px);min-height:calc(100vh – 70px);position:fixed;top:70px;right:0;left:0;bottom:auto;transform:none}@media (min-width: 48em){body:not(.sso-logged-in).active-lightbox-bg .login-body.sso-usweekly{max-width:530px;height:100%;min-height:calc(100vh – 185px);max-height:calc(100vh – 185px);top:160px;right:50px;left:auto}}.login-body h4,.login-body button,.login-body label{text-transform:unset;letter-spacing:unset;font-size:unset;margin:unset}.login-body ul{padding:unset;margin:unset}.login-body span{font:normal 400 .9375rem var(–login-heading-font)}.login-body span a{cursor:pointer;text-decoration:none}.login-body span a:hover{text-decoration:underline}.login-body a{color:var(–accent-color);text-decoration:none}.login-body a:hover{text-decoration:underline}.login-body button{align-items:center;background:var(–accent-color);border:none;border-radius:5px;color:white;display:flex;font:normal 400 1.125rem var(–login-text-font);justify-content:center;margin:5px auto 15px;padding:10px;position:relative;transition:.3s;width:100%;cursor:pointer}.login-body button:hover{background:var(–accent-color);transition:.3s}.login-body button:disabled{background:#8d8d8d;cursor:unset;color:white}.login-body button svg{fill:#fff;position:absolute;right:15px;width:20px}.login-body .hidden{display:none !important}.login-body.delete-account__popup-active .profile-wrapper{height:95vh;overflow:hidden}.login-body .login-form input::placeholder,.login-body .login-form input:not([type=submit]):not([type=checkbox])::placeholder,.login-body .login-register input::placeholder,.login-body .login-register input:not([type=submit]):not([type=checkbox])::placeholder{color:#000 !important;opacity:1}.password-requirements{color:#878787;font-family:var(–login-heading-font);font-size:.9375rem;font-weight:600;margin:5px 0 15px;padding-left:5px}.password-requirements__title{font-weight:600;margin-bottom:5px}.password-requirements__list{list-style:none;padding-left:0}.password-requirements__list-item{align-items:center;display:flex;padding-left:15px;position:relative}.password-requirements__list-item::before{background:#8d8d8d;border-radius:100%;content:”;display:block;height:5px;left:2px;position:absolute;width:5px}.password-requirements__list-item.validation-success{color:#4c4c4c}.password-requirements__list-item.validation-success:before{background:transparent;border:2px solid var(–accent-color);border-left:0;border-radius:0;border-top:0;content:”;height:9px;opacity:1;transform:rotate(43deg);transition:transform .3s, opacity .2s;width:5px}.login-body__title,.login-profile h4{font:500 1.75rem var(–login-heading-font),sans-serif;margin:15px 0 5px;text-align:center}@media (min-height: 800px){.login-body__title,.login-profile h4{font-size:2rem}}.login-body.sso-mj h1,.sso-mj .login-profile h4{font-size:1.5rem}@media (min-height: 800px){.login-body.sso-mj h1,.sso-mj .login-profile h4{font-size:1.75rem}}.login-profile h4{color:var(–accent-color);font-size:1.375rem;margin-bottom:20px;text-align:left}.login-logo{display:flex;fill:var(–logo-color);flex-shrink:0;margin:10px auto 0;max-height:60px;max-width:180px}@media (min-height: 800px){.login-logo{margin:25px auto 0;max-height:100px;max-width:240px}}.login-logo.logo-ww{max-width:240px}.login-logo.logo-magshop{max-height:60px}.login-request{display:flex;flex-direction:column;padding:30px;width:100%}.login-request__register{font:normal 400 .9375rem var(–login-text-font);margin:10px auto 20px;text-align:center}.login-request__register a{text-decoration:none}.login-request__register a:hover{cursor:pointer;text-decoration:underline}.login-request span{margin:10px auto}.login-form{display:flex;flex-direction:column;margin-bottom:20px;margin-left:auto;margin-right:auto;padding-left:10px;padding-right:10px}.login-form label,.login-register label{font:normal 400 .9375rem var(–login-heading-font)}.login-form label[for=’emailInputForgot’],.login-register label[for=’emailInputForgot’]{margin:20px 0 5px}.login-form input,.login-form input:not([type=submit]):not([type=checkbox]),.login-register input,.login-register input:not([type=submit]):not([type=checkbox]){border:solid 1px #e0e0e0;border-radius:5px;color:#000;font:normal 400 1.0625rem var(–login-heading-font);margin-bottom:7px;margin-top:7px;padding:10px 40px 10px 10px;flex-grow:1;background-color:#fff}.login-form input:focus,.login-form input:not([type=submit]):not([type=checkbox]):focus,.login-register input:focus,.login-register input:not([type=submit]):not([type=checkbox]):focus{box-shadow:0 0 2px #b5b5b5}.login-form .forgot-password,.login-register .forgot-password{margin:10px 0}.social-login{border-top:solid 1px #dadada;margin:15px 10px 0;padding:15px 0 30px}.social-login__title{font:normal 700 1rem var(–login-heading-font);margin:10px auto 20px;text-align:center}.social-login__legal{font:normal 400 .9375rem var(–login-text-font)}.social-login .google-button,.social-login .facebook-button,.social-login .amazon-button,.social-login .apple-button{align-items:center;cursor:pointer;display:flex;gap:15px;justify-content:flex-start;padding:5px;min-height:46px}.social-login .google-button span,.social-login .facebook-button span,.social-login .amazon-button span,.social-login .apple-button span{margin:0}.social-login .google-button .social-logo,.social-login .facebook-button .social-logo,.social-login .amazon-button .social-logo,.social-login .apple-button .social-logo{max-width:36px;position:static}.social-login .google-button{background:#5383ec;transition:0.3s ease-in-out}.social-login .google-button:hover{background:#3f7ce8;transition:0.3s ease-in-out;color:white}.social-login .google-button .social-logo{background:#fff;box-sizing:content-box;padding:8px;width:20px}.social-login .facebook-button{background:#4267b2;transition:0.3s ease-in-out}.social-login .facebook-button:hover{background:#2955ad;transition:0.3s ease-in-out;color:white}.social-login .facebook-button .social-logo{fill:#4267B2;width:36px}.social-login .amazon-button{background:linear-gradient(to bottom, #f7dfa5, #f0c14b);border:1px solid #b38b22;color:black}.social-login .amazon-button:hover{background:linear-gradient(to bottom, #f5d78e, #eeb933);transition:0.3s ease-in-out}.social-login .amazon-button .social-logo{fill:#ffe8ab;width:30px}.social-login .apple-button{background-color:#000;color:#FFF;font-family:-apple-system, system-ui, BlinkMacSystemFont, “Segoe UI”, Roboto, “Helvetica Neue”, Arial, sans-serif;transition:0.3s ease-in-out}.social-login .apple-button:hover{background:#373737;transition:0.3s ease-in-out}.social-login .apple-button .social-logo{fill:#000000;width:30px}.terms-conditions-checkbox{align-items:center;display:flex;gap:10px;margin-bottom:5px;padding-left:10px;padding-right:10px}.terms-conditions-checkbox.terms-conditions-checkbox input{flex:0 0 20px;height:20px;margin:0;padding:5px 7px}.terms-conditions-checkbox.terms-conditions-checkbox input::after{height:13px;left:6px;top:1px;width:6px}.terms-conditions-checkbox label{font-size:.9375rem;line-height:1.2;margin:0}.login-form__terms-conditions{font:normal 400 1.125rem var(–login-heading-font);font-size:.9375rem;line-height:1.2;margin:0;max-width:400px}.login-register{display:none;flex-direction:column;padding:30px;width:100%}.login-register span{margin:10px auto 20px}.already-have-acc{text-align:center}.already-have-acc a{color:var(–accent-color)}.screen-reader-only{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.login-form__social-acc{border-top:solid 1px #e5e5e5;font:normal 400 .9375rem var(–login-heading-font);padding-top:25px;text-align:center}.login-form__social-acc a{color:var(–accent-color);text-decoration:underline}.login-forgot{display:none;flex-direction:column;padding:30px;width:100%}.login-forgot__notice{display:flex;gap:5px;text-align:left}.login-restore{display:none;flex-direction:column;padding:30px;width:100%}.login-restore span{text-align:center}.password-input-wrapper{position:relative;display:flex;flex-direction:column;justify-content:center}.view-password-button{position:absolute;right:10px;height:20px;width:20px;cursor:pointer}.shopify-section .js-cognito-login{display:block;text-align:left;text-indent:-99999px}.shopify-section .magshop-intend{text-indent:unset}.shopify-section .user-account__signin-icon{display:block;height:26px}.shopify-section .cognito-account-link,.shopify-section .cognito-login-link{height:0;opacity:0;overflow:hidden;pointer-events:none;transition:0.25s}.shopify-section .cognito-account-link svg,.shopify-section .cognito-login-link svg{fill:#ff008f}.shopify-section .user-logged-in .cognito-account-link,.shopify-section .user-logged-out .cognito-login-link{height:auto;opacity:1;pointer-events:initial;transition:0.25s}.shopify-section .screen-reader-only{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.header__mid .icon_like .facl{display:block}.shopify-section .site-nav__magshop .site-nav__icons{display:flex;align-items:center}.shopify-section .site-nav__magshop .my-account{padding:0 0 2px}.shopify-section .site-nav__magshop .user-account__signin-icon{height:21px;fill:#0f0f0f}.shopify-section .site-nav__magshop .cognito-login-link{margin-top:2px}.shopify-section .site-nav__magshop .cognito-login-link .user-account__signin-icon{height:22px}@media (max-width: 768px){.js-cognito-login-desktop{display:none}.js-cognito-login-mobile{text-indent:0 !important}}@media (min-width: 469px){.js-cognito-login-mobile{display:none}}

Us Weekly has affiliate partnerships so we may receive compensation for some links to products and services.

Leave a Reply

Your email address will not be published. Required fields are marked *