#main .rc-login{--rc-title-font: var(--font-display);--rc-body-font: var(--font-body);--rc-font-color: var(--colour-brand);--rc-button-bg-color: var(--colour-brand);--rc-button-font-color: var(--colour-text-on-brand);--rc-secured-display: none;--rc-border-radius: var(--radius-md);display:flex;flex-direction:column;gap:32px;box-sizing:border-box;width:min(var(--layout-max-width),100% - 2 * var(--layout-margin));max-width:none;min-height:0;margin:0 auto;padding:64px 0;font-family:var(--font-body);color:var(--colour-brand)}#main .rc-login:after{content:"";display:block;height:237px;border-radius:var(--radius-md);background:var(--neutral-25) url(login-dog-step1.jpg) center / cover no-repeat}#main .rc-login:has([data-rc-step-2]:not(.rc-hidden)):after{background-image:url(login-dog-step2.jpg)}#main .rc-login--body{margin:0;padding:0;background:none;box-shadow:none;border-radius:0}#main .rc-login [data-rc-step-1],#main .rc-login .rc-enter-code{display:flex;flex-direction:column;align-items:center;gap:24px;margin:0;text-align:center}#main .rc-login .rc-login--header-title,#main .rc-login .rc-enter-code-header{display:block;margin:0;font-family:var(--font-display);font-weight:var(--weight-display);font-size:36px;line-height:1;letter-spacing:0;color:var(--colour-brand)}#main .rc-login .rc-login--header-title{text-transform:uppercase}#main .rc-login .rc-wf-lede,#main .rc-login .rc-enter-code-text{margin:0;font-family:var(--font-body);font-weight:500;font-size:16px;line-height:1.1;letter-spacing:0;color:var(--colour-brand)}#main .rc-login .rc-login-form{display:flex;flex-direction:column;gap:24px;width:100%;margin:0}#main .rc-login .rc-login-form-label{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}#main .rc-login .rc-login-form-email,#main .rc-login .rc-login-form-email:not(:placeholder-shown){box-sizing:border-box;width:100%;height:48px;padding:8px 14px;border:1.5px solid var(--neutral-50);border-radius:var(--radius-md);background:var(--colour-white);box-shadow:var(--shadow-xs);font-family:var(--font-body);font-weight:500;font-size:16px;line-height:1.2;letter-spacing:0;color:var(--neutral-950);text-align:center}#main .rc-login .rc-login-form-email::placeholder{color:var(--neutral-600);opacity:1}#main .rc-login .rc-login-form-email:focus-visible{outline:2px solid transparent;box-shadow:var(--ring-focus)}#main .rc-login .rc-login-form-email.rc-fade{opacity:1}#main .rc-login .rc-email-error{position:static;height:auto;margin-top:8px;font-family:var(--font-body);font-weight:500;font-size:12px;line-height:1.2;letter-spacing:0;text-align:center}#main .rc-login .rc-login-form-button{position:relative;width:100%;height:42px;margin:0;padding:12px 24px;border:none;border-radius:var(--radius-md);background:var(--colour-brand);color:var(--colour-text-on-brand);font-family:var(--font-display);font-weight:var(--weight-display);font-size:16px;line-height:1.1;letter-spacing:.02em;text-transform:uppercase;cursor:pointer}#main .rc-login .rc-login-form-button:disabled{cursor:progress}#main .rc-login .rc-login-form-button:focus-visible{outline:2px solid transparent;outline-offset:2px;box-shadow:var(--ring-focus)}#main .rc-login .rc-wf-help{display:flex;align-items:center;justify-content:center;gap:4px;margin:0;font-family:var(--font-body);font-weight:500;font-size:16px;line-height:1.2;letter-spacing:0;color:var(--colour-brand)}#main .rc-login .rc-wf-help svg{flex:none;width:18px;height:18px}#main .rc-login .rc-wf-help a{color:inherit;text-decoration:underline;text-underline-position:from-font;border-radius:var(--radius-sm)}#main .rc-login .rc-wf-help a:focus-visible{outline:2px solid transparent;box-shadow:var(--ring-focus)}#main .rc-login .rc-enter-code-container{display:flex;flex-direction:column;align-items:center}#main .rc-login .rc-enter-code-digits{justify-content:center;gap:5px}#main .rc-login .rc-enter-code-digits-item{box-sizing:border-box;display:block;width:42px!important;height:42px!important;margin:0;padding:0!important;border:1.3px solid var(--text-25);border-radius:var(--radius-sm);background:var(--colour-white);box-shadow:var(--shadow-xs);font-family:var(--font-body);font-weight:500;font-size:18px!important;line-height:1.2;color:var(--neutral-950);text-align:center}#main .rc-login .rc-enter-code-digits-item::placeholder{font-weight:500;color:var(--neutral-300);opacity:1}#main .rc-login .rc-enter-code-digits-item:not(:placeholder-shown){background:var(--neutral-25);border-color:var(--neutral-1000)}#main .rc-login .rc-enter-code-digits-item:focus,#main .rc-login .rc-enter-code-digits-item:focus-visible{outline:2px solid transparent;filter:none;box-shadow:var(--ring-focus)}#main .rc-login .rc-error-digits,#main .rc-login .rc-submitted-loading{position:static;height:auto;margin-top:12px;font-family:var(--font-body);font-weight:500;font-size:12px;line-height:1.2;letter-spacing:0}#main .rc-login .rc-submitted-loading{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--colour-brand)}#main .rc-login .rc-submitted-loading .rc-progress{position:relative;width:16px;height:16px}#main .rc-login .rc-submitted-loading .rc-progress__svg{width:16px;height:16px;margin:-8px 0 0 -8px}#main .rc-login .rc-submitted-loading .rc-progress__svg>.path{stroke:var(--colour-brand)}#main .rc-login .rc-enter-code-sms-info,#main .rc-login .rc-enter-code-redirect-text{margin:0;font-family:var(--font-body);font-weight:500;font-size:12px;line-height:1.1;letter-spacing:0;color:var(--colour-brand)}@media(min-width:1024px){#main .rc-login{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,506px);align-items:center;gap:64px;width:min(var(--layout-max-width),100% - 2 * var(--layout-margin-desktop))}#main .rc-login:after{order:-1;height:584px}#main .rc-login .rc-login--header-title,#main .rc-login .rc-enter-code-header{font-size:60px;white-space:nowrap}#main .rc-login .rc-wf-lede,#main .rc-login .rc-enter-code-text{font-size:18px;line-height:1.2}}@media(prefers-reduced-motion:reduce){#main .rc-login .animated,#main .rc-login .fadedBackground{animation-duration:.01ms!important;animation-delay:0ms!important}}
/*# sourceMappingURL=/cdn/shop/t/4154/assets/recharge-login.css.map */