:root{--theme-primary:#3b2d22;--theme-primary-rgb:26, 26, 26;--theme-accent:#ff4000;--theme-accent-rgb:59, 130, 246}.clf-myaccount-login-wrap{background-color:#f6f6f6;min-height:calc(100vh - 64px);display:flex;flex-direction:column;justify-content:center;padding:1.5rem 1rem 3rem}.clf-myaccount-login-wrap#customer_login .clf-login-container{width:100%;@media (width>=48rem){max-width:32rem!important}}.clf-myaccount-login-wrap#customer_login .clf-login-header{text-align:center;margin-bottom:1.5rem;& .clf-login-title{font-size:1.25rem;font-weight:700;color:var(--theme-primary)}& .clf-login-subtitle{font-size:.875rem;color:color-mix(in srgb,var(--theme-primary) 70%,transparent);margin-top:.25rem}}.clf-myaccount-login-wrap#customer_login .clf-tabs-wrapper{display:flex;border-radius:.75rem;gap:.5rem;border:1px solid color-mix(in srgb,var(--theme-primary) 20%,transparent);background-color:#fff;padding:.25rem;margin-bottom:1rem;box-shadow:0 1px 3px 0 rgb(0 0 0 / .1),0 1px 2px -1px rgb(0 0 0 / .1)}.clf-myaccount-login-wrap#customer_login .clf-tab-btn{flex:1;padding:.8rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:600;border:1px solid #fff0;background-color:#fff0;color:color-mix(in srgb,var(--theme-primary) 70%,transparent);cursor:pointer;transition:all 200ms ease;&:not(.active):hover{background-color:color-mix(in srgb,var(--theme-accent) 5%,transparent)!important;color:color-mix(in srgb,var(--theme-primary) 80%,transparent)!important}&.active,&:focus,&:active{background-color:var(--theme-accent)!important;color:#fff;border-color:color-mix(in srgb,var(--theme-accent) 5%,transparent);&:hover{background-color:var(--theme-accent)}}}.clf-myaccount-login-wrap#customer_login .clf-panel{background-color:#fff;border-radius:.75rem;border:1px solid color-mix(in srgb,var(--theme-primary) 10%,transparent);box-shadow:0 4px 6px -1px rgb(0 0 0 / .1),0 2px 4px -2px rgb(0 0 0 / .1);padding:1.25rem;opacity:0;transition:opacity 200ms ease-out;&.visible{opacity:1}& .clf-panel-title{font-size:1rem;font-weight:700;color:var(--theme-primary);margin-bottom:1rem;text-transform:uppercase;display:none}}.clf-panel.clf-panel-register{min-height:320px}.clf-myaccount-login-wrap#customer_login .clf-form-group{margin-bottom:1rem}.clf-myaccount-login-wrap#customer_login .clf-label{display:block;font-size:.875rem;font-weight:500;color:color-mix(in srgb,var(--theme-primary) 80%,transparent);margin-bottom:.25rem;& .required{color:#e53e3e}}.clf-myaccount-login-wrap#customer_login .clf-input{width:100%;padding:.75rem 1rem;border:1px solid color-mix(in srgb,var(--theme-primary) 20%,transparent);border-radius:0.5rem!important;font-size:.875rem;background-color:#fafafa;color:var(--theme-primary);transition:border-color 200ms ease,box-shadow 200ms ease;&::placeholder{color:color-mix(in srgb,var(--theme-primary) 50%,transparent)}&:focus{outline:none;border-color:var(--theme-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-accent) 30%,transparent)}}.clf-myaccount-login-wrap#customer_login .clf-checkbox-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1rem}.clf-myaccount-login-wrap#customer_login .clf-checkbox-label{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;margin-bottom:0;& .clf-checkbox{border-radius:.25rem;border:1px solid color-mix(in srgb,var(--theme-primary) 30%,transparent);color:var(--theme-accent);cursor:pointer;width:1rem;height:1rem;accent-color:var(--theme-accent);&:focus{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-accent) 30%,transparent)}}& .clf-checkbox-text{font-size:.875rem;font-weight:500;color:color-mix(in srgb,var(--theme-primary) 80%,transparent)}}.clf-myaccount-login-wrap#customer_login .clf-forgot-link{font-size:.875rem;color:var(--theme-accent)!important;font-weight:500;text-decoration:none!important;box-shadow:none!important;transition:opacity 200ms ease!important;&:hover{opacity:.8}}.clf-myaccount-login-wrap#customer_login .clf-submit-btn{width:100%;padding:.75rem;border-radius:.5rem;background-color:var(--theme-primary)!important;color:#fff;font-weight:600;font-size:.875rem;border:none;cursor:pointer;transition:background-color 200ms ease;&:hover{background-color:color-mix(in srgb,var(--theme-primary) 80%,transparent)!important}}.clf-myaccount-login-wrap#customer_login .clf-info-text{font-size:.875rem;color:color-mix(in srgb,var(--theme-primary) 70%,transparent)!important;margin-bottom:1rem}body.page.page-id-484{background:#f6f6f6!important}.clf-login-container{margin:auto}.clf-myaccount-login-wrap#customer_login form:where(.login,.register){border:none;padding:0;margin:0;border-radius:0;width:100%}